11

src/views/dynamic/product.vue

@@ -418,7 +418,8 @@
                           专利信息：
                         </el-col>
                         <el-col :span="20" class="right">
-                          <el-input v-model="achieveForm.patentinfo" placeholder="请输入专利信息"></el-input>
+                          <el-button type="primary" size="mini" @click="addpatent1()">添加信息</el-button>
+                          <el-button type="primary" size="mini" @click="viewpatent()">查看信息</el-button>
                         </el-col>
                       </el-col>
                       <el-col :span="12" class="txt">
@@ -508,6 +509,44 @@
         </div>
       </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="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>
+    <el-dialog title="查看专利信息" :visible.sync="viewpatentdialog" width="40%" :before-close="viewpatentdialogclose">
+      <el-table :data="addpatent" 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-column label="操作" align="center">
+          <template v-slot="scoped">
+            <el-button type="text" @click="delAttend(scoped.$index, scoped.row)" size="small">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-dialog>
   </div>
 </template>
 
@@ -517,13 +556,20 @@ const { mapActions: markettype } = createNamespacedHelpers('markettype');
 const { mapActions: collectproduct } = createNamespacedHelpers('collectproduct');
 const { mapActions: market } = createNamespacedHelpers('market');
 const { mapActions: mapMarketproduct } = createNamespacedHelpers('marketproduct');
+import techDetail from '@/views/market/detail/techDetail.vue';
+import achiDetail from '@/views/market/detail/achiDetail.vue';
+import busiDetail from '@/views/market/detail/busiDetail.vue';
 export default {
   metaInfo() {
     return { title: this.$route.meta.title };
   },
   name: 'product',
   props: {},
-  components: {},
+  components: {
+    techDetail,
+    achiDetail,
+    busiDetail,
+  },
   data: function() {
     return {
       activeName: 'first',
@@ -537,6 +583,18 @@ export default {
       technologyForm: {},
       // 科技成果
       achieveForm: {},
+      // 信息预览
+      dialogVisible: false,
+      addpatentdialog: false,
+      viewpatentdialog: false,
+      //专利信息
+      addpatentform: {},
+      addpatent: [],
+      type: '0',
+      // 信息显示
+      detailInfo: {},
+      // 显示按钮
+      displayBtn: false,
     };
   },
   created() {
@@ -608,20 +666,6 @@ export default {
         }
       }
     },
-    // 技术需求提交
-    async technologyBtn() {
-      let data = this.technologyForm;
-      if (data.company != null) {
-        data.type = '0';
-        data.status = '0';
-        console.log(data);
-      } else {
-        this.$message({
-          message: '企业名称不能为空哦',
-          type: 'warning',
-        });
-      }
-    },
     // 科技成果提交
     async achieveBtn() {
       let data = this.achieveForm;
@@ -639,9 +683,11 @@ export default {
         this.$message.error('信息发布成功');
       }
     },
+    // 技术需求提交
     async Btn() {
       const data = this.technologyForm;
       data.userid = this.user.uid;
+      data.patent = this.addpatent;
       data.type = '0';
       data.status = '0';
       let res = await this.productCreate(data);
@@ -655,6 +701,48 @@ export default {
         this.$message.error('信息发布成功');
       }
     },
+    // 添加专利信息
+    addpatent1() {
+      this.addpatentdialog = true;
+    },
+    // patentonSubmit() {
+    //   this.$emit('patentonSubmit', { data: this.addpatentform });
+    //   this.patentdialogclose();
+    // },
+    handleClose() {
+      this.dialogVisible = false;
+    },
+    // 取消添加
+    patentdialogclose() {
+      this.addpatentdialog = false;
+    },
+    // 查看专利信息
+    viewpatent() {
+      // this.$emit('viewpatent');
+      this.viewpatentdialog = true;
+    },
+    // 取消查看专利信息
+    viewpatentdialogclose() {
+      this.viewpatentdialog = false;
+    },
+    // 删除
+    delAttend(index, val) {
+      this.addpatent.splice(index, 1);
+      this.$message({
+        message: '删除专利信息成功',
+        type: 'success',
+      });
+      this.viewpatentdialogclose = false;
+    },
+    patentonSubmit({ data }) {
+      this.addpatentform = {};
+      this.addpatent.push(data);
+      this.$message({
+        message: '专利信息添加成功',
+        type: 'success',
+      });
+      this.patentdialogclose();
+    },
   },
   computed: {
     ...mapState(['user']),