guhongwei пре 4 година
родитељ
комит
5914258726
1 измењених фајлова са 120 додато и 138 уклоњено
  1. 120 138
      src/views/dynamic/product.vue

+ 120 - 138
src/views/dynamic/product.vue

@@ -18,62 +18,23 @@
                           企业名称:
                         </el-col>
                         <el-col :span="22" class="right">
-                          <el-input v-model="technologyForm.company" placeholder="请输入企业名称"></el-input>
+                          <el-input v-model="technologyForm.company" placeholder="请输入企业名称" disabled></el-input>
                         </el-col>
                       </el-col>
                       <el-col :span="12" class="txt">
                         <el-col :span="4" class="left">
-                          注册类型:
-                        </el-col>
-                        <el-col :span="20" class="right">
-                          <el-input v-model="technologyForm.companytype" placeholder="请输入注册类型"></el-input>
-                        </el-col>
-                      </el-col>
-                      <el-col :span="12" class="txt">
-                        <el-col :span="4" class="left">
-                          信用代码:
-                        </el-col>
-                        <el-col :span="20" class="right">
-                          <el-input v-model="technologyForm.institution_code" placeholder="请输入统一社会信用代码" disabled></el-input>
-                        </el-col>
-                      </el-col>
-                      <el-col :span="12" class="txt">
-                        <el-col :span="4" class="left">
-                          注册时间:
-                        </el-col>
-                        <el-col :span="20" class="right">
-                          <el-date-picker
-                            v-model="technologyForm.companydate"
-                            type="date"
-                            placeholder="请选择时间"
-                            format="yyyy-MM-dd"
-                            value-format="yyyy-MM-dd"
-                          >
-                          </el-date-picker>
-                        </el-col>
-                      </el-col>
-                      <el-col :span="12" class="txt">
-                        <el-col :span="4" class="left">
-                          注册资金:
-                        </el-col>
-                        <el-col :span="20" class="right">
-                          <el-input v-model="technologyForm.companycapital" placeholder="请输入注册资金"></el-input>
-                        </el-col>
-                      </el-col>
-                      <el-col :span="12" class="txt">
-                        <el-col :span="4" class="left">
-                          企业法人:
+                          联系电话:
                         </el-col>
                         <el-col :span="20" class="right">
-                          <el-input v-model="technologyForm.companyperson" placeholder="请输入企业法人"></el-input>
+                          <el-input v-model="technologyForm.phone" placeholder="请输入联系电话" disabled></el-input>
                         </el-col>
                       </el-col>
                       <el-col :span="12" class="txt">
                         <el-col :span="4" class="left">
-                          企业网址
+                          电子邮箱:
                         </el-col>
                         <el-col :span="20" class="right">
-                          <el-input v-model="technologyForm.companyweb" placeholder="请输入企业网址"></el-input>
+                          <el-input v-model="technologyForm.email" placeholder="请输入电子邮箱" disabled></el-input>
                         </el-col>
                       </el-col>
                       <el-col :span="12" class="txt">
@@ -84,14 +45,6 @@
                           <el-input v-model="technologyForm.contacts" placeholder="请输入联系人"></el-input>
                         </el-col>
                       </el-col>
-                      <el-col :span="12" class="txt">
-                        <el-col :span="4" class="left">
-                          联系电话:
-                        </el-col>
-                        <el-col :span="20" class="right">
-                          <el-input v-model="technologyForm.phone" placeholder="请输入联系电话"></el-input>
-                        </el-col>
-                      </el-col>
                       <el-col :span="12" class="txt">
                         <el-col :span="4" class="left">
                           QQ/微信:
@@ -102,42 +55,41 @@
                       </el-col>
                       <el-col :span="12" class="txt">
                         <el-col :span="4" class="left">
-                          电子邮箱
+                          信用代码
                         </el-col>
                         <el-col :span="20" class="right">
-                          <el-input v-model="technologyForm.email" placeholder="请输入电子邮箱"></el-input>
-                        </el-col>
-                      </el-col>
-                      <el-col :span="12" class="txt">
-                        <el-col :span="6" class="left">
-                          上年度企业总收入:
-                        </el-col>
-                        <el-col :span="18" class="right">
-                          <el-input v-model="technologyForm.sndqyzsr" placeholder="请输入上年度企业总收入"></el-input>
+                          <el-input v-model="technologyForm.institution_code" placeholder="请输入统一社会信用代码" disabled></el-input>
                         </el-col>
                       </el-col>
                       <el-col :span="12" class="txt">
