便民通讯录

src/mods/AppAddressBook/AppAddressBook.vue

@@ -1,6 +1,12 @@
 <template>
   <div class="wrapper">
-    <div class="areaSelection">
+    <AiTopFixed>
+      <div class="searchObj">
+        <u-search v-model="name" placeholder="请输入姓名或电话" :show-action="false" clearabled bg-color="#fff" search-icon-color="#6AA8F8" placeholder-color="#D0D4D4" @search="handerSearch" @clear=";(index = []), (name = ''), getList()" />
+      </div>
+    </AiTopFixed>
+
+    <!-- <div class="areaSelection">
       <div class="area">区域选择</div>
       <div class="select">
         <ai-area-picker ref="area" class="ai-area" :value="areaId" :name.sync="areaName" :areaId="$areaId" @select="areaSelect">
@@ -11,7 +17,8 @@
           </div>
         </ai-area-picker>
       </div>
-    </div>
+    </div> -->
+
     <template v-if="list.length">
       <u-index-list :scrollTop="scrollTop" :index-list="indexList">
         <div v-for="(letter, index) in indexList" :key="index">
@@ -25,6 +32,7 @@
         </div>
       </u-index-list>
     </template>
+
     <AiEmpty v-else></AiEmpty>
   </div>
 </template>
@@ -41,15 +49,16 @@ export default {
       indexList: [],
       list: [],
       userInfo: {},
-      areaId: '',
+      // areaId: '',
-      $areaId: '',
+      // $areaId: '',
-      areaName: '',
+      // areaName: '',
+      // name: '',
     }
   },
   onLoad() {
     this.userInfo = uni.getStorageSync('userInfo')
-    this.areaId = this.$areaId
+    // this.areaId = this.$areaId
-    this.areaName = this.$areaName
+    // this.areaName = this.$areaName
     this.getList()
   },
 
@@ -67,8 +76,9 @@ export default {
           params: {
             isPublic: 1,
             resource: 'portal',
-            areaId: this.areaId,
+            // areaId: this.areaId,
             size: 999,
+            // name: this.mame,
           },
         })
         .then((res) => {
@@ -88,6 +98,11 @@ export default {
         this.getList()
       })
     },
+
+    // handerSearch(e) {
+    //   this.name = e
+    //   this.getList()
+    // },
   },
   onPageScroll(e) {
     this.scrollTop = e.scrollTop
@@ -96,6 +111,25 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.wrapper {
+  ::v-deep .AiTopFixed {
+    .placeholder {
+      .content {
+        padding: 0 !important;
+      }
+    }
+    .fixed {
+      margin: 0 !important;
+      .content {
+        padding: 0 !important;
+      }
+    }
+  }
+  .searchObj {
+    padding: 24px 32px;
+    background: #4181ff;
+  }
+}
 .areaSelection {
   display: flex;
   justify-content: space-between;