hanzhengzheng/screenFront
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
15133876896-BGG25 2023-05-22 17:18:04 +08:00
parent 9c0fccf5b4
commit 19ef776233
1 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/views/realtimeSecurityJixiefenchang/content/chart/verticalNumLoop.vue
View File

@ -40,11 +40,8 @@
</div> </div>
<!-- <h2>{{ `${t(item.i18n[0])}${t(item.i18n[1])}`}}</h2> --> <!-- <h2>{{ `${t(item.i18n[0])}${t(item.i18n[1])}`}}</h2> -->
<h2>{{ item.name}}</h2> <h2>{{ item.name}}</h2>
<i :class="+item.val > +limit <i :class="['iconfont',icon,iconcolor,'iconbig-size']"></i>
? 'iconfont ' + icon + ' icon-red iconbig-size' <p class="unit" v-if="unit&&item.status">
: 'iconfont ' + icon + ' icon-blue iconbig-size'
"></i>
<p class="unit" v-if="unit">
<p class="num">{{item.val}}</p> <p class="num">{{item.val}}</p>
<span>{{ unit }}</span> <span>{{ unit }}</span>
</p> </p>
@ -70,6 +67,11 @@ let timer = null;
let item = computed(() => { let item = computed(() => {
return props.value[i.value]; 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<{ let props = defineProps<{
title: string; title: string;
icon: string; icon: string;