update: update

src/components/allCustomers/allCustomersList.vue

@@ -66,7 +66,7 @@
       </div>
       <div class="list-section-table">
         <el-table v-loading="loading" :data="tableData" tooltip-effect="dark" ref="multipleTable"
-          @selection-change="handleSelectionChange" @sort-change='sortChange'>
+          @selection-change="handleSelectionChange" @select-all="handleSelectAlll" @sort-change='sortChange'>
           <el-table-column type="selection" min-width="50" fixed='left'></el-table-column>
           <template v-for="colum in checkedFields">
             <el-table-column :key="colum" :label="memberFieldsName[colum]" :prop="colum"
@@ -164,18 +164,17 @@
       :memberFields="memberFields" @submit="submitMemberFields" />
     <!-- 批量调整积分弹窗 -->
     <integral-dailog :dialogVisible.sync="dialogIntegralVisible" @refresh="batchRefresh"
-      :integralFlag="integralFlag" :ajaxObj="{...pageParam,pageName}"
-      :selectObj="{selectAll,multipleList,totalCount}" />
+      :integralFlag="integralFlag" :ajaxObj="{...ajaxObj}" :selectObj="{...selectObj}" />
     <!-- 批量修改等级弹窗 -->
     <grade-dailog :dialogVisible.sync="dialogGradeVisible" @refresh="batchRefresh"
-      :gradeList="showEditClique?cliqueMemberGrade:memberGrade" :ajaxObj="{...pageParam,pageName}"
-      :selectObj="{selectAll,multipleList,totalCount}" />
+      :gradeList="showEditClique?cliqueMemberGrade:memberGrade" :ajaxObj="{...ajaxObj}"
+      :selectObj="{...selectObj}" />
     <!-- 批量修改服务门店弹窗 -->
     <mainstore-dailog :dialogVisible.sync="dialogMainstoreVisible" @refresh="batchRefresh"
-      :selectObj="{selectAll,multipleList,totalCount}" :ajaxObj="{...pageParam,pageName}" />
+      :selectObj="{...selectObj}" :ajaxObj="{...ajaxObj}" />
     <!-- 批量修改协管门店弹窗 -->
     <substore-dailog :dialogVisible.sync="dialogSubStoreVisible" @refresh="batchRefresh"
-      :selectObj="{selectAll,multipleList,totalCount}" :ajaxObj="{...pageParam,pageName}" />
+      :selectObj="{...selectObj}" :ajaxObj="{...ajaxObj}" />
   </div>
 </template>
 <script>

src/components/allCustomers/components/mainstoreDialog.vue

@@ -2,7 +2,8 @@
   <div>
     <el-dialog title="批量修改服务门店" custom-class="customer-dailog" :visible.sync="dialogVisible"
       :close-on-click-modal="false" @close="cancel" width="600px">
-      <div class="checkedCustomers">当前选中<span class="num"> {{ selectObj.selectAll?selectObj.totalCount:selectObj.multipleList.length }} </span>位客户
+      <div class="checkedCustomers">当前选中<span class="num">
+          {{ selectObj.selectAll?selectObj.totalCount:selectObj.multipleList.length }} </span>位客户
       </div>
       <el-form ref="form" :model="form" :rules="rules" label-width="133px">
         <el-form-item label="服务门店：" prop="mainStoreId">
@@ -37,34 +38,24 @@ export default {
       type: Boolean,
       default: false
     },
