bug

shanXiPlatform/src/views/systemManagement/earlyWarningManagement/addEarlyWarningManagement.vue

@@ -51,8 +51,8 @@
         </el-form-item>
         <el-form-item label="检查人员:"  prop="warnTargetArr">
             <div style="border:1px solid #ccc;padding:15px;width:800px ">
-              <!-- <el-checkbox :indeterminate="isIndeterminate" :disabled="isDetail" v-model="checkAll" v-if="personList && personList.length>0" @change="handleCheckAllChange">全选</el-checkbox> -->
-              <el-checkbox-group v-model="warnTargetArr"  :disabled="isDetail" v-if="personList && personList.length>0" >
+              <el-checkbox :indeterminate="isIndeterminate" :disabled="isDetail" v-model="checkAll" v-if="personList && personList.length>0" @change="handleCheckAllChange">全选</el-checkbox>
+              <el-checkbox-group v-model="warnTargetArr"  :disabled="isDetail" v-if="personList && personList.length>0"  @change="handleCheckedCitiesChange">
                 <el-checkbox v-for="item in personList" :key="item.uId" :label="item.uId">{{item.personnelName}}</el-checkbox>
               </el-checkbox-group>
               <span v-if="!personList || personList.length == 0" style="color:#cccccc">暂无数据</span>
@@ -236,7 +236,7 @@ export default {
       checkAll: false,
       isIndeterminate: true,
       personListIds: [],
-      warnTargetArr: []
+      warnTargetArr:[]
     }
   },
   mounted() {
@@ -305,8 +305,15 @@ export default {
     detailInfo() {
       detailFun(this.$route.query.id).then(res => {
         if (res.code == 200) {
+          gerPersonByRole(res.data.warnTargetType).then(response => {
+            this.personList = []
+            this.personList = response.data
+            this.personList.forEach(item => {
+              this.personListIds.push(item.uId)
+            })
+          })
           this.formData = res.data
-          this.warnTargetTypeSelect()
+          // this.warnTargetTypeSelect()
           let warnTargetArr = this.formData.warnTarget.split(',')
           let warnTargetIdArr = []
           warnTargetArr.forEach(item => {
@@ -363,9 +370,6 @@ export default {
       window.history.go(-1)
     },
     warnTargetTypeSelect() {
-      this.warnTargetArr = []
-        // this.checkAll = false
-        // this.isIndeterminate = true
       gerPersonByRole(this.formData.warnTargetType).then(res => {
         console.log(res)
         this.personList = []
@@ -379,25 +383,27 @@ export default {
         //   this.personList.push(JSON.parse(JSON.stringify(person)))
         // }
         this.personList = res.data
-        // this.personList.forEach(item => {
-        //   this.personListIds.push(item.uId)
-        // })
-        
+        this.personList.forEach(item => {
+          this.personListIds.push(item.uId)
+        })
+        this.warnTargetArr = []
+        this.checkAll = false
+        this.isIndeterminate = true
       })
     },
-    // handleCheckAllChange(val) {
-    //   if(val){
-    //     this.warnTargetArr = this.personListIds
-    //   }else{
-    //     this.warnTargetArr = []
-    //   }
-    //   this.isIndeterminate = false;
-    // },
-    // handleCheckedCitiesChange(value) {
-    //   let checkedCount = value.length;
-    //   this.checkAll = checkedCount === this.personList.length;
-    //   this.isIndeterminate = checkedCount > 0 && checkedCount < this.personList.length;
-    // }
+    handleCheckAllChange(val) {
+      if(val){
+        this.warnTargetArr = this.personListIds
+      }else{
+        this.warnTargetArr = []
+      }
+      this.isIndeterminate = false;
+    },
+    handleCheckedCitiesChange(value) {
+      let checkedCount = value.length;
+      this.checkAll = checkedCount === this.personList.length;
+      this.isIndeterminate = checkedCount > 0 && checkedCount < this.personList.length;
+    }
   }
 }
 </script>