From 93443d3812be1664c914cda51dfc6545cec2e48c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8A=B1=E6=9C=89=E6=B8=85=E9=A6=99=E6=9C=88=E6=9C=89?=
 =?UTF-8?q?=E9=98=B4?= <185154740@qq.com>
Date: Tue, 15 Feb 2022 11:54:16 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BE=BF=E6=B0=91=E9=80=9A=E8=AE=AF=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/mods/AppAddressBook/AppAddressBook.vue | 50 ++++++++++++++++++----
 1 file changed, 42 insertions(+), 8 deletions(-)

diff --git a/src/mods/AppAddressBook/AppAddressBook.vue b/src/mods/AppAddressBook/AppAddressBook.vue
index ac38fc6..8f1afba 100644
--- a/src/mods/AppAddressBook/AppAddressBook.vue
+++ b/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: '',
-      areaName: '',
+      // areaId: '',
+      // $areaId: '',
+      // areaName: '',
+      // name: '',
     }
   },
   onLoad() {
     this.userInfo = uni.getStorageSync('userInfo')
-    this.areaId = this.$areaId
-    this.areaName = this.$areaName
+    // this.areaId = this.$areaId
+    // 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;