-    multipleList: {
-      type: Array,
+    ajaxObj: {
+      type: Object,
       default: () => {
-        return [];
+        return {
+          pageName: ''
+        };
       }
     },
-    gradeList: {
-      type: Array,
+    selectObj: {
+      type: Object,
       default: () => {
-        return [];
+        return {
+          totalCount: 0,
+          selectAll: false,
+          multipleList: []
+        };
       }
     },
-    pageSize: {
-      type: Number,
-      default: ''
-    },
-    memberSearchStr: {
-      type: Number,
-      default: ''
-    },
-    phoneNameCard: {
-      type: String,
-      default: ''
-    },
-    pageName: {
-      type: String,
-      default: ''
-    },
   },
   data() {
     return {
@@ -115,17 +106,19 @@ export default {
     submit() {
       this.$refs[ 'form' ].validate(valid => {
         if (valid) {
+          const { selectAll, multipleList } = this.selectObj;
+          const { memberSearchStr, pageSize, phoneNameCard, pageName } = this.ajaxObj;
           this.btnLoading = true;
           let memberIdsArr = [];
-          this.multipleList.forEach(item => {
+          multipleList.forEach(item => {
             memberIdsArr.push(item.memberId);
           });
           doFetch(url.updateStore, Object.assign({}, this.form, {
-            memberIds: this.selectAll == true ? "-1" : memberIdsArr.join(","),
-            isCurrent: this.selectAll == true ? 2 : this.multipleList.length == this.pageSize ? 1 : 0,
-            memberSearchParamStr: this.selectAll == true ? (this.memberSearchStr ? this.memberSearchStr : "-1") : "",
-            phoneNameCard: this.phoneNameCard,
-            pageName: this.pageName
+            memberIds: selectAll == true ? "-1" : memberIdsArr.join(","),
+            isCurrent: selectAll == true ? 2 : multipleList.length == pageSize ? 1 : 0,
+            memberSearchParamStr: selectAll == true ? (memberSearchStr ? memberSearchStr : "-1") : "",
+            phoneNameCard: phoneNameCard,
+            pageName: pageName
           }))
             .then(res => {
               if (res.data.errorCode === 0) {

src/components/allCustomers/components/substoreDialog.vue

@@ -2,7 +2,8 @@
   <div>
     <el-dialog title="批量修改协管门店" custom-class="customer-dailog" :visible.sync="dialogVisible"
       :close-on-click-modal="false" @close="cancel" width="600px">
-      <div class="checkedCustomers">当前选中<span class="num"> {{ multipleList.length }} </span>位客户
+      <div class="checkedCustomers">当前选中<span class="num">
+          {{ selectObj.selectAll?selectObj.totalCount:selectObj.multipleList.length }} </span>位客户
       </div>
       <el-form ref="form" :model="form" :rules="rules" label-width="133px">
         <el-form-item label="协管门店：" prop="fromSubStoreIds">
@@ -49,34 +50,24 @@ export default {
       type: Boolean,
       default: false
     },
-    multipleList: {
-      type: Array,
+    ajaxObj: {
+      type: Object,
       default: () => {
-        return [];
+        return {
+          pageName: ''
+        };
       }
     },
-    gradeList: {
-      type: Array,
+    selectObj: {
+      type: Object,
       default: () => {
-        return [];
+        return {
+          totalCount: 0,
+          selectAll: false,
+          multipleList: []
+        };
       }
     },
-    pageSize: {
-      type: Number,
-      default: ''
-    },
-    memberSearchStr: {
-      type: Number,
-      default: ''
-    },
-    phoneNameCard: {
-      type: String,
-      default: ''
-    },
-    pageName: {
-      type: String,
-      default: ''
-    },
   },
   data() {
     return {
@@ -141,18 +132,20 @@ export default {
     submit() {
       this.$refs[ 'form' ].validate(valid => {
         if (valid) {
+          const { selectAll, multipleList } = this.selectObj;
+          const { memberSearchStr, pageSize, phoneNameCard, pageName } = this.ajaxObj;
           this.btnLoading = true;
           let memberIdsArr = [];
-          this.multipleList.forEach(item => {
+          multipleList.forEach(item => {
             memberIdsArr.push(item.memberId);
           });
           doFetch(url.updateStore, Object.assign({}, this.form, {
             fromSubStoreIds: this.form.fromSubStoreIds.join(","),
-            memberIds: this.selectAll == true ? "-1" : memberIdsArr.join(","),
-            isCurrent: this.selectAll == true ? 2 : this.multipleList.length == this.pageSize ? 1 : 0,
-            memberSearchParamStr: this.selectAll == true ? (this.memberSearchStr ? this.memberSearchStr : "-1") : "",
-            phoneNameCard: this.phoneNameCard,
-            pageName: this.pageName
+            memberIds: selectAll == true ? "-1" : memberIdsArr.join(","),
+            isCurrent: selectAll == true ? 2 : multipleList.length == pageSize ? 1 : 0,
+            memberSearchParamStr: selectAll == true ? (memberSearchStr ? memberSearchStr : "-1") : "",
+            phoneNameCard: phoneNameCard,
+            pageName: pageName
           }))
             .then(res => {
               if (res.data.errorCode === 0) {

src/components/allCustomers/index.js

@@ -80,6 +80,16 @@ export default {
       // 全部客户allCustomer；非会员notMember；会员isMember；微信会员wxOpenCarMember，pos会员posMember
       return this.customerType.join(",");
     },
+    selectObj: function() {
+      return {
+        selectAll: this.selectAll,
+        multipleList: this.multipleList,
+        totalCount: this.totalCount
+      };
+    },
+    ajaxObj: function() {
+      return { ...this.pageParam, pageName: this.pageName };
+    },
     ...mapState(["storeImageUrl", "showEditClique", "showHandleScoreBtn"])
   },
   filters: {
@@ -152,6 +162,7 @@ export default {
     // 获取列表数据
     getAjaxMembers() {
       this.loading = true;
+      this.selectAll = false;
       doFetch(
         url.ajaxMembers,
         Object.assign({}, this.pageParam, {
@@ -271,8 +282,13 @@ export default {
           checkStatus(err);
         });
     },
+    // 处理table 全选事件
+    handleSelectAlll(val) {
+      if (!val.length) this.selectAll = false;
+    },
     // 处理table select事件
     handleSelectionChange(val) {
+      if (val.length !== this.pageParam.pageSize) this.selectAll = false;
       this.multipleList = val;
     },
     // 处理table 排序事件