瀏覽代碼

添加逗号

zhangxc 6 年之前
父節點
當前提交
a3a83e78ef
共有 1 個文件被更改,包括 40 次插入9 次删除
  1. 40 9
      src/components/icss/SymptomTagGroup.vue

+ 40 - 9
src/components/icss/SymptomTagGroup.vue

@@ -32,12 +32,20 @@
       <p class="poolTitle">操作池</p>
       <ul class="tagList">
             <li class = "tagItem"
-                v-for="(item, index) in rightTagsList" 
-                :key='item.id+item.tagName+index'
+                v-for="(item, index) in rightTagsList2" 
+                :key='index'
                 :style="getStyle2(item)?styles:null"
                 @click='selectRightTag(item)'
-            >
-                <p class="tagName">{{item.tagName}} </p>
+            >   
+                <div>
+                    <el-input
+                        v-if="item.text"
+                        placeholder=""
+                        v-model="item.text"
+                    >
+                    </el-input>
+                </div>
+                <p v-if="item.tagName" class="tagName">{{item.tagName}} </p>
                 <p v-if="item.symptomType === 1">跟主症状</p>
                 <p v-if="item.symptomType === 2">跟伴随症状</p>
             </li>
@@ -70,6 +78,7 @@ export default {
             leftTagsList: [],
             selectLeftTagsList: [],
             rightTagsList: [],
+            rightTagsList2: [],
             selectRightTagsList: [],
             searchVal: '',
             styles:{
@@ -78,8 +87,9 @@ export default {
         }
     },
     mounted() {
-        this.leftTagsList = this.pool
-        console.log('TAGPOOL', this.pool)
+        this.searchTagList()
+        // this.leftTagsList = this.pool
+        // console.log('TAGPOOL', this.pool)
     },
     watch: {
         pool(newVal, preVal) {
@@ -147,6 +157,15 @@ export default {
             for (let i = 0; i < this.selectRightTagsList.length; i++) {
                 this.rightTagsList = this.rightTagsList.filter(item => item.id !== this.selectRightTagsList[i].id)
             }
+            this.rightTagsList2 = [];
+            let textItem = { text: ','  }
+            for (let i = 0; i < this.rightTagsList.length; i++) {
+                if(this.rightTagsList2.length === 0) {
+                    this.rightTagsList2.push(JSON.parse(JSON.stringify(textItem)))
+                }
+                this.rightTagsList2.push(this.rightTagsList[i]);
+                this.rightTagsList2.push(JSON.parse(JSON.stringify(textItem)))
+            }
             // for (let i = 0; i < this.rightTagsList.length; i++) {
             //     this.leftTagsList = this.leftTagsList.filter(item => item.id !== this.rightTagsList[i].id)
             // }
@@ -156,21 +175,33 @@ export default {
         },
         toRightList() {
             this.rightTagsList.push(...this.selectLeftTagsList);
+            let textItem = { text: ','  }
+            for (let i = 0; i < this.selectLeftTagsList.length; i++) {
+                if(this.rightTagsList2.length === 0) {
+                    this.rightTagsList2.push(JSON.parse(JSON.stringify(textItem)))
+                }
+                this.rightTagsList2.push(this.selectLeftTagsList[i]);
+                this.rightTagsList2.push(JSON.parse(JSON.stringify(textItem)))
+            }
+            
             for (let i = 0; i < this.rightTagsList.length; i++) {
                 this.leftTagsList = this.leftTagsList.filter(item => item.id !== this.rightTagsList[i].id)
             }
-            console.log(this.rightTagsList)
+            console.log('this.rightTagsList',this.rightTagsList)
             this.selectLeftTagsList = []
             this.selectRightTagsList = []
         },
         searchTagList() {
             let notIds = []
             for (let i = 0; i < this.rightTagsList.length; i++) {
-                notIds.push(this.rightTagsList[i].id)
+                if(this.rightTagsList[i].id) {
+                    notIds.push(this.rightTagsList[i].id)
+                }
+                
             }
             let param = {
                 "tagName": this.searchVal,
-                "tagType": [],
+                "tagType": [1, 2],
                 "controlType": [],
                 "type": this.type || '',
                 "notIds": notIds,