解决机械分厂安全大屏连接状态显示异常问题

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;