From b49612699427db7d78a3b6ea5ddf284451a4a879 Mon Sep 17 00:00:00 2001
From: shijingjing <1789544664@qq.com>
Date: Fri, 20 May 2022 10:37:11 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9C=B0=E5=8C=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/apps/AppHelpDeclaration/list.vue | 23 +++++++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/apps/AppHelpDeclaration/list.vue b/src/apps/AppHelpDeclaration/list.vue
index dd1f37b1..45f4e7e1 100644
--- a/src/apps/AppHelpDeclaration/list.vue
+++ b/src/apps/AppHelpDeclaration/list.vue
@@ -6,15 +6,14 @@
       </div>
       <div class="select-box">
         <div class="left">
-          <!--  :areaId="user.areaId" @select="areaSelect" select-root -->
-          <AiAreaPicker v-model="areaId" :name.sync="areaName">
+          <AiAreaPicker v-model="areaId" :areaId="user.areaId" :name.sync="areaName" @select="areaSelect" selectRoot>
             <div>
               <span v-if="areaId" style="color:#333;fontSize: 14px;" class="areaName">{{ areaName }}</span>
               <span v-else style="color: #999;fontSize: 14px;" class="areaName">所在地区</span>
               <u-icon name="arrow-down" color="#999" size="24" style="margin-left: 4px;width: 14px;display:inline-block;margin-top:18px" @select="areaSelect(e)"></u-icon>
             </div>
           </AiAreaPicker>
-          <u-icon name="close-circle" v-if="areaId" @click="clearArea" color="#999" size="24" style="margin-left: 4px;width: 14px;display:inline-block;"></u-icon>
+          <u-icon name="close-circle" v-if="areaId" @click="clearArea" color="#999" size="24"></u-icon>
         </div>
         <div class="right">
           <AiSelect dict="helpDeclarationReason" v-model="declareReason">
@@ -22,7 +21,8 @@
             <span v-else>{{ $dict.getLabel('helpDeclarationReason', declareReason) }}</span>
             <u-icon name="arrow-down" color="#999" size="24" style="margin-left: 4px;width: 14px;display:inline-block;"></u-icon>
           </AiSelect>
-          <u-icon name="close-circle" v-if="declareReason" @click="clearReason" color="#999" size="24" style="margin-left: 4px;width: 14px; display:inline-block;"></u-icon>
+          <u-icon name="close-circle" v-if="declareReason" @click="clearReason" color="#999" size="24"></u-icon>
+          <!-- style="margin-left: 4px;width: 14px; display:inline-block;" -->
         </div>
       </div>
     </AiTopFixed>
@@ -52,6 +52,7 @@
 </template>
 
 <script>
+import { mapState } from 'vuex'
 export default {
   data() {
     return {
@@ -64,6 +65,9 @@ export default {
       list: [],
     }
   },
+  computed: {
+    ...mapState(['user'])
+  },
   onShow() {
     this.$dict.load('helpDeclarationStatus').then(() => {
       uni.$on('update', () => {
@@ -80,6 +84,14 @@ export default {
       this.getList()
     },
 
+    areaSelect(e) {
+      console.log(e);
+      this.areaId =e
+      this.$nextTick(() => {
+        this.getList()
+      })
+    },
+
     clearArea() {
       this.areaId = '',
       this.areaName = '',
@@ -181,6 +193,9 @@ export default {
       ::v-deep .u-icon .uicon-close-circle{
         top: -96px !important;
         left: 80px;
+        margin-left: 30px;
+        width: 14px;
+        display:inline-block;
       }
     }
   }