-                        <el-col :span="6" class="left">
-                          上年度研发费用
+                        <el-col :span="4" class="left">
+                          注册资金:
                         </el-col>
-                        <el-col :span="18" class="right">
-                          <el-input v-model="technologyForm.sndyffy" placeholder="请输入上年度研发费用"></el-input>
+                        <el-col :span="20" class="right">
+                          <el-input v-model="technologyForm.companycapital" placeholder="请输入注册资金"></el-input>
                         </el-col>
                       </el-col>
                       <el-col :span="12" class="txt">
                         <el-col :span="4" class="left">
-                          企业总人数
+                          注册类型
                         </el-col>
                         <el-col :span="20" class="right">
-                          <el-input v-model="technologyForm.companytotal" placeholder="请输入企业总人数"></el-input>
+                          <el-input v-model="technologyForm.companytype" placeholder="请输入注册类型"></el-input>
                         </el-col>
                       </el-col>
                       <el-col :span="12" class="txt">
-                        <el-col :span="6" class="left">
-                          专&兼职研发人数
+                        <el-col :span="4" class="left">
+                          注册时间
                         </el-col>
-                        <el-col :span="18" class="right">
-                          <el-input v-model="technologyForm.zjzyfrs" placeholder="请输入专&兼职研发人数"></el-input>
+                        <el-col :span="20" class="right">
+                          <el-date-picker
+                            v-model="technologyForm.companydate"
+                            type="date"
+                            placeholder="请选择时间"
+                            format="yyyy-MM-dd"
+                            value-format="yyyy-MM-dd"
+                          >
+                          </el-date-picker>
                         </el-col>
                       </el-col>
                       <el-col :span="24" class="txtTwo">
@@ -151,39 +103,17 @@
                           placeholder="请输入企业简介"
                         ></el-input>
                       </el-col>
-                      <el-col :span="24" class="txtTwo">
-                        <p>主要产品:</p>
-                        <el-input
-                          v-model="technologyForm.mainproduct"
-                          type="textarea"
-                          maxlength="300"
-                          show-word-limit
-                          :autosize="{ minRows: 4, maxRows: 5 }"
-                          placeholder="请输入主要产品"
-                        ></el-input>
-                      </el-col>
-                      <el-col :span="24" class="txtTwo">
-                        <p>企业资质&荣誉:</p>
-                        <el-input
-                          v-model="technologyForm.qualifications"
-                          type="textarea"
-                          maxlength="300"
-                          show-word-limit
-                          :autosize="{ minRows: 4, maxRows: 5 }"
-                          placeholder="请输入企业资质&荣誉"
-                        ></el-input>
-                      </el-col>
                     </el-col>
                   </el-col>
                   <el-col :span="24" class="product">
-                    <h1>技需求</h1>
+                    <h1>科技需求</h1>
                     <el-col :span="24" class="productInfo">
                       <el-col :span="24" class="txt">
-                        <el-col :span="4" class="left">
-                          技术难题&需求名称:
+                        <el-col :span="2" class="left">
+                          需求名称:
                         </el-col>
-                        <el-col :span="20" class="right">
-                          <el-input v-model="technologyForm.name" placeholder="请输入技术难题&需求名称"></el-input>
+                        <el-col :span="22" class="right">
+                          <el-input v-model="technologyForm.name" placeholder="请输入需求名称"></el-input>
                         </el-col>
                       </el-col>
                       <el-col :span="12" class="txt">
@@ -227,36 +157,36 @@
                         </el-col>
                       </el-col>
                       <el-col :span="24" class="txtTwo">
-                        <p>技术难题&需求说明:</p>
+                        <p>技术说明:</p>
                         <el-input
                           v-model="technologyForm.requirementdesc"
                           type="textarea"
                           maxlength="300"
                           show-word-limit
                           :autosize="{ minRows: 4, maxRows: 5 }"
-                          placeholder="请输入技术难题&需求说明"
+                          placeholder="请输入技术说明"
                         ></el-input>
                       </el-col>
                       <el-col :span="24" class="txtTwo">
