From 0dd69636e99ba3c9b96f9a183c6fd34999d68b99 Mon Sep 17 00:00:00 2001
From: fuliqi <fuliqi@qq.com>
Date: 星期三, 04 十二月 2024 21:35:18 +0800
Subject: [PATCH] 地图区分视频车辆人脸
---
src/views/screen/index.vue | 65 ++++++++++++++++++--------------
1 files changed, 37 insertions(+), 28 deletions(-)
diff --git a/src/views/screen/index.vue b/src/views/screen/index.vue
index 2156d89..66783a2 100644
--- a/src/views/screen/index.vue
+++ b/src/views/screen/index.vue
@@ -1,5 +1,5 @@
<template>
- <div class="container" ref="contaner">
+ <div class="container" style="font-size: 14px" ref="contaner">
<header>
<i @click="returnPath" class="el-icon-s-home" style="color: #00b4ff;position: absolute;font-size: 24px;left: 98%;top: 15%"></i>
<img src="@/assets/images/header-bg.png"/>
@@ -71,10 +71,10 @@
/>
<ul>
<li v-for="(item, index) in facilityData.video" :key="index">
- <div class="value">
+ <div style="font-size: 14px" class="value">
<animate-number from="0" :to="item.value" :key="item.value"></animate-number>
</div>
- <div class="title">{{ item.title }}</div>
+ <div style="font-size: 14px" class="title">{{ item.title }}</div>
</li>
</ul>
</div>
@@ -86,8 +86,8 @@
<ul>
<li v-for="(item, index) in facilityData.car" :key="index">
<!-- <div class="value">{{ item.value ? item.value : "-" }}</div>-->
- <div class="value"><animate-number from="0" :to="item.value" :key="item.value"></animate-number></div>
- <div class="title">{{ item.title }}</div>
+ <div style="font-size: 14px" class="value"><animate-number from="0" :to="item.value" :key="item.value"></animate-number></div>
+ <div style="font-size: 14px" class="title">{{ item.title }}</div>
</li>
</ul>
</div>
@@ -102,8 +102,8 @@
:key="index"
>
<!-- <div class="value">{{ item.value ? item.value : "-" }}</div>-->
- <div class="value"><animate-number from="0" :to="item.value" :key="item.value"></animate-number></div>
- <div class="title">{{ item.title }}</div>
+ <div style="font-size: 14px" class="value"><animate-number from="0" :to="item.value" :key="item.value"></animate-number></div>
+ <div style="font-size: 14px" class="title">{{ item.title }}</div>
</li>
</ul>
</div>
@@ -223,45 +223,52 @@
scoreData: {
鑷祦浜曞尯: [
{
- value: 0,
- name: '寰楀垎'
- }
+ video: 0,
+ car: 0,
+ face: 0
+ },
],
楂樻柊鍖�: [
{
- value: 0,
- name: '寰楀垎'
- }
+ video: 0,
+ car: 0,
+ face: 0
+ },
],
澶у畨鍖�: [
{
- value: 0,
- name: '寰楀垎'
- }
+ video: 0,
+ car: 0,
+ face: 0
+ },
],
娌挎哗鍖�: [
{
- value: 0,
- name: '寰楀垎'
- }
+ video: 0,
+ car: 0,
+ face: 0
+ },
],
璐′簳鍖�: [
{
- value: 0,
- name: '寰楀垎'
- }
+ video: 0,
+ car: 0,
+ face: 0
+ },
],
鑽ｅ幙: [
{
- value: 0,
- name: '寰楀垎'
- }
+ video: 0,
+ car: 0,
+ face: 0
+ },
],
瀵岄『鍘�: [
{
- value: 0,
- name: '寰楀垎'
- }
+ video: 0,
+ car: 0,
+ face: 0
+ },
]
},
// 璁惧鏁版嵁
@@ -309,6 +316,7 @@
})
.catch((err) => {
});
+ this.getData();
// 鏌ヨ鏁版嵁
this.intervalId = setInterval(this.getData, 3600000); //涓�灏忔椂涓�娆�
},
@@ -1451,4 +1459,5 @@
left: calc(50% - 425px);
animation: rotateCounterClockwise 48s linear infinite;
}
+
</style>
--
Gitblit v1.8.0