tree样式和多tab页面跳转问题
This commit is contained in:
parent
af0c631800
commit
a85c385180
@ -44,4 +44,20 @@
|
||||
// 表格红色报警
|
||||
.el-table .danger-row {
|
||||
background: #FEE1E1;
|
||||
}
|
||||
}
|
||||
|
||||
// tree-highlight
|
||||
.el-tree {
|
||||
color: #161616;
|
||||
}
|
||||
.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
|
||||
background-color: #E3EFFF;
|
||||
}
|
||||
.el-tree-node__content {
|
||||
height: 40px;
|
||||
}
|
||||
.el-tree-node__label {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
@ -320,12 +320,17 @@ export default {
|
||||
padding: 0px 6px 0 16px;
|
||||
.left-box,
|
||||
.right-box {
|
||||
padding: 16px 10px 0;
|
||||
border-radius: 8px;
|
||||
background-color: #fff;
|
||||
overflow-y: auto;
|
||||
height: calc(100vh - 147px);
|
||||
margin-top: 8px;
|
||||
}
|
||||
.left-box {
|
||||
padding: 16px 0 0;
|
||||
}
|
||||
.right-box {
|
||||
padding: 16px 10px 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
@ -22,12 +22,19 @@ export default {
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.activeName = this.$router.history.current.name
|
||||
this.activeName = this.$route.name
|
||||
},
|
||||
methods: {
|
||||
handleSelect(name) {
|
||||
this.$router.push({ name: name })
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
$route: {
|
||||
handler: function (val) {
|
||||
this.activeName = val.name
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
@ -22,12 +22,19 @@ export default {
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.activeName = this.$router.history.current.name
|
||||
this.activeName = this.$route.name
|
||||
},
|
||||
methods: {
|
||||
handleSelect(name) {
|
||||
this.$router.push({ name: name })
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
$route: {
|
||||
handler: function (val) {
|
||||
this.activeName = val.name
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
@ -24,12 +24,19 @@ export default {
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.activeName = this.$router.history.current.name
|
||||
this.activeName = this.$route.name
|
||||
},
|
||||
methods: {
|
||||
handleSelect(name) {
|
||||
this.$router.push({ name: name })
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
$route: {
|
||||
handler: function (val) {
|
||||
this.activeName = val.name
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
@ -22,12 +22,19 @@ export default {
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.activeName = this.$router.history.current.name
|
||||
this.activeName = this.$route.name
|
||||
},
|
||||
methods: {
|
||||
handleSelect(name) {
|
||||
this.$router.push({ name: name })
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
$route: {
|
||||
handler: function (val) {
|
||||
this.activeName = val.name
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
@ -23,12 +23,19 @@ export default {
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.activeName = this.$router.history.current.name
|
||||
this.activeName = this.$route.name
|
||||
},
|
||||
methods: {
|
||||
handleSelect(name) {
|
||||
this.$router.push({ name: name })
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
$route: {
|
||||
handler: function (val) {
|
||||
this.activeName = val.name
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
@ -24,12 +24,19 @@ export default {
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.activeName = this.$router.history.current.name
|
||||
this.activeName = this.$route.name
|
||||
},
|
||||
methods: {
|
||||
handleSelect(name) {
|
||||
this.$router.push({ name: name })
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
$route: {
|
||||
handler: function (val) {
|
||||
this.activeName = val.name
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
@ -101,7 +101,7 @@ export default {
|
||||
height: calc(100vh - 148px);
|
||||
}
|
||||
.left-box {
|
||||
padding: 16px 10px 0;
|
||||
padding: 16px 0 0;
|
||||
overflow: auto;
|
||||
}
|
||||
.right-box {
|
||||
|
Loading…
Reference in New Issue
Block a user