tree样式和多tab页面跳转问题

This commit is contained in:
朱菊兰 2023-02-07 15:29:23 +08:00
parent af0c631800
commit a85c385180
9 changed files with 72 additions and 9 deletions

View File

@ -44,4 +44,20 @@
// 表格红色报警 // 表格红色报警
.el-table .danger-row { .el-table .danger-row {
background: #FEE1E1; 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;
}

View File

@ -320,12 +320,17 @@ export default {
padding: 0px 6px 0 16px; padding: 0px 6px 0 16px;
.left-box, .left-box,
.right-box { .right-box {
padding: 16px 10px 0;
border-radius: 8px; border-radius: 8px;
background-color: #fff; background-color: #fff;
overflow-y: auto; overflow-y: auto;
height: calc(100vh - 147px); height: calc(100vh - 147px);
margin-top: 8px; margin-top: 8px;
} }
.left-box {
padding: 16px 0 0;
}
.right-box {
padding: 16px 10px 0;
}
} }
</style> </style>

View File

@ -22,12 +22,19 @@ export default {
} }
}, },
mounted() { mounted() {
this.activeName = this.$router.history.current.name this.activeName = this.$route.name
}, },
methods: { methods: {
handleSelect(name) { handleSelect(name) {
this.$router.push({ name: name }) this.$router.push({ name: name })
} }
},
watch: {
$route: {
handler: function (val) {
this.activeName = val.name
}
}
} }
} }
</script> </script>

View File

@ -22,12 +22,19 @@ export default {
} }
}, },
mounted() { mounted() {
this.activeName = this.$router.history.current.name this.activeName = this.$route.name
}, },
methods: { methods: {
handleSelect(name) { handleSelect(name) {
this.$router.push({ name: name }) this.$router.push({ name: name })
} }
},
watch: {
$route: {
handler: function (val) {
this.activeName = val.name
}
}
} }
} }
</script> </script>

View File

@ -24,12 +24,19 @@ export default {
} }
}, },
mounted() { mounted() {
this.activeName = this.$router.history.current.name this.activeName = this.$route.name
}, },
methods: { methods: {
handleSelect(name) { handleSelect(name) {
this.$router.push({ name: name }) this.$router.push({ name: name })
} }
},
watch: {
$route: {
handler: function (val) {
this.activeName = val.name
}
}
} }
} }
</script> </script>

View File

@ -22,12 +22,19 @@ export default {
} }
}, },
mounted() { mounted() {
this.activeName = this.$router.history.current.name this.activeName = this.$route.name
}, },
methods: { methods: {
handleSelect(name) { handleSelect(name) {
this.$router.push({ name: name }) this.$router.push({ name: name })
} }
},
watch: {
$route: {
handler: function (val) {
this.activeName = val.name
}
}
} }
} }
</script> </script>

View File

@ -23,12 +23,19 @@ export default {
} }
}, },
mounted() { mounted() {
this.activeName = this.$router.history.current.name this.activeName = this.$route.name
}, },
methods: { methods: {
handleSelect(name) { handleSelect(name) {
this.$router.push({ name: name }) this.$router.push({ name: name })
} }
},
watch: {
$route: {
handler: function (val) {
this.activeName = val.name
}
}
} }
} }
</script> </script>

View File

@ -24,12 +24,19 @@ export default {
} }
}, },
mounted() { mounted() {
this.activeName = this.$router.history.current.name this.activeName = this.$route.name
}, },
methods: { methods: {
handleSelect(name) { handleSelect(name) {
this.$router.push({ name: name }) this.$router.push({ name: name })
} }
},
watch: {
$route: {
handler: function (val) {
this.activeName = val.name
}
}
} }
} }
</script> </script>

View File

@ -101,7 +101,7 @@ export default {
height: calc(100vh - 148px); height: calc(100vh - 148px);
} }
.left-box { .left-box {
padding: 16px 10px 0; padding: 16px 0 0;
overflow: auto; overflow: auto;
} }
.right-box { .right-box {