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-12-11 10:20:01 +08:00
parent 20049de695
commit 1b4226d325
6 changed files with 42 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -17,7 +17,7 @@
:end-val="aiAnalyzeData.allAnalysisPoints"
/>
</div>
<div class="traffic-item" @click="showAbnormalList">
<div class="traffic-item" @click="showAbnormalList('curr')">
<span class="traffic-item__title">异常点位</span>
<countup :class="aiAnalyzeData.abnormalPoints>0?'traffic-item__value--error':'traffic-item__value--success'" :end-val="aiAnalyzeData.abnormalPoints" />
</div>
@@ -28,15 +28,15 @@
<span class="scenic-item__label">核心景区分析点位</span>
<countup class="scenic-item__value" :end-val="scenicAiAnalyzeData.coreMonitoringPoints" />
</div>
<div class="scenic-item" @click="showAbnormalList" style="cursor: pointer;" >
<div class="scenic-item" @click="showAbnormalList('curr')" style="cursor: pointer;" >
<span class="scenic-item__label">异常点位</span>
<countup class="scenic-item__value" :end-val="scenicAiAnalyzeData.abnormalPoints" />
</div>
<div class="scenic-item" @click="showAbnormalList" style="cursor: pointer;" >
<div class="scenic-item" @click="showAbnormalList('curr')" style="cursor: pointer;" >
<span class="scenic-item__label">异常告警</span>
<countup class="scenic-item__value" :end-val="scenicAiAnalyzeData.abnormalAlarm" />
</div>
<div class="scenic-item">
<div class="scenic-item" @click="showAbnormalList('deal')" style="cursor: pointer;">
<span class="scenic-item__label">已解除</span>
<countup class="scenic-item__value" :end-val="scenicAiAnalyzeData.handled" />
</div>
@@ -67,15 +67,15 @@
:end-val="trafficAiAnalyzeData.coreMonitoringPoints"
/>
</div>
<div class="scenic-item" style="cursor: pointer" @click="showTrafficEvent">
<div class="scenic-item" style="cursor: pointer" @click="showTrafficEvent('curr')">
<span class="scenic-item__label">拥堵点位</span>
<countup class="scenic-item__value" :end-val="trafficAiAnalyzeData.abnormalPoints" />
</div>
<div class="scenic-item" style="cursor: pointer" @click="showTrafficEvent">
<div class="scenic-item" style="cursor: pointer" @click="showTrafficEvent('curr')">
<span class="scenic-item__label">拥堵告警</span>
<countup class="scenic-item__value" :end-val="trafficAiAnalyzeData.abnormalWarnings" />
</div>
<div class="scenic-item">
<div class="scenic-item" style="cursor: pointer" @click="showTrafficEvent('deal')">
<span class="scenic-item__label">已解除</span>
<countup class="scenic-item__value" :end-val="trafficAiAnalyzeData.handled" />
</div>
@@ -130,7 +130,7 @@
:end-val="pointAlarmData.analysisPoints"
/>
</div>
<div class="monitor-statistics-item" @click="showAbnormalList" style="cursor: pointer;" >
<div class="monitor-statistics-item" @click="showAbnormalList('curr')" style="cursor: pointer;" >
<span class="monitor-statistics-item__label">异常点位</span>
<countup
class="monitor-statistics-item__value"
@@ -140,7 +140,7 @@
</div>
</div>
<div class="bg" style="cursor: pointer;" >
<Title3 title="今日异常告警" @click="showAbnormalList" />
<Title3 title="今日异常告警" @click="showAbnormalList('all')" />
<Line
:width="370"
:height="180"
@@ -155,20 +155,20 @@
</div>
<div class="traffic-alarm-statistics">
<img class="traffic-alarm-statistics-icon" src="@/assets/images/t-ico-2.png" />
<div class="traffic-alarm-statistics-item" @click="showAbnormalList" style="cursor: pointer;">
<div class="traffic-alarm-statistics-item" @click="showAbnormalList('curr')" style="cursor: pointer;">
<span class="traffic-alarm-statistics-item__label">当前告警</span>
<countup
: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">
<div class="traffic-alarm-statistics-item" @click="showAbnormalList('all')" style="cursor: pointer;">
<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">
<div class="traffic-alarm-statistics-item" @click="showAbnormalList('deal')" style="cursor: pointer;">
<span class="traffic-alarm-statistics-item__label">已解除告警</span>
<countup
class="traffic-alarm-statistics-item__value traffic-alarm-statistics-item__value"
@@ -188,8 +188,8 @@
</template>
</div>
<video-dialog v-model="videoShow" :src="src" :cameraIndexCode="cameraIndexCode" />
<warn-list v-model="warnShow" :scenicSpotId="scenicSpotId" />
<traffic-list v-model="trafficEventShow" />
<warn-list v-model="warnShow" :type="warnType" :scenicSpotId="scenicSpotId" />
<traffic-list v-model="trafficEventShow" :type="trafficEventType" />
</template>
<script setup>
@@ -247,11 +247,15 @@
let cameraIndexCode = ref('')
let videoShow = ref(false)
let warnShow = ref(false)
let warnType = ref('')
let trafficEventShow = ref(false)
const showAbnormalList = function (){
let trafficEventType = ref('curr')
const showAbnormalList = function (type){
warnType.value = type;
warnShow.value = true;
}
const showTrafficEvent = function(){
const showTrafficEvent = function(type){
trafficEventType.value = type;
trafficEventShow.value = true;
}
window.addEventListener("message", async(e) => {