zS/go-viee-fetch-Demo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(Charts): 添加日期转换函数并更新周数据格式

Browse Source 
添加 convertToChineseWeekday 函数将日期转换为中文星期显示
更新 mock 数据中的周数据格式，使用 alarm_time_ 字段替代 week_day_name
This commit is contained in:
gaohaifeng 2025-08-28 15:56:11 +08:00
parent 3a496ab48e
commit 8e1f7b6c87
2 changed files with 28 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/packages/components/Charts/HazardousChemicalsSpace/LineGraph01Haz/index.vue
View File

@ -98,6 +98,13 @@ const fetchChartData = async (option: string) => {
}
}
// 添加日期转换函数
const convertToChineseWeekday = (dateString: string): string => {
const date = new Date(dateString)
const weekdays = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六']
return weekdays[date.getDay()]
}
// 数据转换函数：将API返回的数据转换为组件需要的格式
const convertApiDataToMockFormat = async (timeRange: string) => {
const dataArray = await fetchChartData(timeRange)
@ -129,7 +136,7 @@ const convertApiDataToMockFormat = async (timeRange: string) => {
break
case 'week':
datavalues = [['时间', '数值'], ...dataArray.map(item => [
item.week_day_name || '',
convertToChineseWeekday(item.alarm_time_),
item.avg_handle_time_seconds || 0
])]
break

33
src/packages/components/Charts/HazardousChemicalsSpace/LineGraph01Haz/mock1.json
View File

@ -15,25 +15,32 @@
],
"week": [
{
"a": 4,
"alarm_count": 10,
"un_alarm_count": 45,
"week_day_name": "星期一",
"avg_handle_time_seconds": 6360,
"day_of_week": 2
"alarm_time_": "2025-08-25T13:31:00",
"day_of_week": 25
},
{
"alarm_count": 15,
"un_alarm_count": 45,
"week_day_name": "星期二",
"avg_handle_time_seconds": 11996,
"day_of_week": 3
"a": 4,
"alarm_count": 10,
"avg_handle_time_seconds": 12300,
"alarm_time_": "2025-08-26T12:02:00",
"day_of_week": 26
},
{
"alarm_count": 150,
"un_alarm_count": 45,
"week_day_name": "星期三",
"avg_handle_time_seconds": 7537.6067,
"day_of_week": 4
"a": 4,
"alarm_count": 100,
"avg_handle_time_seconds": 6801.01,
"alarm_time_": "2025-08-27T13:00:00",
"day_of_week": 27
},
{
"a": 4,
"alarm_count": 20,
"avg_handle_time_seconds": 8760,
"alarm_time_": "2025-08-28T12:16:00",
"day_of_week": 28
}
],
"month": [