-                        <p>预期技术目标描述:</p>
+                        <p>预期目标:</p>
                         <el-input
                           v-model="technologyForm.expect"
                           type="textarea"
                           maxlength="300"
                           show-word-limit
                           :autosize="{ minRows: 4, maxRows: 5 }"
-                          placeholder="请输入预期技术目标描述"
+                          placeholder="请输入预期目标"
                         ></el-input>
                       </el-col>
                       <el-col :span="24" class="txtTwo">
-                        <p>需求现状及应对措施:</p>
+                        <p>需求现状:</p>
                         <el-input
                           v-model="technologyForm.present"
                           type="textarea"
                           maxlength="300"
                           show-word-limit
                           :autosize="{ minRows: 4, maxRows: 5 }"
-                          placeholder="请输入需求现状及应对措施"
+                          placeholder="请输入需求现状"
                         ></el-input>
                       </el-col>
                       <el-col :span="24" class="txtTwo">
@@ -270,6 +200,18 @@
                           placeholder="请输入合作条件及要求"
                         ></el-input>
                       </el-col>
+                      <el-col :span="24" class="txtTwo">
+                        <p>图片:</p>
+                        <upload
+                          :limit="6"
+                          :data="technologyForm.image"
+                          :uploadBtn="true"
+                          type="image"
+                          :url="`/files/image/upload`"
+                          @upload="uploadSuccess"
+                          @delete="uploadDelete"
+                        ></upload>
+                      </el-col>
                     </el-col>
                   </el-col>
                   <el-col :span="24" class="btn">
@@ -287,47 +229,39 @@
                           企业名称:
                         </el-col>
                         <el-col :span="22" class="right">
-                          <el-input v-model="achieveForm.company" placeholder="请输入企业名称"></el-input>
-                        </el-col>
-                      </el-col>
-                      <el-col :span="24" class="txt">
-                        <el-col :span="2" class="left">
-                          企业网址:
-                        </el-col>
-                        <el-col :span="22" class="right">
-                          <el-input v-model="achieveForm.companyweb" placeholder="请输入企业网址"></el-input>
+                          <el-input v-model="achieveForm.company" placeholder="请输入企业名称" disabled></el-input>
                         </el-col>
                       </el-col>
                       <el-col :span="12" class="txt">
                         <el-col :span="4" class="left">
-                          联系
+                          联系电话:
                         </el-col>
                         <el-col :span="20" class="right">
-                          <el-input v-model="achieveForm.contacts" placeholder="请输入联系人"></el-input>
+                          <el-input v-model="achieveForm.phone" placeholder="请输入联系电话" disabled></el-input>
                         </el-col>
                       </el-col>
                       <el-col :span="12" class="txt">
                         <el-col :span="4" class="left">
-                          联系电话
+                          电子邮箱
                         </el-col>
                         <el-col :span="20" class="right">
-                          <el-input v-model="achieveForm.phone" placeholder="请输入联系电话"></el-input>
+                          <el-input v-model="achieveForm.email" placeholder="请输入电子邮箱" disabled></el-input>
                         </el-col>
                       </el-col>
                       <el-col :span="12" class="txt">
                         <el-col :span="4" class="left">
-                          QQ/微信
+                          联系人
                         </el-col>
                         <el-col :span="20" class="right">
-                          <el-input v-model="achieveForm.qqwx" placeholder="请输入QQ/微信"></el-input>
+                          <el-input v-model="achieveForm.contacts" placeholder="请输入联系人"></el-input>
                         </el-col>
                       </el-col>
                       <el-col :span="12" class="txt">
                         <el-col :span="4" class="left">
-                          电子邮箱
+                          QQ/微信
                         </el-col>
                         <el-col :span="20" class="right">
-                          <el-input v-model="achieveForm.email" placeholder="请输入电子邮箱"></el-input>
+                          <el-input v-model="achieveForm.qqwx" placeholder="请输入QQ/微信"></el-input>
                         </el-col>
                       </el-col>
                       <el-col :span="24" class="txtTwo">
@@ -351,7 +285,7 @@
                           成果名称:
                         </el-col>
                         <el-col :span="22" class="right">
