选择主症状伴随症状

src/components/icss/SymptomTagGroup.vue

@@ -98,13 +98,6 @@ export default {
         
     },
     methods: {
-        selectTag(e) {
-             if (e.target.className.indexOf("active") == -1) {
-                e.target.className = "tagName active"; //切换按钮样式
-            } else {
-                e.target.className = "tagName";//切换按钮样式
-            }
-        },
         selectLeftTag(tag, index, e) {
            
             const hasTag = this.isHasTag(tag, this.selectLeftTagsList)
@@ -115,7 +108,6 @@ export default {
                 this.selectLeftTagsList.push(tag);
             }
             console.log(this.selectLeftTagsList)
-            // this.isSelectTag(tag, this.selectLeftTagsList)
             
         },
         selectRightTag(tag) {
@@ -127,7 +119,6 @@ export default {
                 this.selectRightTagsList.push(tag);
             }
             console.log(this.selectRightTagsList)
-            // this.isSelectTag(tag, this.selectRightTagsList)
             
         },
         isHasTag(item, arr) {
@@ -138,23 +129,14 @@ export default {
             }
             return false;
         },
-        isSelectTag(tag, arr) {
-            const hasTag = this.isHasTag(tag, arr)
-            console.log(hasTag)
-            if (hasTag) {
-                // arr = arr.filter(item => item.id !== tag.id)
-                arr = arr.filter((item) => { return item.id !== tag.id})
-            } else {
-                arr.push(tag);
-            }
-            console.log(arr)
-        },
         getStyle(item){       //左侧选中状态
-            console.log('selected',utils.filterArr(this.leftTagsList,item,2))
-            return utils.filterArr(this.selectLeftTagsList,item,2)
+            // console.log('selected',utils.filterArr(this.leftTagsList,item,2))
+            // return utils.filterArr(this.selectLeftTagsList,item,2)
+            return this.isHasTag(item, this.selectLeftTagsList)
         },
         getStyle2(item) {
-            return utils.filterArr(this.selectRightTagsList,item,2)
+            // return utils.filterArr(this.selectRightTagsList,item,2)
+            return this.isHasTag(item, this.selectRightTagsList)
         },
         toLeftList() {
             // if(!this.searchVal) {
@@ -165,9 +147,9 @@ export default {
             for (let i = 0; i < this.selectRightTagsList.length; i++) {
                 this.rightTagsList = this.rightTagsList.filter(item => item.id !== this.selectRightTagsList[i].id)
             }
-            for (let i = 0; i < this.rightTagsList.length; i++) {
-                this.leftTagsList = this.leftTagsList.filter(item => item.id !== this.rightTagsList[i].id)
-            }
+            // for (let i = 0; i < this.rightTagsList.length; i++) {
+            //     this.leftTagsList = this.leftTagsList.filter(item => item.id !== this.rightTagsList[i].id)
+            // }
             this.selectLeftTagsList = []
             this.selectRightTagsList = []
             this.searchTagList()
@@ -204,10 +186,28 @@ export default {
            
         },
         mainSymptom() {
-
+            console.log(this.selectRightTag)
+            for(let i = 0; i < this.selectRightTagsList.length; i++) {
+                this.rightTagsList = this.rightTagsList.filter((item) =>{
+                    if(item.id === this.selectRightTagsList[i].id) {
+                        item.symptomType = 1
+                    }
+                    return item
+                })
+            }
+            
+            this.selectRightTagsList = []
         },
         followSymptom() {
-            
+            for(let i = 0; i < this.selectRightTagsList.length; i++) {
+                this.rightTagsList = this.rightTagsList.filter((item) =>{
+                    if(item.id === this.selectRightTagsList[i].id) {
+                        item.symptomType = 2
+                    }
+                    return item
+                })
+            }
+            this.selectRightTagsList = []
         }
 
     }