|
|
@ -140,7 +140,9 @@ |
|
|
|
v-model.trim="filterClassName" |
|
|
|
v-model.trim="filterClassName" |
|
|
|
class="inline-input m-b-20" |
|
|
|
class="inline-input m-b-20" |
|
|
|
clearable |
|
|
|
clearable |
|
|
|
></el-input> |
|
|
|
> |
|
|
|
|
|
|
|
<el-button slot="append" icon="el-icon-search"></el-button> |
|
|
|
|
|
|
|
</el-input> |
|
|
|
|
|
|
|
|
|
|
|
<div v-show="tagList.length" class="m-b-20"> |
|
|
|
<div v-show="tagList.length" class="m-b-20"> |
|
|
|
<el-tag |
|
|
|
<el-tag |
|
|
@ -353,6 +355,7 @@ export default { |
|
|
|
i.nodeKey = `${i.id}-${new Date().getTime()}`; |
|
|
|
i.nodeKey = `${i.id}-${new Date().getTime()}`; |
|
|
|
i.leaf = false; |
|
|
|
i.leaf = false; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
console.log(JSON.stringify(i)); |
|
|
|
result.push(i); |
|
|
|
result.push(i); |
|
|
|
}); |
|
|
|
}); |
|
|
|
this.$nextTick(() => { |
|
|
|
this.$nextTick(() => { |
|
|
@ -549,7 +552,7 @@ export default { |
|
|
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
<style lang="scss" scoped> |
|
|
|
.inline-input { |
|
|
|
.inline-input { |
|
|
|
width: 300px; |
|
|
|
width: 500px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.date-inputs { |
|
|
|
.date-inputs { |
|
|
@ -561,15 +564,42 @@ export default { |
|
|
|
.tree-con { |
|
|
|
.tree-con { |
|
|
|
height: 400px; |
|
|
|
height: 400px; |
|
|
|
max-height: 400px; |
|
|
|
max-height: 400px; |
|
|
|
width: 300px; |
|
|
|
width: 100%; |
|
|
|
border: 1px solid #DCDFE6; |
|
|
|
border: 1px solid #DCDFE6; |
|
|
|
border-radius: 4px; |
|
|
|
border-radius: 4px; |
|
|
|
padding: 10px 10px 10px 0px; |
|
|
|
padding: 10px 10px 10px 40px; |
|
|
|
overflow: auto; |
|
|
|
overflow: auto; |
|
|
|
|
|
|
|
|
|
|
|
/deep/ .el-icon-caret-right:before { |
|
|
|
/deep/ .el-tree-node__content{ |
|
|
|
color: #9278FF; |
|
|
|
height: 30px; |
|
|
|
font-weight: bold; |
|
|
|
.el-tree-node__expand-icon{ |
|
|
|
|
|
|
|
padding: 2px; |
|
|
|
|
|
|
|
color: #fff; |
|
|
|
|
|
|
|
background-color: #9278FF; |
|
|
|
|
|
|
|
border-radius: 30px; |
|
|
|
|
|
|
|
margin: 0 10px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.el-tree-node__expand-icon.is-leaf{ |
|
|
|
|
|
|
|
background-color: transparent; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.el-icon-caret-right:before{ |
|
|
|
|
|
|
|
font-size: 14px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.el-checkbox__inner{ |
|
|
|
|
|
|
|
width: 18px; |
|
|
|
|
|
|
|
height: 18px; |
|
|
|
|
|
|
|
border: 1px solid #9278FF; |
|
|
|
|
|
|
|
border-radius: 20px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.el-checkbox__inner::after{ |
|
|
|
|
|
|
|
position: absolute; |
|
|
|
|
|
|
|
top: 3px; |
|
|
|
|
|
|
|
left: 6px; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before{ |
|
|
|
|
|
|
|
position: absolute; |
|
|
|
|
|
|
|
top: 7px; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|