From 32685e98848726eeec177338b7edef06ca281043 Mon Sep 17 00:00:00 2001
From: Gaoxs <704041637@qq.com>
Date: Wed, 30 Sep 2020 09:56:00 +0800
Subject: [PATCH] =?UTF-8?q?#I1VA6O=20=E4=BF=AE=E6=94=B9=E5=88=86=E9=94=80?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E4=B8=AD=E6=90=9C=E7=B4=A2=E6=A1=86=E7=9A=84?=
 =?UTF-8?q?x=E6=8C=89=E9=92=AE=E6=97=A0=E6=95=88=E7=9A=84=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/user/promotion/PromoterList/index.vue | 322 ++++++++++----------
 1 file changed, 156 insertions(+), 166 deletions(-)

diff --git a/pages/user/promotion/PromoterList/index.vue b/pages/user/promotion/PromoterList/index.vue
index a2b707f..b765ae9 100644
--- a/pages/user/promotion/PromoterList/index.vue
+++ b/pages/user/promotion/PromoterList/index.vue
@@ -13,22 +13,14 @@
         </view>
       </view>
       <view class="nav acea-row row-around">
-        <view
-          class="item"
-          :class="screen.grade == 0 ? 'on' : ''"
-          @click="checkGrade(0)"
-        >一级({{ first||'0' }})</view>
-        <view
-          class="item"
-          :class="screen.grade == 1 ? 'on' : ''"
-          @click="checkGrade(1)"
-        >二级({{ second||'0' }})</view>
+        <view class="item" :class="screen.grade == 0 ? 'on' : ''" @click="checkGrade(0)">一级({{ first||'0' }})</view>
+        <view class="item" :class="screen.grade == 1 ? 'on' : ''" @click="checkGrade(1)">二级({{ second||'0' }})</view>
       </view>
       <view class="search acea-row row-between-wrapper">
         <form @submit.prevent="submitForm">
           <view class="input">
             <input placeholder="点击搜索会员名称" v-model="screen.keyword" />
-            <text class="iconfont icon-guanbi"></text>
+            <text class="iconfont icon-guanbi" @click="screen.keyword=''"></text>
           </view>
         </form>
         <view class="iconfont icon-sousuo2"></view>
@@ -56,11 +48,8 @@
         </view>
       </view>
       <view :class="fixedState === true ? 'sortList' : ''">
-        <view
-          class="item acea-row row-between-wrapper"
-          v-for="(val, spreadListIndex) in spreadList"
-          :key="spreadListIndex"
-        >
+        <view class="item acea-row row-between-wrapper" v-for="(val, spreadListIndex) in spreadList"
+          :key="spreadListIndex">
           <view class="picTxt acea-row row-between-wrapper">
             <view class="pictrue">
               <image :src="val.avatar" />
@@ -84,166 +73,167 @@
   </view>
 </template>
 <script>
