From 3c1cb3ec884acd1a2034d70e8e5db51f2ce67e45 Mon Sep 17 00:00:00 2001
From: luojiayi <1712054227@qq.com>
Date: Wed, 7 May 2025 18:29:51 +0800
Subject: [PATCH] =?UTF-8?q?2025=E5=B9=B405=E6=9C=8807=E6=97=A518:29:49?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/img/battery1.png                       | Bin 0 -> 401 bytes
 src/views/monitoringCenter/deviceModel.vue        |   6 ++++--
 src/views/synthesizeManage/deviceManage/index.vue |   5 ++++-
 3 files changed, 8 insertions(+), 3 deletions(-)
 create mode 100644 src/assets/img/battery1.png

diff --git a/src/assets/img/battery1.png b/src/assets/img/battery1.png
new file mode 100644
index 0000000000000000000000000000000000000000..48e8a51fd1d720f90bbc7e0fa6645ef0152684b4
GIT binary patch
literal 401
zcmV;C0dD?@P)<h;3K|Lk000e1NJLTq001xm001xu1^@s6R|5Hm00001b5ch_0Itp)
z=>Px#1am@3R0s$N2z&@+hyVZqJ4r-ARA_<im_f1vAq+&L7n6T8JQ>~$H-F(kfKCGC
z!hTgO#(~fslA%fwLI@#*5OSf4q$*OXNJWPdBY(WlO8i;8Tt!kuJS<!j_#bCz(6EQy
zM3XtM_%6oE;9wMw0aNzD1Y}?i6u;$ec6jBf{Pt*`UpM8Hj&VBs(LHt=K!j;?TptOz
zp-(pMY%Vy~CQg=4v&M50Wru-ISnV&p^+x)-cu!aj7|S6wYt5$+HsCNkJejW;P_h^j
z5M3X=$V5c`40A6RpVm)dtYt8Xvutc*|7<Ivu8cro*}2y=hS$I}7%1LznN1Vt$x0Vc
z6ShHofy7%4fWoxw@2mMha820u#yx2u0m3wsrn>hSXtRix&xywEVju>f>wRTlgZS>0
vttM6*re@9XZxqeoVidP{LI@#*kRRd=5Z~E?9MgTn00000NkvXXu0mjfcYCDm

literal 0
HcmV?d00001

diff --git a/src/views/monitoringCenter/deviceModel.vue b/src/views/monitoringCenter/deviceModel.vue
index 024bd71..209abb9 100644
--- a/src/views/monitoringCenter/deviceModel.vue
+++ b/src/views/monitoringCenter/deviceModel.vue
@@ -24,9 +24,9 @@
               <div class="item-right">
                 <div class="battery">
                   <div class="battery-icon">
-                    <img src="@/assets/img/battery.png" alt="" srcset="" />
+                    <img :src="item.battery < 20 ? battery1 : battery" alt="" srcset="" />
                   </div>
-                  <div class="battery-num">{{ item.battery }}%</div>
+                  <div class="battery-num" :style="{ color: item.battery < 20 ? '#f56c6c' : '#67c23a' }">{{ item.battery }}%</div>
                 </div>
                 <div class="user">{{ item.userNumber || "--" }}</div>
               </div>
@@ -76,6 +76,8 @@
 import { TDevice } from "@/api/index.d";
 import { ref, watch, reactive, onMounted } from "vue";
 import { deviceList } from "@/api/index";
+import battery1 from "@/assets/img/battery1.png";
+import battery from "@/assets/img/battery.png";
 
 const statusColor = ["danger", "success", "warning"];
 const modeColor = ["primary", "danger", "warning"];
diff --git a/src/views/synthesizeManage/deviceManage/index.vue b/src/views/synthesizeManage/deviceManage/index.vue
index 474e3cd..37fbd3e 100644
--- a/src/views/synthesizeManage/deviceManage/index.vue
+++ b/src/views/synthesizeManage/deviceManage/index.vue
@@ -22,7 +22,10 @@
         <template #mode="{ rows }">
           <el-tag :type="modeColor[rows.mode]">{{ modeEnum[rows.mode] }}</el-tag>
         </template>
-        <template #battery="{ rows }"> {{ rows.battery }}% </template>
+        <template #battery="{ rows }">
+          <div v-if="!rows.battery && rows.battery != 0">--</div>
+          <el-tag :type="rows.battery < 20 ? 'danger' : 'success'" v-else>{{ rows.battery }}% </el-tag>
+        </template>
         <template #operator="{ rows }">
           <el-button link type="primary" size="small" @click="toPage('deviceInfo', rows)"> 详细信息 </el-button>
           <el-button link type="primary" size="small" @click="toPage('mapLocation', rows)"> 地图位置 </el-button>