|
@@ -1,876 +0,0 @@
|
|
|
-<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>
|