From c76b6b7d56a681f4c0e62764fd922f90b4df03dd Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Thu, 20 Feb 2025 20:44:21 +0800
Subject: [PATCH] 安义基础配置调整
---
src/views/survey/components/box/unitContent.vue | 58 ++++++++++++++++++++++++++++++++++------------------------
1 files changed, 34 insertions(+), 24 deletions(-)
diff --git a/src/views/survey/components/box/unitContent.vue b/src/views/survey/components/box/unitContent.vue
index 42d0e83..ea977fa 100644
--- a/src/views/survey/components/box/unitContent.vue
+++ b/src/views/survey/components/box/unitContent.vue
@@ -2,37 +2,38 @@
* @Author: shuishen 1109946754@qq.com
* @Date: 2023-03-13 14:54:26
* @LastEditors: shuishen 1109946754@qq.com
- * @LastEditTime: 2024-11-05 17:15:55
+ * @LastEditTime: 2024-12-03 12:31:17
* @FilePath: \bigScreen\src\views\survey\components\box\unitContent.vue
* @Description:
*
* Copyright (c) 2023 by ${git_name_email}, All Rights Reserved.
-->
<script setup>
-import { useEchartsResize } from "hooks/useEchartsResize";
+import { useEchartsResize } from "hooks/useEchartsResize"
-import { getEmergencySpaceStatistic } from "../../../../api/indParkInfo";
+import { getEmergencySpaceStatistic } from "../../../../api/indParkInfo"
-let $echarts = inject("echarts");
-const curEcharts = ref(null);
+let $echarts = inject("echarts")
+const curEcharts = ref(null)
-let myEcharts = reactive(null);
+let myEcharts = reactive({
+ chart: ''
+})
-function getEmergencySpace() {
+function getEmergencySpace () {
getEmergencySpaceStatistic().then((res) => {
- // console.log(res)
- let data = res.data.data;
- let dataRsult = [];
- var total = 0;
+ let data = res.data.data
+ let dataRsult = []
+ var total = 0
data.forEach((item) => {
dataRsult.push({
name: item.type,
value: item.num,
- });
- total = total + item.num;
- });
+ })
+ total = total + item.num
+ })
- myEcharts.setOption({
+ myEcharts.chart.setOption({
title: {
text: "总数",
subtext: String(total),
@@ -51,7 +52,7 @@
},
legend: {
orient: "vertical",
- top: "5%",
+ top: "4%",
left: "5%",
textStyle: {
color: "#fff",
@@ -106,20 +107,29 @@
data: dataRsult,
},
],
- });
- });
+ })
+ })
}
nextTick(() => {
- myEcharts = $echarts.init(curEcharts.value);
- getEmergencySpace();
-});
+ myEcharts.chart = $echarts.init(curEcharts.value)
+ getEmergencySpace()
+})
const echartsResize = () => {
- myEcharts && myEcharts.resize();
-};
+ myEcharts.chart && myEcharts.chart.resize()
+}
-useEchartsResize(echartsResize);
+useEchartsResize(echartsResize)
+
+onUnmounted(() => {
+ if (myEcharts.chart) {
+ myEcharts.chart.clear()
+ myEcharts.chart.dispose()
+
+ myEcharts.chart = null
+ }
+})
</script>
<template>
--
Gitblit v1.9.3