From ba1d0ced5308c8df54d909e617dec95a50309f34 Mon Sep 17 00:00:00 2001
From: JasonChen <jason@192.168.3.101>
Date: Tue, 1 Aug 2023 14:11:03 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9F=8E=E5=B8=82=E4=BD=93=E9=AA=8C=E5=AE=98?=
 =?UTF-8?q?=E7=9C=81=E5=B8=82=E5=8C=BA=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/cityExperienceOfficer/Index.vue | 28 ++++++++++++++++-------
 src/views/permissions/Index.vue           |  4 ++--
 2 files changed, 22 insertions(+), 10 deletions(-)

diff --git a/src/views/cityExperienceOfficer/Index.vue b/src/views/cityExperienceOfficer/Index.vue
index 93b8359..a5b2c17 100644
--- a/src/views/cityExperienceOfficer/Index.vue
+++ b/src/views/cityExperienceOfficer/Index.vue
@@ -16,11 +16,13 @@
                 </a-select>
               </a-form-item>
             </a-col>
-            <a-col :md="8" :sm="24" v-if="provinces.length>0">
-              <a-form-item label="省份" has-feedback>
-                <a-select v-model="queryParam.province_id" placeholder="请选择省份">
-                  <a-select-option v-for="item in provinces" :key="item.id" :value="item.id">{{ item.name }}</a-select-option>
-                </a-select>
+            <a-col :md="8" :sm="24" v-if="regions.length>0">
+              <a-form-item label="快递省市区" has-feedback>
+                <a-cascader
+                  :options="regions"
+                  placeholder="请选择快递省市区"
+                  @change="onAreaChange"
+                />
               </a-form-item>
             </a-col>
             <a-col :md="8" :sm="24">
@@ -185,6 +187,7 @@ export default {
       areas: [],
       status: [],
       provinces: [],
+      regions: [],
       count: {
         'all': 0, // 全部
         'init': 0, // 待检测
@@ -199,15 +202,19 @@ export default {
         mobile: undefined, // 收件人手机号
         experience_area_id: undefined, // 城市id
         status: undefined, // 状态：
-        province_id: undefined // 省
+        province_id: undefined, // 省
+        city_id: undefined, // 市
+        district_id: undefined // 区
       },
       loadData: (parameter) => {
-        this.getbeforeInfo()
         const requestParameters = Object.assign({}, parameter, this.queryParam)
         return getMiddlesExperience(requestParameters)
       }
     }
   },
+  created () {
+    this.getbeforeInfo()
+  },
   watch: {
     $route (to, from) {
       if (to.name === 'cityExperienceOfficer' && (
@@ -251,11 +258,16 @@ export default {
       getMiddlesExperienceBefore().then(res => {
         this.areas = res.areas
         this.count = res.count
-        this.provinces = res.provinces
+        this.regions = res.regions
         this.status = res.status
       }).catch(err => {
         console.log(err)
       })
+    },
+    onAreaChange (value) {
+      this.queryParam.province_id = value[0]
+      this.queryParam.city_id = value[1]
+      this.queryParam.district_id = value[2]
     }
   }
 }
diff --git a/src/views/permissions/Index.vue b/src/views/permissions/Index.vue
index c98114b..ee2bdfe 100644
--- a/src/views/permissions/Index.vue
+++ b/src/views/permissions/Index.vue
@@ -50,8 +50,8 @@
             size="default">
 
             <div slot="name" slot-scope="text, record">
-              <div>{{ record.name }}</div>
-              <div>{{ record.username }}</div>
+                <div>{{ record.name }}</div>
+                <div>{{ record.username }}</div>
             </div>
             <div slot="type" slot-scope="text, record">{{ record.type }}</div>
             <!-- <div slot="status" class="status">