lixuefeng/fengjie-datascreen
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

类型：开发

Browse Source 
描述：
This commit is contained in:
lixuefeng
2025-05-01 16:00:33 +08:00
parent 5563dc0536
commit a1277eb04d
8 changed files with 72 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
src/views/monitor/components/box-1.vue
View File

@@ -19,7 +19,7 @@
</div>
<div class="traffic-item">
<span class="traffic-item__title">异常点位 </span>
<countup class="traffic-item__value--error" :end-val="aiAnalyzeData.abnormalPoints" />
<countup :class="aiAnalyzeData.abnormalPoints>0?'traffic-item__value--error':'traffic-item__value--success'" :end-val="aiAnalyzeData.abnormalPoints" />
</div>
</div>
<Title1 title="景区智能AI分析" />
@@ -131,7 +131,7 @@
<div class="monitor-statistics-item">
<span class="monitor-statistics-item__label">异常点位</span>
<countup
class="monitor-statistics-item__value"
:class="pointAlarmData.abnormalPoints>0?'monitor-statistics-item__error':'monitor-statistics-item__value'"
:end-val="pointAlarmData.abnormalPoints"
/>
</div>
@@ -153,23 +153,23 @@
<div class="traffic-alarm-statistics">
<img class="traffic-alarm-statistics-icon" src="@/assets/images/t-ico-2.png" />
<div class="traffic-alarm-statistics-item">
<span class="traffic-alarm-statistics-item__label">当前告警总数</span>
<span class="traffic-alarm-statistics-item__label">当前告警</span>
<countup
class="traffic-alarm-statistics-item__value"
:class="pointAlarmData.abnormalAlarm>0?'traffic-alarm-statistics-item__error':'traffic-alarm-statistics-item__value'"
:end-val="pointAlarmData.abnormalAlarm"
/>
</div>
<div class="traffic-alarm-statistics-item">
<span class="traffic-alarm-statistics-item__label">异常告警总数</span>
<div :class="pointAlarmData.allAbnormalAlarm>0?'traffic-alarm-statistics-item__error':'traffic-alarm-statistics-item__value'">
<span class="traffic-alarm-statistics-item__label">异常告警</span>
<countup
class="traffic-alarm-statistics-item__value"
:end-val="pointAlarmData.allAbnormalAlarm"
/>
</div>
<div class="traffic-alarm-statistics-item">
<span class="traffic-alarm-statistics-item__label">已解除告警总数</span>
<span class="traffic-alarm-statistics-item__label">已解除告警</span>
<countup
class="traffic-alarm-statistics-item__value"
:class="pointAlarmData.handled>0?'traffic-alarm-statistics-item__error':'traffic-alarm-statistics-item__value'"
:end-val="pointAlarmData.handled"
/>
</div>
@@ -394,9 +394,12 @@
color: #ffffff;
}
&:nth-child(4) {
.monitor-statistics-item__value {
.monitor-statistics-item__error {
color: #e21b1b;
}
.monitor-statistics-item__value {
color: #02f9fa;
}
}
}
}
@@ -424,7 +427,14 @@
margin-top: vh(10);
font-weight: bold;
font-size: vw(24);
color: #e21b1b;
color: #02f9fa;
text-align: center;
}
&__error {
margin-top: vh(10);
font-weight: bold;
font-size: vw(24);
color: #ff4400;
text-align: center;
}
&:nth-child(4) {
@@ -644,6 +654,12 @@
font-size: vw(24);
color: #02f9fa;
}
&-error{
margin-top: vh(10);
font-weight: bold;
font-size: vw(24);
color: #ff4400;
}
.count {
font-weight: bold;
font-size: vw(28);