|
|
@@ -0,0 +1,876 @@
|
|
|
+<template>
|
|
|
+ <div id="infoRelease">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-col :span="24" class="back">
|
|
|
+ <el-button type="primary" size="mini" @click="back()">返回</el-button>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="info">
|
|
|
+ <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
|
|
|
+ <el-tab-pane label="科技需求" name="first">
|
|
|
+ <el-form ref="form" :model="form" :rules="rules" label-width="140px">
|
|
|
+ <el-col :span="24" class="form">
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item prop="company">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 企业名称
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-input v-model="form.company" placeholder="请输入企业名称" disabled></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item prop="phone">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 联系电话
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-input v-model="form.phone" placeholder="请输入联系电话" disabled></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item prop="email">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 电子邮箱
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-input v-model="form.email" placeholder="请输入电子邮箱" disabled></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item prop="contacts">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 联系人
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-input v-model="form.contacts" placeholder="请输入联系人"></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item prop="qqwx">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ QQ/微信
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-input v-model="form.qqwx" placeholder="请输入QQ/微信"></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item prop="name">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 需求名称
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-input v-model="form.name" placeholder="请输入需求名称"></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="langSelect">
|
|
|
+ <el-form-item prop="degreeurgency">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 需求紧急程度
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-select v-model="form.degreeurgency" placeholder="请选择需求紧急程度">
|
|
|
+ <el-option label="特急" value="特急"></el-option>
|
|
|
+ <el-option label="一般" value="一般"></el-option>
|
|
|
+ <el-option label="储备" value="储备"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="langSelect">
|
|
|
+ <el-form-item prop="field">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 所属领域
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <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-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item prop="budget">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 投资预算
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-input v-model="form.budget" placeholder="请输入投资预算"></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="langSelect">
|
|
|
+ <el-form-item prop="cooperation">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 合作方式
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <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-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="langInfo">
|
|
|
+ <el-form-item prop="requirementdesc">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 技术说明
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-input
|
|
|
+ v-model="form.requirementdesc"
|
|
|
+ type="textarea"
|
|
|
+ maxlength="300"
|
|
|
+ show-word-limit
|
|
|
+ :autosize="{ minRows: 4, maxRows: 5 }"
|
|
|
+ placeholder="请输入技术难题/需求说明"
|
|
|
+ ></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="langInfo">
|
|
|
+ <el-form-item prop="expect">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 预期目标
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-input
|
|
|
+ v-model="form.expect"
|
|
|
+ type="textarea"
|
|
|
+ maxlength="300"
|
|
|
+ show-word-limit
|
|
|
+ :autosize="{ minRows: 4, maxRows: 5 }"
|
|
|
+ placeholder="请输入技术难题/需求说明"
|
|
|
+ ></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="langInfo">
|
|
|
+ <el-form-item prop="present">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 需求现状
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-input
|
|
|
+ v-model="form.present"
|
|
|
+ type="textarea"
|
|
|
+ maxlength="300"
|
|
|
+ show-word-limit
|
|
|
+ :autosize="{ minRows: 4, maxRows: 5 }"
|
|
|
+ placeholder="请输入技术难题/需求说明"
|
|
|
+ ></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="langInfo">
|
|
|
+ <el-form-item prop="condition">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 合作条件及要求
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-input
|
|
|
+ v-model="form.condition"
|
|
|
+ type="textarea"
|
|
|
+ maxlength="300"
|
|
|
+ show-word-limit
|
|
|
+ :autosize="{ minRows: 4, maxRows: 5 }"
|
|
|
+ placeholder="请输入技术难题/需求说明"
|
|
|
+ ></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="langInfoImage">
|
|
|
+ <el-form-item prop="image">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 产品图片(6)
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <upload
|
|
|
+ :limit="6"
|
|
|
+ :data="form.image"
|
|
|
+ :uploadBtn="true"
|
|
|
+ type="image"
|
|
|
+ :url="`/files/image/upload`"
|
|
|
+ @upload="uploadSuccess"
|
|
|
+ @delete="uploadDelete"
|
|
|
+ ></upload>
|
|
|
+ </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-form>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="技术成果" name="second">
|
|
|
+ <el-form ref="form" :model="form" :rules="rules" label-width="140px">
|
|
|
+ <el-col :span="24" class="form">
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item prop="company">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 企业名称
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-input v-model="form.company" placeholder="请输入企业名称" disabled></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item prop="phone">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 联系电话
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-input v-model="form.phone" placeholder="请输入联系电话" disabled></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item prop="email">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 电子邮箱
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-input v-model="form.email" placeholder="请输入电子邮箱" disabled></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item prop="contacts">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 联系人
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-input v-model="form.contacts" placeholder="请输入联系人"></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item prop="qqwx">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ QQ/微信
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-input v-model="form.qqwx" placeholder="请输入QQ/微信"></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item prop="name">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 成果名称
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-input v-model="form.name" placeholder="请输入成果名称"></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="langSelect">
|
|
|
+ <el-form-item prop="field">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 所属领域
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <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-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="langSelect">
|
|
|
+ <el-form-item prop="cooperation">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 合作方式
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <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-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="langSelect">
|
|
|
+ <el-form-item prop="achievestatus">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 成果状态
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <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-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item prop="achieveown">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 成果权属
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-input v-model="form.achieveown" placeholder="请输入成果权属"></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12" class="langSelect">
|
|
|
+ <el-form-item prop="achievesource">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 成果来源
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-select v-model="form.achievesource" placeholder="请选择成果来源">
|
|
|
+ <el-option label="国家项目" value="国家项目"></el-option>
|
|
|
+ <el-option label="省级项目" value="省级项目"></el-option>
|
|
|
+ <el-option label="市级项目" value="市级项目"></el-option>
|
|
|
+ <el-option label="自选项目" value="自选项目"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item prop="intentionprice">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 意向价格
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-input v-model="form.intentionprice" placeholder="请输入意向价格"></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item prop="patentinfo">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 专利信息
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" style="border:1px solid #ccc;padding:0 10px;">
|
|
|
+ <el-button type="primary" size="mini" @click="addpatent()">添加信息</el-button>
|
|
|
+ <el-button type="primary" size="mini" @click="viewpatent()">查看信息</el-button>
|
|
|
+ </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="roadshow">
|
|
|
+ <el-form-item prop="roadshow">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 项目路演
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" style="padding:0 10px">
|
|
|
+ <upload
|
|
|
+ :limit="1"
|
|
|
+ :data="form.roadshow"
|
|
|
+ type="roadshow"
|
|
|
+ listType=""
|
|
|
+ :url="'/files/roadshow/upload'"
|
|
|
+ @upload="uploadroadshow"
|
|
|
+ @delete="uploaddelroadshow"
|
|
|
+ ></upload>
|
|
|
+ </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="langInfo">
|
|
|
+ <el-form-item prop="achievebrief">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 成果简介
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-input
|
|
|
+ v-model="form.achievebrief"
|
|
|
+ type="textarea"
|
|
|
+ maxlength="300"
|
|
|
+ show-word-limit
|
|
|
+ :autosize="{ minRows: 4, maxRows: 5 }"
|
|
|
+ placeholder="请输入成果简介"
|
|
|
+ ></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="langInfo">
|
|
|
+ <el-form-item prop="features">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 技术特点
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-input
|
|
|
+ v-model="form.features"
|
|
|
+ type="textarea"
|
|
|
+ maxlength="300"
|
|
|
+ show-word-limit
|
|
|
+ :autosize="{ minRows: 4, maxRows: 5 }"
|
|
|
+ placeholder="请输入技术特点"
|
|
|
+ ></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="langInfo">
|
|
|
+ <el-form-item prop="team">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 技术团队
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-input
|
|
|
+ v-model="form.team"
|
|
|
+ type="textarea"
|
|
|
+ maxlength="300"
|
|
|
+ show-word-limit
|
|
|
+ :autosize="{ minRows: 4, maxRows: 5 }"
|
|
|
+ placeholder="请输入技术团队"
|
|
|
+ ></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="langInfo">
|
|
|
+ <el-form-item prop="expectations">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 商业预期
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-input
|
|
|
+ v-model="form.expectations"
|
|
|
+ type="textarea"
|
|
|
+ maxlength="300"
|
|
|
+ show-word-limit
|
|
|
+ :autosize="{ minRows: 4, maxRows: 5 }"
|
|
|
+ placeholder="请输入商业预期"
|
|
|
+ ></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="langInfo">
|
|
|
+ <el-form-item prop="condition">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 合作条件及要求
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-input
|
|
|
+ v-model="form.condition"
|
|
|
+ type="textarea"
|
|
|
+ maxlength="300"
|
|
|
+ show-word-limit
|
|
|
+ :autosize="{ minRows: 4, maxRows: 5 }"
|
|
|
+ placeholder="请输入合作条件及要求"
|
|
|
+ ></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="langInfoImage">
|
|
|
+ <el-form-item prop="image">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 产品图片(6)
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <upload
|
|
|
+ :limit="6"
|
|
|
+ :data="form.image"
|
|
|
+ :uploadBtn="true"
|
|
|
+ type="image"
|
|
|
+ :url="`/files/image/upload`"
|
|
|
+ @upload="uploadSuccess"
|
|
|
+ @delete="uploadDelete"
|
|
|
+ ></upload>
|
|
|
+ </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-form>
|
|
|
+ </el-tab-pane>
|
|
|
+ <el-tab-pane label="商务信息" name="third">
|
|
|
+ <el-form ref="form" :model="form" :rules="rules" label-width="140px">
|
|
|
+ <el-col :span="24" class="form">
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item prop="company">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 企业名称
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-input v-model="form.company" placeholder="请输入企业名称" disabled></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item prop="phone">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 联系电话
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-input v-model="form.phone" placeholder="请输入联系电话" disabled></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item prop="email">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 电子邮箱
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-input v-model="form.email" placeholder="请输入电子邮箱" disabled></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item prop="contacts">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 联系人
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-input v-model="form.contacts" placeholder="请输入联系人"></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item prop="qqwx">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ QQ/微信
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-input v-model="form.qqwx" placeholder="请输入QQ/微信"></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item prop="name">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 信息名称
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-input v-model="form.name" placeholder="请输入信息名称"></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item prop="messattribute">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 信息属性
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-radio-group v-model="form.messattribute">
|
|
|
+ <el-radio label="提供方"></el-radio>
|
|
|
+ <el-radio label="需求方"></el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="12">
|
|
|
+ <el-form-item prop="demand">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 需求程度
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-radio-group v-model="form.demand">
|
|
|
+ <el-radio label="特急"></el-radio>
|
|
|
+ <el-radio label="一般"></el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="langInfo">
|
|
|
+ <el-form-item prop="informationdesc">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 信息描述
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-input
|
|
|
+ v-model="form.informationdesc"
|
|
|
+ type="textarea"
|
|
|
+ maxlength="300"
|
|
|
+ show-word-limit
|
|
|
+ :autosize="{ minRows: 4, maxRows: 5 }"
|
|
|
+ placeholder="请输入信息描述"
|
|
|
+ ></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="langInfo">
|
|
|
+ <el-form-item prop="coreelements">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 核心要素
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-input
|
|
|
+ v-model="form.coreelements"
|
|
|
+ type="textarea"
|
|
|
+ maxlength="200"
|
|
|
+ show-word-limit
|
|
|
+ :autosize="{ minRows: 4, maxRows: 5 }"
|
|
|
+ placeholder="请输入核心要素"
|
|
|
+ ></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="langInfo">
|
|
|
+ <el-form-item prop="priceinfo">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 价格信息
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-input
|
|
|
+ v-model="form.priceinfo"
|
|
|
+ type="textarea"
|
|
|
+ maxlength="100"
|
|
|
+ show-word-limit
|
|
|
+ :autosize="{ minRows: 4, maxRows: 5 }"
|
|
|
+ placeholder="请输入价格信息"
|
|
|
+ ></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="langInfo">
|
|
|
+ <el-form-item prop="businessexpect">
|
|
|
+ <el-col :span="21" slot="label">
|
|
|
+ 商务预期
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-input
|
|
|
+ v-model="form.businessexpect"
|
|
|
+ type="textarea"
|
|
|
+ maxlength="200"
|
|
|
+ show-word-limit
|
|
|
+ :autosize="{ minRows: 4, maxRows: 5 }"
|
|
|
+ placeholder="请输入商务预期"
|
|
|
+ ></el-input>
|
|
|
+ </el-col>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-form>
|
|
|
+ </el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
+ <el-col :span="24" class="btn">
|
|
|
+ <!-- <el-button type="primary" @click="previewBtn()">信息预览</el-button> -->
|
|
|
+ <el-button @click="draftBtn('form')">保存草稿</el-button>
|
|
|
+ <!-- <el-button type="success" @click="submitBtn('form')">信息发布</el-button> -->
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <el-dialog title="信息预览" :visible.sync="dialogVisible" width="60%" :before-close="handleClose">
|
|
|
+ <span v-if="type == '0'">
|
|
|
+ <techDetail :detailInfo="detailInfo" :displayBtn="displayBtn"></techDetail>
|
|
|
+ </span>
|
|
|
+ <span v-else-if="type == '1'">
|
|
|
+ <achiDetail :detailInfo="detailInfo" :displayBtn="displayBtn"></achiDetail>
|
|
|
+ </span>
|
|
|
+ <span v-else>
|
|
|
+ <busiDetail :detailInfo="detailInfo" :displayBtn="displayBtn"></busiDetail>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ <el-dialog title="添加信息" :visible.sync="addpatentdialog" width="60%" :before-close="patentdialogclose">
|
|
|
+ <el-form ref="addpatentform" :model="addpatentform" label-width="80px">
|
|
|
+ <el-form-item label="活动名称">
|
|
|
+ <el-input v-model="addpatentform.patentinfo"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="活动区域">
|
|
|
+ <el-select v-model="addpatentform.patentstatus" placeholder="请选择">
|
|
|
+ <el-option label="已申请" value="已申请"></el-option>
|
|
|
+ <el-option label="已授权" value="已授权"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" @click="patentonSubmit">保存</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import techDetail from '@/views/market/detail/techDetail.vue';
|
|
|
+import achiDetail from '@/views/market/detail/achiDetail.vue';
|
|
|
+import busiDetail from '@/views/market/detail/busiDetail.vue';
|
|
|
+import _ from 'lodash';
|
|
|
+import upload from '@/components/upload.vue';
|
|
|
+import { mapState, createNamespacedHelpers } from 'vuex';
|
|
|
+const { mapActions: markettype } = createNamespacedHelpers('markettype');
|
|
|
+export default {
|
|
|
+ name: 'infoRelease',
|
|
|
+ props: {
|
|
|
+ form: { type: Object },
|
|
|
+ // addpatentform: { type: Object },
|
|
|
+ },
|
|
|
+ components: {
|
|
|
+ upload,
|
|
|
+ techDetail,
|
|
|
+ achiDetail,
|
|
|
+ busiDetail,
|
|
|
+ },
|
|
|
+ data: function() {
|
|
|
+ return {
|
|
|
+ activeName: 'second',
|
|
|
+ rules: {
|
|
|
+ name: [{ required: true, message: '请输入需求名称', trigger: 'blur' }],
|
|
|
+ contacts: [{ required: true, message: '请输入联系人', trigger: 'blur' }],
|
|
|
+ qqwx: [{ required: true, message: '请输入QQ/微信', trigger: 'blur' }],
|
|
|
+ },
|
|
|
+ // 所属领域
|
|
|
+ fieldList: [],
|
|
|
+ // 成果状态
|
|
|
+ achievestatusList: [],
|
|
|
+ // 合作方式
|
|
|
+ cooperationList: [],
|
|
|
+ type: '0',
|
|
|
+ // 信息预览
|
|
|
+ dialogVisible: false,
|
|
|
+ // 显示按钮
|
|
|
+ displayBtn: false,
|
|
|
+ // 信息显示
|
|
|
+ detailInfo: {},
|
|
|
+ addpatentdialog: false,
|
|
|
+ addpatentform: {},
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.searchtype();
|
|
|
+ },
|
|
|
+ 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);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleClick(tab) {
|
|
|
+ this.$set(this, `type`, tab.index);
|
|
|
+ },
|
|
|
+ // 信息预览
|
|
|
+ previewBtn() {
|
|
|
+ this.form.type = this.type;
|
|
|
+ this.dialogVisible = true;
|
|
|
+ this.$set(this, `detailInfo`, this.form);
|
|
|
+ },
|
|
|
+ handleClose() {
|
|
|
+ this.dialogVisible = false;
|
|
|
+ },
|
|
|
+ // 草稿
|
|
|
+ draftBtn() {
|
|
|
+ this.form.type = this.type;
|
|
|
+ this.$emit('draftBtn', { data: this.form });
|
|
|
+ },
|
|
|
+ // 信息发布
|
|
|
+ submitBtn(formName) {
|
|
|
+ this.$refs[formName].validate(valid => {
|
|
|
+ if (valid) {
|
|
|
+ this.form.type = this.type;
|
|
|
+ this.$emit('submitBtn', { data: this.form });
|
|
|
+ } else {
|
|
|
+ console.log('error submit!!');
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 所属领域
|
|
|
+ // changeField(value) {
|
|
|
+ // let data = { ...value };
|
|
|
+ // console.log(data);
|
|
|
+ // },
|
|
|
+ // 图片
|
|
|
+ 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);
|
|
|
+ },
|
|
|
+ uploadroadshow({ type, data }) {
|
|
|
+ this.$set(this.form, `${type}`, data.uri);
|
|
|
+ },
|
|
|
+ uploaddelroadshow(index) {},
|
|
|
+ back() {
|
|
|
+ this.$emit('back');
|
|
|
+ },
|
|
|
+ // 添加专利信息
|
|
|
+ addpatent() {
|
|
|
+ this.addpatentdialog = true;
|
|
|
+ },
|
|
|
+ // 提交保存
|
|
|
+ // patentonSubmit() {
|
|
|
+ // // this.$emit('patentonSubmit', { data: this.addpatentform });
|
|
|
+ // console.log(this.addpatentform);
|
|
|
+ // },
|
|
|
+ // 取消添加
|
|
|
+ patentdialogclose() {
|
|
|
+ this.addpatentdialog = false;
|
|
|
+ },
|
|
|
+ // 查看专利信息
|
|
|
+ viewaddpatent() {},
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ ...mapState(['user']),
|
|
|
+ pageTitle() {
|
|
|
+ return `${this.$route.meta.title}`;
|
|
|
+ },
|
|
|
+ },
|
|
|
+ metaInfo() {
|
|
|
+ return { title: this.$route.meta.title };
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="less" scoped>
|
|
|
+.back {
|
|
|
+ text-align: right;
|
|
|
+}
|
|
|
+.form {
|
|
|
+ /deep/.el-form-item {
|
|
|
+ margin-bottom: 0px;
|
|
|
+ }
|
|
|
+ /deep/.el-form-item__label {
|
|
|
+ border: 1px solid #dcdfe6;
|
|
|
+ }
|
|
|
+ /deep/.el-input__inner {
|
|
|
+ border-radius: 0;
|
|
|
+ height: 42px;
|
|
|
+ line-height: 42px;
|
|
|
+ }
|
|
|
+ /deep/.el-radio-group {
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ padding: 12px 20px;
|
|
|
+ width: 268px;
|
|
|
+ }
|
|
|
+ /deep/.langInfo .el-form-item__label {
|
|
|
+ padding: 27px 0;
|
|
|
+ }
|
|
|
+ /deep/.langSelect .el-select {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ /deep/.langInfoImage .el-form-item__label {
|
|
|
+ padding: 53px 0;
|
|
|
+ }
|
|
|
+}
|
|
|
+/deep/.el-form-item {
|
|
|
+ margin-bottom: 0;
|
|
|
+}
|
|
|
+.btn {
|
|
|
+ text-align: center;
|
|
|
+ margin: 15px 0;
|
|
|
+}
|
|
|
+.roadshow {
|
|
|
+ height: 76px;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ /deep/.el-form-item__label {
|
|
|
+ height: 76px;
|
|
|
+ line-height: 76px;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
