From b317a03f354125588c07b7d18168fd0ab16ca980 Mon Sep 17 00:00:00 2001
From: lixiaoyuan <lixynono@hotmail.com>
Date: Sat, 11 Oct 2025 19:36:42 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=9B=BE=E6=A0=87=E7=9A=84y?=
 =?UTF-8?q?=E5=9D=90=E6=A0=87=E8=BD=B4=E6=A0=87=E7=AD=BE=EF=BC=8C=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9=E8=BF=90=E8=A1=8C=E7=9B=91=E6=8E=A7=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E7=9A=84=E8=AE=BE=E7=BD=AE=E4=B8=8B=E5=8F=91=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E5=92=8C=E6=93=8D=E4=BD=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/public/config/columnList.js       |  13 ++-
 web/src/components/Home/Alarm.vue     |   2 +
 web/src/components/Home/Energy.vue    |   2 +
 web/src/components/Home/Pv.vue        |   2 +
 web/src/views/monitor.vue             | 118 +++++++++++++++++++-------
 web/src/views/predict.vue             |  19 ++++-
 web/src/views/statisticalAnalysis.vue |  10 +++
 7 files changed, 129 insertions(+), 37 deletions(-)

diff --git a/web/public/config/columnList.js b/web/public/config/columnList.js
index fac1d4a..63af75d 100644
--- a/web/public/config/columnList.js
+++ b/web/public/config/columnList.js
@@ -250,14 +250,10 @@ export const columnList = [
         ellipsis: true,
         fixed: 'left'
       },
