| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 | 
							- $color: #c0c4cc;
 
- $bgColor: #232526;
 
- $hover-color: #304156;
 
- .force_box {
 
-  display: flex;
 
-  overflow-y: auto;
 
-  height: 100%;
 
-  .station_tree {
 
-   min-width: 200px;
 
-   width: 220;
 
-   max-width: 450px;
 
-   overflow-y: auto;
 
-   height: calc(100vh - 70px);
 
-   border-right: 1px solid #606266;
 
-   overflow-y: auto;
 
-   @import './tree-data.scss';
 
-   // 禁用
 
-   .is_disabled {
 
-    color: #606266;
 
-    cursor: not-allowed;
 
-   }
 
-  }
 
-  .charts {
 
-   flex: 1;
 
-   width: 100%;
 
-   box-sizing: border-box;
 
-   overflow-y: hidden;
 
-   .show_org {
 
-    padding: 3px;
 
-    font-size: 28px;
 
-    color: #909399;
 
-    cursor: pointer;
 
-   }
 
-   .times {
 
-    display: flex;
 
-    margin-top: 5px;
 
-    padding-bottom: 5px;
 
-    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
 
-    .times_tools {
 
-     text-align: left;
 
-     .p_style {
 
-      margin: 0;
 
-      padding: 3px 5px;
 
-     }
 
-    }
 
-   }
 
-   .line_chart {
 
-    display: flex;
 
-    flex-direction: column;
 
-    height: calc(100% - 80px);
 
-    max-width: calc(100% - 15px);
 
-    box-sizing: border-box;
 
-    .charts_style {
 
-     flex: 1;
 
-     width: 100%;
 
-    }
 
-   }
 
-  }
 
- }
 
 
  |