From 898c836c57c22b9439321e96650f8a35b1cea917 Mon Sep 17 00:00:00 2001
From: 罗广辉 <guanghui.luo@foxmail.com>
Date: Sun, 13 Apr 2025 08:07:06 +0800
Subject: [PATCH] feat: 添加echartsResize hooks,添加ztzf组件样式
---
src/views/Home/HomeRight/EventOverview.vue | 8 ++++----
1 files changed, 4 insertions(+), 4 deletions(-)
diff --git a/src/views/Home/HomeRight/EventOverview.vue b/src/views/Home/HomeRight/EventOverview.vue
index c9c5d5e..e86fd05 100644
--- a/src/views/Home/HomeRight/EventOverview.vue
+++ b/src/views/Home/HomeRight/EventOverview.vue
@@ -64,6 +64,7 @@
import dayjs from 'dayjs';
import { selectDevicePage } from '@/api/home/machineNest';
import { useStore } from 'vuex'
+import useEchartsResize from '@/hooks/useEchartsResize'
const echartsOption = {
tooltip: {
@@ -139,7 +140,7 @@
};
});
const echartsRef = ref(null);
-let chart = null;
+let { chart } = useEchartsResize(echartsRef)
const deviceList = ref([]);
const today = dayjs().format('YYYY-MM-DD');
const timeArr = ref([today, today]);
@@ -233,13 +234,14 @@
Object.keys(seriesObj).forEach(key => {seriesObj[key].data = []})
list.forEach(item => {
item.data.forEach((item1, index) => {
+ if (!seriesObj?.[item1.status]) return
seriesObj[item1.status].data.push(item1.value);
});
});
completionRateSeries.data = list.map(item => item.rate);
echartsOption.series = Object.values(seriesObj);
echartsOption.series.push(completionRateSeries);
- chart.setOption(echartsOption);
+ chart.value.setOption(echartsOption);
});
};
@@ -264,8 +266,6 @@
};
onMounted(() => {
- chart = echarts.init(echartsRef.value);
- window.addEventListener('resize', chart.resize);
getJobEventTotal().then(res => {
eventTotal.value = res?.data?.data || 0;
});
--
Gitblit v1.9.3