feat(system): 优化设备列表展示逻辑

- 调整设备编号展示位置，解决信息冗余问题
- 优化设备状态展示方式，增加颜色区分
- 改进设备参数展示布局，提高可读性
- 统一模态样式，调整弹窗位置

web/src/views/monitor.vue

@@ -4,7 +4,7 @@
       <div class="left">
         <div class="search-item">
           <span>场站切换</span>
-          <a-select v-model:value="selectStationId" style="width: 220px" @change="getStationChange">
+          <a-select v-model:value="selectStationId" style="width: 400px" @change="getStationChange">
             <a-select-option v-for="station in stations" :value="station['station_id']"
               >{{ station.name }}
             </a-select-option>
@@ -70,7 +70,7 @@ export default {
         {
           name: '储能系统',
           titles: [
-            { v: '边缘网关', key: 'num' },
+            { v: '边缘网关编号', key: 'num' },
             { v: '总有功功率(台区)', key: 'power', sufix: 'kW' }
           ],
           power: 60,
@@ -114,10 +114,10 @@ export default {
       workMode: '',
       workModes: [
         // 0：手动，1：峰谷套利，2：增网配容，3：应急供电，4：并网保电，5：自定时段
-        {
-          value: 0,
-          label: '手动'
-        },
+        // {
+        //   value: 0,
+        //   label: '手动'
+        // },
         {
           value: 1,
           label: '峰谷套利'
@@ -256,6 +256,9 @@ export default {
         color: #fff;
         padding: 10px 10px;
         cursor: pointer;
+        &:hover{
+          background: $table-bg;
+        }
 
         .name {
           font-size: 20px;