feat: panel布局、单值图、line图等

src/components/layout/Container.vue

@@ -1,6 +1,9 @@
 <template>
   <div class="cn-container">
     <router-view :key="routerKey"/>
+    <!-- 临时文本dom，用来计算文本长度 -->
+    <span class="temp-dom temp-dom--12"></span>
+    <span class="temp-dom temp-dom--14"></span>
   </div>
 </template>
 
@@ -22,10 +25,22 @@ export default {
 <style lang="scss">
 .cn-container {
   height: calc(100% - 50px);
-  background-color: #f6f6f6;
+  background-color: $--content-right-background-color;
   width: 100%;
   &>div {
     height: 100%;
   }
+
+  .temp-dom {
+    visibility: hidden;
+    font-size: 14px;
+    position: fixed;
+  }
+  .temp-dom--12 {
+    font-size: 12px;
+  }
+  .temp-dom--14 {
+    font-size: 14px;
+  }
 }
 </style>

src/components/layout/Home.vue

@@ -1,10 +1,10 @@
 <template>
   <div class="cn-home">
     <left-menu @refresh="refresh"></left-menu>
-    <div ref="body" class="cn-body">
+    <main ref="body" class="cn-body">
       <cn-header></cn-header>
       <cn-container v-if="containerShow" ref="container"></cn-container>
-    </div>
+    </main>
   </div>
 </template>
 

src/components/layout/LeftMenu.vue

@@ -205,12 +205,10 @@ export default {
       padding: 13px 0 0 18px !important;
       height: 50px;
       border-right: 1px solid #202F3F;
-      box-sizing: border-box;
       background-color: #182534 !important;
 
       .logo {
         display: flex;
-        box-sizing: border-box;
 
         img {
           box-shadow: 0 0 2px 0 rgba(0,0,0,0.50);