仓房全选

shanXiPlatform/src/views/systemManagement/userManagement/userManagement/addUser.vue

@@ -73,7 +73,8 @@
               <el-col :span="24" v-if="depotId && depotId != 1">
                 <el-form-item label="仓房:" prop="houseCheckList">
                     <div style="border:1px solid #ccc;padding:15px;width:864px;border-radius:10px ">
-                      <el-checkbox-group v-model="user.houseCheckList"  :disabled="isDetail">
+                      <el-checkbox :indeterminate="isIndeterminate" :disabled="isDetail" v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbox>
+                      <el-checkbox-group v-model="user.houseCheckList"  :disabled="isDetail"  @change="handleCheckedCitiesChange">
                         <el-checkbox v-for="item in houseList" :key="item.houseCode" :label="item.houseCode">{{item.houseName}}</el-checkbox>
                       </el-checkbox-group>
                     </div>
@@ -190,6 +191,7 @@ export default {
       roleList:[],
       depotIdList:[],
       houseList:[],
+      houseListIds:[],
       isdis: true,
       isDetail: false,
       imageUrl: '',
@@ -291,7 +293,9 @@ export default {
       copyUname:'',
       pageTitle:'',
       dialogVisible: false,
-      copyUser:{}
+      copyUser:{},
+      checkAll: false,
+      isIndeterminate: true
     }
   },
   created() {
@@ -355,6 +359,9 @@ export default {
     getWarehouseAllList() {
       getWarehouseAll(this.$route.query.depotId).then(res => {
         this.houseList = res.data
+        this.houseList.forEach(item => {
+          this.houseListIds.push(item.houseCode)
+        })
       })
     },
 
@@ -607,6 +614,19 @@ export default {
     },
     goback() {
       this.dialogVisible = false
+    },
+    handleCheckAllChange(val) {
+      if(val){
+        this.user.houseCheckList = this.houseListIds
+      }else{
+        this.user.houseCheckList = []
+      }
+      this.isIndeterminate = false;
+    },
+    handleCheckedCitiesChange(value) {
+      let checkedCount = value.length;
+      this.checkAll = checkedCount === this.houseList.length;
+      this.isIndeterminate = checkedCount > 0 && checkedCount < this.houseList.length;
     }
   }
 }