From 7d068e81ea1d88f708f096ea62c769452385612e Mon Sep 17 00:00:00 2001
From: lohir <3399054449@qq.com>
Date: 星期四, 24 十月 2024 15:33:32 +0800
Subject: [PATCH] 白名单导入
---
src/views/screen/index.vue | 128 ++++++++++++++++++++++++------------------
1 files changed, 74 insertions(+), 54 deletions(-)
diff --git a/src/views/screen/index.vue b/src/views/screen/index.vue
index 4f51f7d..2649739 100644
--- a/src/views/screen/index.vue
+++ b/src/views/screen/index.vue
@@ -46,7 +46,7 @@
<div class="map-container" ref="isMap">
<img src="@/assets/map/texture/rotating-point2.png" alt="Rotating Image" class="rotating-image">
<img src="@/assets/map/texture/rotatingAperture.png" alt="Rotating Image" class="rotating-image-in">
- <mapApp @clickMap="getDeptId" :geoCoordinates=scoreData></mapApp>
+ <mapApp @clickMap="getDeptId" :geoCoordinates=scoreData :platformData = platformData></mapApp>
<div class="btn-container">
<img src="@/assets/images/btn-bg.png" class="bg-img"/>
<div class="btn-list" v-model="activerBtnType">
@@ -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>
@@ -202,7 +202,8 @@
checkFace,
checkCar,
checkVideo,
- checkScore
+ checkScore,
+ getPlatform
} from "@/api/newpage";
export default {
@@ -212,55 +213,57 @@
return {
deptList: [],
deptId: '',
+ intervalId: null, // 鐢ㄤ簬瀛樺偍瀹氭椂鍣ㄧ殑ID
carList: [],
videoList: [],
faceList: [],
workOrderData: [],
workOrderRegion: [],
+ platformData: null,
scoreData: {
- 鑷祦浜曞尯: [
- {
- value: 0,
- name: '寰楀垎'
- }
- ],
- 楂樻柊鍖�: [
- {
- value: 0,
- name: '寰楀垎'
- }
- ],
- 澶у畨鍖�: [
- {
- value: 0,
- name: '寰楀垎'
- }
- ],
- 娌挎哗鍖�: [
- {
- value: 0,
- name: '寰楀垎'
- }
- ],
- 璐′簳鍖�: [
- {
- value: 0,
- name: '寰楀垎'
- }
- ],
- 鑽ｅ幙: [
- {
- value: 0,
- name: '寰楀垎'
- }
- ],
- 瀵岄『鍘�: [
- {
- value: 0,
- name: '寰楀垎'
- }
- ]
- },
+ 鑷祦浜曞尯: [
+ {
+ value: 0,
+ name: '寰楀垎'
+ }
+ ],
+ 楂樻柊鍖�: [
+ {
+ value: 0,
+ name: '寰楀垎'
+ }
+ ],
+ 澶у畨鍖�: [
+ {
+ value: 0,
+ name: '寰楀垎'
+ }
+ ],
+ 娌挎哗鍖�: [
+ {
+ value: 0,
+ name: '寰楀垎'
+ }
+ ],
+ 璐′簳鍖�: [
+ {
+ value: 0,
+ name: '寰楀垎'
+ }
+ ],
+ 鑽ｅ幙: [
+ {
+ value: 0,
+ name: '寰楀垎'
+ }
+ ],
+ 瀵岄『鍘�: [
+ {
+ value: 0,
+ name: '寰楀垎'
+ }
+ ]
+ },
// 璁惧鏁版嵁
facilityData: {
video: [],
@@ -306,8 +309,16 @@
})
.catch((err) => {
});
- // 鏌ヨ鏁版嵁
this.getData();
+ // 鏌ヨ鏁版嵁
+ this.intervalId = setInterval(this.getData, 3600000); //涓�灏忔椂涓�娆�
+ },
+ beforeDestroy() {
+ // 缁勪欢閿�姣佸墠娓呴櫎瀹氭椂鍣紝闃叉鍐呭瓨娉勬紡
+ if (this.intervalId) {
+ clearInterval(this.intervalId);
+ this.intervalId = null;
+ }
},
methods: {
getDeptId(deptName) {
@@ -364,8 +375,16 @@
});
checkScore(this.activerBtnType, this.deptId)
.then((res) => {
- if(res.data && Object.keys(res.data).length > 0){
+ if (res.data && Object.keys(res.data).length > 0) {
this.scoreData = res.data;
+ }
+ })
+ .catch((err) => {
+ });
+ getPlatform(this.activerBtnType, this.deptId)
+ .then((res) => {
+ if (res.data && Object.keys(res.data).length > 0) {
+ this.platformData = res.data;
}
})
.catch((err) => {
@@ -1107,7 +1126,8 @@
align-items: center;
list-style-type: none;
border-bottom: 1px dashed #223654;
- margin: 8px 0;
+ margin: 7px 0;
+
li {
width: 25%;
text-align: center;
--
Gitblit v1.8.0