|
@@ -2,23 +2,382 @@
|
|
|
<div id="index">
|
|
|
<el-row>
|
|
|
<el-col :span="24">
|
|
|
- <p>index</p>
|
|
|
+ <el-col :span="24" class="main">
|
|
|
+ <el-tabs v-model="activeName" type="card">
|
|
|
+ <el-tab-pane label="待审核" name="first">
|
|
|
+ <one :oneList="oneList" :total="oneTotal" @handleDelete="handleDelete" @handleEdit="handleEdit"></one>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="审核成功" name="second">
|
|
|
+ <two :oneList="twoList" :total="twoTotal" @handleDelete="handleDelete"></two>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="审核失败" name="third">
|
|
|
+ <three :oneList="threeList" :total="threeTotal" @handleDelete="handleDelete"></three>
|
|
|
+ </el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
+ </el-col>
|
|
|
+ <el-dialog width="60%" :visible.sync="dialog" @closed="handleClose" :destroy-on-close="true">
|
|
|
+ <el-form ref="form" :model="form" label-width="140px" :rules="rules">
|
|
|
+ <el-form-item label="产品类型" prop="totaltype">
|
|
|
+ <el-select v-model="form.type" placeholder="请选择产品类型">
|
|
|
+ <el-option label="技术" value="0"></el-option>
|
|
|
+ <el-option label="产品" value="1"></el-option>
|
|
|
+ <el-option label="服务" value="2"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="名称">
|
|
|
+ <el-input v-model="form.name" placeholder="请输入名称"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="所属领域">
|
|
|
+ <el-select v-model="form.field" filterable>
|
|
|
+ <el-option v-for="(item, index) in fieldList" :key="index" :value="item.name" :label="item.name"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="合作方式">
|
|
|
+ <el-select v-model="form.cooperation" filterable>
|
|
|
+ <el-option v-for="(item, index) in cooperationList" :key="index" :value="item.name" :label="item.name"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="企业名称">
|
|
|
+ <el-input v-model="form.company" placeholder="请输入企业名称"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="企业简介">
|
|
|
+ <el-input
|
|
|
+ v-model="form.companybrief"
|
|
|
+ type="textarea"
|
|
|
+ maxlength="300"
|
|
|
+ show-word-limit
|
|
|
+ :autosize="{ minRows: 2, maxRows: 5 }"
|
|
|
+ placeholder="请输入企业简介"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="企业网站">
|
|
|
+ <el-input v-model="form.companyweb" placeholder="请输入企业网站"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="联系人">
|
|
|
+ <el-input v-model="form.contacts" placeholder="请输入联系人"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="联系电话">
|
|
|
+ <el-input v-model="form.phone" placeholder="请输入联系电话"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="QQ&微信">
|
|
|
+ <el-input v-model="form.qqwx" placeholder="请输入QQ&微信"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="电子邮箱">
|
|
|
+ <el-input v-model="form.email" placeholder="请输入电子邮箱"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="合作条件及要求">
|
|
|
+ <el-input
|
|
|
+ v-model="form.condition"
|
|
|
+ type="textarea"
|
|
|
+ maxlength="300"
|
|
|
+ show-word-limit
|
|
|
+ :autosize="{ minRows: 2, maxRows: 5 }"
|
|
|
+ placeholder="请输入合作条件及要求"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="产品图片" prop="image">
|
|
|
+ <upload
|
|
|
+ :limit="6"
|
|
|
+ :data="form.image"
|
|
|
+ :uploadBtn="true"
|
|
|
+ type="image"
|
|
|
+ :url="`/files/image/upload`"
|
|
|
+ @upload="uploadSuccess"
|
|
|
+ @delete="uploadDelete"
|
|
|
+ ></upload>
|
|
|
+ </el-form-item>
|
|
|
+ <!-- 技术 -->
|
|
|
+ <span v-if="form.type == '0'">
|
|
|
+ <el-form-item label="投资预算">
|
|
|
+ <el-input v-model="form.budget" placeholder="请输入投资预算"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="注册类型">
|
|
|
+ <el-input v-model="form.companytype" placeholder="请输入注册类型"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="组织机构代码">
|
|
|
+ <el-input v-model="form.zzjgdm" placeholder="请输入组织机构代码"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="注册时间">
|
|
|
+ <el-date-picker v-model="form.companydate" type="date" placeholder="请选择时间" format="yyyy-MM-dd" value-format="yyyy-MM-dd"> </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="注册资金">
|
|
|
+ <el-input v-model="form.companycapital" placeholder="请输入注册资金"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="企业法人">
|
|
|
+ <el-input v-model="form.companyperson" placeholder="请输入企业法人"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="上年度企业总收入">
|
|
|
+ <el-input v-model="form.sndqyzsr" placeholder="请输入上年度企业总收入"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="上年度研发费用">
|
|
|
+ <el-input v-model="form.sndyffy" placeholder="请输入上年度研发费用"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="企业总人数">
|
|
|
+ <el-input v-model="form.companytotal" placeholder="请输入企业总人数"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="专&兼职研发人数">
|
|
|
+ <el-input v-model="form.zjzyfrs" placeholder="请输入专&兼职研发人数"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="需求紧急程度">
|
|
|
+ <el-radio-group v-model="form.degreeurgency">
|
|
|
+ <el-radio label="特急"></el-radio>
|
|
|
+ <el-radio label="一般"></el-radio>
|
|
|
+ <el-radio label="储备"></el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="技术难题&需求说明">
|
|
|
+ <el-input
|
|
|
+ v-model="form.requirementdesc"
|
|
|
+ type="textarea"
|
|
|
+ maxlength="500"
|
|
|
+ show-word-limit
|
|
|
+ :autosize="{ minRows: 2, maxRows: 5 }"
|
|
|
+ placeholder="请输入技术难题&需求说明"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="预期技术目标描述">
|
|
|
+ <el-input
|
|
|
+ v-model="form.expect"
|
|
|
+ type="textarea"
|
|
|
+ maxlength="300"
|
|
|
+ show-word-limit
|
|
|
+ :autosize="{ minRows: 2, maxRows: 5 }"
|
|
|
+ placeholder="请输入预期技术目标描述"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="需求现状及应对措施">
|
|
|
+ <el-input
|
|
|
+ v-model="form.present"
|
|
|
+ type="textarea"
|
|
|
+ maxlength="300"
|
|
|
+ show-word-limit
|
|
|
+ :autosize="{ minRows: 2, maxRows: 5 }"
|
|
|
+ placeholder="请输入需求现状及应对措施"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="主要产品">
|
|
|
+ <el-input
|
|
|
+ v-model="form.mainproduct"
|
|
|
+ type="textarea"
|
|
|
+ maxlength="300"
|
|
|
+ show-word-limit
|
|
|
+ :autosize="{ minRows: 2, maxRows: 5 }"
|
|
|
+ placeholder="请输入主要产品"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="企业资质&荣誉">
|
|
|
+ <el-input
|
|
|
+ v-model="form.qualifications"
|
|
|
+ type="textarea"
|
|
|
+ maxlength="300"
|
|
|
+ show-word-limit
|
|
|
+ :autosize="{ minRows: 2, maxRows: 5 }"
|
|
|
+ placeholder="请输入企业资质&荣誉"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </span>
|
|
|
+ <!-- 产品 -->
|
|
|
+ <span v-else-if="form.type == '1'">
|
|
|
+ <el-form-item label="成果状态">
|
|
|
+ <el-select v-model="form.achievestatus" filterable>
|
|
|
+ <el-option v-for="(item, index) in achievestatusList" :key="index" :value="item.name" :label="item.name"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="成果权属">
|
|
|
+ <el-input v-model="form.achieveown" placeholder="请输入成果权属"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="成果来源">
|
|
|
+ <el-radio-group v-model="form.degreeurgency">
|
|
|
+ <el-radio label="国家项目"></el-radio>
|
|
|
+ <el-radio label="省级项目"></el-radio>
|
|
|
+ <el-radio label="市级项目"></el-radio>
|
|
|
+ <el-radio label="自选项目"></el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="专利信息">
|
|
|
+ <el-input v-model="form.patentinfo" placeholder="请输入专利信息"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="专利状态">
|
|
|
+ <el-radio-group v-model="form.patentstatus">
|
|
|
+ <el-radio label="已申请"></el-radio>
|
|
|
+ <el-radio label="已授权"></el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="项目路演">
|
|
|
+ <el-input v-model="form.roadshow" placeholder="请输入项目路演"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="意向价格">
|
|
|
+ <el-input v-model="form.intentionprice" placeholder="请输入意向价格"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="成果简介">
|
|
|
+ <el-input
|
|
|
+ v-model="form.achievebrief"
|
|
|
+ type="textarea"
|
|
|
+ maxlength="200"
|
|
|
+ show-word-limit
|
|
|
+ :autosize="{ minRows: 2, maxRows: 5 }"
|
|
|
+ placeholder="请输入成果简介"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="技术特点">
|
|
|
+ <el-input
|
|
|
+ v-model="form.features"
|
|
|
+ type="textarea"
|
|
|
+ maxlength="200"
|
|
|
+ show-word-limit
|
|
|
+ :autosize="{ minRows: 2, maxRows: 5 }"
|
|
|
+ placeholder="请输入技术特点"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="技术团队">
|
|
|
+ <el-input
|
|
|
+ v-model="form.team"
|
|
|
+ type="textarea"
|
|
|
+ maxlength="300"
|
|
|
+ show-word-limit
|
|
|
+ :autosize="{ minRows: 2, maxRows: 5 }"
|
|
|
+ placeholder="请输入技术团队"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="商业预期">
|
|
|
+ <el-input
|
|
|
+ v-model="form.expectations"
|
|
|
+ type="textarea"
|
|
|
+ maxlength="300"
|
|
|
+ show-word-limit
|
|
|
+ :autosize="{ minRows: 2, maxRows: 5 }"
|
|
|
+ placeholder="请输入商业预期"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </span>
|
|
|
+ <!-- 服务 -->
|
|
|
+ <span v-else-if="form.type == '2'">
|
|
|
+ 服务
|
|
|
+ </span>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" @click="examineBtn()">审核提交</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </el-dialog>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import one from './parts/one.vue';
|
|
|
+import two from './parts/two.vue';
|
|
|
+import three from './parts/three.vue';
|
|
|
+import upload from '@/components/uploadProduct.vue';
|
|
|
import { mapState, createNamespacedHelpers } from 'vuex';
|
|
|
+const { mapActions: markettype } = createNamespacedHelpers('markettype');
|
|
|
export default {
|
|
|
name: 'index',
|
|
|
props: {},
|
|
|
- components: {},
|
|
|
+ components: {
|
|
|
+ one,
|
|
|
+ two,
|
|
|
+ three,
|
|
|
+ // upload,
|
|
|
+ },
|
|
|
data: function() {
|
|
|
- return {};
|
|
|
+ return {
|
|
|
+ activeName: 'first',
|
|
|
+ oneList: [],
|
|
|
+ oneTotal: 0,
|
|
|
+ twoList: [],
|
|
|
+ twoTotal: 0,
|
|
|
+ threeList: [],
|
|
|
+ threeTotal: 0,
|
|
|
+ dialog: false,
|
|
|
+ form: {},
|
|
|
+ // 验证
|
|
|
+ rules: {
|
|
|
+ name: [{ required: true, message: '请输入名称', trigger: 'blur' }],
|
|
|
+ },
|
|
|
+ // 所属领域
|
|
|
+ fieldList: [],
|
|
|
+ // 成果状态
|
|
|
+ achievestatusList: [],
|
|
|
+ // 合作方式
|
|
|
+ cooperationList: [],
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.searchtype();
|
|
|
+ this.search();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ ...markettype({ markettypeList: 'query' }),
|
|
|
+ // 查询字典表
|
|
|
+ async searchtype() {
|
|
|
+ // 所属领域;
|
|
|
+ let res = await this.markettypeList({ category: '01' });
|
|
|
+ if (this.$checkRes(res)) {
|
|
|
+ this.$set(this, `fieldList`, res.data);
|
|
|
+ }
|
|
|
+ // 成果状态;
|
|
|
+ res = await this.markettypeList({ category: '02' });
|
|
|
+ if (this.$checkRes(res)) {
|
|
|
+ this.$set(this, `achievestatusList`, res.data);
|
|
|
+ }
|
|
|
+ // 合作方式;
|
|
|
+ res = await this.markettypeList({ category: '03' });
|
|
|
+ if (this.$checkRes(res)) {
|
|
|
+ this.$set(this, `cooperationList`, res.data);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 查询列表
|
|
|
+ async search({ skip = 0, limit = 10, ...info } = {}) {},
|
|
|
+ // 审核
|
|
|
+ handleEdit(data) {
|
|
|
+ this.$set(this, `form`, data);
|
|
|
+ this.dialog = true;
|
|
|
+ },
|
|
|
+ // 提交
|
|
|
+ async examineBtn() {
|
|
|
+ let data = this.form;
|
|
|
+ const res = await this.update(data);
|
|
|
+ if (this.$checkRes(res)) {
|
|
|
+ this.$message({
|
|
|
+ message: '修改信息成功',
|
|
|
+ type: 'success',
|
|
|
+ });
|
|
|
+ this.dialog = false;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 取消
|
|
|
+ handleClose() {
|
|
|
+ this.form = {};
|
|
|
+ this.dialog = false;
|
|
|
+ },
|
|
|
+ // 刪除
|
|
|
+ async handleDelete(id) {
|
|
|
+ const res = await this.delete(id);
|
|
|
+ if (this.$checkRes(res)) {
|
|
|
+ this.$message({
|
|
|
+ message: '删除信息成功',
|
|
|
+ type: 'success',
|
|
|
+ });
|
|
|
+ this.search();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 图片
|
|
|
+ uploadSuccess({ type, data }) {
|
|
|
+ let arr = _.get(this.form, type);
|
|
|
+ if (_.isArray(arr)) {
|
|
|
+ let datas = { name: data.name, url: data.uri };
|
|
|
+ this.form[type].push({ name: data.name, url: data.uri });
|
|
|
+ } else {
|
|
|
+ let newArr = [{ name: data.name, url: data.uri }];
|
|
|
+ this.$set(this.form, `${type}`, newArr);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 删除图片
|
|
|
+ uploadDelete(index) {
|
|
|
+ this.form.image.splice(index, 1);
|
|
|
+ },
|
|
|
},
|
|
|
- created() {},
|
|
|
- methods: {},
|
|
|
computed: {
|
|
|
...mapState(['user']),
|
|
|
pageTitle() {
|