|
@@ -2,183 +2,55 @@
|
|
|
<div id="producInfo">
|
|
|
<el-row>
|
|
|
<el-col :span="24">
|
|
|
- <span v-if="type == '0'">
|
|
|
- <van-form>
|
|
|
- <van-field v-model="form.company" name="企业名称" label="企业名称" placeholder="企业名称" readonly />
|
|
|
- <van-field v-model="form.phone" name="联系电话" label="联系电话" placeholder="联系电话" readonly />
|
|
|
- <van-field v-model="form.email" name="电子邮箱" label="电子邮箱" placeholder="电子邮箱" readonly />
|
|
|
- <van-field v-model="form.contacts" name="联系人" label="联系人" placeholder="联系人" />
|
|
|
- <van-field v-model="form.qqwx" name="QQ/微信" label="QQ/微信" placeholder="QQ/微信" />
|
|
|
- <van-field v-model="form.name" name="需求名称" label="需求名称" placeholder="需求名称" />
|
|
|
- <van-field name="radio" label="紧急程度">
|
|
|
- <template #input>
|
|
|
- <van-radio-group v-model="form.degreeurgency" direction="horizontal">
|
|
|
- <van-radio name="特急">特急</van-radio>
|
|
|
- <van-radio name="一般">一般</van-radio>
|
|
|
- <van-radio name="长期">长期</van-radio>
|
|
|
- </van-radio-group>
|
|
|
- </template>
|
|
|
- </van-field>
|
|
|
- <van-field readonly clickable name="picker" :value="form.field" label="所属领域" placeholder="点击选择" @click="fieldpic = true" />
|
|
|
- <van-popup v-model="fieldpic" position="bottom">
|
|
|
- <van-picker show-toolbar :columns="field" @confirm="fieldSubmit" @cancel="fieldpic = false" />
|
|
|
- </van-popup>
|
|
|
- <van-field readonly clickable name="picker" :value="form.cooperation" label="合作方式" placeholder="点击选择" @click="cooperationpic = true" />
|
|
|
- <van-popup v-model="cooperationpic" position="bottom">
|
|
|
- <van-picker show-toolbar :columns="cooperation" @confirm="cooperationSubmit" @cancel="cooperationpic = false" />
|
|
|
- </van-popup>
|
|
|
- <van-field v-model="form.budget" name="投资预算" label="投资预算" placeholder="投资预算" />
|
|
|
- <van-field v-model="form.requirementdesc" rows="1" autosize label="技术说明" type="textarea" placeholder="技术说明" />
|
|
|
- <van-field v-model="form.expect" rows="1" autosize label="预期目标" type="textarea" placeholder="预期目标" />
|
|
|
- <van-field v-model="form.present" rows="1" autosize label="合作要求" type="textarea" placeholder="合作要求" />
|
|
|
- <van-field name="expertimage" label="产品图片(6)">
|
|
|
- <template #input
|
|
|
- ><upload
|
|
|
- :limit="6"
|
|
|
- :data="form.image"
|
|
|
- type="image"
|
|
|
- :url="`/files/imgpath/upload`"
|
|
|
- @upload="uploadSuccess"
|
|
|
- :uploadBtn="true"
|
|
|
- @delete="uploadDelete"
|
|
|
- ></upload>
|
|
|
- </template>
|
|
|
- </van-field>
|
|
|
- <div style="margin: 16px;">
|
|
|
- <van-button round block type="info" @click="onSubmit">
|
|
|
- 提交
|
|
|
- </van-button>
|
|
|
- </div>
|
|
|
- </van-form>
|
|
|
- </span>
|
|
|
- <span v-else-if="type == '1'">
|
|
|
- <van-form>
|
|
|
- <van-field v-model="form.company" name="企业名称" label="企业名称" placeholder="企业名称" readonly />
|
|
|
- <van-field v-model="form.phone" name="联系电话" label="联系电话" placeholder="联系电话" readonly />
|
|
|
- <van-field v-model="form.email" name="电子邮箱" label="电子邮箱" placeholder="电子邮箱" readonly />
|
|
|
- <van-field v-model="form.contacts" name="联系人" label="联系人" placeholder="联系人" />
|
|
|
- <van-field v-model="form.qqwx" name="QQ/微信" label="QQ/微信" placeholder="QQ/微信" />
|
|
|
- <van-field v-model="form.name" name="成果名称" label="成果名称" placeholder="成果名称" />
|
|
|
- <van-field readonly clickable name="picker" :value="form.field" label="所属领域" placeholder="点击选择" @click="fieldpic = true" />
|
|
|
- <van-popup v-model="fieldpic" position="bottom">
|
|
|
- <van-picker show-toolbar :columns="field" @confirm="fieldSubmit" @cancel="fieldpic = false" />
|
|
|
- </van-popup>
|
|
|
- <van-field readonly clickable name="picker" :value="form.cooperation" label="合作方式" placeholder="点击选择" @click="cooperationpic = true" />
|
|
|
- <van-popup v-model="cooperationpic" position="bottom">
|
|
|
- <van-picker show-toolbar :columns="cooperation" @confirm="cooperationSubmit" @cancel="cooperationpic = false" />
|
|
|
- </van-popup>
|
|
|
- <van-field readonly clickable name="picker" :value="form.achievestatus" label="成果状态" placeholder="点击选择" @click="achievestatuspic = true" />
|
|
|
- <van-popup v-model="achievestatuspic" position="bottom">
|
|
|
- <van-picker show-toolbar :columns="achievestatus" @confirm="achievestatusOnsubmit" @cancel="achievestatuspic = false" />
|
|
|
- </van-popup>
|
|
|
- <van-field v-model="form.achieveown" name="成果权属" label="成果权属" placeholder="成果权属" />
|
|
|
- <van-field name="radio" label="成果来源">
|
|
|
- <template #input>
|
|
|
- <van-radio-group v-model="form.achievesource" direction="horizontal">
|
|
|
- <van-radio name="国家项目">国家项目</van-radio>
|
|
|
- <van-radio name="省级项目">省级项目</van-radio>
|
|
|
- <van-radio name="市级项目">市级项目</van-radio>
|
|
|
- <van-radio name="市级项目">市级项目</van-radio>
|
|
|
- </van-radio-group>
|
|
|
- </template>
|
|
|
- </van-field>
|
|
|
- <van-field v-model="form.intentionprice" name="意向价格" label="意向价格" placeholder="意向价格" />
|
|
|
- <!-- <van-field name="patent" label="专利信息">
|
|
|
- <template #input>
|
|
|
- <el-button type="primary" size="mini" @click="addPatent">添加</el-button>
|
|
|
- <el-button type="primary" size="mini" @click="viewPatent">查看</el-button>
|
|
|
- </template>
|
|
|
- </van-field> -->
|
|
|
- <van-field v-model="form.achievebrief" rows="1" autosize label="成果简介" type="textarea" placeholder="成果简介" />
|
|
|
- <van-field v-model="form.features" rows="1" autosize label="技术特点" type="textarea" placeholder="技术特点" />
|
|
|
- <van-field v-model="form.team" rows="1" autosize label="技术团队" type="textarea" placeholder="技术团队" />
|
|
|
- <van-field v-model="form.expectations" rows="1" autosize label="商业预期" type="textarea" placeholder="商业预期" />
|
|
|
- <van-field v-model="form.condition" rows="1" autosize label="合作要求" type="textarea" placeholder="合作要求" />
|
|
|
- <van-field name="expertimage" label="产品图片(6)">
|
|
|
- <template #input
|
|
|
- ><upload
|
|
|
- :limit="6"
|
|
|
- :data="form.image"
|
|
|
- type="image"
|
|
|
- :url="`/files/imgpath/upload`"
|
|
|
- @upload="uploadSuccess"
|
|
|
- :uploadBtn="true"
|
|
|
- @delete="uploadDelete"
|
|
|
- ></upload>
|
|
|
- </template>
|
|
|
- </van-field>
|
|
|
- <div style="margin: 16px;">
|
|
|
- <van-button round block type="info" @click="onSubmit">
|
|
|
- 提交
|
|
|
- </van-button>
|
|
|
- </div>
|
|
|
- </van-form>
|
|
|
- </span>
|
|
|
- <span v-else-if="type == '2'">
|
|
|
- <van-form>
|
|
|
- <van-field v-model="form.company" name="企业名称" label="企业名称" placeholder="企业名称" readonly />
|
|
|
- <van-field v-model="form.phone" name="联系电话" label="联系电话" placeholder="联系电话" readonly />
|
|
|
- <van-field v-model="form.email" name="电子邮箱" label="电子邮箱" placeholder="电子邮箱" readonly />
|
|
|
- <van-field v-model="form.contacts" name="联系人" label="联系人" placeholder="联系人" />
|
|
|
- <van-field v-model="form.qqwx" name="QQ/微信" label="QQ/微信" placeholder="QQ/微信" />
|
|
|
- <van-field v-model="form.name" name="信息名称" label="信息名称" placeholder="信息名称" />
|
|
|
- <van-field name="radio" label="信息属性">
|
|
|
- <template #input>
|
|
|
- <van-radio-group v-model="form.messattribute" direction="horizontal">
|
|
|
- <van-radio name="提供方">提供方</van-radio>
|
|
|
- <van-radio name="需求方">需求方</van-radio>
|
|
|
- </van-radio-group>
|
|
|
- </template>
|
|
|
- </van-field>
|
|
|
- <van-field name="radio" label="需求程度">
|
|
|
- <template #input>
|
|
|
- <van-radio-group v-model="form.demand" direction="horizontal">
|
|
|
- <van-radio name="特急">特急</van-radio>
|
|
|
- <van-radio name="一般">一般</van-radio>
|
|
|
- <van-radio name="长期">长期</van-radio>
|
|
|
- </van-radio-group>
|
|
|
- </template>
|
|
|
- </van-field>
|
|
|
- <van-field v-model="form.informationdesc" rows="1" autosize label="信息描述" type="textarea" placeholder="信息描述" />
|
|
|
- <van-field v-model="form.coreelements" rows="1" autosize label="核心要素" type="textarea" placeholder="核心要素" />
|
|
|
- <van-field v-model="form.priceinfo" rows="1" autosize label="价格信息" type="textarea" placeholder="价格信息" />
|
|
|
- <van-field v-model="form.businessexpect" rows="1" autosize label="商业预期" type="textarea" placeholder="商业预期" />
|
|
|
- <div style="margin: 16px;">
|
|
|
- <van-button round block type="info" @click="onSubmit">
|
|
|
- 提交
|
|
|
- </van-button>
|
|
|
- </div>
|
|
|
- </van-form>
|
|
|
- </span>
|
|
|
+ <van-form>
|
|
|
+ <van-field v-model="form.company" name="企业名称" label="企业名称" placeholder="企业名称" readonly />
|
|
|
+ <van-field v-model="form.phone" name="联系电话" label="联系电话" placeholder="联系电话" readonly />
|
|
|
+ <van-field v-model="form.email" name="电子邮箱" label="电子邮箱" placeholder="电子邮箱" readonly />
|
|
|
+ <van-field v-model="form.contacts" name="联系人" label="联系人" placeholder="联系人" />
|
|
|
+ <van-field v-model="form.qqwx" name="QQ/微信" label="QQ/微信" placeholder="QQ/微信" />
|
|
|
+ <van-field v-model="form.name" name="需求名称" label="需求名称" placeholder="需求名称" />
|
|
|
+ <van-field name="radio" label="紧急程度">
|
|
|
+ <template #input>
|
|
|
+ <van-radio-group v-model="form.degreeurgency" direction="horizontal">
|
|
|
+ <van-radio name="特急">特急</van-radio>
|
|
|
+ <van-radio name="一般">一般</van-radio>
|
|
|
+ <van-radio name="长期">长期</van-radio>
|
|
|
+ </van-radio-group>
|
|
|
+ </template>
|
|
|
+ </van-field>
|
|
|
+ <van-field readonly clickable name="picker" :value="form.field" label="所属领域" placeholder="点击选择" @click="fieldpic = true" />
|
|
|
+ <van-popup v-model="fieldpic" position="bottom">
|
|
|
+ <van-picker show-toolbar :columns="fieldList" @confirm="fieldSubmit" @cancel="fieldpic = false" value-key="name" />
|
|
|
+ </van-popup>
|
|
|
+ <van-field readonly clickable name="picker" :value="form.cooperation" label="合作方式" placeholder="点击选择" @click="cooperationpic = true" />
|
|
|
+ <van-popup v-model="cooperationpic" position="bottom">
|
|
|
+ <van-picker show-toolbar :columns="cooperationList" @confirm="cooperationSubmit" @cancel="cooperationpic = false" value-key="name" />
|
|
|
+ </van-popup>
|
|
|
+ <van-field v-model="form.budget" name="投资预算" label="投资预算" placeholder="投资预算" />
|
|
|
+ <van-field v-model="form.requirementdesc" rows="1" autosize label="技术说明" type="textarea" placeholder="技术说明" />
|
|
|
+ <van-field v-model="form.expect" rows="1" autosize label="预期目标" type="textarea" placeholder="预期目标" />
|
|
|
+ <van-field v-model="form.present" rows="1" autosize label="合作要求" type="textarea" placeholder="合作要求" />
|
|
|
+ <van-field name="expertimage" label="产品图片(6)">
|
|
|
+ <template #input
|
|
|
+ ><upload
|
|
|
+ :limit="6"
|
|
|
+ :data="form.image"
|
|
|
+ type="image"
|
|
|
+ :url="`/files/imgpath/upload`"
|
|
|
+ @upload="uploadSuccess"
|
|
|
+ :uploadBtn="true"
|
|
|
+ @delete="uploadDelete"
|
|
|
+ ></upload>
|
|
|
+ </template>
|
|
|
+ </van-field>
|
|
|
+ <div style="margin: 16px;">
|
|
|
+ <van-button round block type="info" @click="onSubmit">
|
|
|
+ 提交申请
|
|
|
+ </van-button>
|
|
|
+ </div>
|
|
|
+ </van-form>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
- <!-- <van-dialog v-model="show" title="添加专利信息" :showConfirmButton="false" :closeOnClickOverlay="true">
|
|
|
- <van-form>
|
|
|
- <van-field v-model="patentform.patentinfo" name="名称" label="名称" placeholder="名称" />
|
|
|
- <van-field name="radio" label="专利状态">
|
|
|
- <template #input>
|
|
|
- <van-radio-group v-model="patentform.patentstatus" direction="horizontal">
|
|
|
- <van-radio name="已申请">已申请</van-radio>
|
|
|
- <van-radio name="已授权">已授权</van-radio>
|
|
|
- </van-radio-group>
|
|
|
- </template>
|
|
|
- </van-field>
|
|
|
- <div style="margin: 16px;">
|
|
|
- <van-button round block type="info" @click="patentSubmit">
|
|
|
- 提交
|
|
|
- </van-button>
|
|
|
- </div>
|
|
|
- </van-form>
|
|
|
- </van-dialog>
|
|
|
- <van-dialog v-model="patentshow" title="查看专利信息" :showConfirmButton="false" :closeOnClickOverlay="true">
|
|
|
- <div class="patentList" v-for="(item, index) in patentList" :key="index">
|
|
|
- <p class="textOver">{{ item.patentinfo }}</p>
|
|
|
- <p>专利状态:{{ item.patentstatus }}</p>
|
|
|
- <p>
|
|
|
- <el-button type="primary" size="mini" @click="delPatent(index, item)">刪除</el-button>
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- </van-dialog> -->
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -188,11 +60,9 @@ import { mapState, createNamespacedHelpers } from 'vuex';
|
|
|
export default {
|
|
|
name: 'producInfo',
|
|
|
props: {
|
|
|
- type: { type: String, default: '0' },
|
|
|
form: { type: Object },
|
|
|
fieldList: { type: Array },
|
|
|
cooperationList: { type: Array },
|
|
|
- achievestatusList: { type: Array },
|
|
|
},
|
|
|
components: {
|
|
|
upload,
|
|
@@ -203,47 +73,20 @@ export default {
|
|
|
fieldpic: false,
|
|
|
cooperation: [],
|
|
|
cooperationpic: false,
|
|
|
- achievestatus: [],
|
|
|
- achievestatuspic: false,
|
|
|
- // 专利信息
|
|
|
- // show: false,
|
|
|
- // patentform: {},
|
|
|
- // patentshow: false,
|
|
|
- // patentList: [],
|
|
|
};
|
|
|
},
|
|
|
created() {},
|
|
|
methods: {
|
|
|
- // 重组数组
|
|
|
- seachfield() {
|
|
|
- let field = this.fieldList.map(item => item.name);
|
|
|
- this.$set(this, `field`, field);
|
|
|
- },
|
|
|
// 所屬領域
|
|
|
fieldSubmit(value) {
|
|
|
- this.$set(this.form, `field`, value);
|
|
|
+ this.$set(this.form, `field`, value.name);
|
|
|
this.fieldpic = false;
|
|
|
},
|
|
|
- // 重组数组
|
|
|
- searchcooperation() {
|
|
|
- let cooperation = this.cooperationList.map(item => item.name);
|
|
|
- this.$set(this, `cooperation`, cooperation);
|
|
|
- },
|
|
|
// 合作方式
|
|
|
cooperationSubmit(value) {
|
|
|
- this.$set(this.form, `cooperation`, value);
|
|
|
+ this.$set(this.form, `cooperation`, value.name);
|
|
|
this.cooperationpic = false;
|
|
|
},
|
|
|
- // 重组数组
|
|
|
- searchachievestatus() {
|
|
|
- let achievestatus = this.achievestatusList.map(item => item.name);
|
|
|
- this.$set(this, `achievestatus`, achievestatus);
|
|
|
- },
|
|
|
- // 成果状态
|
|
|
- achievestatusOnsubmit(value) {
|
|
|
- this.$set(this.form, `achievestatus`, value);
|
|
|
- this.achievestatuspic = false;
|
|
|
- },
|
|
|
// 图片上传
|
|
|
uploadSuccess({ type, data }) {
|
|
|
let arr = _.get(this.form, type);
|
|
@@ -259,63 +102,9 @@ export default {
|
|
|
uploadDelete(index) {
|
|
|
this.form.image.splice(index, 1);
|
|
|
},
|
|
|
- // 添加专利信息
|
|
|
- // addPatent() {
|
|
|
- // this.show = true;
|
|
|
- // },
|
|
|
- // 提交专利信息
|
|
|
- // patentSubmit() {
|
|
|
- // this.patentList.push(this.patentform);
|
|
|
- // this.show = false;
|
|
|
- // },
|
|
|
- // 查看专利信息
|
|
|
- // viewPatent() {
|
|
|
- // this.patentshow = true;
|
|
|
- // },
|
|
|
- // 删除专利信息
|
|
|
- // delPatent(index, val) {
|
|
|
- // this.patentList.splice(index, 1);
|
|
|
- // this.$notify({
|
|
|
- // message: '删除成功',
|
|
|
- // type: 'success',
|
|
|
- // });
|
|
|
- // this.patentshow = false;
|
|
|
- // },
|
|
|
onSubmit() {
|
|
|
- // this.form.patent = this.patentList;
|
|
|
this.$emit('onSubmit', { data: this.form });
|
|
|
},
|
|
|
- // 查询专利信息
|
|
|
- // searchpatent() {
|
|
|
- // let data = this.form;
|
|
|
- // if (data.patent) {
|
|
|
- // console.log(data.patent);
|
|
|
- // this.$set(this, `patentList`, data.patent);
|
|
|
- // }
|
|
|
- // },
|
|
|
- },
|
|
|
- watch: {
|
|
|
- fieldList: {
|
|
|
- immediate: true,
|
|
|
- deep: true,
|
|
|
- handler(val) {
|
|
|
- this.seachfield();
|
|
|
- },
|
|
|
- },
|
|
|
- cooperationList: {
|
|
|
- immediate: true,
|
|
|
- deep: true,
|
|
|
- handler(val) {
|
|
|
- this.searchcooperation();
|
|
|
- },
|
|
|
- },
|
|
|
- achievestatusList: {
|
|
|
- immediate: true,
|
|
|
- deep: true,
|
|
|
- handler(val) {
|
|
|
- this.searchachievestatus();
|
|
|
- },
|
|
|
- },
|
|
|
},
|
|
|
computed: {
|
|
|
...mapState(['user']),
|