地区

src/apps/AppHelpEffect/AppHelpEffect.vue

@@ -1,15 +1,15 @@
 <template>
   <div class="AppHelpEffect">
     <AiTopFixed>
-      <div class="search"><u-search placeholder="请输入姓名、身份证号" v-model="name" :show-action="false"></u-search></div>
+      <div class="search"><u-search placeholder="请输入姓名、身份证号" @clear="name='',getList()" clearable v-model="name" :show-action="false" @search="search"></u-search></div>
       <div class="select">
         <div class="left">
-          <AiAreaPicker v-model="areaId" :areaId="user.areaId" :name.sync="areaName" @select="areaSelect" selectRoot>
+          <AiAreaPicker v-model="areaId" :area-id="user.areaId" :name.sync="areaName" @select="areaSelect" selectRoot>
             <div>
               <u-icon name="map-fill" color="#999" size="24" style="margin-left: 4px;width: 14px;display:inline-block;margin-top:18px"></u-icon>
               <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>
+              <u-icon name="arrow-down" color="#999" size="24" style="margin-left: 4px;width: 14px;display:inline-block;margin-top:18px" @select="areaSelect"></u-icon>
             </div>
           </AiAreaPicker>
         </div>
@@ -64,14 +64,14 @@ export default {
   computed: {
     ...mapState(['user'])
   },
+
   methods: {
     areaSelect(e) {
+      console.log(e);
       this.areaId = e
       this.current = 1
       this.list = []
-      this.$nextTick(() => {
       this.getList()
-      })
     },
     onLoad() {
       this.$dict.load('fpHouseType').then(() => {
@@ -83,6 +83,8 @@ export default {
         })
         this.typeList.unshift({ label: '全部类型', value: ''})
       })
+      this.areaId = this.user.areaId
+      this.getList()
     },
     typeSelect(v) {
       this.current = 1
@@ -90,6 +92,12 @@ export default {
       this.houseType = v?.[0].value
       this.getList()
     },
+    search(value) {
+      this.name = value
+      this.list = []
+      this.current= 1
+      this.getList()
+    },
     getList() {
       this.$http.post('/app/apppreventionreturntopoverty/list', null, {
         params: {
@@ -114,8 +122,6 @@ export default {
   },
   onShow() {
     document.title = '帮扶成效'
-    this.areaId = this.user.areaId
-    this.getList()
   }
 }
 </script>