1

src/views/adminCenter/company/product/parts/two.vue

@@ -75,6 +75,8 @@
             <el-col :span="24" class="text">
               <el-form-item label="专利信息" prop="patent">
                 <!-- <e-upload url="/files/cysci/product_roadshow/upload" :limit="1" v-model="form.patent" type="text"></e-upload> -->
+                <el-button type="primary" size="mini" @click="addpatent()">添加信息</el-button>
+                <el-button type="primary" size="mini" @click="viewpatent()">查看信息</el-button>
               </el-form-item>
             </el-col>
             <el-col :span="24" class="text">
@@ -121,6 +123,33 @@
         </el-col>
       </el-col>
     </el-row>
+    <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="patentdialogclose">
+      <el-table :data="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-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>
 
@@ -140,6 +169,11 @@ export default {
       conditionList: condition,
       achievestatusList: achievestatus,
       achievesourceList: achievesource,
+      // 专利信息
+      addpatentform: {},
+      patent: [],
+      addpatentdialog: false,
+      viewpatentdialog: false,
     };
   },
   created() {},
@@ -150,6 +184,7 @@ export default {
     drSubmit(formName) {
       this.$refs[formName].validate((valid) => {
         if (valid) {
+          this.form.patent = this.patent;
           this.$emit('drSubmit', { data: this.form });
         } else {
           console.log('error submit!!');
@@ -160,6 +195,7 @@ export default {
     onSubmit(formName) {
       this.$refs[formName].validate((valid) => {
         if (valid) {
+          this.form.patent = this.patent;
           this.$emit('onSubmit', { data: this.form });
         } else {
           console.log('error submit!!');
@@ -167,6 +203,41 @@ export default {
         }
       });
     },
+    // 添加专利信息
+    addpatent() {
+      this.addpatentdialog = true;
+    },
+    // 提交专利信息
+    patentonSubmit() {
+      let data = this.addpatentform;
+      let list = _.cloneDeep(this.patent);
+      list.push(data);
+      this.$set(this, `patent`, list);
+      this.$message({
+        message: '专利信息添加成功',
+        type: 'success',
+      });
+      this.patentdialogclose();
+    },
+    // 查看专利信息
+    viewpatent() {
+      this.viewpatentdialog = true;
+    },
+    // 删除
+    delAttend(index, val) {
+      this.patent.splice(index, 1);
+      this.$message({
+        message: '删除专利信息成功',
+        type: 'success',
+      });
+      this.patentdialogclose();
+    },
+    // 取消
+    patentdialogclose() {
+      this.addpatentform = {};
+      this.addpatentdialog = false;
+      this.viewpatentdialog = false;
+    },
   },
   computed: {
     ...mapState(['user']),
@@ -175,10 +246,12 @@ export default {
     return { title: this.$route.meta.title };
   },
   watch: {
-    test: {
+    form: {
       deep: true,
       immediate: true,
-      handler(val) {},
+      handler(val) {
+        this.$set(this, `patent`, this.form.patent);
+      },
     },
   },
 };