|
@@ -1,117 +1,238 @@
|
|
|
<template>
|
|
|
<div class="index">
|
|
|
- <el-form ref="ruleFormRef" :model="form" 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_company/upload" @change="onFUpload" 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 clearable v-model="form.name" placeholder="请输入企业名称" />
|
|
|
- </el-form-item>
|
|
|
+ <el-tabs v-model="activeName" type="card" @tab-change="handleClick">
|
|
|
+ <el-tab-pane label="基本信息" name="first">
|
|
|
+ <el-form ref="ruleFormRef" :model="form" 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_company/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 clearable v-model="form.name" placeholder="请输入企业名称" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="企业类型" prop="pattern">
|
|
|
+ <el-select clearable v-model="form.pattern" placeholder="请选择企业类型">
|
|
|
+ <el-option v-for="(item, index) in patternList" :key="index" :label="item.label" :value="item.value" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="企业规模" prop="scale">
|
|
|
+ <el-select clearable v-model="form.scale" placeholder="请选择企业规模">
|
|
|
+ <el-option v-for="item in scaleList" :key="item.value" :label="item.label" :value="item.value" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="统一信用代码" prop="code">
|
|
|
+ <el-input clearable v-model="form.code" placeholder="请输入统一信用代码" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="所属行业" prop="type">
|
|
|
+ <el-select clearable v-model="form.type" placeholder="请选择所属行业">
|
|
|
+ <el-option v-for="(item, index) in IndustryList" :key="index" :label="item.label" :value="item.value" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="所在地区" prop="area">
|
|
|
+ <el-cascader v-model="form.area" :props="{ value: 'name', label: 'name' }" :options="cityList" clearable placeholder="请选择所在地区" style="width: 100%" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="法定代表人" prop="representative">
|
|
|
+ <el-input clearable v-model="form.representative" placeholder="请输入法定代表人名称" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="电子邮箱" prop="email">
|
|
|
+ <el-input clearable v-model="form.email" type="email" 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="register">
|
|
|
+ <el-input size="large" clearable v-model="form.register" placeholder="请输入注册资本(万元)" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="硕士研究生人数" prop="graduate_num">
|
|
|
+ <el-input size="large" clearable type="number" v-model="form.graduate_num" placeholder="请输入硕士研究生人数" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="博士人数" prop="doctor_num">
|
|
|
+ <el-input size="large" clearable type="number" v-model="form.doctor_num" placeholder="请输入博士人数" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="海归人数" prop="returnee_num">
|
|
|
+ <el-input size="large" clearable type="number" v-model="form.returnee_num" placeholder="请输入海归人数" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="知识产权数" prop="knowledge">
|
|
|
+ <el-input size="large" clearable type="number" v-model="form.knowledge" placeholder="请输入知识产权数" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="发明专利数" prop="patent">
|
|
|
+ <el-input size="large" clearable type="number" v-model="form.patent" placeholder="请输入发明专利数" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="实用新型数" prop="utility">
|
|
|
+ <el-input size="large" clearable type="number" v-model="form.utility" placeholder="请输入实用新型数" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-row :gutter="20">
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="软件著作权数" prop="copyright">
|
|
|
+ <el-input size="large" clearable type="number" v-model="form.copyright" placeholder="请输入软件著作权数" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item label="是否为高新技术企业" prop="is_tech">
|
|
|
+ <el-radio-group size="large" v-model="form.is_tech">
|
|
|
+ <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="is_new">
|
|
|
+ <el-radio-group size="large" v-model="form.is_new">
|
|
|
+ <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="address">
|
|
|
+ <el-input size="large" :autosize="{ minRows: 2, maxRows: 4 }" type="textarea" v-model="form.address" placeholder="请输入企业地址" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <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="create_time">
|
|
|
+ <el-date-picker size="large" format="YYYY-MM-DD" value-format="YYYY-MM-DD" v-model="form.create_time" type="date" placeholder="请选择成立时间" style="width: 100%" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="企业产品" prop="products">
|
|
|
+ <el-input size="large" :autosize="{ minRows: 2, maxRows: 4 }" type="textarea" v-model="form.products" placeholder="请输入企业产品" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="简介" prop="brief">
|
|
|
+ <el-input size="large" v-model="form.brief" :autosize="{ minRows: 2, maxRows: 4 }" type="textarea" placeholder="请输入简介" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="审核状态" prop="status">
|
|
|
+ <el-select clearable v-model="form.status" placeholder="请选择">
|
|
|
+ <el-option v-for="(item, index) in statusList" :key="index" :label="item.label" :value="item.value" />
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-row justify="center" style="text-align: center">
|
|
|
+ <el-col :span="6">
|
|
|
+ <el-button @click="onSubmit" type="primary">保存</el-button>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="年度信息" name="second" v-if="form && form.id">
|
|
|
+ <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="time" align="center" label="填写时间" width="180" />
|
|
|
+ <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 :underline="false" type="primary" size="mini" @click="toView(row)" style="margin-right: 10px">查看</el-link>
|
|
|
+ <el-link v-if="row.status == '0'" :underline="false" type="warning" size="mini" @click="toExam(row)" style="margin-right: 10px">审核</el-link>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
</el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="企业类型" prop="pattern">
|
|
|
- <el-select clearable v-model="form.pattern" placeholder="请选择企业类型">
|
|
|
- <el-option v-for="(item, index) in patternList" :key="index" :label="item.label" :value="item.value" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
+ <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-row>
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="企业规模" prop="scale">
|
|
|
- <el-select clearable v-model="form.scale" placeholder="请选择企业规模">
|
|
|
- <el-option v-for="item in scaleList" :key="item.value" :label="item.label" :value="item.value" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="统一信用代码" prop="code">
|
|
|
- <el-input clearable v-model="form.code" placeholder="请输入统一信用代码" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="所属行业" prop="type">
|
|
|
- <el-select clearable v-model="form.type" placeholder="请选择所属行业">
|
|
|
- <el-option v-for="(item, index) in IndustryList" :key="index" :label="item.label" :value="item.value" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="所在地区" prop="area">
|
|
|
- <el-cascader v-model="form.area" :props="{ value: 'name', label: 'name' }" :options="cityList" clearable placeholder="请选择所在地区" style="width: 100%" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="法定代表人" prop="representative">
|
|
|
- <el-input clearable v-model="form.representative" placeholder="请输入法定代表人名称" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="电子邮箱" prop="email">
|
|
|
- <el-input clearable v-model="form.email" type="email" placeholder="请输入电子邮箱" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="员工人数" prop="person">
|
|
|
- <el-input clearable v-model="form.person" placeholder="请输入员工人数" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="注册资本" prop="register">
|
|
|
- <el-input clearable v-model="form.register" placeholder="请输入注册资本(万元)" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-row :gutter="20">
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="成立时间" prop="create_time">
|
|
|
- <el-date-picker format="YYYY-MM-DD" value-format="YYYY-MM-DD" v-model="form.create_time" type="date" placeholder="请选择成立时间" style="width: 100%" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-col :span="12">
|
|
|
- <el-form-item label="企业地址" prop="address">
|
|
|
- <el-input clearable v-model="form.address" placeholder="请输入企业地址" />
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="是否公开" prop="is_show">
|
|
|
- <el-radio-group v-model="form.is_show">
|
|
|
+ </el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
+ </div>
|
|
|
+ <el-dialog v-model="dialog.show" :title="dialog.title" :destroy-on-close="false" @close="toClose">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24" v-if="dialog.type == '1'">
|
|
|
+ <custom-form v-model="yearForm" :fields="formFields" :rules="yearRules" :useSave="false">
|
|
|
+ <template #is_use>
|
|
|
<el-radio v-for="i in isUseList" :key="i.id" :label="i.value">{{ i.label }}</el-radio>
|
|
|
- </el-radio-group>
|
|
|
- </el-form-item>
|
|
|
+ </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-col :span="24">
|
|
|
- <el-form-item label="简介" prop="brief">
|
|
|
- <el-input v-model="form.brief" :autosize="{ minRows: 2, maxRows: 4 }" type="textarea" placeholder="请输入简介" />
|
|
|
- </el-form-item>
|
|
|
+ <el-col :span="24" v-if="dialog.type == '2'">
|
|
|
+ <custom-form v-model="examForm" :fields="examFormFields" :rules="examRules" @save="toExamSave">
|
|
|
+ <template #status>
|
|
|
+ <el-option v-for="i in statusList" :key="i.id" :label="i.label" :value="i.value"></el-option>
|
|
|
+ </template>
|
|
|
+ </custom-form>
|
|
|
</el-col>
|
|
|
- <el-col :span="24">
|
|
|
- <el-form-item label="审核状态" prop="status">
|
|
|
- <el-select clearable v-model="form.status" placeholder="请选择">
|
|
|
- <el-option v-for="(item, index) in statusList" :key="index" :label="item.label" :value="item.value" />
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- </el-col>
|
|
|
- <el-row justify="center" style="text-align: center">
|
|
|
- <el-col :span="6">
|
|
|
- <el-button @click="onSubmit" type="primary">保存</el-button>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-form>
|
|
|
- </div>
|
|
|
+ </el-row>
|
|
|
+ </el-dialog>
|
|
|
</template>
|
|
|
<script setup>
|
|
|
+// 基础
|
|
|
+import { cloneDeep, get } from 'lodash-es'
|
|
|
+const $checkRes = inject('$checkRes')
|
|
|
+// 接口
|
|
|
+import { CompanyYearStore } from '@/store/api/user/companyYear'
|
|
|
+const yearStore = CompanyYearStore()
|
|
|
+const activeName = ref('first')
|
|
|
// 表单
|
|
|
const form = inject('form')
|
|
|
// 字典表
|
|
@@ -122,10 +243,94 @@ const cityList = inject('cityList')
|
|
|
const isUseList = inject('isUseList')
|
|
|
const statusList = inject('statusList')
|
|
|
const onSubmit = inject('onSubmit')
|
|
|
+const yearForm = ref({})
|
|
|
+const dialog = ref({ type: '1', show: false, title: '发布年度信息' })
|
|
|
+const formFields = ref([
|
|
|
+ { label: '年度', model: 'year', type: 'select' },
|
|
|
+ { label: '预计营业收入(万元)', model: 'esincome_money', type: 'number' },
|
|
|
+ { label: '预计利润(万元)', model: 'esprofit_money', type: 'number' },
|
|
|
+ { label: '预计税金(万元)', model: 'estax_money', type: 'number' },
|
|
|
+ { label: '预计研发费用(万元)', model: 'essearch_money', type: 'number' },
|
|
|
+ { label: '是否使用', model: 'is_use', type: 'radio', mark: 'dict', code: 'isUse' }
|
|
|
+])
|
|
|
+const yearRules = reactive({ year: [{ required: true, message: '请选择年度', trigger: 'blur' }] })
|
|
|
+
|
|
|
+// 审核
|
|
|
+const examFormFields = [{ label: '审核状态', model: 'status', type: 'select' }]
|
|
|
+const examRules = reactive({
|
|
|
+ status: [{ required: true, message: '请选择状态', trigger: 'blur' }]
|
|
|
+})
|
|
|
+const examForm = ref({})
|
|
|
+// 列表
|
|
|
+const list = ref([])
|
|
|
+let skip = 0
|
|
|
+let limit = inject('limit')
|
|
|
+const total = ref(0)
|
|
|
+const currentPage = ref(1)
|
|
|
+
|
|
|
// 上传图片
|
|
|
-const onFUpload = (e) => {
|
|
|
+const onUpload = (e) => {
|
|
|
const { model, value } = e
|
|
|
form.value[model] = value
|
|
|
}
|
|
|
+const handleClick = async (event) => {
|
|
|
+ if (event == 'second') await searchYear({ skip, limit })
|
|
|
+}
|
|
|
+const searchYear = async (query = { skip, limit }) => {
|
|
|
+ skip = query.skip
|
|
|
+ limit = query.limit
|
|
|
+ const info = {
|
|
|
+ skip: query.skip,
|
|
|
+ limit: query.limit,
|
|
|
+ company: form.value.id
|
|
|
+ }
|
|
|
+ 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 toView = (data) => {
|
|
|
+ yearForm.value = data
|
|
|
+ dialog.value = { type: '1', show: true, title: '修改年度信息' }
|
|
|
+}
|
|
|
+// 审核
|
|
|
+const toExam = (data) => {
|
|
|
+ examForm.value = data
|
|
|
+ dialog.value = { type: '2', show: true, title: '年度信息审核' }
|
|
|
+}
|
|
|
+// 审核保存
|
|
|
+const toExamSave = async () => {
|
|
|
+ const data = cloneDeep(examForm.value)
|
|
|
+ let res = await yearStore.update({ id: data.id, status: data.status })
|
|
|
+ if ($checkRes(res, true)) {
|
|
|
+ searchYear({ skip, limit })
|
|
|
+ toClose()
|
|
|
+ }
|
|
|
+}
|
|
|
+const toClose = () => {
|
|
|
+ yearForm.value = {}
|
|
|
+ dialog.value = { show: false }
|
|
|
+}
|
|
|
</script>
|
|
|
-<style scoped lang="scss"></style>
|
|
|
+<style scoped lang="scss">
|
|
|
+.index {
|
|
|
+ .thr {
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ margin: 20px 0 0 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|