From 7e3fee3cbe3f3d686c06d997823f9e5f24de1b64 Mon Sep 17 00:00:00 2001
From: fuliqi <fuliqi@qq.com>
Date: 星期三, 18 九月 2024 17:17:19 +0800
Subject: [PATCH] 大屏优化
---
src/views/screen/components/subheading.vue | 20 +++++++++-----------
src/views/screen/components/map.vue | 8 ++++++--
src/views/screen/index.vue | 3 +++
3 files changed, 18 insertions(+), 13 deletions(-)
diff --git a/src/views/screen/components/map.vue b/src/views/screen/components/map.vue
index 5e29c18..2ad3d41 100644
--- a/src/views/screen/components/map.vue
+++ b/src/views/screen/components/map.vue
@@ -231,8 +231,12 @@
// 鑷畾涔塼ooltip鍐呭
const isData = that.fetchData(params.name)
let isHtml = ''
- for (let i = 0; i < isData.length; i++) {
- isHtml += `<div>${isData[i].name}:${isData[i].value}</div>`
+ if(isData) {
+ for (let i = 0; i < isData.length; i++) {
+ isHtml += `<div>${isData[i].name}:${isData[i].value}</div>`
+ }
+ }else {
+ isHtml += `寰楀垎:0`
}
return `<div class="tooltip-container">
<div class="title">${params.name}</div>
diff --git a/src/views/screen/components/subheading.vue b/src/views/screen/components/subheading.vue
index d387fd1..bca2bc0 100644
--- a/src/views/screen/components/subheading.vue
+++ b/src/views/screen/components/subheading.vue
@@ -88,7 +88,6 @@
}
]
}
-
myAnnular.setOption(option)
},
@@ -109,16 +108,15 @@
})
},
watch: {
- isData(){
- this.getW()
- this.$nextTick(() => {
- this.initChart(
- this.isData.value1,
- this.isData.value2,
- this.isData.color
- )
- })
- }
+ isData: {
+ handler(newVal, oldVal) {
+ this.getW()
+ this.$nextTick(() => {
+ this.initChart(newVal.value1, newVal.value2, newVal.color);
+ });
+ },
+ deep: true
+ },
}
}
</script>
diff --git a/src/views/screen/index.vue b/src/views/screen/index.vue
index 93572eb..987a159 100644
--- a/src/views/screen/index.vue
+++ b/src/views/screen/index.vue
@@ -916,6 +916,8 @@
background-repeat: no-repeat;
display: flex;
flex-direction: column;
+ justify-content: center;
+ align-items: center;
.item-facility-icon {
margin: 0 auto;
@@ -935,6 +937,7 @@
text-align: center;
font-size: 14px;
list-style-type: none;
+ padding-left: 0;
li:nth-child(1) {
.value {
--
Gitblit v1.8.0