update

src/assets/scss/_base.scss

@@ -446,3 +446,26 @@ img {
 .el-radio-button__inner{
   border: 0 !important;
 }
+
+.chart-container{
+  .kiln-electric-treebox{
+    width: 100%;
+    border: 1px solid #eeeeee;
+    border-radius: 0 15px 15px 0;
+    overflow: hidden;
+    position: relative;
+    right: 20px;
+    padding: 10px 0;
+    background: #fff;
+    .el-tree-node{
+      height: 56px;
+      .el-tree-node__content{
+        height: 56px;
+        line-height: 56px;
+      }
+      .el-tree-node__content:hover {
+        background: #CEE3FF;
+      }
+    }
+  }
+}

src/views/energy/ammonia-analysis.vue

@@ -699,12 +699,7 @@ export default {
   position: relative;
   width: 100%;
   min-height: calc(100vh - 138px);
-  .kiln-electric-treebox {
+  
-    width: 100%;
-    border: 1px solid #eeeeee;
-    border-radius: 5px;
-    padding: 10px;
-  }
 }
 </style>
 

src/views/energy/ammonia.vue

@@ -721,12 +721,7 @@ export default {
   position: relative;
   width: 100%;
   min-height: calc(100vh - 138px);
-  .kiln-electric-treebox {
+  
-    width: 100%;
-    border: 1px solid #eeeeee;
-    border-radius: 5px;
-    padding: 10px;
-  }
 }
 </style>
 

src/views/energy/kiln-electric.vue

@@ -786,12 +786,7 @@ export default {
   position: relative;
   width: 100%;
   min-height: calc(100vh - 138px);
-  .kiln-electric-treebox {
+  
-    width: 100%;
-    border: 1px solid #eeeeee;
-    border-radius: 5px;
-    padding: 10px;
-  }
 }
 </style>
 

src/views/energy/kiln-speed.vue

@@ -699,12 +699,7 @@ export default {
   position: relative;
   width: 100%;
   min-height: calc(100vh - 138px);
-  .kiln-electric-treebox {
+  
-    width: 100%;
-    border: 1px solid #eeeeee;
-    border-radius: 5px;
-    padding: 10px;
-  }
 }
 </style>
 

src/views/energy/nitrogen.vue

@@ -2,18 +2,18 @@
  * @Author: zwq
  * @Date: 2021-11-19 10:55:33
  * @LastEditors: gtz
- * @LastEditTime: 2021-12-16 20:13:55
+ * @LastEditTime: 2021-12-16 20:53:52
  * @Description:
 -->
 <template>
   <div class="chart-container">
     <el-row>
-      <el-col :span="4">
+      <el-col :span="2">
         <div class="kiln-electric-treebox">
           <el-tree :data="yaoluList" @node-click="handleNode" />
         </div>
       </el-col>
-      <el-col :span="20">
+      <el-col :span="22">
         <el-row>
           <el-col :span="8">
             <el-card class="base-container" style="height: 214px">
@@ -721,12 +721,6 @@ export default {
   position: relative;
   width: 100%;
   min-height: calc(100vh - 138px);
-  .kiln-electric-treebox {
-    width: 100%;
-    border: 1px solid #eeeeee;
-    border-radius: 5px;
-    padding: 10px;
-  }
 }
 </style>
 

src/views/energy/process-temperature.vue

@@ -699,12 +699,7 @@ export default {
   position: relative;
   width: 100%;
   min-height: calc(100vh - 138px);
-  .kiln-electric-treebox {
+  
-    width: 100%;
-    border: 1px solid #eeeeee;
-    border-radius: 5px;
-    padding: 10px;
-  }
 }
 </style>
 

src/views/energy/sulfur-dioxide.vue

@@ -721,12 +721,7 @@ export default {
   position: relative;
   width: 100%;
   min-height: calc(100vh - 138px);
-  .kiln-electric-treebox {
+  
-    width: 100%;
-    border: 1px solid #eeeeee;
-    border-radius: 5px;
-    padding: 10px;
-  }
 }
 </style>
 

src/views/energy/sump-temperature.vue

@@ -699,12 +699,7 @@ export default {
   position: relative;
   width: 100%;
   min-height: calc(100vh - 138px);
-  .kiln-electric-treebox {
+  
-    width: 100%;
-    border: 1px solid #eeeeee;
-    border-radius: 5px;
-    padding: 10px;
-  }
 }
 </style>