地区

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;
       }
     }
   }