Bladeren bron

提交代码,切换分支

zhuxinbo 5 jaren geleden
bovenliggende
commit
93ff845fd9
1 gewijzigde bestanden met toevoegingen van 26 en 2 verwijderingen
  1. 26 2
      src/views/modules/kuaishouapp/account/stepForm/stepModule/targetedPopulation.vue

+ 26 - 2
src/views/modules/kuaishouapp/account/stepForm/stepModule/targetedPopulation.vue

@@ -63,6 +63,7 @@ li:hover {
           border: targeted == '4' ? '1px solid #f2f2f2' : '0',
           padding: targeted == '4' ? '20px' : '0'
         }"
+        v-clickoutside="targetedShow"
       >
         <div style="display:flex;margin-top:15px" v-if="targeted == '4' || targeted == '2'">
           <span style="white-space:nowrap;width:10%" v-if="targeted == '4'">定向池:</span>
@@ -71,8 +72,10 @@ li:hover {
             @focus="
               topMiddle = true
               topMiddleNo = false
+              dataList = dataElse
             "
             v-model="keyValue"
+            @change="showOne"
           />
         </div>
 
@@ -109,8 +112,10 @@ li:hover {
             @focus="
               topMiddleNo = true
               topMiddle = false
+              dataList = dataElse
             "
             v-model="keyValueNo"
+            @change="showTwo"
           />
         </div>
 
@@ -878,7 +883,8 @@ export default {
       selectedRowKeysValue: [],
       selectedRowKeysNo: [],
       selectedRowKeysValueNo: [],
-      dataList: []
+      dataList: [],
+      dataElse:[]
     }
   },
   computed: {},
@@ -894,6 +900,7 @@ export default {
                   key: index
                 }
               })
+              this.dataElse = this.dataList
               resolve(res.result)
             }
           }
@@ -948,7 +955,20 @@ export default {
         this.keyValueNo += this.selectedRowKeysValueNo[i].orientationName + '   '
       }
     },
-
+    showOne(){
+    //    this.keyValueNo =orientationName
+        var data = this.keyValue.split('   ')
+        this.dataList = this.dataElse.filter(item => {
+          return item.orientationName.toLowerCase().indexOf(data[data.length-1].toLowerCase()) > -1
+        })
+    },
+    showTwo(){
+    //    this.keyValueNo =orientationName
+        var data = this.keyValueNo.split('   ')
+        this.dataList = this.dataElse.filter(item => {
+          return item.orientationName.toLowerCase().indexOf(data[data.length-1].toLowerCase()) > -1
+        })
+    },
     getAge(e) {
       this.allForm.noAgeBreak = e.target.checked
     },
@@ -989,6 +1009,10 @@ export default {
     handleClose(e) {
       this.closeDialog = false
     },
+    targetedShow(e){
+        this.topMiddle = false
+        this.topMiddleNo = false
+    },
     clearAll() {
       this.checkArr = []
       this.indeterminate = false