fix: 修复echarts图表尺寸异常的问题

src/assets/css/chart.scss

@@ -19,6 +19,12 @@
     font-weight:900;
   }
 }
+.cn-chart__single-value {
+  .chart__loading {
+    top: 0;
+    height: 100%;
+  }
+}
 .chart__loading {
   position: absolute;
   height: calc(100% - 50px);
@@ -28,9 +34,8 @@
 
   i {
     position: absolute;
-    left: 50%;
-    top: 50%;
-    transform: translate(-50%, -50%);
+    left: calc(50% - 15px);
+    top: calc(50% - 15px);
     font-size: 30px;
     color: #aaa;
   }

src/components/charts/ChartMap.vue

@@ -12,7 +12,7 @@
     <div class="cn-chart__body">
       <slot></slot>
     </div>
-    <div class="cn-chart__body chart__loading" v-show="loading">
+    <div class="chart__loading" v-show="loading">
       <i class="el-icon-loading"></i>
     </div>
     <div class="cn-chart__footer">

src/components/charts/ChartSingleValue.vue

@@ -4,7 +4,7 @@
     <div class="single-value-icon__box" >
       <div class="single-value__icon"><i :class="icon"></i></div>
     </div>
-    <div class="single-value__content chart__loading" style="height: 100%; width: 100%;" v-show="loading">
+    <div class="chart__loading" v-show="loading">
       <i class="el-icon-loading"></i>
     </div>
     <div class="single-value__content" v-if="type === 51">

src/components/charts/ChartTable.vue

@@ -9,7 +9,7 @@
         <slot name="operations"></slot>
       </div>
     </div>
-    <div class="cn-chart__body chart__loading" v-show="loading">
+    <div class="chart__loading" v-show="loading">
       <i class="el-icon-loading"></i>
     </div>
     <div class="cn-chart__body" v-no-data="noData">

src/components/charts/EchartsFrame.vue

@@ -12,7 +12,7 @@
     <div class="cn-chart__body" :class="{'pie-with-table': isPieWithTable}" v-no-data="noData">
       <slot></slot>
     </div>
-    <div class="cn-chart__body chart__loading" v-show="loading">
+    <div class="chart__loading" v-show="loading">
       <i class="el-icon-loading"></i>
     </div>
     <div class="cn-chart__footer" v-if="layout.indexOf(layoutConstant.FOOTER) > -1 && !noData" :class="{'pie-with-table': isPieWithTable}">