feat: There is no way the,
This commit is contained in:
@@ -7,7 +7,7 @@
|
||||
:append-to-body=true
|
||||
:before-close="cancelUserInfo"
|
||||
:show-checkbox="showCheckBox"
|
||||
>
|
||||
>
|
||||
<el-tree class="common-tree" :style="style" ref="tree" :data="data" :props="defaultProps"
|
||||
:load="loadNode"
|
||||
:lazy="lazy"
|
||||
@@ -45,12 +45,12 @@
|
||||
return "";
|
||||
}
|
||||
},
|
||||
type: {
|
||||
type: String,
|
||||
default () {
|
||||
return "";
|
||||
}
|
||||
},
|
||||
type: {
|
||||
type: String,
|
||||
default () {
|
||||
return "";
|
||||
}
|
||||
},
|
||||
urlChild: {
|
||||
type: String,
|
||||
default () {
|
||||
@@ -120,7 +120,7 @@
|
||||
return '';
|
||||
}
|
||||
},
|
||||
showCheckBox:{
|
||||
showCheckBox:{
|
||||
type: Boolean,
|
||||
default () {
|
||||
return true;
|
||||
@@ -233,20 +233,20 @@
|
||||
this.isShowSelect = !this.isShowSelect;
|
||||
}
|
||||
},
|
||||
// 递归
|
||||
getTreeData(data) {
|
||||
// 循环遍历json数据
|
||||
for (let i = 0; i < data.length; i++) {
|
||||
if (data[i].children.length < 1) {
|
||||
// children若为空数组,则将children设为undefined
|
||||
delete data[i].children
|
||||
} else {
|
||||
// children若不为空数组,则继续 递归调用 本方法
|
||||
this.getTreeData(data[i].children)
|
||||
}
|
||||
}
|
||||
return data
|
||||
},
|
||||
// 递归
|
||||
getTreeData(data) {
|
||||
// 循环遍历json数据
|
||||
for (let i = 0; i < data.length; i++) {
|
||||
if (data[i].children.length < 1) {
|
||||
// children若为空数组,则将children设为undefined
|
||||
delete data[i].children
|
||||
} else {
|
||||
// children若不为空数组,则继续 递归调用 本方法
|
||||
this.getTreeData(data[i].children)
|
||||
}
|
||||
}
|
||||
return data
|
||||
},
|
||||
// 节点选中状态发生变化时的回调
|
||||
handleCheckChange () {
|
||||
var checkedKeys = this.$refs.tree.getCheckedKeys(); // 所有被选中的节点的 key 所组成的数组数据
|
||||
@@ -281,52 +281,44 @@
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
/deep/ .expanded{
|
||||
background-image: none !important;
|
||||
background-size:100% 100%;
|
||||
}
|
||||
.el-drawer__body{
|
||||
& > div:first-child{
|
||||
display: flex;
|
||||
flex: auto;
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
::v-deep .el-drawer__header{
|
||||
&>span:first-child{
|
||||
outline: none!important;
|
||||
}
|
||||
}
|
||||
::v-deep .el-drawer{
|
||||
outline: none!important;
|
||||
}
|
||||
/deep/ .expanded{
|
||||
background-image: none !important;
|
||||
background-size:100% 100%;
|
||||
}
|
||||
.el-drawer__body{
|
||||
& > div:first-child{
|
||||
display: flex;
|
||||
flex: auto;
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
::v-deep .el-drawer__header{
|
||||
&>span:first-child{
|
||||
outline: none!important;
|
||||
}
|
||||
}
|
||||
::v-deep .el-drawer{
|
||||
outline: none!important;
|
||||
}
|
||||
|
||||
//#tree {
|
||||
// .el-checkbox .el-checkbox__inner {
|
||||
// display: none;
|
||||
// }
|
||||
// div[role="group"] {
|
||||
// .el-checkbox .el-checkbox__inner {
|
||||
// display: inline-block;
|
||||
// }
|
||||
// }
|
||||
//}
|
||||
//
|
||||
//.el-tree-node {
|
||||
// .is-leaf + .el-checkbox .el-checkbox__inner {
|
||||
// display: inline-block;
|
||||
// }
|
||||
// .el-checkbox .el-checkbox__inner {
|
||||
// display: none;
|
||||
// }
|
||||
//}
|
||||
//#tree {
|
||||
// .el-checkbox .el-checkbox__inner {
|
||||
// display: none;
|
||||
// }
|
||||
// div[role="group"] {
|
||||
// .el-checkbox .el-checkbox__inner {
|
||||
// display: inline-block;
|
||||
// }
|
||||
// }
|
||||
//}
|
||||
//
|
||||
//.el-tree-node {
|
||||
// .is-leaf + .el-checkbox .el-checkbox__inner {
|
||||
// display: inline-block;
|
||||
// }
|
||||
// .el-checkbox .el-checkbox__inner {
|
||||
// display: none;
|
||||
// }
|
||||
//}
|
||||
|
||||
/deep/ .el-tree-node{
|
||||
.is-leaf + .el-checkbox .el-checkbox__inner{
|
||||
display: inline-block;
|
||||
}
|
||||
.el-checkbox .el-checkbox__inner{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user