From 4b930a06468c0963010e148ad7444bf89573fb28 Mon Sep 17 00:00:00 2001
From: 123456 <17862666717>
Date: Mon, 30 May 2022 16:10:07 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E5=A2=9E=E5=8A=A0=E5=9B=9E=E6=98=BE?=
 =?UTF-8?q?=E5=92=8C=E4=B8=80=E7=BA=A7=E9=80=89=E6=8B=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../stats/factagencyuserhousedaily.vue        | 36 +++++++++----------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/views/modules/plugins/stats/factagencyuserhousedaily.vue b/src/views/modules/plugins/stats/factagencyuserhousedaily.vue
index b12ab5ff..7f0392fd 100644
--- a/src/views/modules/plugins/stats/factagencyuserhousedaily.vue
+++ b/src/views/modules/plugins/stats/factagencyuserhousedaily.vue
@@ -17,13 +17,13 @@
             >
             </el-option>
           </el-select> -->
-          <el-cascader
-            v-model.trim="dataForm.agencyId"
-            :options="optionsA"
-            ref="cascaderUnit"
-            :props="{ expandTrigger: 'hover',children:'subAgencyList',label:'agencyName',value:'agencyId' }"
-            @change="handleChange"
-            clearable>
+          <el-cascader ref="cascaderUnit" v-model.trim="dataForm.agencyId" :options="optionsA" :props="{ checkStrictly: true, expandTrigger: 'hover', emitPath: false,children:'subAgencyList',label:'agencyName',value:'agencyId'}">
+            <template slot-scope="{ node, data }">
+              <div @click="cascaderClick(data)">
+                <span>{{ data.agencyName }}</span>
+                <span v-if="!node.isLeaf"> ({{ data.subAgencyList.length }}) </span>
+              </div>
+            </template>
           </el-cascader>
         </el-form-item>
         <el-form-item label="入黑名单时间"
@@ -90,7 +90,7 @@ export default {
       timeRange: '',
       dataForm: {
         id: ''
-      }
+      },
     }
   },
   components: {
@@ -98,7 +98,7 @@ export default {
   },
   created () {
     this.getGridList()
-    this.getValiheList()
+    // this.getValiheList()
   },
   watch: {
     timeRange (val) {
@@ -112,15 +112,13 @@ export default {
     }
   },
   methods: {
-    handleChange(value){
-      console.log(value[1])
-      const checkedNodes = this.$refs['cascaderUnit'].getCheckedNodes()
-      console.log(checkedNodes) // 获取当前点击的节点
-      if(Array.isArray(value) && value.length > 0){
-        this.dataForm.agencyId = value[1]
-      }else{
-        this.dataForm.agencyId = null
-      }
+    cascaderClick (nodeData) {
+      this.dataForm.agencyId = nodeData.agencyId;
+      this.dataForm.level = nodeData.level
+      this.$refs.cascaderUnit.checkedValue = nodeData.agencyId;
+      this.$refs.cascaderUnit.computePresentText();
+      this.$refs.cascaderUnit.toggleDropDownVisible(false);
+      
     },
     getGridList() {
       const { user } = this.$store.state
@@ -133,6 +131,8 @@ export default {
                   console.log('获取查询详情成功', res.data)
                   // this.optionsA = res.data
                   this.optionsA.push(res.data)
+                  this.dataForm.agencyId = res.data.agencyId
+                  this.dataForm.level = res.data.level
                 }
               })
               .catch(() => {