From 9454b73cbc56765e809b49c7d413f9e543f69893 Mon Sep 17 00:00:00 2001
From: zhoumengru <zhoumengruu@icloud.com>
Date: Fri, 26 Sep 2025 11:31:32 +0800
Subject: [PATCH] =?UTF-8?q?```=20fix(monitor):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E8=AE=BE=E5=A4=87=E5=90=8D=E7=A7=B0=E6=98=BE=E7=A4=BA=E5=BC=82?=
 =?UTF-8?q?=E5=B8=B8=E9=97=AE=E9=A2=98=20=E5=9C=A8=20monitor.vue=20?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E4=B8=AD=E6=96=B0=E5=A2=9E=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E7=94=A8=E4=BA=8E=E6=9F=A5=E7=9C=8B=E9=A2=84=E5=88=B6=E8=88=B1?=
 =?UTF-8?q?=E5=8F=82=E6=95=B0=EF=BC=8C=E5=B9=B6=E5=BC=95=E5=85=A5=E6=A8=A1?=
 =?UTF-8?q?=E6=80=81=E6=A1=86=E5=B1=95=E7=A4=BA=E7=9B=B8=E5=85=B3=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF=E3=80=82=20=E8=B0=83=E6=95=B4=20EditCom.vue=20?=
 =?UTF-8?q?=E4=B8=AD=E5=AF=B9=20workModeIdSelect=20=E7=9A=84=E7=9B=91?=
 =?UTF-8?q?=E5=90=AC=E9=80=BB=E8=BE=91=EF=BC=8C=E5=8E=BB=E9=99=A4=E5=86=97?=
 =?UTF-8?q?=E4=BD=99=E5=88=A4=E6=96=AD=E6=9D=A1=E4=BB=B6=E5=B9=B6=E8=A1=A5?=
 =?UTF-8?q?=E5=85=A8=20switch=20=E8=AF=AD=E5=8F=A5=E7=BB=93=E6=9E=84?=
 =?UTF-8?q?=E3=80=82=20```?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/EditCom.vue        |  3 ++-
 web/src/components/monitor/device.vue |  4 ++--
 web/src/components/monitor/videos.vue |  2 +-
 web/src/views/monitor.vue             | 20 +++++++++++++++++++-
 4 files changed, 24 insertions(+), 5 deletions(-)

diff --git a/web/src/components/EditCom.vue b/web/src/components/EditCom.vue
index 470eddd..522ffa4 100644
--- a/web/src/components/EditCom.vue
+++ b/web/src/components/EditCom.vue
@@ -177,10 +177,11 @@ export default {
   watch: {
     workModeIdSelect: {
       async handler(n, o) {
-        if (o && n !== o) {
+        if ( n !== o) {
           this.detailInfos[0].ruleForm.policy_id = ''
         }
         switch (n) {
+         
         case '1':
           this.detailInfos[0].list[this.detailInfos[0].list.length - 1].type = 'select'
           this.detailInfos[0].list[this.detailInfos[0].list.length - 1].list =
diff --git a/web/src/components/monitor/device.vue b/web/src/components/monitor/device.vue
index 21aee1b..356d90b 100644
--- a/web/src/components/monitor/device.vue
+++ b/web/src/components/monitor/device.vue
@@ -8,7 +8,7 @@
           </div>
           <div class="title">
             <span class="number">{{ item.device_id }}</span>
-            <span class="name" :title="name">{{ item.name }}</span>
+            <span class="name" :title="item.name">{{ item.name }}</span>
             <span class="number type">{{ item.typename }}</span>
           </div>
         </div>
@@ -137,7 +137,7 @@ import predictEcharts from '@/components/predict/predictEcharts.vue'
 import { postReq, getReq } from '@/request/api'
 import { deviceTypeList } from '@/utils/config'
 export default {
-  name: '',
+  name: 'DevicePage',
   components: { predictEcharts },
   props: {
     stationId: {
diff --git a/web/src/components/monitor/videos.vue b/web/src/components/monitor/videos.vue
index 8749976..2e9b8db 100644
--- a/web/src/components/monitor/videos.vue
+++ b/web/src/components/monitor/videos.vue
@@ -35,7 +35,7 @@
 import { postReq, getReq } from '@/request/api'
 import haikang from './haikang.vue'
 export default {
-  name: '',
+  name: 'VideosPage',
   components: { haikang },
   props: {
     stationId: {
diff --git a/web/src/views/monitor.vue b/web/src/views/monitor.vue
index 84ea3bd..072a4ae 100644
--- a/web/src/views/monitor.vue
+++ b/web/src/views/monitor.vue
@@ -9,6 +9,7 @@
               >{{ station.name }}
             </a-select-option>
           </a-select>
+          <a-button type="primary" @click="handleMessage" style="margin-left: 20px">查看预制舱参数</a-button>
         </div>
       </div>
       <div class="right">
@@ -45,6 +46,15 @@
         <device v-else :station-id="selectStationId" :system-type="systemType" />
       </div>
     </div>
+    <a-modal
+      v-model:open="msgModal"
+      width="700px"
+      style="top: 80px"
+      :footer="null"
+      :destroy-on-close="true"
+    >
+   <div style="color: #fff;padding: 20px" v-html="message"></div>
+    </a-modal>
   </div>
 </template>
 
@@ -66,6 +76,8 @@ export default {
       value: [],
       stations: [],
       selectStationId: '',
+      message:'',
+      msgModal:false,
       systems: [
         {
           name: '储能系统',
@@ -103,7 +115,7 @@ export default {
           num: 62,
           systemType: 4,
           titles: [
-            { v: '总功率', key: 'power', sufix: 'kW' },
+            // { v: '总功率', key: 'power', sufix: 'kW' },
             { v: '数量', key: 'num' }
           ]
         }
@@ -146,6 +158,9 @@ export default {
     this.getStations()
   },
   methods: {
+    handleMessage(){
+      this.msgModal=true
+    },
     //下发
     async handleDispatch() {
       console.log(this.workMode)
@@ -188,6 +203,9 @@ export default {
         res.data.device_group.forEach((Element, index) => {
           this.systems[index].num = Element.count
           this.systems[index].power = Element.power
+          if(Element.category==1){
+            this.message=Element.msg
+          }
         })
         this.workMode = res.data.work_mode
       } catch (error) {