update 调整应急大屏样式·

src/components/body-d-left/threeL.vue

@@ -13,7 +13,7 @@
             </div>
             <div class="physical-container">
                 <a-spin :spinning="spinning" class="spin"></a-spin>
-                <div class="RadarCharts"></div>
+                <div class="RadarCharts" ref="radarChartsRef"></div>
             </div>
         </div>
     </div>
@@ -78,8 +78,10 @@
         everyEmpty && initChart();
     }
 
+    const radarChartsRef = ref<HTMLElement>();
+
     function initChart() {
-        const myChart = echarts.init(document.querySelector('.RadarCharts'));
+        const myChart = echarts.init(radarChartsRef.value);
         let countList = radarList?.value.map((item) => item?.userCount);
         if (countList.length < 1) return;
         let max = Math.max(...countList);
@@ -105,7 +107,6 @@
         .physical-container {
             width: 96%;
             height: calc(100% - 35px);
-            //padding-top: 6%;
             display: flex;
             flex-wrap: wrap;
             align-content: space-around;