<el-col :span=24>
<el-form-item label="站点机台" style="font-weight:700">
<el-checkbox-group v-model="form.stationId">
<el-checkbox v-for="(item,index) in selectList.stationId" :key="index" :label="item" @change="changes(item)"></el-checkbox>
</el-checkbox-group>
</el-form-item>
</el-col>
data(){
return{
flag:true,
form:{
stationId:[],
},
selectList:{
stationId:['全选','1','2','3','4','5','6','7'],
}
}
},
methods(){
changes(key){
if(key=='全选'&&this.flag==true){
this.form.stationId=this.selectList.stationId;
this.flag=false;
return;
}
if(key=='全选'&&this.flag==false){
this.form.stationId=[];
this.flag=true;
return;
}
if(this.flag&&this.form.stationId.length==(this.selectList.stationId.length-1)){
this.form.stationId=this.selectList.stationId;
this.flag=false;
return;
}
if(this.flag==false){
this.remove("全选",this.form.stationId);
this.flag=true;
console.log(this.form)
return;
}
},
indexOf(val,arr){
for(var i = 0; i < arr.length; i++){
if(arr[i] == val){return i;}
}
return -1;
},
remove(val,arr){
var index = this.indexOf(val,arr);
if(index > -1){arr.splice(index,1);}
},
}