|
@@ -28,169 +28,135 @@
|
|
|
<el-dialog title="申请" :visible.sync="dialogFormVisible" :before-close="handleClose">
|
|
|
<el-tabs v-model="activeName">
|
|
|
<el-tab-pane label="技术需求" name="first">
|
|
|
- <el-form :model="demandForm" label-width="150px">
|
|
|
- <el-form-item label="产品类型" prop="totaltype">
|
|
|
- <el-select v-model="demandForm.type" placeholder="请选择产品类型">
|
|
|
- <el-option label="技术" value="0"></el-option>
|
|
|
- <el-option label="产品" value="1" disabled></el-option>
|
|
|
- <el-option label="商务" value="2" disabled></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="名称">
|
|
|
- <el-input v-model="demandForm.name" placeholder="请输入名称"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="联系人">
|
|
|
- <el-input v-model="demandForm.contacts" placeholder="请输入联系人"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="联系电话">
|
|
|
- <el-input v-model="demandForm.phone" placeholder="请输入联系电话"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="QQ/微信">
|
|
|
- <el-input v-model="demandForm.qqwx" placeholder="请输入QQ/微信"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="电子邮箱">
|
|
|
- <el-input v-model="demandForm.email" placeholder="请输入电子邮箱"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="所属领域">
|
|
|
- <el-select v-model="demandForm.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="demandForm.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="demandForm.company" placeholder="请输入企业名称"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="企业简介">
|
|
|
- <el-input
|
|
|
- v-model="demandForm.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="demandForm.companyweb" placeholder="请输入企业网站"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="合作条件及要求">
|
|
|
- <el-input
|
|
|
- v-model="demandForm.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="demandForm.image"
|
|
|
- :uploadBtn="true"
|
|
|
- type="image"
|
|
|
- :url="`/files/image/upload`"
|
|
|
- @upload="uploadSuccess"
|
|
|
- @delete="uploadDelete"
|
|
|
- ></upload>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="投资预算">
|
|
|
- <el-input v-model="demandForm.budget" placeholder="请输入投资预算"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="注册类型">
|
|
|
- <el-input v-model="demandForm.companytype" placeholder="请输入注册类型"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="组织机构代码">
|
|
|
- <el-input v-model="demandForm.zzjgdm" placeholder="请输入组织机构代码"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="注册时间">
|
|
|
- <el-date-picker v-model="demandForm.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="demandForm.companycapital" placeholder="请输入注册资金"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="企业法人">
|
|
|
- <el-input v-model="demandForm.companyperson" placeholder="请输入企业法人"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="上年度企业总收入">
|
|
|
- <el-input v-model="demandForm.sndqyzsr" placeholder="请输入上年度企业总收入"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="上年度研发费用">
|
|
|
- <el-input v-model="demandForm.sndyffy" placeholder="请输入上年度研发费用"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="企业总人数">
|
|
|
- <el-input v-model="demandForm.companytotal" placeholder="请输入企业总人数"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="专&兼职研发人数">
|
|
|
- <el-input v-model="demandForm.zjzyfrs" placeholder="请输入专&兼职研发人数"></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="需求紧急程度">
|
|
|
- <el-radio-group v-model="demandForm.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="demandForm.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="demandForm.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="demandForm.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="demandForm.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="demandForm.qualifications"
|
|
|
- type="textarea"
|
|
|
- maxlength="300"
|
|
|
- show-word-limit
|
|
|
- :autosize="{ minRows: 2, maxRows: 5 }"
|
|
|
- placeholder="请输入企业资质&荣誉"
|
|
|
- ></el-input>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item>
|
|
|
- <el-button @click="resetForm('ruleForm')">取消</el-button>
|
|
|
- <el-button type="primary" @click="submitForm('ruleForm')">确定</el-button>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
+ <el-col :span="24" class="demandForm">
|
|
|
+ <el-form ref="form" :model="demandForm" :rules="demandFormrules" label-width="140px">
|
|
|
+ <el-col :span="24" class="form">
|
|
|
+ <el-col :span="24" class="one">
|
|
|
+ <el-form-item label="企业名称:">
|
|
|
+ <el-input v-model="demandForm.company" placeholder="请输入企业名称" disabled></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="one">
|
|
|
+ <el-form-item label="联系电话:">
|
|
|
+ <el-input v-model="demandForm.phone" placeholder="请输入联系电话" disabled></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="one">
|
|
|
+ <el-form-item label="电子邮箱:">
|
|
|
+ <el-input v-model="demandForm.email" placeholder="请输入电子邮箱" disabled></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="one">
|
|
|
+ <el-form-item label="联系人:" prop="contacts">
|
|
|
+ <el-input v-model="demandForm.contacts" placeholder="请输入联系人"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="one">
|
|
|
+ <el-form-item label="QQ/微信:" prop="qqwx">
|
|
|
+ <el-input v-model="demandForm.qqwx" placeholder="请输入QQ/微信"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="one">
|
|
|
+ <el-form-item label="需求名称:" prop="name">
|
|
|
+ <el-input v-model="demandForm.name" placeholder="请输入需求名称"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="one">
|
|
|
+ <el-form-item label="需求紧急程度:">
|
|
|
+ <el-select v-model="demandForm.degreeurgency" placeholder="请选择需求紧急程度">
|
|
|
+ <el-option label="特急" value="特急"></el-option>
|
|
|
+ <el-option label="一般" value="一般"></el-option>
|
|
|
+ <el-option label="储备" value="储备"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="one">
|
|
|
+ <el-form-item label="所属领域:">
|
|
|
+ <el-select v-model="demandForm.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-col>
|
|
|
+ <el-col :span="12" class="one">
|
|
|
+ <el-form-item label="投资预算:">
|
|
|
+ <el-input v-model="demandForm.budget" placeholder="请输入投资预算"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="one">
|
|
|
+ <el-form-item label="合作方式:">
|
|
|
+ <el-select v-model="demandForm.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-col>
|
|
|
+ <el-col :span="24" class="one">
|
|
|
+ <el-form-item label="产品图片" prop="image">
|
|
|
+ <upload
|
|
|
+ :limit="6"
|
|
|
+ :data="demandForm.image"
|
|
|
+ :uploadBtn="true"
|
|
|
+ type="image"
|
|
|
+ :url="`/files/image/upload`"
|
|
|
+ @upload="uploadSuccess"
|
|
|
+ @delete="uploadDelete"
|
|
|
+ ></upload>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="one">
|
|
|
+ <el-form-item label="技术说明:">
|
|
|
+ <el-input
|
|
|
+ v-model="demandForm.requirementdesc"
|
|
|
+ type="textarea"
|
|
|
+ maxlength="300"
|
|
|
+ show-word-limit
|
|
|
+ :autosize="{ minRows: 4, maxRows: 5 }"
|
|
|
+ placeholder="请输入技术难题/需求说明"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="one">
|
|
|
+ <el-form-item label="预期目标:">
|
|
|
+ <el-input
|
|
|
+ v-model="demandForm.expect"
|
|
|
+ type="textarea"
|
|
|
+ maxlength="300"
|
|
|
+ show-word-limit
|
|
|
+ :autosize="{ minRows: 4, maxRows: 5 }"
|
|
|
+ placeholder="请输入预期技术目标描述"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="one">
|
|
|
+ <el-form-item label="需求现状:">
|
|
|
+ <el-input
|
|
|
+ v-model="demandForm.present"
|
|
|
+ type="textarea"
|
|
|
+ maxlength="300"
|
|
|
+ show-word-limit
|
|
|
+ :autosize="{ minRows: 4, maxRows: 5 }"
|
|
|
+ placeholder="请输入需求现状及应对措施"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="one">
|
|
|
+ <el-form-item label="合作条件及要求:">
|
|
|
+ <el-input
|
|
|
+ v-model="demandForm.condition"
|
|
|
+ type="textarea"
|
|
|
+ maxlength="300"
|
|
|
+ show-word-limit
|
|
|
+ :autosize="{ minRows: 4, maxRows: 5 }"
|
|
|
+ placeholder="请输入合作条件及要求"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-form>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="btn">
|
|
|
+ <el-button @click="resetForm('ruleForm')">取消</el-button>
|
|
|
+ <el-button type="primary" @click="submitForm('ruleForm')">确定</el-button>
|
|
|
+ </el-col>
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane label="产品供求" name="second">
|
|
|
<el-form :model="productForm" label-width="100px">
|
|
@@ -220,6 +186,8 @@ const { mapActions: place } = createNamespacedHelpers('place');
|
|
|
const { mapActions: apply } = createNamespacedHelpers('apply');
|
|
|
const { mapActions: mapMarkettype } = createNamespacedHelpers('markettype');
|
|
|
const { mapActions: mapProduct } = createNamespacedHelpers('marketproduct');
|
|
|
+const { mapActions: market } = createNamespacedHelpers('market');
|
|
|
+const { mapActions: expertsuser } = createNamespacedHelpers('expertsuser');
|
|
|
export default {
|
|
|
name: 'nextLive',
|
|
|
props: {},
|
|
@@ -240,12 +208,7 @@ export default {
|
|
|
demandForm: {
|
|
|
type: '0',
|
|
|
},
|
|
|
- demandFormrules: {
|
|
|
- // name: [{ required: true, message: '请输入名称', trigger: 'blur' }],
|
|
|
- // totaltype: [{ required: true, message: '请输入名称', trigger: 'change' }],
|
|
|
- // contact_user: [{ required: true, message: '请输入联系人', trigger: 'blur' }],
|
|
|
- // contact_tel: [{ required: true, message: '请输入联系电话', trigger: 'blur' }],
|
|
|
- },
|
|
|
+ demandFormrules: {},
|
|
|
// 技术
|
|
|
productForm: {},
|
|
|
// 产品列表
|
|
@@ -256,12 +219,14 @@ export default {
|
|
|
// 成果状态
|
|
|
achievestatusList: [],
|
|
|
// 合作方式
|
|
|
- cooperationList: [],
|
|
|
+ cooperationList: {},
|
|
|
+ // 企业信息
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
|
this.search();
|
|
|
this.maarkettype();
|
|
|
+ this.searchInfo();
|
|
|
},
|
|
|
methods: {
|
|
|
...dock(['query', 'delete', 'update']),
|
|
@@ -269,6 +234,9 @@ export default {
|
|
|
...apply({ applyupdate: 'update', applyCreate: 'create' }),
|
|
|
...mapMarkettype({ markettypeList: 'query' }),
|
|
|
...mapProduct({ mapProductQuery: 'query', mapProductFetch: 'fetch' }),
|
|
|
+ ...market({ marketFetch: 'fetch' }),
|
|
|
+ ...expertsuser({ expertsuserFetch: 'fetch', expertsuserUpdate: 'update', expertsuserUpgrade: 'upgrade' }),
|
|
|
+
|
|
|
// 查询对接会
|
|
|
async search({ skip = 0, limit = 0 } = { skip: 0, limit: 0 }) {
|
|
|
let res = await this.query({ skip, limit, status: '0' });
|
|
@@ -289,6 +257,34 @@ export default {
|
|
|
this.$set(this, `nextData`, res.data);
|
|
|
this.$set(this, `nextTotal`, res.total);
|
|
|
},
|
|
|
+ // 查询企业信息
|
|
|
+ async searchInfo() {
|
|
|
+ if (this.user.role == '4' || this.user.role == '5') {
|
|
|
+ let res = await this.marketFetch(this.user.userid);
|
|
|
+ if (res.errcode === 0) {
|
|
|
+ let message = {
|
|
|
+ company: res.data.name,
|
|
|
+ phone: res.data.phone,
|
|
|
+ email: res.data.email,
|
|
|
+ };
|
|
|
+ this.$set(this, `demandForm`, message);
|
|
|
+ this.$set(this, `companyInfo`, res.data);
|
|
|
+ }
|
|
|
+ } else if (this.user.role == '6') {
|
|
|
+ let res = await this.expertsuserFetch(this.user.userid);
|
|
|
+ if (res.errcode === 0) {
|
|
|
+ let message = {
|
|
|
+ company: res.data.name,
|
|
|
+ contacts: res.data.name,
|
|
|
+ phone: res.data.phone,
|
|
|
+ email: res.data.email,
|
|
|
+ qqwx: res.data.qqwx,
|
|
|
+ };
|
|
|
+ this.$set(this, `demandForm`, message);
|
|
|
+ this.$set(this, `companyInfo`, res.data);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
// 申请对接会
|
|
|
handleEdit(id) {
|
|
|
this.dialogFormVisible = true;
|
|
@@ -360,7 +356,7 @@ export default {
|
|
|
if (this.$checkRes(res)) {
|
|
|
this.$set(this, `cooperationList`, res.data);
|
|
|
}
|
|
|
- res = await this.mapProductQuery({ userid: this.user.uid });
|
|
|
+ res = await this.mapProductQuery({ userid: this.user.uid, status: 1 });
|
|
|
if (this.$checkRes(res)) {
|
|
|
this.$set(this, `goodsLists`, res.data);
|
|
|
}
|
|
@@ -393,4 +389,17 @@ export default {
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
-<style lang="less" scoped></style>
|
|
|
+<style lang="less" scoped>
|
|
|
+.demandForm {
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ padding: 10px;
|
|
|
+ .one {
|
|
|
+ border-bottom: 1px dashed #ccc;
|
|
|
+ margin: 0 0 10px 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+.btn {
|
|
|
+ text-align: center;
|
|
|
+ margin: 15px 0;
|
|
|
+}
|
|
|
+</style>
|