From 19ef776233d7a31bf8fcb6f6be3d38e0dac47b6d Mon Sep 17 00:00:00 2001
From: 15133876896-BGG25 <2233720980@qq.com>
Date: Mon, 22 May 2023 17:18:04 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=A3=E5=86=B3=E6=9C=BA=E6=A2=B0=E5=88=86?=
 =?UTF-8?q?=E5=8E=82=E5=AE=89=E5=85=A8=E5=A4=A7=E5=B1=8F=E8=BF=9E=E6=8E=A5?=
 =?UTF-8?q?=E7=8A=B6=E6=80=81=E6=98=BE=E7=A4=BA=E5=BC=82=E5=B8=B8=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../content/chart/verticalNumLoop.vue                | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/views/realtimeSecurityJixiefenchang/content/chart/verticalNumLoop.vue b/src/views/realtimeSecurityJixiefenchang/content/chart/verticalNumLoop.vue
index 96eaa38..ab6c23b 100644
--- a/src/views/realtimeSecurityJixiefenchang/content/chart/verticalNumLoop.vue
+++ b/src/views/realtimeSecurityJixiefenchang/content/chart/verticalNumLoop.vue
@@ -40,11 +40,8 @@
           </div>
           <!-- <h2>{{ `${t(item.i18n[0])}${t(item.i18n[1])}`}}</h2> -->
           <h2>{{ item.name}}</h2>
-            <i :class="+item.val > +limit
-                ? 'iconfont ' + icon + ' icon-red iconbig-size'
-                : 'iconfont ' + icon + ' icon-blue iconbig-size'
-              "></i>
-            <p class="unit" v-if="unit">
+          <i :class="['iconfont',icon,iconcolor,'iconbig-size']"></i>
+            <p class="unit" v-if="unit&&item.status">
               <p class="num">{{item.val}}</p>
               <span>{{ unit }}</span>
             </p>
@@ -70,6 +67,11 @@ let timer = null;
 let item = computed(() => {
   return props.value[i.value];
 });
+let iconcolor = computed(() => {  
+  console.log(props);
+  
+  return props.value[i.value].status?props.value[i.value].val > props.limit ? "icon-red" : "icon-blue":"icon-grey";
+});
 let props = defineProps<{
   title: string;
   icon: string;