驾驶舱样式调整

src/views/screen/Dashboard.vue

@@ -62,9 +62,11 @@
               <span>二次网供压</span>
               <span>二次网回压</span>
               <div>
-                <span v-if="tableCanScroll" @click="stopScroll()">停</span>
-                <span v-else @click="startScroll()">启</span>
-<!--                <a-switch v-model:checked="checked1" checked-children="启" un-checked-children="停" />-->
+                <span v-if="tableCanScroll" @click="stopScroll()"><img src="./stop.svg"
+                    style="width: 20px;height: auto;margin-top: -5px;cursor: pointer;"></img></span>
+                <span v-else @click="startScroll()"><img src="./start.svg"
+                    style="width: 20px;height: auto;margin-top: -5px;cursor: pointer;"></img></span>
+                <!--                <a-switch v-model:checked="checked1" checked-children="启" un-checked-children="停" />-->
               </div>
               <!-- <img src="./dashboard/dp_icon4-right.png" class="left-icon" /> -->
             </div>
@@ -503,7 +505,7 @@ function updateChartCounty() {
           distance: 0,
           align: 'left',
           color: '#ffffff',
-          formatter: (params: any) => `{icon|} ${values[params.dataIndex]}`, // 数值左边加图标
+          formatter: (params: any) => `{icon|} ${values[params.dataIndex]}`+ 'kw', // 数值左边加图标
           rich: {
             icon: {
               height: 14,           // 图标高度
@@ -524,7 +526,7 @@ function updateChartCounty() {
 // area-7 的雷达图更新函数
 function updateRadarChart() {
   if (!chartRadar) return;
-  const names = countyList.value.map(i => i.raw?.view028 ?? '未知');
+  const names = countyList.value.map(i => i.raw?.view028.replace('锅炉房', '') + '\n' + i.raw?.view037 + 'm³/h');
   const values = countyList.value.map(i => (i.raw?.view037 ? Number(i.raw.view037) : 0));
   const maxVal = values.length ? Math.max(...values) * 1.15 : 100;
 
@@ -558,14 +560,23 @@ function updateRadarChart() {
       indicator: names.map(name => ({ name, max: maxVal })),
       splitNumber: 0,
       center: ['50%', '45%'],
-      radius: '57%',
+      radius: '68%',
+      nameGap:40,
       name: {
+        rich: {
+          padding: [20, 20, 20, 20]
+        },
+        offset: 15,
         textStyle: {
           color: '#f4f4f4',
           fontSize: 12,
           borderRadius: 3,
-          padding: [3, 5]
-        }
+          padding: [3, 5],
+          align: 'center',
+          verticalAlign: 'middle',
+          distance: 20
+        },
+        lineHeight: 14
       },
       splitLine: { lineStyle: { color: 'rgba(50,150,200,0.3)' } },
       splitArea: { show: true, areaStyle: { color: ['rgba(15,40,70,0.5)', 'rgba(20,50,80,0.3)'] } },
@@ -1024,11 +1035,11 @@ function closeModal() {
 async function detailFunc(record) {
   console.log(record);
   console.log(modalType);
-  if(modalType.value == 2){
+  if (modalType.value == 2) {
     modalVisible3.value = true;
     await nextTick()
     registerModal3.value.init(record)
-  }else{
+  } else {
     modalVisible2.value = true;
     await nextTick()
     registerModal.value.init(record)

src/views/screen/start.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1756894698231" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1881" xmlns:xlink="http://www.w3.org/1999/xlink" width="256" height="256"><path d="M512 1024C229.2224 1024 0 794.7776 0 512S229.2224 0 512 0s512 229.2224 512 512c0 156.16-59.136 285.3376-177.3568 387.5328a51.2 51.2 0 0 1-66.9184-77.5168C874.2912 740.2496 921.6 636.928 921.6 512a409.6 409.6 0 1 0-409.6 409.6 51.2 51.2 0 1 1 0 102.4z m169.6768-455.168L438.784 737.1776A51.2 51.2 0 0 1 358.4 695.04V358.5024a51.2 51.2 0 0 1 80.384-42.0864l242.8928 168.2944a51.2 51.2 0 0 1 0 84.1216z" fill="#76EAF4" p-id="1882"></path></svg>

src/views/screen/stop.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1756894628713" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="36269" xmlns:xlink="http://www.w3.org/1999/xlink" width="256" height="256"><path d="M0 512c0 282.7776 229.2224 512 512 512a51.2 51.2 0 1 0 0-102.4 409.6 409.6 0 1 1 409.6-409.6c0 124.928-47.3088 228.2496-141.8752 310.016a51.2 51.2 0 1 0 66.9184 77.5168C964.9152 797.3376 1024 668.16 1024 512c0-282.7776-229.2224-512-512-512S0 229.2224 0 512z m409.6-204.8a51.2 51.2 0 0 0-51.2 51.2v307.2a51.2 51.2 0 1 0 102.4 0V358.4a51.2 51.2 0 0 0-51.2-51.2z m153.6 51.2a51.2 51.2 0 1 1 102.4 0v307.2a51.2 51.2 0 1 1-102.4 0V358.4z" fill="#F1D165" p-id="36270"></path></svg>