会员修改

ghsApp/src/admin/home/member.vue

@@ -1,8 +1,15 @@
 <template>
   <div class="app-main app-content">
+    <view class="input-wrap_box">
+      <view>
+        <AppSearchModule placeholder="请输入客户名称，支持拼音首字母" @search="searchFn"/>
+      </view>
+    </view>
+
     <app-tabs
       :tabs="tabs"
-      :isFixed="true"
+        :isFixed="false"
+        :top="50"
       :currentTab="tabIndex"
       :height="100"
       @change="change"
@@ -48,6 +55,7 @@ import BadgeModule from "@/components/plugin/badge";
 import AppWrapperEmpty from "@/components/app-wrapper-empty";
 import appVipModule from "@/components/module/app-vip";
 import AppTag from "@/components/module/app-tag.vue";
+import AppSearchModule from "@/components/module/app-search";
 import { list } from "@/mixins";
 import { getClass, getList } from "@/api/member";
 export default {
@@ -59,6 +67,7 @@ export default {
     AppWrapperEmpty,
     appVipModule,
     AppTag,
+    AppSearchModule
   },
   mixins: [list],
   data() {
@@ -101,12 +110,17 @@ export default {
         this._list();
       }
     },
-    // 列表
+    searchFn(e) {
+      this.resetList();
+      this.seekVal = e;
+      this._list();
+    },
     _list() {
       return getList({
           search: "",
           type:this.tabIndex,
           page: this.list.page,
+          name: this.seekVal,
         }).then((res) => {
           this.completes(res);
           if (this.$util.isEmpty(res.data)){
@@ -130,7 +144,7 @@ export default {
 
 <style lang="scss" scoped>
 .app-content {
-  padding-top: 120px;
+  padding-top: 100px;
   padding-bottom: 20px;
 }
 .tabs-wrap {
@@ -144,6 +158,20 @@ export default {
     @include disFlex(center, center);
   }
 }
+  .input-wrap_box {
+    background-color: #fff;
+    position: fixed;
+    top: 0;
+    z-index: 10;
+    width: 100%;
+    height: 100px;
+    display: flex;
+    align-items: center;
+    padding: 0 30px;
+    & > view:nth-child(1) {
+      flex: 1;
+    }
+  }
 // list
 .tui-msg-box {
   display: flex;