From 5a8b6085e6723236017b1b9b06f57e3c06f6357c Mon Sep 17 00:00:00 2001
From: Lufaneng <Lufaneng@foxmail.com>
Date: Wed, 13 Aug 2025 17:23:04 +0800
Subject: [PATCH] 1

---
 src/App.vue                       |  6 +++++-
 src/views/AutomaticMode/index.vue |  7 ++++++-
 src/views/Monitoring/index.vue    | 20 ++++++++++++--------
 3 files changed, 23 insertions(+), 10 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index ff9f8ca..4d23809 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -21,4 +21,8 @@ onMounted(() => {
 
 </script>
 
-<style lang="scss"></style>
\ No newline at end of file
+<style lang="scss">
+* {
+  font-family: 微软雅黑 sans-serif;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/AutomaticMode/index.vue b/src/views/AutomaticMode/index.vue
index f2f8a33..50ae98d 100644
--- a/src/views/AutomaticMode/index.vue
+++ b/src/views/AutomaticMode/index.vue
@@ -168,7 +168,7 @@
         <el-dialog v-model="modeDialogVisible" title="选择模式" width="600px" :modal="true" class="brightness-dialog">
             <div class="setting-content">
                 <div class="modeBox">
-                    <el-button v-for="(item, index) in 3" :class="index === modeActive ? 'mode-button active' : 'brightness-button'" @click="modeActive = index">模式{{ item }}</el-button>
+                    <el-button v-for="(item, index) in 3" :class="index === modeActive ? 'mode-button active' : 'brightness-button dark'" @click="modeActive = index">模式{{ item }}</el-button>
                 </div>
             </div>
             <template #footer>
@@ -1022,6 +1022,11 @@ const delMode = () => {
     &.del {
         background-color: #d42d1f;
     }
+
+    &.dark {
+        color: #333;
+        border: 1px solid #333;
+    }
 }
 
 .mode-button {
diff --git a/src/views/Monitoring/index.vue b/src/views/Monitoring/index.vue
index f4819f1..dcdfd67 100644
--- a/src/views/Monitoring/index.vue
+++ b/src/views/Monitoring/index.vue
@@ -81,7 +81,7 @@
                         <div class="circuit-row">
                             <div v-for="(circuit, index) in info?.Loops?.slice(0, 5)" :key="circuit.name" class="circuit-item">
                                 <div class="circuit-status" :class="{ active: circuit.is_open }">
-                                    回路{{ index + 1 }}：{{ circuit.is_open ? '打开' : '关闭' }}
+                                    直流回路{{ index + 1 }}：{{ circuit.is_open ? '打开' : '关闭' }}
                                 </div>
                                 <!-- <div class="circuit-icon" :class="{ active: circuit.is_open }">
                                     <el-icon>
@@ -89,10 +89,12 @@
                                     </el-icon>
                                 </div> -->
                                 <div class="circuitStatus">
-                                    <div class="line">直流电流: <span>{{ circuit.A }}A</span></div>
                                     <div class="line">
-                                        <div class="line_item">直流电压: <span>{{ circuit.V ? circuit.V?.toFixed(2) : 0 }}V</span></div>
-                                        <div class="line_item">功率: <span>{{ circuit.Kw }}kw</span></div>
+                                        <div class="line_item">电压: <span>{{ circuit.V ? circuit.V?.toFixed(2) : 0 }}V</span></div>
+                                        <div class="line_item">电流: <span>{{ circuit.A ? circuit.A?.toFixed(2) : 0 }}A</span></div>
+                                    </div>
+                                    <div class="line">
+                                        <div class="line_item">功率: <span>{{ circuit.Kw ? circuit.Kw?.toFixed(3) : 0 }}kW</span></div>
                                     </div>
                                 </div>
                             </div>
@@ -102,7 +104,7 @@
                         <div class="circuit-row">
                             <div v-for="(circuit, index) in info?.Loops?.slice(5, 10)" :key="circuit.name" class="circuit-item">
                                 <div class="circuit-status" :class="{ active: circuit.is_open }">
-                                    回路{{ index + 6 }}：{{ circuit.is_open ? '打开' : '关闭' }}
+                                    直流回路{{ index + 6 }}：{{ circuit.is_open ? '打开' : '关闭' }}
                                 </div>
                                 <!-- <div class="circuit-icon" :class="{ active: circuit.is_open }">
                                     <el-icon>
@@ -110,10 +112,12 @@
                                     </el-icon>
                                 </div> -->
                                 <div class="circuitStatus">
-                                    <div class="line">直流电流: <span>{{ circuit.A }}A</span></div>
                                     <div class="line">
-                                        <div class="line_item">直流电压: <span>{{ circuit.V ? circuit.V?.toFixed(2) : 0 }}V</span></div>
-                                        <div class="line_item">功率: <span>{{ circuit.Kw }}kw</span></div>
+                                        <div class="line_item">电压: <span>{{ circuit.V ? circuit.V?.toFixed(2) : 0 }}V</span></div>
+                                        <div class="line_item">电流: <span>{{ circuit.A ? circuit.A?.toFixed(2) : 0 }}A</span></div>
+                                    </div>
+                                    <div class="line">
+                                        <div class="line_item">功率: <span>{{ circuit.Kw ? circuit.Kw?.toFixed(3) : 0 }}kW</span></div>
                                     </div>
                                 </div>
                             </div>