From c79a020be41892e60021c2a750ea2976dd20f2f3 Mon Sep 17 00:00:00 2001 From: fuliqi <fuliqi@qq.com> Date: 星期二, 05 十一月 2024 11:19:20 +0800 Subject: [PATCH] 工单审核对话框bug --- 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: '寰楀垎' - } - ], - 鑽e幙: [ - { - value: 0, - name: '寰楀垎' - } - ], - 瀵岄『鍘�: [ - { - value: 0, - name: '寰楀垎' - } - ] - }, + 鑷祦浜曞尯: [ + { + value: 0, + name: '寰楀垎' + } + ], + 楂樻柊鍖�: [ + { + value: 0, + name: '寰楀垎' + } + ], + 澶у畨鍖�: [ + { + value: 0, + name: '寰楀垎' + } + ], + 娌挎哗鍖�: [ + { + value: 0, + name: '寰楀垎' + } + ], + 璐′簳鍖�: [ + { + value: 0, + name: '寰楀垎' + } + ], + 鑽e幙: [ + { + 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