-import { getSpreadUser } from "@/api/user";
-import Loading from "@/components/Loading";
-export default {
-  name: "PromoterList",
-  components: {
-    Loading
-  },
-  props: {},
-  data: function() {
-    return {
-      fixedState: false,
-      screen: {
-        page: 1,
-        limit: 15,
-        grade: 0,
-        keyword: "",
-        sort: ""
-      },
-      childCount: 2,
-      numberCount: 2,
-      orderCount: 2,
-      loaded: false,
-      loading: false,
-      spreadList: [],
-      loadTitle: "",
-      first: "",
-      second: ""
-    };
-  },
-  mounted: function() {
-    this.getSpreadUsers();
-  },
-  onReachBottom() {
-    !this.loading && this.getSpreadUsers();
-  },
-  watch: {
-    "screen.sort": function() {
-      this.screen.page = 0;
-      this.loaded = false;
-      this.loading = false;
-      this.spreadList = [];
-      this.getSpreadUsers();
-    }
-  },
-  methods: {
-    handleScroll: function() {
-      // var scrollTop =
-      //   document.documentElement.scrollTop || document.body.scrollTop;
-      // var offsetTop = document.querySelector(".header").clientHeight;
-      // if (scrollTop >= offsetTop) {
-      //   this.fixedState = true;
-      // } else {
-      //   this.fixedState = false;
-      // }
+  import {
+    getSpreadUser
+  } from "@/api/user";
+  import Loading from "@/components/Loading";
+  export default {
+    name: "PromoterList",
+    components: {
+      Loading
+    },
+    props: {},
+    data: function () {
+      return {
+        fixedState: false,
+        screen: {
+          page: 1,
+          limit: 15,
+          grade: 0,
+          keyword: "",
+          sort: ""
+        },
+        childCount: 2,
+        numberCount: 2,
+        orderCount: 2,
+        loaded: false,
+        loading: false,
+        spreadList: [],
+        loadTitle: "",
+        first: "",
+        second: ""
+      };
     },
-    submitForm: function() {
-      this.screen.page = 0;
-      this.loaded = false;
-      this.loading = false;
-      this.spreadList = [];
+    mounted: function () {
       this.getSpreadUsers();
     },
-    getSpreadUsers: function() {
-      let that = this,
-        screen = that.screen;
-      if (that.loaded || that.loading) return;
-      that.loading = true;
-      getSpreadUser(screen).then(
-        res => {
-          that.loading = false;
-          that.spreadList.push.apply(that.spreadList, res.data.list);
-          that.loaded = res.data.list.length < that.screen.limit; //判断所有数据是否加载完成；
-          that.loadTitle = that.loaded ? "人家是有底线的" : "上拉加载更多";
-          that.screen.page = that.screen.page + 1;
-          that.first = res.data.total;
-          that.second = res.data.totalLevel;
-        },
-        err => {
-          uni.showToast({
-            title:
-              err.msg || err.response.data.msg || err.response.data.message,
-            icon: "none",
-            duration: 2000
-          });
-        },
-        300
-      );
+    onReachBottom() {
+      !this.loading && this.getSpreadUsers();
     },
-    checkGrade: function(val) {
-      if (val == this.screen.grade) return;
-      else {
-        this.screen.page = 1;
-        this.screen.grade = val;
-        this.loading = false;
+    watch: {
+      "screen.sort": function () {
+        this.screen.page = 0;
         this.loaded = false;
+        this.loading = false;
         this.spreadList = [];
         this.getSpreadUsers();
       }
     },
-    sort: function(types) {
-      let that = this;
-      switch (types) {
-        case "childCount":
-          if (that.childCount == 2) {
-            that.childCount = 1;
-            that.orderCount = 2;
-            that.numberCount = 2;
-            that.screen.sort = "childCount DESC";
-          } else if (that.childCount == 1) {
-            that.childCount = 3;
-            that.orderCount = 2;
-            that.numberCount = 2;
-            that.screen.sort = "childCount ASC";
-          } else if (that.childCount == 3) {
-            that.childCount = 2;
-            that.orderCount = 2;
-            that.numberCount = 2;
-            that.screen.sort = "";
-          }
-          break;
-        case "numberCount":
-          if (that.numberCount == 2) {
-            that.numberCount = 1;
-            that.orderCount = 2;
-            that.childCount = 2;
-            that.screen.sort = "numberCount DESC";
-          } else if (that.numberCount == 1) {
-            that.numberCount = 3;
-            that.orderCount = 2;
-            that.childCount = 2;
-            that.screen.sort = "numberCount ASC";
-          } else if (that.numberCount == 3) {
-            that.numberCount = 2;
-            that.orderCount = 2;
-            that.childCount = 2;
-            that.screen.sort = "";
-          }
-          break;
-        case "orderCount":
-          if (that.orderCount == 2) {
-            that.orderCount = 1;
-            that.numberCount = 2;
-            that.childCount = 2;
-            that.screen.sort = "orderCount DESC";
-          } else if (that.orderCount == 1) {
-            that.orderCount = 3;
-            that.numberCount = 2;
-            that.childCount = 2;
-            that.screen.sort = "orderCount ASC";
-          } else if (that.orderCount == 3) {
-            that.orderCount = 2;
-            that.numberCount = 2;
-            that.childCount = 2;
+    methods: {
+      handleScroll: function () {
+        // var scrollTop =
+        //   document.documentElement.scrollTop || document.body.scrollTop;
+        // var offsetTop = document.querySelector(".header").clientHeight;
+        // if (scrollTop >= offsetTop) {
+        //   this.fixedState = true;
+        // } else {
+        //   this.fixedState = false;
+        // }
+      },
+      submitForm: function () {
+        this.screen.page = 0;
+        this.loaded = false;
+        this.loading = false;
+        this.spreadList = [];
+        this.getSpreadUsers();
+      },
+      getSpreadUsers: function () {
+        let that = this,
+          screen = that.screen;
+        if (that.loaded || that.loading) return;
+        that.loading = true;
+        getSpreadUser(screen).then(
+          res => {
+            that.loading = false;
+            that.spreadList.push.apply(that.spreadList, res.data.list);
+            that.loaded = res.data.list.length < that.screen.limit; //判断所有数据是否加载完成；
+            that.loadTitle = that.loaded ? "人家是有底线的" : "上拉加载更多";
+            that.screen.page = that.screen.page + 1;
+            that.first = res.data.total;
+            that.second = res.data.totalLevel;
+          },
+          err => {
+            uni.showToast({
+              title: err.msg || err.response.data.msg || err.response.data.message,
+              icon: "none",
+              duration: 2000
+            });
+          },
+          300
+        );
+      },
+      checkGrade: function (val) {
+        if (val == this.screen.grade) return;
+        else {
+          this.screen.page = 1;
+          this.screen.grade = val;
+          this.loading = false;
+          this.loaded = false;
+          this.spreadList = [];
+          this.getSpreadUsers();
+        }
+      },
+      sort: function (types) {
+        let that = this;
+        switch (types) {
+          case "childCount":
+            if (that.childCount == 2) {
+              that.childCount = 1;
+              that.orderCount = 2;
+              that.numberCount = 2;
+              that.screen.sort = "childCount DESC";
+            } else if (that.childCount == 1) {
+              that.childCount = 3;
+              that.orderCount = 2;
+              that.numberCount = 2;
+              that.screen.sort = "childCount ASC";
+            } else if (that.childCount == 3) {
+              that.childCount = 2;
+              that.orderCount = 2;
+              that.numberCount = 2;
+              that.screen.sort = "";
+            }
+            break;
+          case "numberCount":
+            if (that.numberCount == 2) {
+              that.numberCount = 1;
+              that.orderCount = 2;
+              that.childCount = 2;
+              that.screen.sort = "numberCount DESC";
+            } else if (that.numberCount == 1) {
+              that.numberCount = 3;
+              that.orderCount = 2;
+              that.childCount = 2;
+              that.screen.sort = "numberCount ASC";
+            } else if (that.numberCount == 3) {
+              that.numberCount = 2;
+              that.orderCount = 2;
+              that.childCount = 2;
+              that.screen.sort = "";
+            }
+            break;
+          case "orderCount":
+            if (that.orderCount == 2) {
+              that.orderCount = 1;
+              that.numberCount = 2;
+              that.childCount = 2;
+              that.screen.sort = "orderCount DESC";
+            } else if (that.orderCount == 1) {
+              that.orderCount = 3;
+              that.numberCount = 2;
+              that.childCount = 2;
+              that.screen.sort = "orderCount ASC";
+            } else if (that.orderCount == 3) {
+              that.orderCount = 2;
+              that.numberCount = 2;
+              that.childCount = 2;
+              that.screen.sort = "";
+            }
+            break;
+          default:
             that.screen.sort = "";
-          }
-          break;
-        default:
-          that.screen.sort = "";
+        }
       }
     }
-  }
-};
+  };
 </script>