-                          <el-input v-model="achieveForm.name" placeholder="请输入技术难题&需求名称"></el-input>
+                          <el-input v-model="achieveForm.name" placeholder="请输入成果名称"></el-input>
                         </el-col>
                       </el-col>
                       <el-col :span="12" class="txt">
@@ -424,22 +358,18 @@
                       </el-col>
                       <el-col :span="12" class="txt">
                         <el-col :span="4" class="left">
-                          专利状态:
-                        </el-col>
-                        <el-col :span="20" class="right">
-                          <el-select v-model="achieveForm.patentstatus" placeholder="请选择专利状态">
-                            <el-option label="已申请" value="已申请"></el-option>
-                            <el-option label="已授权" value="已授权"></el-option>
-                          </el-select>
-                        </el-col>
-                      </el-col>
-
-                      <el-col :span="24" class="txt">
-                        <el-col :span="2" class="left">
                           项目路演:
                         </el-col>
-                        <el-col :span="22" class="right">
-                          <el-input v-model="achieveForm.roadshow" placeholder="请输入项目路演"></el-input>
+                        <el-col :span="20" class="right">
+                          <uploadraw
+                            :limit="1"
+                            :data="achieveForm.roadshow"
+                            type="roadshow"
+                            listType=""
+                            :url="'/files/roadshow/upload'"
+                            @upload="uploadroadshow"
+                            @delete="uploaddelroadshow"
+                          ></uploadraw>
                         </el-col>
                       </el-col>
                       <el-col :span="24" class="txtTwo">
@@ -497,6 +427,18 @@
                           placeholder="请输入合作条件及要求"
                         ></el-input>
                       </el-col>
+                      <el-col :span="24" class="txtTwo">
+                        <p>图片:</p>
+                        <upload
+                          :limit="6"
+                          :data="achieveForm.image"
+                          :uploadBtn="true"
+                          type="image"
+                          :url="`/files/image/upload`"
+                          @upload="achieveuploadSuccess"
+                          @delete="achieveuploadDelete"
+                        ></upload>
+                      </el-col>
                     </el-col>
                   </el-col>
                   <el-col :span="24" class="btn">
@@ -540,6 +482,8 @@
 </template>
 
 <script>
+import uploadraw from '@/components/uploadraw.vue';
+import upload from '@/components/upload.vue';
 import { mapState, createNamespacedHelpers } from 'vuex';
 const { mapActions: markettype } = createNamespacedHelpers('markettype');
 const { mapActions: mapMarketproduct } = createNamespacedHelpers('marketproduct');
@@ -551,7 +495,10 @@ export default {
   },
   name: 'product',
   props: {},
-  components: {},
+  components: {
+    upload,
+    uploadraw,
+  },
   data: function() {
     return {
       activeName: 'first',
@@ -711,6 +658,41 @@ export default {
       });
       this.viewpatentdialogclose();
     },
+    // 图片
+    uploadSuccess({ type, data }) {
+      let arr = _.get(this.technologyForm, type);
+      if (_.isArray(arr)) {
+        let datas = { name: data.name, url: data.uri };
+        this.technologyForm[type].push({ name: data.name, url: data.uri });
+      } else {
+        let newArr = [{ name: data.name, url: data.uri }];
+        this.$set(this.technologyForm, `${type}`, newArr);
+      }
+    },
+    // 删除图片
+    uploadDelete(index) {
+      this.technologyForm.image.splice(index, 1);
+    },
+    // 项目路演
+    uploadroadshow({ type, filetype, data }) {
+      this.$set(this.achieveForm, `${type}`, data.uri);
+    },
+    uploaddelroadshow(index) {},
+    // 成果图片
+    achieveuploadSuccess({ type, data }) {
+      let arr = _.get(this.achieveForm, type);
+      if (_.isArray(arr)) {
+        let datas = { name: data.name, url: data.uri };
+        this.achieveForm[type].push({ name: data.name, url: data.uri });
+      } else {
+        let newArr = [{ name: data.name, url: data.uri }];
+        this.$set(this.achieveForm, `${type}`, newArr);
+      }
+    },
+    // 删除图片
+    achieveuploadDelete(index) {
+      this.achieveForm.image.splice(index, 1);
+    },
   },
   computed: {
     ...mapState(['user']),