tree样式和多tab页面跳转问题
This commit is contained in:
parent
af0c631800
commit
a85c385180
@ -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;
|
||||||
|
}
|
||||||
|
@ -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>
|
||||||
|
@ -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>
|
||||||
|
@ -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>
|
||||||
|
@ -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>
|
||||||
|
@ -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>
|
||||||
|
@ -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>
|
||||||
|
@ -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>
|
||||||
|
@ -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 {
|
||||||
|
Loading…
Reference in New Issue
Block a user