优化

src/components/Linechart.vue

@@ -43,6 +43,13 @@ const option = computed(() => {
             data: props.lineData.map(item => item.name),
             axisLabel: {
                 color: '#fff'
+            },
+            splitLine: {
+                show: true,          // 开启网格线
+                lineStyle: {
+                    color: '#ccc',   // 网格线颜色
+                    type: 'dashed'   // 虚线，可选 'solid' | 'dashed' | 'dotted'
+                }
             }
         },
         yAxis: {
@@ -61,7 +68,7 @@ const option = computed(() => {
             bottom: '10%',
         },
         title: {
-            text: '有功功率kW',
+            text: '24小时有功功率数据可视化-kW',
             textStyle: {
                 color: '#fff'
             }

src/views/HandleControl/index.vue

@@ -181,6 +181,12 @@
                     </el-icon>
                     远程重启
                 </el-button> -->
+                <el-button class="restart-button" @click="refresh">
+                    <el-icon>
+                        <RefreshRight />
+                    </el-icon>
+                    刷新
+                </el-button>
                 <el-button class="back-button" @click="goBack">
                     <el-icon>
                         <HomeFilled />
@@ -391,6 +397,34 @@ const getInfo = () => {
 }
 getInfo()
 
+const refresh = () => {
+    getInfo()
+    RPC.post('/adl400/readPhaseData', { comm_uid: commit_uid }).then(res => {
+        powerPhases.value[0].voltage = res.aVoltage + 'V'
+        powerPhases.value[0].current = res.aElectricCurrent + 'A'
+        powerPhases.value[0].power = res.aPower + 'kW'
+        powerPhases.value[0].factor = res.aPowerFactor
+
+        powerPhases.value[1].voltage = res.bVoltage + 'V'
+        powerPhases.value[1].current = res.bElectricCurrent + 'A'
+        powerPhases.value[1].power = res.bPower + 'kW'
+        powerPhases.value[1].factor = res.bPowerFactor
+
+        powerPhases.value[2].voltage = res.cVoltage + 'V'
+        powerPhases.value[2].current = res.cElectricCurrent + 'A'
+        powerPhases.value[2].power = res.cPower + 'kW'
+        powerPhases.value[2].factor = res.cPowerFactor
+
+        energyParams.value.activeEnergy = res.activeEnergy + 'kW·h'
+        energyParams.value.activePower = res.activePower + 'kW'
+        energyParams.value.powerFactor = res.powerFactor
+    })
+    RPC.post('/m9z/getDeviceSunRiseTime', { comm_uid: commit_uid }).then(res => {
+        sunriseTime.value = res.Sunrise ? dayjs(res.Sunrise).format('HH:mm:ss') : ''
+        sunsetTime.value = res.Sunset ? dayjs(res.Sunset).format('HH:mm:ss') : ''
+    })
+}
+
 const oldInfo = ref('')
 watch(info, () => {
     if (isInitData.value) return