-      {
-        title: '设备编号',
-        dataIndex: 'code'
-      },
       {
         title: '所属场站',
-        dataIndex: 'station_id',
-        key: 'station_id'
+        dataIndex: 'station_name',
+        key: 'station_name'
         // filterable: true
       },
       {
@@ -271,7 +267,10 @@ export const columnList = [
         title: '设备名称',
         dataIndex: 'name'
       },
-
+      {
+        title: '设备编号',
+        dataIndex: 'code'
+      },
       {
         title: '厂家信息',
         dataIndex: 'factory'
diff --git a/web/src/components/Home/Alarm.vue b/web/src/components/Home/Alarm.vue
index 6b8da47..5f16390 100644
--- a/web/src/components/Home/Alarm.vue
+++ b/web/src/components/Home/Alarm.vue
@@ -170,6 +170,8 @@ export default {
           }
         },
         yAxis: {
+          name: '次数',
+          nameTextStyle: { color: '#fff' },
           type: 'value',
           splitLine: {
             lineStyle: { type: 'dashed', color: '#435463' }
diff --git a/web/src/components/Home/Energy.vue b/web/src/components/Home/Energy.vue
index 3eb861d..366ce2a 100644
--- a/web/src/components/Home/Energy.vue
+++ b/web/src/components/Home/Energy.vue
@@ -161,6 +161,8 @@ export default {
           }
         },
         yAxis: {
+          name: '电量(kW·h)',
+          nameTextStyle: { color: '#fff' },
           type: 'value',
           splitLine: {
             lineStyle: { type: 'dashed', color: '#435463' }
diff --git a/web/src/components/Home/Pv.vue b/web/src/components/Home/Pv.vue
index c698aca..22fce7e 100644
--- a/web/src/components/Home/Pv.vue
+++ b/web/src/components/Home/Pv.vue
@@ -161,6 +161,8 @@ export default {
           }
         },
         yAxis: {
+          name: '电量(kW·h)',
+          nameTextStyle: { color: '#fff' },
           type: 'value',
           splitLine: {
             lineStyle: { type: 'dashed', color: '#435463' }
diff --git a/web/src/views/monitor.vue b/web/src/views/monitor.vue
index f28bd98..cd27a81 100644
--- a/web/src/views/monitor.vue
+++ b/web/src/views/monitor.vue
@@ -9,12 +9,12 @@
               >{{ station.name }}
             </a-select-option>
           </a-select>
-          <a-button type="primary" @click="handleMessage" style="margin-left: 20px"
-            >查看预制舱参数</a-button
-          >
+          <a-button type="primary" @click="handleMessage" style="margin-left: 20px">查看预制舱参数</a-button>
+          <a-button type="primary" @click="openDispatchModeModal" style="margin-left: 20px">模式设置</a-button>
+           <a-button type="primary" @click="openDispatchParamModal" style="margin-left: 20px">参数设置</a-button>
         </div>
       </div>
-      <div class="right">
+      <!-- <div class="right">
         <div class="search-item">
           <span>运行模式</span>
           <a-select v-model:value="workMode" style="width: 220px">
@@ -24,9 +24,12 @@
           </a-select>
         </div>
         <div class="search-item">
-          <a-button type="primary" @click="openDispatchModal">下发</a-button>
+          <a-button type="primary" @click="openDispatchModeModal">模式设置</a-button>
         </div>
-      </div>
+        <div class="search-item">
+          <a-button type="primary" @click="openDispatchParamModal">参数设置</a-button>
+        </div>
+      </div> -->
     </div>
     <div class="content">
       <div class="stations">
@@ -66,6 +69,24 @@
     >
       <div style="color: #fff; padding: 20px" v-html="message"></div>
     </a-modal>
+    <a-modal
+      v-model:open="dispatchModeModal"
+      width="900px"
+      style="top: 80px"
+      :footer="null"
+      :destroy-on-close="true"
+    >
+      <DetailInfo
+        :items="detailInfoMode"
+        :rule-form="ruleForm"
+        ref="detailInfo"
+      >
+      </DetailInfo>
+      <div style="display: flex; justify-content: center; gap: 20px">
+        <a-button @click="handlebackMode">取消</a-button>
+        <a-button @click="handleConfirmMode" type="primary" >确认下发</a-button>
+      </div>
+    </a-modal>
     <a-modal
       v-model:open="dispatchModal"
       width="900px"
@@ -103,6 +124,7 @@ export default {
     return {
       // currentKey: '储能系统',
       dispatchModal: false,
+      dispatchModeModal: false,
       systemType: 1,
       value: [],
       stations: [],
@@ -185,6 +207,30 @@ export default {
         }
       ],
       deviceGroup: [],
+      detailInfoMode: {
+        title: '预制舱模式设置',
+        icon: 'icon-xinxi',
+        list: [
+          {
+            label: '预制舱运行模式',
+            value: '0',
+            key: 'work_mode',
+            type: 'select',
+            // addonAfter: '%',
+            // inputType:'number'
+            list: [ 
+              { value: '0', label: '手动' },
+              { value: '1', label: '峰谷套利' },
+              { value: '2', label: '增网配容' },
+              { value: '3', label: '应急供电' },
+              { value: '4', label: '并网保电' },
+              { value: '5', label: '自定时段' }
+            ],
+            options: { label: 'label', value: 'value' }
+          }
+        ],
+        ruleForm: {}
+      },
       detailInfo: {
         title: '预制舱参数设置',
         icon: 'icon-xinxi',
@@ -271,7 +317,7 @@ export default {
             required: true,
             message: '请输入储能充电上限值'
           },
-          { pattern: /^(100|[1-9][0-9]?)$/, message: '请输入1-100的整数', trigger: 'blur' }
+          { pattern: /^(100|[1-9][0-9]?)$/, message: '请输入1-100的整数' }
         ],
         capacity: [
           {
@@ -279,11 +325,7 @@ export default {
             required: true,
             message: '请输入台区变压器容量'
           },
-          {
-            pattern: /^(1600|1[6-9][0-9]|[2-9][0-9]{2}|1[0-5][0-9]{2})$/,
-            message: '请输入160-1600的整数',
-            trigger: 'blur'
-          }
+          { pattern: /^(1600|1[6-9][0-9]|[2-9][0-9]{2}|1[0-5][0-9]{2})$/, message: '请输入160-1600的整数' }
         ],
         power_safe: [
           {
@@ -292,9 +334,7 @@ export default {
             message: '请输入安全输入功率'
           },
           {
-            pattern: /^(400|[1-3][0-9]{2}|[1-9][0-9]?)$/,
-            message: '请输入0-400的整数',
-            trigger: 'blur'
+            pattern: /^(400|[1-3][0-9]{2}|[1-9][0-9]|[0-9])$/, message: '请输入0-400的整数',
           }
         ],
         power_discharge: [
@@ -303,7 +343,7 @@ export default {
             required: true,
             message: '请输入储能最大放电功率'
           },
-          { pattern: /^(150|[1-1][0-9]?|[1-9])$/, message: '请输入0-150的整数', trigger: 'blur' }
+          { pattern: /^(150|1[0-4][0-9]|[1-9][0-9]|[0-9])$/, message: '请输入0-150的整数' }
         ],
         power_charge: [
           {
@@ -311,7 +351,7 @@ export default {
             required: true,
             message: '请输入储能最大充电功率'
           },
-          { pattern: /^(150|[1-1][0-9]?|[1-9])$/, message: '请输入0-150的整数', trigger: 'blur' }
+          { pattern: /^(150|1[0-4][0-9]|[1-9][0-9]|[0-9])$/, message: '请输入0-150的整数' }
         ],
         backflow: [
           {
@@ -320,10 +360,7 @@ export default {
             message: '请输入防逆流回差'
           },
           {
-            pattern: /^(300|[1-2][0-9]{2}|[1-9][0-9])$/,
-            message: '请输入10-300的整数',
-            trigger: 'blur'
-          }
+            pattern: /^(300|[1-2][0-9]{2}|[1-9][0-9])$/, message: '请输入10-300的整数' }
         ],
         overload: [
           {
@@ -331,11 +368,7 @@ export default {
             required: true,
             message: '请输入防过载回差'
           },
-          {
-            pattern: /^(300|[1-2][0-9]{2}|[1-9][0-9])$/,
-            message: '请输入10-300的整数',
-            trigger: 'blur'
-          }
+          { pattern: /^(300|[1-2][0-9]{2}|[1-9][0-9])$/, message: '请输入10-300的整数' }
         ]
       },
       ruleForm:{},
@@ -346,13 +379,38 @@ export default {
     this.getStations()
   },
   methods: {
+    handlebackMode() {
+      this.dispatchModeModal = false
+    },
+    async handleConfirmMode() {
+      const res = await this.$refs.detailInfo.confirm()
+      if (!res) return
+      if (this.ruleForm.work_mode) {
+        this.handleSubmitMode()
+      }
+    },
+    async handleSubmitMode() {
+      try {
+        const res = await postReq('/updateStation', {
+          station_id: this.selectStationId,
+          work_mode: this.ruleForm.work_mode,
+          ...this.ruleForm
+        })
+        if (res.errcode == 0) {
+          this.$message.success('下发成功')
+          this.dispatchModeModal=false
+        }
+      } catch (error) {
+        this.$message.error('下发失败')
+        this.dispatchModeModal=false
+      }
+    },
     handleback() {
       this.dispatchModal = false
     },
     async handleConfirm() {
       const res = await this.$refs.detailInfo.confirm()
       if (!res) return
-
       this.handleSubmit()
     },
     async handleSubmit() {
@@ -384,7 +442,10 @@ export default {
     },
     //下发
     // handleDispatch
-    async openDispatchModal() {
+    async openDispatchModeModal() {
+      this.dispatchModeModal = true;
+    },
+    async openDispatchParamModal() {
       
       try {
         const res = await getReq('/queryDevicByCategory', {
@@ -402,7 +463,6 @@ export default {
       
       } catch (error) {
         this.ruleForm = {}
-
       }
       
     },
diff --git a/web/src/views/predict.vue b/web/src/views/predict.vue
index 699b920..779676c 100644
--- a/web/src/views/predict.vue
+++ b/web/src/views/predict.vue
@@ -30,6 +30,15 @@ export default {
           type: 'line',
           smooth:false,
           dataKey: 'chargeDischarge',
+          yAxisOption:[ 
+            {
+              name: '电量(kW·h)',
+              type: 'value',
+              nameTextStyle: { color: '#fff' },
+              splitLine: { lineStyle: { type: 'dashed', color: '#435463' } },
+              axisLabel: { interval: 4, color: '#fff', fontSize:12 },
+            }
+          ],
           infoKeys: [
      
             {
@@ -69,8 +78,16 @@ export default {
           type: 'line',
           smooth:false,
           dataKey: 'chargeDischarge',
+          yAxisOption:[ 
+            {
+              name: '电量(kW·h)',
+              type: 'value',
+              nameTextStyle: { color: '#fff' },
+              splitLine: { lineStyle: { type: 'dashed', color: '#435463' } },
+              axisLabel: { interval: 4, color: '#fff', fontSize:12 },
+            }
+          ],
           infoKeys: [
-     
             {
               key: 'W_charge',
               label: '充电电量',
diff --git a/web/src/views/statisticalAnalysis.vue b/web/src/views/statisticalAnalysis.vue
index 2b7a389..25830c7 100644
--- a/web/src/views/statisticalAnalysis.vue
+++ b/web/src/views/statisticalAnalysis.vue
@@ -106,7 +106,17 @@ export default {
               infoKeys: [
                 { key: 'storage_elect_in', label: '日充电电量', lineColor: '#2A82E4' },
                 { key: 'storage_elect_out', label: '日放电电量', lineColor: '#5AABF2' }
+              ],
+              yAxisOption:[ 
+                {
+                  name: '电量(kW·h)',
+                  type: 'value',
+                  nameTextStyle: { color: '#fff' },
+                  splitLine: { lineStyle: { type: 'dashed', color: '#435463' } },
+                  axisLabel: { interval: 4, color: '#fff', fontSize:12 },
+                }
               ]
+                        
             },
             {
               title: '运行状态分析',