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-01-27 06:50:21 +08:00
parent c9b8298c38
commit 5902de5b34
13 changed files with 125 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,25 +1,23 @@
<template>
<div class="box-1">
<template v-if="!scenicSpotId">
<Title1 title="交通信息" />
<Title1 title="AI分析统计" />
<div class="traffic">
<div class="traffic-item" v-for="(item, index) in trafficData" :key="index">
<span class="traffic-item__title">{{ item.name }}</span>
<countup
:class="{
<span :class="{
'traffic-item__value--primary': item.type == 0,
'traffic-item__value--success': item.type == 1,
'traffic-item__value--error': item.type == 2
}"
:end-val="item.value"
/>
}"> {{item.value}}</span>
</div>
</div>
<Title1 title="景区信息" />
<Title1 title="景区智能AI分析" />
<div class="scenic">
<div class="scenic-item" v-for="(item, index) in scenicSpotData.headList" :key="index">
<span class="scenic-item__label">{{ item.name }}</span>
<countup class="scenic-item__value" :end-val="item.value" />
<!-- <countup class="scenic-item__value" :end-val="item.value" />-->
<span class="scenic-item__value"> {{item.value}}</span>
</div>
</div>
<div class="flex pt-20">
@@ -35,7 +33,7 @@
</div>
</div>
</div>
<Title1 title="交通信息" />
<Title1 title="交通智能AI分析" />
<div class="scenic">
<div
class="scenic-item"
@@ -43,7 +41,8 @@
:key="index"
>
<span class="scenic-item__label">{{ item.name }}</span>
<countup class="scenic-item__value" :end-val="item.value" />
<!-- <countup class="scenic-item__value" :end-val="item.value" />-->
<span class="scenic-item__value"> {{item.value}}</span>
</div>
</div>
<div class="flex pt-20">
@@ -75,6 +74,12 @@
src="@/assets/images/sxzd.png"
alt=""
/>
<img
v-if="scenicSpotId == '龙桥河'"
class="map-img"
src="@/assets/images/lqh.jpg"
alt=""
/>
</div>
<div class="flex">
<div class="monitor">
@@ -89,7 +94,30 @@
:key="index"
>
<span class="monitor-statistics-item__label">{{ item.name }}</span>
<countup class="monitor-statistics-item__value" :end-val="item.value" />
<div class="monitor-statistics-item__value" v-if="index==0">
<span v-if="scenicSpotId=='root000000'">
550
</span>
<span v-else-if="scenicSpotId=='三峡之巅'">
295
</span>
<span v-else-if="scenicSpotId=='龙桥河'">
54
</span>
</div>
<div class="monitor-statistics-item__value" v-if="index==1">
<span v-if="scenicSpotId=='root000000'">
28
</span>
<span v-else-if="scenicSpotId=='三峡之巅'">
28
</span>
<span v-else-if="scenicSpotId=='龙桥河'">
5
</span>
</div>
<div class="monitor-statistics-item__value" v-if="index==2">调试中</div>
<!-- <countup class="monitor-statistics-item__value" :end-val="item.value" />-->
</div>
</div>
<div class="bg">
@@ -109,7 +137,8 @@
:key="index"
>
<span class="traffic-alarm-statistics-item__label">{{ item.name }}</span>
<countup class="traffic-alarm-statistics-item__value" :end-val="item.value" />
<div class="traffic-alarm-statistics-item__value">调试中</div>
<!-- <countup class="traffic-alarm-statistics-item__value" :end-val="item.value" />-->
</div>
</div>
<div class="bg">
@@ -438,7 +467,7 @@
gap: vw(20);
&-item {
width: vw(142);
width: vw(182);
height: vw(106);
display: flex;
flex-direction: column;