From 235f708566eab62b3dc9d498379892d9c1b75dac Mon Sep 17 00:00:00 2001
From: shijingjing <1789544664@qq.com>
Date: Fri, 20 May 2022 09:55:14 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/src/apps/AppHelpDeclaration/list.vue b/src/apps/AppHelpDeclaration/list.vue
index 1e521853..f6bd6cb5 100644
--- a/src/apps/AppHelpDeclaration/list.vue
+++ b/src/apps/AppHelpDeclaration/list.vue
@@ -5,24 +5,24 @@
         <div class="item" :class="tabIndex == index ? 'active' : ''" v-for="(item, index) in tabs" :key="index" @click="tabClick(index)">{{item}}<span></span></div>
       </div>
       <div class="select-box">
-        <div class="left" style="display: flex;">
+        <div class="left">
           <!--  :areaId="user.areaId" @select="areaSelect" select-root -->
-          <AiAreaPicker v-model="areaId" :name.sync="areaName" >
+          <AiAreaPicker v-model="areaId" :name.sync="areaName">
             <div>
               <span v-if="areaName" 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;margin-top:18px"></u-icon>
+          <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>
         </div>
-        <div class="right" style="display: flex;">
+        <div class="right">
           <AiSelect dict="helpDeclarationReason" v-model="declareReason" >
             <span v-if="!declareReason" style="color: #999;">风险类型</span>
             <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;"></u-icon>
+          <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>
         </div>
       </div>
     </AiTopFixed>
@@ -81,14 +81,15 @@ export default {
     },
 
     clearArea() {
-      this.declareReason = '',
+      this.areaId = '',
+      this.areaName = '',
       this.current = 1,
       this.list = [],
       this.getList()
     },
 
     clearReason() {
-      this.areaId = '',
+      this.declareReason = '',
       this.current = 1,
       this.list = [],
       this.getList()
@@ -130,6 +131,9 @@ export default {
   ::v-deep .AiTopFixed .content {
     padding: 0;
   }
+  ::v-deep .AiSelect .display{
+    justify-content: center;
+  }
 
   .tab-select {
     width: 100%;
@@ -173,6 +177,11 @@ export default {
       flex: 1;
       text-align: center !important;
       font-size: 28px;
+
+      ::v-deep .u-icon .uicon-close-circle{
+        top: -96px !important;
+        left: 80px;
+      }
     }
   }