1

src/views/userCenter/myProduct/parts/producInfo.vue

@@ -83,8 +83,13 @@
               </template>
             </van-field>
             <van-field v-model="form.intentionprice" name="意向价格" label="意向价格" placeholder="意向价格" />
-            <van-field v-model="form.name" name="专利信息" label="专利信息" placeholder="专利信息" />
-            <van-field v-model="form.roadshow" name="项目路演" label="项目路演" placeholder="项目路演" />
+            <van-field name="patent" label="专利信息">
+              <template #input>
+                <el-button type="primary" size="mini" @click="addPatent">添加</el-button>
+                <el-button type="primary" size="mini" @click="viewPatent">查看</el-button>
+              </template>
+            </van-field>
+            <!-- <van-field v-model="form.roadshow" name="项目路演" label="项目路演" placeholder="项目路演" /> -->
             <van-field v-model="form.achievebrief" rows="1" autosize label="成果简介" type="textarea" placeholder="成果简介" />
             <van-field v-model="form.features" rows="1" autosize label="技术特点" type="textarea" placeholder="技术特点" />
             <van-field v-model="form.team" rows="1" autosize label="技术团队" type="textarea" placeholder="技术团队" />
@@ -148,6 +153,33 @@
         </span>
       </el-col>
     </el-row>
+    <van-dialog v-model="show" title="添加专利信息" :showConfirmButton="false" :closeOnClickOverlay="true">
+      <van-form>
+        <van-field v-model="patentform.patentinfo" name="名称" label="名称" placeholder="名称" />
+        <van-field name="radio" label="专利状态">
+          <template #input>
+            <van-radio-group v-model="patentform.patentstatus" direction="horizontal">
+              <van-radio name="已申请">已申请</van-radio>
+              <van-radio name="已授权">已授权</van-radio>
+            </van-radio-group>
+          </template>
+        </van-field>
+        <div style="margin: 16px;">
+          <van-button round block type="info" @click="patentSubmit">
+            提交
+          </van-button>
+        </div>
+      </van-form>
+    </van-dialog>
+    <van-dialog v-model="patentshow" title="查看专利信息" :showConfirmButton="false" :closeOnClickOverlay="true">
+      <div class="patentList" v-for="(item, index) in patentList" :key="index">
+        <p class="textOver">{{ item.patentinfo }}</p>
+        <p>专利状态：{{ item.patentstatus }}</p>
+        <p>
+          <el-button type="primary" size="mini" @click="delPatent(index, item)">刪除</el-button>
+        </p>
+      </div>
+    </van-dialog>
   </div>
 </template>
 
@@ -174,6 +206,11 @@ export default {
       cooperationpic: false,
       achievestatus: [],
       achievestatuspic: false,
+      // 专利信息
+      show: false,
+      patentform: {},
+      patentshow: false,
+      patentList: [],
     };
   },
   created() {},
@@ -208,7 +245,7 @@ export default {
       this.$set(this.form, `achievestatus`, value);
       this.achievestatuspic = false;
     },
-
+    // 图片上传
     uploadSuccess({ type, data }) {
       let arr = _.get(this.form, type);
       if (_.isArray(arr)) {
@@ -223,9 +260,40 @@ export default {
     uploadDelete(index) {
       this.form.image.splice(index, 1);
     },
+    // 添加专利信息
+    addPatent() {
+      this.show = true;
+    },
+    // 提交专利信息
+    patentSubmit() {
+      this.patentList.push(this.patentform);
+      this.show = false;
+    },
+    // 查看专利信息
+    viewPatent() {
+      this.patentshow = true;
+    },
+    // 删除专利信息
+    delPatent(index, val) {
+      this.patentList.splice(index, 1);
+      this.$notify({
+        message: '删除成功',
+        type: 'success',
+      });
+      this.patentshow = false;
+    },
     onSubmit() {
+      this.form.patent = this.patentList;
       this.$emit('onSubmit', { data: this.form });
     },
+    // 查询专利信息
+    searchpatent() {
+      let data = this.form;
+      if (data.patent) {
+        console.log(data.patent);
+        this.$set(this, `patentList`, data.patent);
+      }
+    },
   },
   watch: {
     fieldList: {
@@ -249,6 +317,13 @@ export default {
         this.searchachievestatus();
       },
     },
+    form: {
+      immediate: true,
+      deep: true,
+      handler(val) {
+        this.searchpatent();
+      },
+    },
   },
   computed: {
     ...mapState(['user']),
@@ -262,4 +337,22 @@ export default {
 };
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.patentList {
+  padding: 0 10px;
+  border-bottom: 1px dashed #ccc;
+  p {
+    font-size: 16px;
+    color: #666;
+    padding: 0 0 5px 0;
+  }
+  p:nth-child(1) {
+    font-size: 18px;
+    color: #000;
+    font-weight: bold;
+  }
+  p:nth-child(3) {
+    text-align: center;
+  }
+}
+</style>