标引的修改

src/views/project/patentDetails/components/PatentField.vue

@@ -26,8 +26,16 @@
           <template v-if="item.type === 4 && !item.showField">
             <div class="showValue">
               <div>
-                <div v-for="fieldValue in item.selected" :key="fieldValue.value" class="value">{{ fieldValue.value }}
-                </div>
+                <!-- <div v-for="fieldValue in item.selected" :key="fieldValue.value" class="value">{{ fieldValue.value }}
+                </div> -->
+                <el-tag
+                  v-for="tag in item.selected"
+                  :key="tag.value"
+                  closable
+                  type=""
+                  @close="handleCloseValue(item,tag)">
+                  {{tag.value}}
+                </el-tag>
               </div>
               <el-button size="small" @click="changeShow(item)">{{ item.show ? '收起' : '修改' }}</el-button>
             </div>
@@ -42,8 +50,16 @@
           <template v-if="item.type === 5 && !item.showField">
             <div class="showValue">
               <div>
-                <div v-for="fieldValue in item.selected" :key="fieldValue.valueId" class="value">{{ fieldValue.value }}
-                </div>
+                <!-- <div v-for="fieldValue in item.selected" :key="fieldValue.valueId" class="value">{{ fieldValue.value }}
+                </div> -->
+                <el-tag
+                  v-for="tag in item.selected"
+                  :key="tag.value"
+                  closable
+                  type=""
+                  @close="handleCloseValue(item,tag)">
+                  {{tag.value}}
+                </el-tag>
               </div>
               <el-button size="small" @click="changeShow(item)">{{ item.show ? '收起' : '修改' }}</el-button>
             </div>
@@ -55,8 +71,16 @@
           <template v-if="[6,7,8,9].includes(item.type) && !item.showField">
             <div class="showValue">
               <div>
-                <div v-for="fieldValue in item.selected" :key="fieldValue.valueId" class="value">{{ fieldValue.value }}
-                </div>
+                <!-- <div v-for="fieldValue in item.selected" :key="fieldValue.valueId" class="value">{{ fieldValue.value }}
+                </div> -->
+                <el-tag
+                  v-for="tag in item.selected"
+                  :key="tag.value"
+                  closable
+                  type=""
+                  @close="handleCloseValue(item,tag)">
+                  {{tag.value}}
+                </el-tag>
               </div>
               <el-button size="small" @click="changeShow(item)">{{ item.show ? '收起' : '修改' }}</el-button>
             </div>
@@ -147,6 +171,30 @@ export default {
     clickItem(data, item) {
       this.gong(data, item)
     },
+    handleCloseValue(item,tag){
+      var params = {
+        projectId: this.projectId,
+        taskId: this.taskId,
+        fieldType: item.type,
+        fieldId: item.id,
+        fieldValue: [tag.valueId],
+        patentNo: this.patentNo,
+        optionType: 0,
+      }
+      this.$api.addCustomFieldValue(params).then(response => {
+        if (response.code == 200) {
+          this.$message.success('修改成功')
+          var index = item.selected.findIndex(i=>{
+            return i.valueId == tag.valueId
+          })
+          item.selected.splice(index,1)
+          item.selectedValue.splice(index,1)
+          this.refresh(item)
+        }
+      }).catch(error => {
+
+      })
+    },
     //切换选择
     onChange(data, item, checked) {
       this.gong(data, item, checked)