2

src/views/superAdminCenter/enterpriseProduct/index.vue

@@ -212,16 +212,12 @@
                   <el-radio label="自选项目"></el-radio>
                 </el-radio-group>
               </el-form-item>
-              <!-- <el-form-item label="专利信息">
-                <el-table-column property="patentinfo" label="专利信息" width="200"></el-table-column>
-              </el-form-item>
-              <el-form-item label="专利状态">
-                <el-table-column property=" patentstatus" label="专利状态" width="200"></el-table-column>
-              </el-form-item> -->
-              <el-table :data="gridData1" style="width: 83%; margin: 0 auto;">
-                <el-table-column property="patentinfo" label="专利信息" width="200"></el-table-column>
-                <el-table-column property=" patentstatus" label="专利状态" width="200"></el-table-column>
-              </el-table>
+              <el-form-item label="专利信息">
+                <el-table :data="form.patent" style="width: 100%" border>
+                  <el-table-column prop="patentinfo" label="专利信息" align="center"> </el-table-column>
+                  <el-table-column prop="patentstatus" label="专利状态" align="center"> </el-table-column>
+                </el-table>
+              </el-form-item>
               <el-form-item label="项目路演">
                 <!-- <el-input v-model="form.roadshow" placeholder="请输入项目路演"></el-input> -->
                 <el-link :href="form.roadshow" :underline="false">项目路演下载</el-link>

src/views/userCenter/productInfo/index.vue

@@ -19,7 +19,14 @@
             <el-button type="primary" size="mini" class="add" @click="add">信息发布</el-button>
           </el-col>
           <el-col :span="24" class="infoTwo" v-else>
-            <infoRelease @back="back" :form="form" @draftBtn="draftBtn" @submitBtn="submitBtn"></infoRelease>
+            <infoRelease
+              @back="back"
+              :form="form"
+              @draftBtn="draftBtn"
+              @submitBtn="submitBtn"
+              :addpatentform="addpatentform"
+              @patentonSubmit="patentonSubmit"
+            ></infoRelease>
           </el-col>
         </el-col>
       </el-col>
@@ -33,6 +40,7 @@ import statusIn from './part/statusIn.vue';
 import already from './part/already.vue';
 import infoRelease from './part/infoRelease.vue';
 import { mapState, createNamespacedHelpers } from 'vuex';
+import lefttopVue from '../../superAdminCenter/lefttop.vue';
 const { mapActions: mapMarketproduct } = createNamespacedHelpers('marketproduct');
 const { mapActions: market } = createNamespacedHelpers('market');
 const { mapActions: expertsuser } = createNamespacedHelpers('expertsuser');
@@ -53,6 +61,8 @@ export default {
       form: {},
       // 企业信息&专家信息
       companyInfo: {},
+      addpatentform: {},
+      addpatent: [],
     };
   },
   created() {
@@ -93,6 +103,7 @@ export default {
     // 保存草稿
     async draftBtn({ data }) {
       data.userid = this.user.uid;
+      data.patent = this.addpatent;
       if (data.id) {
         let res = await this.productUpdate(data);
         if (this.$checkRes(res)) {
@@ -161,6 +172,11 @@ export default {
       this.$set(this, `product_args`, data.product_args);
       this.display = false;
     },
+    // 添加专利信息
+    patentonSubmit({ data }) {
+      this.addpatentform = {};
+      this.addpatent.push(data);
+    },
   },
   computed: {
     ...mapState(['user']),

src/views/userCenter/productInfo/part/infoRelease copy.vue

@@ -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>

src/views/userCenter/productInfo/part/infoRelease.vue

@@ -341,26 +341,14 @@
                       </el-col>
                     </el-form-item>
                   </el-col>
-                  <el-col :span="12">
+                  <el-col :span="24">
                     <el-form-item prop="patentinfo">
                       <el-col :span="21" slot="label">
                         专利信息
                       </el-col>
-                      <el-col :span="24">
-                        <el-input v-model="form.patentinfo" placeholder="请输入专利信息"></el-input>
-                      </el-col>
-                    </el-form-item>
-                  </el-col>
-                  <el-col :span="12" class="langSelect">
-                    <el-form-item prop="patentstatus">
-                      <el-col :span="21" slot="label">
-                        专利状态
-                      </el-col>
-                      <el-col :span="24">
-                        <el-select v-model="form.patentstatus" placeholder="请选择专利状态">
-                          <el-option label="已申请" value="已申请"></el-option>
-                          <el-option label="已授权" value="已授权"></el-option>
-                        </el-select>
+                      <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>
@@ -370,7 +358,6 @@
                         项目路演
                       </el-col>
                       <el-col :span="24" style="padding:0 10px">
-                        <!-- <el-input v-model="form.roadshow" placeholder="请输入项目路演"></el-input> -->
                         <upload
                           :limit="1"
                           :data="form.roadshow"
@@ -669,6 +656,22 @@
         <busiDetail :detailInfo="detailInfo" :displayBtn="displayBtn"></busiDetail>
       </span>
     </el-dialog>
+    <el-dialog title="添加信息" :visible.sync="addpatentdialog" width="40%" :before-close="patentdialogclose">
+      <el-form ref="addpatentform" :model="addpatentform" label-width="80px" class="addpatentform">
+        <el-form-item label="专利名称">
+          <el-input v-model="addpatentform.patentinfo" placeholder="请输入专利名称"></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>
 
@@ -684,6 +687,7 @@ export default {
   name: 'infoRelease',
   props: {
     form: null,
+    addpatentform: null,
   },
   components: {
     upload,
@@ -712,6 +716,7 @@ export default {
       displayBtn: false,
       // 信息显示
       detailInfo: {},
+      addpatentdialog: false,
     };
   },
   created() {
@@ -786,12 +791,24 @@ export default {
     uploadDelete(index) {
       this.form.image.splice(index, 1);
     },
+    back() {
+      this.$emit('back');
+    },
     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 });
+      this.patentdialogclose();
+    },
+    // 取消添加
+    patentdialogclose() {
+      this.addpatentdialog = false;
     },
   },
   computed: {
@@ -810,36 +827,39 @@ export default {
 .back {
   text-align: right;
 }
-.form {
-  /deep/.el-form-item {
-    margin-bottom: 0px;
-  }
-  /deep/.el-form-item__label {
-    border: 1px solid #dcdfe6;
+.info {
+  .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;
+    }
   }
-  /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;