[Style 0000] 182可配置首页样式优化

src/views/vent/home/configurable/components/MonitorBar.vue

@@ -163,4 +163,8 @@
     font-family: 'Microsoft YaHei', Arial;
     // font-family: 'UnidreamLED';
   }
+  .midback-info {
+    background-image: url('/@/assets/images/home-container/configurable/middata_bg.png');
+    background-size: 100% 100%;
+  }
 </style>

src/views/vent/home/configurable/components/detail/CustomChart.vue

@@ -81,6 +81,7 @@
         // show: get(baseSeries, '[0].data.length', 1) > e.maxAxisLength,
         xAxisIndex: i,
         end: e.end,
+        height: 20,
       };
     });
 
@@ -386,7 +387,12 @@
               show: true,
               position: 'outside',
               color: '#ddd',
-              formatter: get(legend, 'formatter', '{b}\n{c}pa'),
+              formatter: get(legend, 'formatter', '{b}\n{c}'),
+              rich: {
+                primarytext: {
+                  color: '#00c8d9',
+                },
+              },
             },
             labelLine: {
               length: 30,
@@ -503,7 +509,7 @@
         textStyle,
         grid: {
           top: 50,
-          bottom: dataZoom.length ? 70 : 30,
+          bottom: dataZoom.length ? 80 : 30,
           left: 50, // 缩小左侧边距，增加图表宽度
           right: 50, // 缩小右侧边距
         },

src/views/vent/home/configurable/configurable.api.ts

@@ -83,9 +83,9 @@ export const list = (params) => {
         // const m3_merge = parseInt(retM3_merge.value);
 
         e.piechart = [
-          { val: drag_1, valMock: floor((drag_1 / drag_total) * drag_merge), label: '进风区(Pa)' },
-          { val: drag_2, valMock: floor((drag_2 / drag_total) * drag_merge), label: '用风区(Pa)' },
-          { val: drag_3, valMock: floor((drag_3 / drag_total) * drag_merge), label: '回风区(Pa)' },
+          { val: drag_1, valMock: floor((drag_1 / drag_total) * drag_merge), label: '进风区' },
+          { val: drag_2, valMock: floor((drag_2 / drag_total) * drag_merge), label: '用风区' },
+          { val: drag_3, valMock: floor((drag_3 / drag_total) * drag_merge), label: '回风区' },
         ];
         e.readData.dengjikong_merge = get(res, 'midinfo[0].sysinfo.equalarea');
         e.readData.fy_merge_int = drag_merge;

src/views/vent/home/configurable/configurable.data.ts

@@ -6459,7 +6459,7 @@ export const testConfigVent182: Config[] = [
         {
           type: 'pie_halo',
           readFrom: '',
-          legend: { show: false, formatter: '{b}:{c}\n{d}%' },
+          legend: { show: false, formatter: '{b}\n{primarytext|{c}(Pa)\n{d}%}' },
           xAxis: [{ show: false }],
           yAxis: [{ show: false, name: '风量', position: 'left' }],
           series: [{ readFrom: 'piechart', xprop: 'label', yprop: 'valMock', label: '' }],

src/views/vent/home/configurable/vent182.vue

@@ -224,7 +224,7 @@
       color: @vent-font-color;
       position: absolute;
       top: 60px;
-      right: 480px;
+      right: 430px;
     }
     .module-dropdown-original {
       padding: 10px;
@@ -264,10 +264,10 @@
 
     .module-monitor-bar {
       position: absolute;
-      top: 100px;
-      width: 1000px;
-      height: 200px;
-      left: calc(50% - 500px);
+      top: 90px;
+      width: 1080px;
+      height: 74px;
+      left: calc(50% - 540px);
     }
   }
   :deep(.loading-box) {