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-07-21 16:17:18 +08:00
parent 721cb76057
commit a36a86732e
8 changed files with 880 additions and 113 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -17,8 +17,8 @@
:end-val="aiAnalyzeData.allAnalysisPoints"
/>
</div>
<div class="traffic-item">
<span class="traffic-item__title">异常点位 </span>
<div class="traffic-item" @click="showAbnormalList">
<span class="traffic-item__title">异常点位</span>
<countup :class="aiAnalyzeData.abnormalPoints>0?'traffic-item__value--error':'traffic-item__value--success'" :end-val="aiAnalyzeData.abnormalPoints" />
</div>
</div>
@@ -28,11 +28,11 @@
<span class="scenic-item__label">核心景区分析点位</span>
<countup class="scenic-item__value" :end-val="scenicAiAnalyzeData.coreMonitoringPoints" />
</div>
<div class="scenic-item">
<div class="scenic-item" @click="showAbnormalList" style="cursor: pointer;" >
<span class="scenic-item__label">异常点位</span>
<countup class="scenic-item__value" :end-val="scenicAiAnalyzeData.abnormalPoints" />
</div>
<div class="scenic-item">
<div class="scenic-item" @click="showAbnormalList" style="cursor: pointer;" >
<span class="scenic-item__label">异常告警</span>
<countup class="scenic-item__value" :end-val="scenicAiAnalyzeData.abnormalAlarm" />
</div>
@@ -67,11 +67,11 @@
:end-val="trafficAiAnalyzeData.coreMonitoringPoints"
/>
</div>
<div class="scenic-item">
<div class="scenic-item" style="cursor: pointer" @click="showTrafficEvent">
<span class="scenic-item__label">拥堵点位</span>
<countup class="scenic-item__value" :end-val="trafficAiAnalyzeData.abnormalPoints" />
</div>
<div class="scenic-item">
<div class="scenic-item" style="cursor: pointer" @click="showTrafficEvent">
<span class="scenic-item__label">拥堵告警</span>
<countup class="scenic-item__value" :end-val="trafficAiAnalyzeData.abnormalWarnings" />
</div>
@@ -130,7 +130,7 @@
:end-val="pointAlarmData.analysisPoints"
/>
</div>
<div class="monitor-statistics-item">
<div class="monitor-statistics-item" @click="showAbnormalList" style="cursor: pointer;" >
<span class="monitor-statistics-item__label">异常点位</span>
<countup
class="monitor-statistics-item__value"
@@ -139,8 +139,8 @@
/>
</div>
</div>
<div class="bg">
<Title3 title="今日异常告警" />
<div class="bg" style="cursor: pointer;" >
<Title3 title="今日异常告警" @click="showAbnormalList" />
<Line
:width="370"
:height="180"
@@ -155,7 +155,7 @@
</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">
<div class="traffic-alarm-statistics-item" @click="showAbnormalList" 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'"
@@ -164,16 +164,14 @@
</div>
<div class="traffic-alarm-statistics-item">
<span class="traffic-alarm-statistics-item__label">异常告警</span>
<countup
:class="pointAlarmData.allAbnormalAlarm>0?'traffic-alarm-statistics-item__error':'traffic-alarm-statistics-item__value'"
<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>
<countup
class="traffic-alarm-statistics-item__value"
:class="pointAlarmData.handled>0?'traffic-alarm-statistics-item__error':'traffic-alarm-statistics-item__value'"
class="traffic-alarm-statistics-item__value traffic-alarm-statistics-item__value"
:end-val="pointAlarmData.handled"
/>
</div>
@@ -190,13 +188,16 @@
</template>
</div>
<video-dialog v-model="videoShow" :src="src" :cameraIndexCode="cameraIndexCode" />
<warn-list v-model="warnShow" :scenicSpotId="scenicSpotId" />
<traffic-list v-model="trafficEventShow" />
</template>
<script setup>
import countup from 'vue-countup-v3'
import alarmRate from './alarmRate'
import alarmList from './alarmList'
import alarmToday from './alarmToday'
import warnList from './warnList.vue'
import trafficList from './trafficList.vue'
import trafficJam from './traffic-jam'
import { useWebSocket } from '@/hooks/socket'
import { mode, socketBaseUrl, proSocketBaseUrl } from '@/utils/config'
@@ -245,6 +246,14 @@
let src = ref('')
let cameraIndexCode = ref('')
let videoShow = ref(false)
let warnShow = ref(false)
let trafficEventShow = ref(false)
const showAbnormalList = function (){
warnShow.value = true;
}
const showTrafficEvent = function(){
trafficEventShow.value = true;
}
window.addEventListener("message", async(e) => {
let {code,data} = await getPreviewUrlApi({
type: 'hls',