cloud
/
cloud_admin
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

首页接口对接

Browse Source
master
shilei 2 months ago
parent ccaef7cca7
commit ef7bf8f261
6 changed files with 82 additions and 78 deletions
Show Stats Download Patch File Download Diff File

13
src/api/mall/statistics/member.ts
Unescape View File

@ -76,10 +76,9 @@ export const getMemberSummary = () => {
}
// 查询会员分析数据
export const getMemberAnalyse = (params: MemberAnalyseReqVO) => {
return request.get<MemberAnalyseRespVO>({
url: '/statistics/member/analyse',
params: { times: [formatDate(params.times[0]), formatDate(params.times[1])] }
export const getMemberAnalyse = () => {
return request.post<MemberAnalyseRespVO>({
url: '/cloud/home/getStationRanking'
})
}
@ -131,6 +130,12 @@ export const getHomeSwapInfo = (data) => {
})
}
export const getTodayAndYesterdayStats = () => {
return request.post<any>({
url: '/cloud/home/getTodayAndYesterdayStats'
})
}
export const getTotalswapCount = (data) => {
return request.post<any>({
url: '/cloud/statistics/total/swapCount',

6
src/views/mall/home/components/MemberStatisticsCard.vue
Unescape View File

@ -130,7 +130,6 @@ const handleTimeRangeTypeChange = async () => {
}
getlist()
// 发送时间范围选中事件
}
const getlist = async () => {
@ -143,6 +142,11 @@ const getlist = async () => {
let x_data = []
// 换电营收
let y_data_1 = []
if (response.length === 0) {
return
}
for (let item of response) {
x_data.push(item.stationName)
y_data_1.push(item.swapVehicleCount)

3
src/views/mall/home/components/TradeTrendCard.vue
Unescape View File

@ -200,6 +200,9 @@ const getlist = async () => {
let y_data_2 = []
// 换电次数
// let y_data_3 = []
if (response.length > 0) {
return
}
for (let item of response) {
x_data.push(item.stationName)
y_data_1.push(item.swapRevenue / 100)

42
src/views/mall/home/index.vue
Unescape View File

@ -8,32 +8,32 @@
title="营收"
prefix="￥"
::decimals="2"
:value="fenToYuan(orderComparison?.value?.orderPayPrice || 352100.16)"
:reference="fenToYuan(orderComparison?.reference?.orderPayPrice || 423000.2)"
:value="orderComparison.actualPay / 100"
:reference="orderComparison.yesterdayActualPay / 100"
/>
</el-col>
<el-col :md="4" :sm="12" :xs="24" :loading="loading">
<ComparisonCard
tag="今日"
title="换电次数"
:value="userComparison?.value?.visitUserCount || 30"
:reference="userComparison?.reference?.visitUserCount || 23"
:value="orderComparison.swapCount"
:reference="orderComparison.yesterdaySwapCount"
/>
</el-col>
<el-col :md="4" :sm="12" :xs="24" :loading="loading">
<ComparisonCard
tag="今日"
title="电量"
:value="fenToYuan(orderComparison?.value?.orderPayCount || 568900)"
:reference="fenToYuan(orderComparison?.reference?.orderPayCount || 683287)"
:value="orderComparison.totalElectricity"
:reference="orderComparison.yesterdayTotalElectricity"
/>
</el-col>
<el-col :md="4" :sm="12" :xs="24" :loading="loading">
<ComparisonCard
tag="今日"
title="换电车辆"
:value="userComparison?.value?.registerUserCount || 14"
:reference="userComparison?.reference?.registerUserCount || 14"
:value="orderComparison.vehicleCount"
:reference="orderComparison.yesterdayVehicleCount"
/>
</el-col>
<el-col :md="6" :sm="12" :xs="24" :loading="loading">
@ -41,8 +41,8 @@
tag="今日"
title="真实金额"
prefix="￥"
:value="userComparison?.value?.registerUserCount || 3521.16"
:reference="userComparison?.reference?.registerUserCount || 4230.20"
:value="orderComparison.actualPay / 100"
:reference="orderComparison.yesterdayActualPay / 100"
/>
</el-col>
</el-row>
@ -91,21 +91,27 @@ import MemberFunnelCard from '@/views/mall/statistics/member/components/MemberFu
defineOptions({ name: 'MallHome' })
const loading = ref(true) // 加载中
const orderComparison = ref({
actualPay: 0,
swapCount: 0,
totalElectricity: 0,
vehicleCount: 0,
yesterdayActualPay: 0,
yesterdaySwapCount: 0,
yesterdayTotalElectricity: 0,
yesterdayVehicleCount: 0
}) // 订单数据对比
const getlist = async () => {
let data = {
startTime: '',
endTime: ''
}
const response = await MemberStatisticsApi.getHomeSwapInfo(data)
console.log(response, 'data')
const response = await MemberStatisticsApi.getTodayAndYesterdayStats()
// console.log(response, 'data')
orderComparison.value = response
}
/** 初始化 **/
onMounted(async () => {
// loading.value = true
// loading.value = false
// getlist()
getlist()
})
</script>
<style lang="scss" scoped>

59
src/views/mall/statistics/member/components/MemberFunnelCard.vue
Unescape View File

@ -2,80 +2,56 @@
<el-card shadow="never">
<template #header>
<div class="my--1.5 flex flex-row items-center justify-between">
<CardTitle title="换电站收入排行" />
<CardTitle title="换电站收入排行(元)" />
<!-- 查询条件 -->
<!-- <ShortcutDateRangePicker @change="handleTimeRangeChange" /> -->
</div>
</template>
<div class="min-w-225 py-1.75" v-loading="loading">
<div class="relative h-24 flex">
<div class="relative h-24 flex" v-if="analyseData.length > 0">
<div class="h-full w-75% bg-blue-50 <lg:w-35% <xl:w-55%">
<div class="ml-15 h-full flex flex-col justify-center">
<div class="font-bold">
合肥站：{{ analyseData?.comparison?.value?.registerUserCount || 943.58 }}
{{ analyseData[0].stationName }}: {{ analyseData[0].actualPay / 100 || 0 }}
</div>
<!-- <div class="mt-2 text-3.5">
合肥换电站：{{
calculateRelativeRate(
analyseData?.comparison?.value?.registerUserCount,
analyseData?.comparison?.reference?.registerUserCount
)
}}%
</div> -->
</div>
</div>
<div
class="trapezoid1 ml--38.5 mt-1.5 h-full w-77 flex flex-col items-center justify-center bg-blue-5 text-3.5 text-white"
>
<span class="text-6 font-bold">{{ analyseData?.visitUserCount || 943.58 }}</span>
<span class="text-6 font-bold">￥{{ analyseData[0].actualPay / 100 || 0 }}</span>
<span>Number One</span>
</div>
</div>
<div class="relative h-24 flex">
<div class="relative h-24 flex" v-if="analyseData.length > 1">
<div class="h-full w-75% flex bg-cyan-50 <lg:w-35% <xl:w-55%">
<div class="ml-15 h-full flex flex-col justify-center">
<div class="font-bold">
长沙站：{{ analyseData?.comparison?.value?.visitUserCount || 504.22 }}
{{ analyseData[1].stationName }}: {{ analyseData[1].actualPay / 100 || 0 }}
</div>
<!-- <div class="mt-2 text-3.5">
武汉换电站：{{
calculateRelativeRate(
analyseData?.comparison?.value?.visitUserCount,
analyseData?.comparison?.reference?.visitUserCount
)
}}%
</div> -->
</div>
</div>
<div
class="trapezoid2 ml--28 mt-1.7 h-25 w-56 flex flex-col items-center justify-center bg-cyan-5 text-3.5 text-white"
>
<span class="text-6 font-bold">{{ analyseData?.orderUserCount || 504.22 }}</span>
<span class="text-6 font-bold">￥{{ analyseData[1].actualPay / 100 || 0 }}</span>
<span>Number Two</span>
</div>
</div>
<div class="relative h-24 flex">
<div class="relative h-24 flex" v-if="analyseData.length > 2">
<div class="w-75% flex bg-slate-50 <lg:w-35% <xl:w-55%">
<div class="ml-15 h-full flex flex-row gap-x-16">
<div class="flex flex-col justify-center">
<div class="font-bold">
南京站：{{ analyseData?.comparison?.value?.rechargeUserCount || 186.20 }}
{{ analyseData[2].stationName }}: {{ analyseData[2].actualPay / 100 || 0 }}
</div>
<!-- <div class="mt-2 text-3.5">
南京换电站：{{
calculateRelativeRate(
analyseData?.comparison?.value?.rechargeUserCount,
analyseData?.comparison?.reference?.rechargeUserCount
)
}}%
</div> -->
</div>
</div>
</div>
<div
class="trapezoid3 ml--18 mt-3.25 h-23 w-36 flex flex-col items-center justify-center bg-slate-5 text-3.5 text-white"
>
<span class="text-6 font-bold">{{ analyseData?.payUserCount || 186.20 }}</span>
<span class="text-6 font-bold">￥{{ analyseData[2].actualPay / 100 || 0 }}</span>
<span>Number Three</span>
</div>
</div>
@ -93,15 +69,20 @@ import { CardTitle } from '@/components/Card'
defineOptions({ name: 'MemberFunnelCard' })
const loading = ref(false) // 加载中
const analyseData = ref<MemberAnalyseRespVO>() // 会员分析数据
const analyseData = ref([]) // 会员分析数据
/** 查询会员概览数据列表 */
const handleTimeRangeChange = async (times: [dayjs.ConfigType, dayjs.ConfigType]) => {
// loading.value = true
const handleTimeRangeChange = async () => {
loading.value = true
// 查询数据
// analyseData.value = await MemberStatisticsApi.getMemberAnalyse({ times })
// loading.value = false
analyseData.value = await MemberStatisticsApi.getMemberAnalyse()
// console.log(analyseData.value)
loading.value = false
}
onMounted(async () => {
handleTimeRangeChange()
})
</script>
<style lang="scss" scoped>
.trapezoid1 {

37
src/views/mall/statistics/member/components/MemberTerminalCard.vue
Unescape View File

@ -38,11 +38,11 @@ const terminalChartOptions = reactive<EChartsOption>({
show: true
},
data: [
{ value: 943.58, name: '合肥站' },
{ value: 504.22, name: '长沙站' },
{ value: 186.2, name: '南京站' },
{ value: 0, name: '海口站' },
{ value: 0, name: '石家庄站' }
// { value: 943.58, name: '合肥站' },
// { value: 504.22, name: '长沙站' },
// { value: 186.2, name: '南京站' },
// { value: 0, name: '海口站' },
// { value: 0, name: '石家庄站' }
]
}
]
@ -51,22 +51,27 @@ const terminalChartOptions = reactive<EChartsOption>({
/** 按照终端，查询会员统计列表 */
const getMemberTerminalStatisticsList = async () => {
loading.value = true
const list = await MemberStatisticsApi.getMemberTerminalStatisticsList()
const dictDataList = getIntDictOptions(DICT_TYPE.TERMINAL)
terminalChartOptions.series![0].data = dictDataList.map((dictData: DictDataType) => {
const userCount = list.find(
(item: MemberTerminalStatisticsRespVO) => item.terminal === dictData.value
)?.userCount
return {
name: dictData.label,
value: userCount || 0
const list = await MemberStatisticsApi.getMemberAnalyse()
// console.log(list, 'list')
// const dictDataList = getIntDictOptions(DICT_TYPE.TERMINAL)
let list_str = []
if (list.length == 0) {
return
}
for (let item of list) {
let obj = {
value: item.actualPay / 100,
name: item.stationName
}
})
list_str.push(obj)
}
terminalChartOptions.series![0].data = list_str
loading.value = false
}
/** 初始化 **/
onMounted(() => {
// getMemberTerminalStatisticsList()
getMemberTerminalStatisticsList()
})
</script>

Write Preview
Loading…
Cancel
Save