From 2800fa4f32f3900509cb4d6eefaf2bfaf54efdd7 Mon Sep 17 00:00:00 2001
From: 罗广辉 <guanghui.luo@foxmail.com>
Date: Mon, 21 Apr 2025 18:29:09 +0800
Subject: [PATCH] fix: 天气显示
---
src/views/TaskManage/TaskTop/TaskTime.vue | 58 +++++++++++++++++++++++++++++++++++++++++++---------------
1 files changed, 43 insertions(+), 15 deletions(-)
diff --git a/src/views/TaskManage/TaskTop/TaskTime.vue b/src/views/TaskManage/TaskTop/TaskTime.vue
index c136bbb..ef1dbc9 100644
--- a/src/views/TaskManage/TaskTop/TaskTime.vue
+++ b/src/views/TaskManage/TaskTop/TaskTime.vue
@@ -11,6 +11,9 @@
import { jobNumBar } from '@/api/home/task';
import dayjs from 'dayjs';
import useEchartsResize from '@/hooks/useEchartsResize'
+import { useStore } from 'vuex';
+
+const store = useStore();
// 日期
const currenDate = dayjs().format('YYYY-MM-DD');
@@ -42,19 +45,37 @@
bottom: '2%',
containLabel: true
},
+ // xAxis: {
+ // type: 'category',
+ // axisLine: {
+ // lineStyle: {
+ // color: '#fff'
+ // }
+ // },
+ // axisLabel: {
+ // color: '#fff',
+ // interval: 0,
+ // rotate: 30
+ // }
+ // },
xAxis: {
- type: 'category',
- axisLine: {
- lineStyle: {
- color: '#fff'
- }
- },
- axisLabel: {
- color: '#fff',
- interval: 0,
- rotate: 30
- }
- },
+ type: 'category',
+ data: ['1'],
+ axisLine: {
+ show: false, // 隐藏轴线
+ },
+ axisTick: {
+ show: true,
+ length: 2,
+ lineStyle: {
+ color: '#ffffff',
+ },
+ },
+ axisLabel: {
+ color: '#ffffff',
+ margin: 8,
+ },
+ },
yAxis: {
type: 'value',
name: '单位：件',
@@ -93,8 +114,8 @@
};
// 获取任务时间统计数据
-const getJobNumBar = (value,date_enum) => {
- jobNumBar({date_enum}).then(res => {
+const getJobNumBar = (value) => {
+ jobNumBar(value).then(res => {
if (res.data.code !== 0) return;
option.xAxis.data = res.data.data.map(item => item.name);
option.series[0].data = res.data.data.map(item => item.value);
@@ -102,9 +123,16 @@
});
};
+// 添加监听
+watch(() => store.state.task.taskSearchParams, (newVal) => {
+ if (newVal) {
+ getJobNumBar(newVal);
+ (newVal);
+ }
+}, { deep: true });
onMounted(() => {
- getJobNumBar(newTime.value, 'CURRENT_YEAR');
+ getJobNumBar({date_enum: 'TODAY'});
});
</script>
--
Gitblit v1.9.3