<el-tree ref="treeX" accordion :check-strictly="true" :data="organizationList"
:props="organizationProps" show-checkbox node-key="id" :expand-on-click-node='true'
@check-change="handleCheckChange"></el-tree>
// 新增
showplan() {
this.rowOrgIdList = [];
this.checkIdArr = [];
let self = this
setTimeout(() => {
self.$refs.treeX.setCheckedKeys([])
}, 0)
},
// 编辑
updateDialog(row) {
this.rowOrgIdList = row.orgIdList;
let self = this
setTimeout(() => {
self.$refs.treeX.setCheckedKeys(row.orgIdList)
}, 0)
},
handleCheckChange(data, checked, indeterminate) {
if (checked) {
this.isRed = false;
this.checkIdArr.push(data.id);
this.checkedKeyArr = [...this.rowOrgIdList, ...this.checkIdArr];
this.checkedKeyArr = Array.from(new Set(this.checkedKeyArr));
this.checkedKeyStr = this.checkedKeyArr.join(","); // 把选中的节点id数组转为字符串传给后台的参数
} else {
this.checkedKeyArr.splice(
this.checkedKeyArr.findIndex(v => v === data.id),
1
);
this.checkedKeyStr = this.checkedKeyArr.join(",");
if (this.checkedKeyStr.length == 0) {
this.checkIdArr = [];
this.rowOrgIdList = [];
}
}
},