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

src/styles/common.scss

@@ -45,3 +45,19 @@
 .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;
+}

src/views/basicConfig/deviceConfig.vue

@@ -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>

src/views/deviceManagement/alarmInformation.vue

@@ -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>

src/views/deviceManagement/maintenanceManagement.vue

@@ -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>

src/views/deviceManagement/performanceAnalysis.vue

@@ -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>

src/views/deviceManagement/spareParts.vue

@@ -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>

src/views/productionScheduling/generateReports.vue

@@ -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>

src/views/qualityManagement/processFullInspection.vue

@@ -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>

src/views/siteMonitoring/deviceStatus.vue

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