|
@@ -1,441 +0,0 @@
|
|
|
-<template>
|
|
|
- <div class="index">
|
|
|
- <el-tabs v-model="activeName" type="card">
|
|
|
- <el-tab-pane label="基本信息" name="first">
|
|
|
- <el-form ref="ruleFormRef" :model="form" :rules="rules" class="form" label-position="left">
|
|
|
- <el-row>
|
|
|
- <el-form-item label="Logo" prop="logo">
|
|
|
- <custom-upload model="logo" :list="form.logo" :limit="1" url="/files/web/cxyy_incubator/upload" @change="onUpload" listType="picture-card"></custom-upload>
|
|
|
- </el-form-item>
|
|
|
- </el-row>
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="孵化基地名称" prop="name">
|
|
|
- <el-input size="large" clearable v-model="form.name" placeholder="请输入孵化基地名称" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="运营单位名称" prop="unit">
|
|
|
- <el-input size="large" clearable v-model="form.unit" placeholder="请输入运营单位名称" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="负责人姓名" prop="person">
|
|
|
- <el-input size="large" clearable v-model="form.person" placeholder="请输入负责人姓名" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="负责人电话" prop="person_phone">
|
|
|
- <el-input size="large" clearable v-model="form.person_phone" placeholder="请输入负责人电话" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="所在地区" prop="area">
|
|
|
- <el-cascader size="large" v-model="form.area" :props="{ value: 'name', label: 'name' }" :options="cityList" clearable placeholder="请选择所在地区" style="width: 100%" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="地址" prop="address">
|
|
|
- <el-input size="large" v-model="form.address" :autosize="{ minRows: 2, maxRows: 4 }" type="textarea" placeholder="请输入地址" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="占地面积(平方米)" prop="cover_area">
|
|
|
- <el-input size="large" clearable v-model="form.cover_area" placeholder="请输入占地面积(平方米)" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="建筑面积(平方米)" prop="build_area">
|
|
|
- <el-input size="large" clearable v-model="form.build_area" placeholder="请输入建筑面积(平方米)" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="剩余面积(平方米)" prop="residue_area">
|
|
|
- <el-input size="large" clearable v-model="form.residue_area" placeholder="请输入剩余面积(平方米)" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="房租(元/平方米/月)" prop="rent">
|
|
|
- <el-input size="large" clearable v-model="form.rent" placeholder="请输入房租(元/平方米/月)" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="物业费(元/平方米/月)" prop="wy_money">
|
|
|
- <el-input size="large" clearable v-model="form.wy_money" placeholder="请输入物业费(元/平方米/月)" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="是否具备中试场地" prop="is_have">
|
|
|
- <el-radio-group size="large" v-model="form.is_have">
|
|
|
- <el-radio v-for="i in isUseList" :key="i._id" :label="i.value">{{ i.label }}</el-radio>
|
|
|
- </el-radio-group>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="载体运营单位人数" prop="unit_num">
|
|
|
- <el-input size="large" type="number" clearable v-model="form.unit_num" placeholder="请输入载体运营单位人数" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="载体运营单位的省级以上导师数" prop="teacher_num">
|
|
|
- <el-input size="large" type="number" clearable v-model="form.teacher_num" placeholder="请输入载体运营单位的省级以上导师数" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="中试场地面积(平方米)" prop="site_area">
|
|
|
- <el-input size="large" clearable v-model="form.site_area" placeholder="请输入中试场地面积(平方米)" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="累计参加活动人次" prop="activity_num">
|
|
|
- <el-input size="large" type="number" clearable v-model="form.activity_num" placeholder="请输入累计参加活动人次" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="累计参加活动企业数量" prop="actCompany_num">
|
|
|
- <el-input size="large" type="number" clearable v-model="form.actCompany_num" placeholder="请输入累计参加活动企业数量" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="市级以上活动数" prop="actCity_num">
|
|
|
- <el-input size="large" type="number" clearable v-model="form.actCity_num" placeholder="请输入市级以上活动数" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="培训辅导类活动数" prop="actTrain_num">
|
|
|
- <el-input size="large" type="number" clearable v-model="form.actTrain_num" placeholder="请输入培训辅导类活动数" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="高校院所类活动数" prop="actSchool_num">
|
|
|
- <el-input size="large" type="number" clearable v-model="form.actSchool_num" placeholder="请输入高校院所类活动数" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="投资机构类活动数" prop="actInstitution_num">
|
|
|
- <el-input size="large" type="number" clearable v-model="form.actInstitution_num" placeholder="请输入投资机构类活动数" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="中介服务类活动数" prop="actService_num">
|
|
|
- <el-input size="large" type="number" clearable v-model="form.actService_num" placeholder="请输入中介服务类活动数" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="入驻企业数" prop="company_num">
|
|
|
- <el-input size="large" type="number" clearable v-model="form.company_num" placeholder="请输入入驻企业数" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="是否公开" prop="is_show">
|
|
|
- <el-radio-group size="large" v-model="form.is_show">
|
|
|
- <el-radio v-for="i in isUseList" :key="i._id" :label="i.value">{{ i.label }}</el-radio>
|
|
|
- </el-radio-group>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="是否和平台合作标识" prop="cooperate">
|
|
|
- <el-radio-group v-model="form.cooperate" disabled>
|
|
|
- <el-radio v-for="i in isUseList" :key="i.id" :label="i.value">{{ i.label }}</el-radio>
|
|
|
- </el-radio-group>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="简介" prop="brief">
|
|
|
- <WangEditor v-model="form.brief" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="button">
|
|
|
- <el-button type="primary" @click="submitForm(ruleFormRef)">保存</el-button>
|
|
|
- </el-col>
|
|
|
- </el-form>
|
|
|
- </el-tab-pane>
|
|
|
- <el-tab-pane label="年度信息" name="second" v-if="form && form.id">
|
|
|
- <el-col :span="24" class="one">
|
|
|
- <div class="one_left">
|
|
|
- <div class="button" @click="toAdd">发布年度信息</div>
|
|
|
- </div>
|
|
|
- <div class="one_right">
|
|
|
- <el-input v-model="searchForm.year" style="width: 250px" size="large" placeholder="搜索年度" @change="search" :suffix-icon="Search" />
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="two">
|
|
|
- <el-table :data="list" style="width: 100%" size="large" :header-cell-style="{ backgroundColor: '#edf3ff' }">
|
|
|
- <template #empty>
|
|
|
- <el-empty description="暂无数据" />
|
|
|
- </template>
|
|
|
- <el-table-column prop="year" align="center" label="年度" />
|
|
|
- <el-table-column prop="act_num" align="center" label="活动总数" width="180" />
|
|
|
- <el-table-column prop="time" align="center" label="填写时间" width="180" />
|
|
|
- <el-table-column prop="is_use" align="center" label="是否使用" width="180">
|
|
|
- <template #default="scope">
|
|
|
- <div>{{ getDict(scope.row.is_use, 'is_use') }}</div>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column prop="status" align="center" label="状态" width="180">
|
|
|
- <template #default="scope">
|
|
|
- <div>{{ getDict(scope.row.status, 'status') }}</div>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column align="center" label="操作" width="180">
|
|
|
- <template #default="{ row }">
|
|
|
- <el-link v-if="row.status == '-2'" :underline="false" type="warning" size="mini" @click="toExam(row)" style="margin-right: 10px">提交审核</el-link>
|
|
|
- <el-link :underline="false" type="primary" size="mini" @click="toEdit(row)" style="margin-right: 10px">修改</el-link>
|
|
|
- <el-link :underline="false" type="danger" size="mini" @click="toDelete(row)"> 删除 </el-link>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- </el-table>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="thr">
|
|
|
- <el-pagination background layout="prev, pager, next" :total="total" :page-size="limit" v-model:current-page="currentPage" @current-change="changePage" @size-change="sizeChange" />
|
|
|
- </el-col>
|
|
|
- </el-tab-pane>
|
|
|
- </el-tabs>
|
|
|
- </div>
|
|
|
- <el-dialog v-model="dialog.show" :title="dialog.title" :destroy-on-close="false" @close="toClose" :width="width">
|
|
|
- <el-row>
|
|
|
- <el-col :span="24" v-if="dialog.type == '1'">
|
|
|
- <custom-form v-model="yearForm" :fields="formFields" :rules="yearRules" @save="toSave" @draftSave="toDraftSave">
|
|
|
- <template #is_use>
|
|
|
- <el-radio v-for="i in isUseList" :key="i.id" :label="i.value">{{ i.label }}</el-radio>
|
|
|
- </template>
|
|
|
- <template #year>
|
|
|
- <el-option v-for="i in yearList" :key="i.id" :label="i.label" :value="i.label"></el-option>
|
|
|
- </template>
|
|
|
- </custom-form>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-dialog>
|
|
|
-</template>
|
|
|
-<script setup>
|
|
|
-// 基础
|
|
|
-import { cloneDeep, get } from 'lodash-es'
|
|
|
-const $checkRes = inject('$checkRes')
|
|
|
-// 用户信息
|
|
|
-import { UserStore } from '@/store/user'
|
|
|
-const userStore = UserStore()
|
|
|
-const user = computed(() => userStore.user)
|
|
|
-// 表单
|
|
|
-const ruleFormRef = ref()
|
|
|
-const activeName = ref('first')
|
|
|
-// 字典表
|
|
|
-const isUseList = inject('isUseList')
|
|
|
-const statusList = inject('statusList')
|
|
|
-const yearList = inject('yearList')
|
|
|
-const cityList = inject('cityList')
|
|
|
-// 接口
|
|
|
-import { IncubatorStore } from '@/store/api/user/incubator'
|
|
|
-import { IncubatorYearStore } from '@/store/api/user/incubatorYear'
|
|
|
-const incubatorStore = IncubatorStore()
|
|
|
-const yearStore = IncubatorYearStore()
|
|
|
-const form = ref({ logo: [] })
|
|
|
-const rules = reactive({
|
|
|
- // nick_name: [{ required: true, message: '请输入昵称', trigger: 'blur' }],
|
|
|
- // gender: [{ required: true, message: '请选择性别', trigger: 'blur' }],
|
|
|
- // phone: [{ required: true, validator: validatePhoneNumber, trigger: 'blur' }],
|
|
|
- // account: [{ required: true, message: '请输入账号', trigger: 'blur' }],
|
|
|
- // password: [{ required: true, message: '请输入密码', trigger: 'blur' }],
|
|
|
- // refpassword: [{ required: true, validator: validatePassword, trigger: 'blur' }]
|
|
|
-})
|
|
|
-const yearForm = ref({})
|
|
|
-const dialog = ref({ type: '1', show: false, title: '发布年度信息' })
|
|
|
-const formFields = ref([
|
|
|
- { label: '年度', model: 'year', type: 'select' },
|
|
|
- { label: '活动总数', model: 'act_num', type: 'number' },
|
|
|
- { label: '企业实现收入(万元)', model: 'income_money', type: 'number' },
|
|
|
- { label: '企业利润(万元)', model: 'profit_money', type: 'number' },
|
|
|
- { label: '企业税金(万元)', model: 'tax_money', type: 'number' },
|
|
|
- { label: '企业预计收入(万元)', model: 'esincome_money', type: 'number' },
|
|
|
- { label: '企业预计利润(万元)', model: 'esprofit_money', type: 'number' },
|
|
|
- { label: '企业预计税金(万元)', model: 'estax_money', type: 'number' },
|
|
|
- { label: '获得荣誉情况', model: 'content', type: 'textarea' },
|
|
|
- { label: '是否使用', model: 'is_use', type: 'radio', mark: 'dict', code: 'isUse' }
|
|
|
-])
|
|
|
-const yearRules = reactive({ year: [{ required: true, message: '请选择年度', trigger: 'blur' }] })
|
|
|
-// 列表
|
|
|
-const list = ref([])
|
|
|
-let skip = 0
|
|
|
-let limit = inject('limit')
|
|
|
-const total = ref(0)
|
|
|
-const currentPage = ref(1)
|
|
|
-const searchForm = ref({})
|
|
|
-
|
|
|
-// 上传图片
|
|
|
-const onUpload = (e) => {
|
|
|
- const { model, value } = e
|
|
|
- form.value[model] = value
|
|
|
-}
|
|
|
-// 注册
|
|
|
-const submitForm = async (formEl) => {
|
|
|
- if (!formEl) return
|
|
|
- await formEl.validate(async (valid, fields) => {
|
|
|
- if (valid) {
|
|
|
- const data = cloneDeep(form.value)
|
|
|
- data.status = '0'
|
|
|
- let res
|
|
|
- if (data.id) res = await incubatorStore.update(data)
|
|
|
- else res = await incubatorStore.create({ ...data, user: user.value.id })
|
|
|
- if ($checkRes(res, true)) {
|
|
|
- search()
|
|
|
- } else ElMessage.error(res.message)
|
|
|
- } else {
|
|
|
- console.log('error submit!', fields)
|
|
|
- }
|
|
|
- })
|
|
|
-}
|
|
|
-// 请求
|
|
|
-onMounted(async () => {
|
|
|
- await search()
|
|
|
- await searchYear()
|
|
|
-})
|
|
|
-const search = async () => {
|
|
|
- if (user.value.id) {
|
|
|
- let res = await incubatorStore.query({ user: user.value.id })
|
|
|
- if (res.errcode == '0') {
|
|
|
- if (!res.data[0].logo) res.data[0].logo = []
|
|
|
- form.value = res.data[0] || { logo: [] }
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-const searchYear = async (query = { skip, limit }) => {
|
|
|
- skip = query.skip
|
|
|
- limit = query.limit
|
|
|
- const info = {
|
|
|
- skip: query.skip,
|
|
|
- limit: query.limit,
|
|
|
- incubator: form.value.id,
|
|
|
- ...searchForm.value
|
|
|
- }
|
|
|
- if (form.value.id) {
|
|
|
- const res = await yearStore.query(info)
|
|
|
- if (res.errcode == '0') {
|
|
|
- list.value = res.data
|
|
|
- total.value = res.total
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-// 字典数据转换
|
|
|
-const getDict = (data, model) => {
|
|
|
- if (data) {
|
|
|
- let res
|
|
|
- if (model == 'status') res = statusList.value.find((f) => f.value == data)
|
|
|
- else if (model == 'is_use') res = isUseList.value.find((f) => f.value == data)
|
|
|
- return get(res, 'label')
|
|
|
- }
|
|
|
-}
|
|
|
-// 添加
|
|
|
-const toAdd = () => {
|
|
|
- dialog.value = { type: '1', show: true, title: '发布年度信息' }
|
|
|
-}
|
|
|
-// 修改
|
|
|
-const toEdit = (data) => {
|
|
|
- yearForm.value = data
|
|
|
- dialog.value = { type: '1', show: true, title: '修改年度信息' }
|
|
|
-}
|
|
|
-// 删除
|
|
|
-const toDelete = (data) => {
|
|
|
- ElMessageBox.confirm(`您确认删除该数据?`, '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' })
|
|
|
- .then(async () => {
|
|
|
- const res = await yearStore.del(data.id)
|
|
|
- if ($checkRes(res, true)) {
|
|
|
- search({ skip, limit })
|
|
|
- }
|
|
|
- })
|
|
|
- .catch(() => {})
|
|
|
-}
|
|
|
-const toSave = async () => {
|
|
|
- const data = cloneDeep(yearForm.value)
|
|
|
- const other = { status: '0', user: user.value.id, incubator: form.value.id }
|
|
|
- let res
|
|
|
- if (get(data, 'id')) res = await yearStore.update({ ...data, ...other })
|
|
|
- else res = await yearStore.create({ ...data, ...other })
|
|
|
- if ($checkRes(res, true)) {
|
|
|
- await search({ skip, limit })
|
|
|
- await toClose()
|
|
|
- }
|
|
|
-}
|
|
|
-const toDraftSave = async () => {
|
|
|
- const data = cloneDeep(yearForm.value)
|
|
|
- const other = { status: '-2', user: user.value.id, incubator: form.value.id }
|
|
|
- let res
|
|
|
- if (get(data, 'id')) res = await yearStore.update({ ...data, ...other })
|
|
|
- else res = await yearStore.create({ ...data, ...other })
|
|
|
- if ($checkRes(res, true)) {
|
|
|
- await search({ skip, limit })
|
|
|
- await toClose()
|
|
|
- }
|
|
|
-}
|
|
|
-// 审核保存
|
|
|
-const toExam = async (row) => {
|
|
|
- ElMessageBox.confirm(`您确认保存并提交审核该数据?`, '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' })
|
|
|
- .then(async () => {
|
|
|
- const data = cloneDeep(row)
|
|
|
- let res = await yearStore.update({ id: data.id, status: '0', user: user.value.id, incubator: form.value.id })
|
|
|
- if ($checkRes(res, true)) {
|
|
|
- await search({ skip, limit })
|
|
|
- await toClose()
|
|
|
- }
|
|
|
- })
|
|
|
- .catch(() => {})
|
|
|
-}
|
|
|
-const toClose = () => {
|
|
|
- form.value = {}
|
|
|
- dialog.value = { show: false }
|
|
|
-}
|
|
|
-</script>
|
|
|
-<style scoped lang="scss">
|
|
|
-.index {
|
|
|
- .button {
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
- .one {
|
|
|
- height: 50px;
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
- margin: 0 0 10px 0;
|
|
|
- .one_left {
|
|
|
- display: flex;
|
|
|
- font-size: 16px;
|
|
|
- .button {
|
|
|
- background: #1875df;
|
|
|
- padding: 0 10px;
|
|
|
- height: 30px;
|
|
|
- color: #fff;
|
|
|
- line-height: 30px;
|
|
|
- text-align: center;
|
|
|
- cursor: default;
|
|
|
- margin: 0 10px 0 0;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- .thr {
|
|
|
- display: flex;
|
|
|
- justify-content: center;
|
|
|
- margin: 20px 0 0 0;
|
|
|
- }
|
|
|
-}
|
|
|
-</style>
|