From b14ebbffee4e7d5ab021fb9743d5135d357de1b5 Mon Sep 17 00:00:00 2001
From: chenyao <1219716595@qq.com>
Date: Mon, 14 Apr 2025 11:02:58 +0800
Subject: [PATCH] feat:增加任务管理store
---
src/views/TaskManage/TaskTop/TaskEvent.vue | 29 +++++++----------------------
1 files changed, 7 insertions(+), 22 deletions(-)
diff --git a/src/views/TaskManage/TaskTop/TaskEvent.vue b/src/views/TaskManage/TaskTop/TaskEvent.vue
index cb3189d..acc2dc5 100644
--- a/src/views/TaskManage/TaskTop/TaskEvent.vue
+++ b/src/views/TaskManage/TaskTop/TaskEvent.vue
@@ -10,13 +10,15 @@
import * as echarts from 'echarts';
import { jobEventBar } from '@/api/home/task';
import dayjs from 'dayjs';
+import useEchartsResize from '@/hooks/useEchartsResize'
// 日期
const currenDate = dayjs().format('YYYY-MM-DD');
const newTime = ref([currenDate, currenDate]);
// 图表
const chartRef = ref(null);
-let chart = null;
+let { chart } = useEchartsResize(chartRef)
+
const option = {
tooltip: {
@@ -104,33 +106,15 @@
option.xAxis.data = res.data.data.map(item => item.name);
option.series[0].data = res.data?.data.map(item => item.data[0].value);
option.series[1].data = res.data?.data.map(item => item.data[1].value);
- chart.setOption(option);
+ chart.value.setOption(option);
});
};
-onBeforeUnmount(() => {
- if (chart) {
- chart.dispose();
- chart = null;
- }
- window.removeEventListener('resize', handleResize);
-});
onMounted(() => {
- chart = echarts.init(chartRef.value);
getJobEventBar(newTime.value, 'CURRENT_YEAR');
-
- window.addEventListener('resize', () => {
- if (chart && !chart.isDisposed()) {
- chart.resize();
- }
- });
});
-onUnmounted(() => {
- window.removeEventListener('resize', chart?.resize);
- chart?.dispose();
-});
</script>
<style lang="scss" scoped>
@@ -140,17 +124,18 @@
height: 100%;
margin-left: 40px;
.title {
- margin-top: 10px;
+ margin-top: 10px;
width: 660px;
height: 28.6px;
background: url('@/assets/images/task/task-event-total.png') no-repeat center / 100% 100%;
color: #CFEAFF;
padding-left: 44px;
line-height: 8px;
+ font-size: 14px;
}
.chart {
width: 100%;
height: 200px;
}
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.3