|
|
@ -70,7 +70,7 @@ |
|
|
<el-col :span="24"> |
|
|
<el-col :span="24"> |
|
|
<el-card> |
|
|
<el-card> |
|
|
<template #header> |
|
|
<template #header> |
|
|
<span>用户注册</span> |
|
|
<span>用户新增</span> |
|
|
<el-select v-model="registrationSelectedDays" style="width: 100px; float: right" size="small" @change="loadRegistrationChartData"> |
|
|
<el-select v-model="registrationSelectedDays" style="width: 100px; float: right" size="small" @change="loadRegistrationChartData"> |
|
|
<el-option label="7天" :value="7"></el-option> |
|
|
<el-option label="7天" :value="7"></el-option> |
|
|
<el-option label="15天" :value="15"></el-option> |
|
|
<el-option label="15天" :value="15"></el-option> |
|
|
@ -225,7 +225,7 @@ const processChartData = (privateData: any[], groupData: any[]) => { |
|
|
return { dates, privateCounts, groupCounts }; |
|
|
return { dates, privateCounts, groupCounts }; |
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
|
// 加载用户注册统计图表数据 |
|
|
// 加载用户新增统计图表数据 |
|
|
const loadRegistrationChartData = async () => { |
|
|
const loadRegistrationChartData = async () => { |
|
|
try { |
|
|
try { |
|
|
const response = await getDailyRegistrationCount(registrationSelectedDays.value); |
|
|
const response = await getDailyRegistrationCount(registrationSelectedDays.value); |
|
|
@ -248,11 +248,11 @@ const loadRegistrationChartData = async () => { |
|
|
}); |
|
|
}); |
|
|
} |
|
|
} |
|
|
} catch (error) { |
|
|
} catch (error) { |
|
|
console.error('加载用户注册统计图表数据失败:', error); |
|
|
console.error('加载用户新增统计图表数据失败:', error); |
|
|
} |
|
|
} |
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
|
// 处理用户注册统计图表数据,填充缺失的日期 |
|
|
// 处理用户新增统计图表数据,填充缺失的日期 |
|
|
const processRegistrationChartData = (data: any[]) => { |
|
|
const processRegistrationChartData = (data: any[]) => { |
|
|
const dates: string[] = []; |
|
|
const dates: string[] = []; |
|
|
const counts: number[] = []; |
|
|
const counts: number[] = []; |
|
|
@ -393,7 +393,7 @@ onMounted(() => { |
|
|
initRegistrationChart(); |
|
|
initRegistrationChart(); |
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
// 初始化用户注册统计图表 |
|
|
// 初始化用户新增统计图表 |
|
|
const initRegistrationChart = async () => { |
|
|
const initRegistrationChart = async () => { |
|
|
await nextTick(); |
|
|
await nextTick(); |
|
|
if (registrationChartContainer.value) { |
|
|
if (registrationChartContainer.value) { |
|
|
@ -401,14 +401,14 @@ const initRegistrationChart = async () => { |
|
|
|
|
|
|
|
|
const option = { |
|
|
const option = { |
|
|
title: { |
|
|
title: { |
|
|
text: '每日用户注册趋势', |
|
|
text: '每日用户新增趋势', |
|
|
left: 'center' |
|
|
left: 'center' |
|
|
}, |
|
|
}, |
|
|
tooltip: { |
|
|
tooltip: { |
|
|
trigger: 'axis', |
|
|
trigger: 'axis', |
|
|
formatter: (params: any) => { |
|
|
formatter: (params: any) => { |
|
|
const data = params[0]; |
|
|
const data = params[0]; |
|
|
return `${data.name}<br/>注册用户: ${data.value}`; |
|
|
return `${data.name}<br/>新增用户: ${data.value}`; |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
xAxis: { |
|
|
xAxis: { |
|
|
@ -422,11 +422,11 @@ const initRegistrationChart = async () => { |
|
|
}, |
|
|
}, |
|
|
yAxis: { |
|
|
yAxis: { |
|
|
type: 'value', |
|
|
type: 'value', |
|
|
name: '注册用户数' |
|
|
name: '新增用户数' |
|
|
}, |
|
|
}, |
|
|
series: [ |
|
|
series: [ |
|
|
{ |
|
|
{ |
|
|
name: '注册用户', |
|
|
name: '新增用户', |
|
|
type: 'line', |
|
|
type: 'line', |
|
|
data: [], |
|
|
data: [], |
|
|
smooth: true, |
|
|
smooth: true, |
|
|
|