r
/
hangtag
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

提交

This commit is contained in:
Mrking 2024-09-15 22:05:35 +08:00
parent 355e94cc2e
commit 247ab3f00f
6 changed files with 50 additions and 604 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

124
hangtag-ui/hangtag-ui-admin/src/views/Home/Index.vue
View File

@ -1,78 +1,54 @@
<!--<template>-->
<!-- <div class="flex flex-col">-->
<!-- &lt;!&ndash; 数据对照 &ndash;&gt;-->
<!-- <el-row :gutter="16" class="row">-->
<!-- <el-col :md="6" :sm="12" :xs="24" :loading="loading">-->
<!-- <ComparisonCard-->
<!-- tag="今日"-->
<!-- title="订单量"-->
<!-- :value="orderComparison?.value?.orderPayCount || 0"-->
<!-- :reference="orderComparison?.reference?.orderPayCount || 0"-->
<!-- />-->
<!-- </el-col>-->
<template>
<div class="flex flex-col">
<!--
&lt;!&ndash; 数据对照 &ndash;&gt;
<el-row :gutter="16" class="row">
<el-col :md="6" :sm="12" :xs="24" :loading="loading">
<ComparisonCard
tag="今日"
title="订单量"
:value="orderComparison?.value?.orderPayCount || 0"
:reference="orderComparison?.reference?.orderPayCount || 0"
/>
</el-col>
<!-- <el-col :md="6" :sm="12" :xs="24" :loading="loading">-->
<!-- <ComparisonCard-->
<!-- tag="本周"-->
<!-- title="订单量"-->
<!-- :value="orderComparison?.value?.orderPayCount || 0"-->
<!-- :reference="orderComparison?.reference?.orderPayCount || 0"-->
<!-- />-->
<!-- </el-col>-->
<el-col :md="6" :sm="12" :xs="24" :loading="loading">
<ComparisonCard
tag="本周"
title="订单量"
:value="orderComparison?.value?.orderPayCount || 0"
:reference="orderComparison?.reference?.orderPayCount || 0"
/>
</el-col>
<!-- <el-col :md="6" :sm="12" :xs="24" :loading="loading">-->
<!-- <ComparisonCard-->
<!-- tag="本月"-->
<!-- title="订单量"-->
<!-- :value="orderComparison?.value?.orderPayCount || 0"-->
<!-- :reference="orderComparison?.reference?.orderPayCount || 0"-->
<!-- />-->
<!-- </el-col>-->
<!-- <el-col :md="6" :sm="12" :xs="24" :loading="loading">-->
<!-- <ComparisonCard-->
<!-- tag="本年"-->
<!-- title="订单量"-->
<!-- :value="orderComparison?.value?.orderPayCount || 0"-->
<!-- :reference="orderComparison?.reference?.orderPayCount || 0"-->
<!-- />-->
<!-- </el-col>-->
<!-- </el-row>-->
<el-col :md="6" :sm="12" :xs="24" :loading="loading">
<ComparisonCard
tag="本月"
title="订单量"
:value="orderComparison?.value?.orderPayCount || 0"
:reference="orderComparison?.reference?.orderPayCount || 0"
/>
</el-col>
<el-col :md="6" :sm="12" :xs="24" :loading="loading">
<ComparisonCard
tag="本年"
title="订单量"
:value="orderComparison?.value?.orderPayCount || 0"
:reference="orderComparison?.reference?.orderPayCount || 0"
/>
</el-col>
</el-row>
-->
<!-- </div>-->
<!--</template>-->
<!--<script lang="ts" setup>-->
<!--import * as TradeStatisticsApi from '@/api/oms/statistics/trade'-->
<!--import {TradeOrderSummaryRespVO} from '@/api/oms/statistics/trade'-->
<!--import {DataComparisonRespVO} from '@/api/oms/statistics/common'-->
<!--import ComparisonCard from './components/ComparisonCard.vue'-->
</div>
</template>
<script lang="ts" setup>
<!--/** 商城首页 */-->
<!--defineOptions({ name: 'MallHome' })-->
<!--const loading = ref(true) // 加载中-->
<!--const orderComparison = ref<DataComparisonRespVO<TradeOrderSummaryRespVO>>() // 交易对照数据-->
<!--/** 查询交易对照卡片数据 */-->
<!--const getOrderComparison = async () => {-->
<!-- orderComparison.value = await TradeStatisticsApi.getOrderComparison()-->
<!--}-->
<!--/** 查询会员用户数量对照卡片数据 */-->
<!--/*const getUserCountComparison = async () => {-->
<!-- userComparison.value = await MemberStatisticsApi.getUserCountComparison()-->
<!--}*/-->
<!--/** 初始化 **/-->
<!--onMounted(async () => {-->
<!-- loading.value = true-->
<!-- await Promise.all([getOrderComparison()])-->
<!-- loading.value = false-->
<!--})-->
<!--</script>-->
<!--<style lang="scss" scoped>-->
<!--.row {-->
<!-- .el-col {-->
<!-- margin-bottom: 1rem;-->
<!-- }-->
<!--}-->
<!--</style>-->
</script>
<style lang="scss" scoped>
.row {
.el-col {
margin-bottom: 1rem;
}
}
</style>

42
hangtag-ui/hangtag-ui-admin/src/views/Home/components/ComparisonCard.vue
View File

@ -1,42 +0,0 @@
<!--<template>-->
<!-- <div class="flex flex-col gap-2 bg-[var(&#45;&#45;el-bg-color-overlay)] p-6">-->
<!-- <div class="flex items-center justify-between text-gray-500">-->
<!-- <span>{{ title }}</span>-->
<!-- <el-tag>{{ tag }}</el-tag>-->
<!-- </div>-->
<!-- <div class="flex flex-row items-baseline justify-between">-->
<!-- <CountTo :prefix="prefix" :end-val="value" :decimals="decimals" class="text-3xl" />-->
<!-- <span :class="toNumber(percent) > 0 ? 'text-red-500' : 'text-green-500'">-->
<!-- {{ Math.abs(toNumber(percent)) }}%-->
<!-- <Icon :icon="toNumber(percent) > 0 ? 'ep:caret-top' : 'ep:caret-bottom'" class="!text-sm" />-->
<!-- </span>-->
<!-- </div>-->
<!-- <el-divider class="mb-1! mt-2!" />-->
<!-- <div class="flex flex-row items-center justify-between text-sm">-->
<!-- <span class="text-gray-500">昨日数据</span>-->
<!-- <span>{{ prefix || '' }}{{ reference }}</span>-->
<!-- </div>-->
<!-- </div>-->
<!--</template>-->
<!--<script lang="ts" setup>-->
<!--import { propTypes } from '@/utils/propTypes'-->
<!--import { toNumber } from 'lodash-es'-->
<!--import { calculateRelativeRate } from '@/utils'-->
<!--/** 交易对照卡片 */-->
<!--defineOptions({ name: 'ComparisonCard' })-->
<!--const props = defineProps({-->
<!-- title: propTypes.string.def('').isRequired,-->
<!-- tag: propTypes.string.def(''),-->
<!-- prefix: propTypes.string.def(''),-->
<!-- value: propTypes.number.def(0).isRequired,-->
<!-- reference: propTypes.number.def(0).isRequired,-->
<!-- decimals: propTypes.number.def(0)-->
<!--})-->
<!--// 计算环比-->
<!--const percent = computed(() =>-->
<!-- calculateRelativeRate(props.value as number, props.reference as number)-->
<!--)-->
<!--</script>-->

91
hangtag-ui/hangtag-ui-admin/src/views/Home/components/MemberStatisticsCard.vue
View File

@ -1,91 +0,0 @@
<!--<template>-->
<!-- <el-card shadow="never">-->
<!-- <template #header>-->
<!-- <CardTitle title="用户统计" />-->
<!-- </template>-->
<!-- &lt;!&ndash; 折线图 &ndash;&gt;-->
<!-- <Echart :height="300" :options="lineChartOptions" />-->
<!-- </el-card>-->
<!--</template>-->
<!--<script lang="ts" setup>-->
<!--import dayjs from 'dayjs'-->
<!--import { EChartsOption } from 'echarts'-->
<!--import * as MemberStatisticsApi from '@/api/mall/statistics/member'-->
<!--import { formatDate } from '@/utils/formatTime'-->
<!--import { CardTitle } from '@/components/Card'-->
<!--/** 会员用户统计卡片 */-->
<!--defineOptions({ name: 'MemberStatisticsCard' })-->
<!--const loading = ref(true) // 加载中-->
<!--/** 折线图配置 */-->
<!--const lineChartOptions = reactive<EChartsOption>({-->
<!-- dataset: {-->
<!-- dimensions: ['date', 'count'],-->
<!-- source: []-->
<!-- },-->
<!-- grid: {-->
<!-- left: 20,-->
<!-- right: 20,-->
<!-- bottom: 20,-->
<!-- top: 80,-->
<!-- containLabel: true-->
<!-- },-->
<!-- legend: {-->
<!-- top: 50-->
<!-- },-->
<!-- series: [{ name: '注册量', type: 'line', smooth: true, areaStyle: {} }],-->
<!-- toolbox: {-->
<!-- feature: {-->
<!-- // 数据区域缩放-->
<!-- dataZoom: {-->
<!-- yAxisIndex: false // Y轴不缩放-->
<!-- },-->
<!-- brush: {-->
<!-- type: ['lineX', 'clear'] // 区域缩放按钮、还原按钮-->
<!-- },-->
<!-- saveAsImage: { show: true, name: '会员统计' } // 保存为图片-->
<!-- }-->
<!-- },-->
<!-- tooltip: {-->
<!-- trigger: 'axis',-->
<!-- axisPointer: {-->
<!-- type: 'cross'-->
<!-- },-->
<!-- padding: [5, 10]-->
<!-- },-->
<!-- xAxis: {-->
<!-- type: 'category',-->
<!-- boundaryGap: false,-->
<!-- axisTick: {-->
<!-- show: false-->
<!-- },-->
<!-- axisLabel: {-->
<!-- formatter: (date: string) => formatDate(date, 'MM-DD')-->
<!-- }-->
<!-- },-->
<!-- yAxis: {-->
<!-- axisTick: {-->
<!-- show: false-->
<!-- }-->
<!-- }-->
<!--}) as EChartsOption-->
<!--const getMemberRegisterCountList = async () => {-->
<!-- loading.value = true-->
<!-- // 查询最近一月数据-->
<!-- const beginTime = dayjs().subtract(30, 'd').startOf('d')-->
<!-- const endTime = dayjs().endOf('d')-->
<!-- const list = await MemberStatisticsApi.getMemberRegisterCountList(beginTime, endTime)-->
<!-- // 更新 Echarts 数据-->
<!-- if (lineChartOptions.dataset && lineChartOptions.dataset['source']) {-->
<!-- lineChartOptions.dataset['source'] = list-->
<!-- }-->
<!-- loading.value = false-->
<!--}-->
<!--/** 初始化 **/-->
<!--onMounted(() => {-->
<!-- getMemberRegisterCountList()-->
<!--})-->
<!--</script>-->

107
hangtag-ui/hangtag-ui-admin/src/views/Home/components/OperationDataCard.vue
View File

@ -1,107 +0,0 @@
<!--<template>-->
<!-- <el-card shadow="never">-->
<!-- <template #header>-->
<!-- <CardTitle title="运营数据" />-->
<!-- </template>-->
<!-- <div class="flex flex-row flex-wrap items-center gap-8 p-4">-->
<!-- <div-->
<!-- v-for="item in data"-->
<!-- :key="item.name"-->
<!-- class="h-20 w-20% flex flex-col cursor-pointer items-center justify-center gap-2"-->
<!-- @click="handleClick(item.routerName)"-->
<!-- >-->
<!-- <CountTo-->
<!-- :prefix="item.prefix"-->
<!-- :end-val="item.value"-->
<!-- :decimals="item.decimals"-->
<!-- class="text-3xl"-->
<!-- />-->
<!-- <span class="text-center">{{ item.name }}</span>-->
<!-- </div>-->
<!-- </div>-->
<!-- </el-card>-->
<!--</template>-->
<!--<script lang="ts" setup>-->
<!--import * as ProductSpuApi from '@/api/mall/product/spu'-->
<!--import * as TradeStatisticsApi from '@/api/mall/statistics/trade'-->
<!--import * as PayStatisticsApi from '@/api/mall/statistics/pay'-->
<!--import { CardTitle } from '@/components/Card'-->
<!--/** 运营数据卡片 */-->
<!--defineOptions({ name: 'OperationDataCard' })-->
<!--const router = useRouter() // 路由-->
<!--/** 数据 */-->
<!--const data = reactive({-->
<!-- orderUndelivered: { name: '待发货订单', value: 9, routerName: 'TradeOrder' },-->
<!-- orderAfterSaleApply: { name: '退款中订单', value: 4, routerName: 'TradeAfterSale' },-->
<!-- orderWaitePickUp: { name: '待核销订单', value: 0, routerName: 'TradeOrder' },-->
<!-- productAlertStock: { name: '库存预警', value: 0, routerName: 'ProductSpu' },-->
<!-- productForSale: { name: '上架商品', value: 0, routerName: 'ProductSpu' },-->
<!-- productInWarehouse: { name: '仓库商品', value: 0, routerName: 'ProductSpu' },-->
<!-- withdrawAuditing: { name: '提现待审核', value: 0, routerName: 'TradeBrokerageWithdraw' },-->
<!-- rechargePrice: {-->
<!-- name: '账户充值',-->
<!-- value: 0.0,-->
<!-- prefix: '￥',-->
<!-- decimals: 2,-->
<!-- routerName: 'PayWalletRecharge'-->
<!-- }-->
<!--})-->
<!--/** 查询订单数据 */-->
<!--const getOrderData = async () => {-->
<!-- const orderCount = await TradeStatisticsApi.getOrderCount()-->
<!-- if (orderCount.undelivered != null) {-->
<!-- data.orderUndelivered.value = orderCount.undelivered-->
<!-- }-->
<!-- if (orderCount.afterSaleApply != null) {-->
<!-- data.orderAfterSaleApply.value = orderCount.afterSaleApply-->
<!-- }-->
<!-- if (orderCount.pickUp != null) {-->
<!-- data.orderWaitePickUp.value = orderCount.pickUp-->
<!-- }-->
<!-- if (orderCount.auditingWithdraw != null) {-->
<!-- data.withdrawAuditing.value = orderCount.auditingWithdraw-->
<!-- }-->
<!--}-->
<!--/** 查询商品数据 */-->
<!--const getProductData = async () => {-->
<!-- // TODO: @芋艿：这个接口的返回值，是不是用命名字段更好些？-->
<!-- const productCount = await ProductSpuApi.getTabsCount()-->
<!-- data.productForSale.value = productCount['0']-->
<!-- data.productInWarehouse.value = productCount['1']-->
<!-- data.productAlertStock.value = productCount['3']-->
<!--}-->
<!--/** 查询钱包充值数据 */-->
<!--const getWalletRechargeData = async () => {-->
<!-- const paySummary = await PayStatisticsApi.getWalletRechargePrice()-->
<!-- data.rechargePrice.value = paySummary.rechargePrice-->
<!--}-->
<!--/**-->
<!-- * 跳转到对应页面-->
<!-- *-->
<!-- * @param routerName 路由页面组件的名称-->
<!-- */-->
<!--const handleClick = (routerName: string) => {-->
<!-- router.push({ name: routerName })-->
<!--}-->
<!--/** 激活时 */-->
<!--onActivated(() => {-->
<!-- getOrderData()-->
<!-- getProductData()-->
<!-- getWalletRechargeData()-->
<!--})-->
<!--/** 初始化 **/-->
<!--onMounted(() => {-->
<!-- getOrderData()-->
<!-- getProductData()-->
<!-- getWalletRechargeData()-->
<!--})-->
<!--</script>-->

82
hangtag-ui/hangtag-ui-admin/src/views/Home/components/ShortcutCard.vue
View File

@ -1,82 +0,0 @@
<!--<template>-->
<!-- <el-card shadow="never">-->
<!-- <template #header>-->
<!-- <CardTitle title="快捷入口" />-->
<!-- </template>-->
<!-- <div class="flex flex-row flex-wrap gap-8 p-4">-->
<!-- <div-->
<!-- v-for="menu in menuList"-->
<!-- :key="menu.name"-->
<!-- class="h-20 w-20% flex flex-col cursor-pointer items-center justify-center gap-2"-->
<!-- @click="handleMenuClick(menu.routerName)"-->
<!-- >-->
<!-- <div-->
<!-- :class="menu.bgColor"-->
<!-- class="h-48px w-48px flex items-center justify-center rounded text-white"-->
<!-- >-->
<!-- <Icon :icon="menu.icon" class="text-7.5!" />-->
<!-- </div>-->
<!-- <span>{{ menu.name }}</span>-->
<!-- </div>-->
<!-- </div>-->
<!-- </el-card>-->
<!--</template>-->
<!--<script lang="ts" setup>-->
<!--/** 快捷入口卡片 */-->
<!--import { CardTitle } from '@/components/Card'-->
<!--defineOptions({ name: 'ShortcutCard' })-->
<!--const router = useRouter() // 路由-->
<!--/** 菜单列表 */-->
<!--const menuList = [-->
<!-- { name: '用户管理', icon: 'ep:user-filled', bgColor: 'bg-red-400', routerName: 'MemberUser' },-->
<!-- {-->
<!-- name: '商品管理',-->
<!-- icon: 'fluent-mdl2:product',-->
<!-- bgColor: 'bg-orange-400',-->
<!-- routerName: 'ProductSpu'-->
<!-- },-->
<!-- { name: '订单管理', icon: 'ep:list', bgColor: 'bg-yellow-500', routerName: 'TradeOrder' },-->
<!-- {-->
<!-- name: '售后管理',-->
<!-- icon: 'ri:refund-2-line',-->
<!-- bgColor: 'bg-green-600',-->
<!-- routerName: 'TradeAfterSale'-->
<!-- },-->
<!-- {-->
<!-- name: '分销管理',-->
<!-- icon: 'fa-solid:project-diagram',-->
<!-- bgColor: 'bg-cyan-500',-->
<!-- routerName: 'TradeBrokerageUser'-->
<!-- },-->
<!-- {-->
<!-- name: '优惠券',-->
<!-- icon: 'ep:ticket',-->
<!-- bgColor: 'bg-blue-500',-->
<!-- routerName: 'PromotionCoupon'-->
<!-- },-->
<!-- {-->
<!-- name: '拼团活动',-->
<!-- icon: 'fa:group',-->
<!-- bgColor: 'bg-purple-500',-->
<!-- routerName: 'PromotionBargainActivity'-->
<!-- },-->
<!-- {-->
<!-- name: '佣金提现',-->
<!-- icon: 'vaadin:money-withdraw',-->
<!-- bgColor: 'bg-rose-500',-->
<!-- routerName: 'TradeBrokerageWithdraw'-->
<!-- }-->
<!--]-->
<!--/**-->
<!-- * 跳转到菜单对应页面-->
<!-- *-->
<!-- * @param routerName 路由页面组件的名称-->
<!-- */-->
<!--const handleMenuClick = (routerName: string) => {-->
<!-- router.push({ name: routerName })-->
<!--}-->
<!--</script>-->

208
hangtag-ui/hangtag-ui-admin/src/views/Home/components/TradeTrendCard.vue
View File

@ -1,208 +0,0 @@
<!--<template>-->
<!-- <el-card shadow="never">-->
<!-- <template #header>-->
<!-- <div class="flex flex-row items-center justify-between">-->
<!-- <CardTitle title="交易量趋势" />-->
<!-- &lt;!&ndash; 查询条件 &ndash;&gt;-->
<!-- <div class="flex flex-row items-center gap-2">-->
<!-- <el-radio-group v-model="timeRangeType" @change="handleTimeRangeTypeChange">-->
<!-- <el-radio-button v-for="[key, value] in timeRange.entries()" :key="key" :label="key">-->
<!-- {{ value.name }}-->
<!-- </el-radio-button>-->
<!-- </el-radio-group>-->
<!-- </div>-->
<!-- </div>-->
<!-- </template>-->
<!-- &lt;!&ndash; 折线图 &ndash;&gt;-->
<!-- <Echart :height="300" :options="eChartOptions" />-->
<!-- </el-card>-->
<!--</template>-->
<!--<script lang="ts" setup>-->
<!--import dayjs, { Dayjs } from 'dayjs'-->
<!--import { EChartsOption } from 'echarts'-->
<!--import * as TradeStatisticsApi from '@/api/mall/statistics/trade'-->
<!--import { fenToYuan } from '@/utils'-->
<!--import { formatDate } from '@/utils/formatTime'-->
<!--import { CardTitle } from '@/components/Card'-->
<!--/** 交易量趋势 */-->
<!--defineOptions({ name: 'TradeTrendCard' })-->
<!--enum TimeRangeTypeEnum {-->
<!-- DAY30 = 1,-->
<!-- WEEK = 7,-->
<!-- MONTH = 30,-->
<!-- YEAR = 365-->
<!--} // 日期类型-->
<!--const timeRangeType = ref(TimeRangeTypeEnum.DAY30) // 日期快捷选择按钮, 默认30天-->
<!--const loading = ref(true) // 加载中-->
<!--// 时间范围 Map-->
<!--const timeRange = new Map()-->
<!-- .set(TimeRangeTypeEnum.DAY30, {-->
<!-- name: '30天',-->
<!-- series: [-->
<!-- { name: '订单金额', type: 'bar', smooth: true, data: [] },-->
<!-- { name: '订单数量', type: 'line', smooth: true, data: [] }-->
<!-- ]-->
<!-- })-->
<!-- .set(TimeRangeTypeEnum.WEEK, {-->
<!-- name: '周',-->
<!-- series: [-->
<!-- { name: '上周金额', type: 'bar', smooth: true, data: [] },-->
<!-- { name: '本周金额', type: 'bar', smooth: true, data: [] },-->
<!-- { name: '上周数量', type: 'line', smooth: true, data: [] },-->
<!-- { name: '本周数量', type: 'line', smooth: true, data: [] }-->
<!-- ]-->
<!-- })-->
<!-- .set(TimeRangeTypeEnum.MONTH, {-->
<!-- name: '月',-->
<!-- series: [-->
<!-- { name: '上月金额', type: 'bar', smooth: true, data: [] },-->
<!-- { name: '本月金额', type: 'bar', smooth: true, data: [] },-->
<!-- { name: '上月数量', type: 'line', smooth: true, data: [] },-->
<!-- { name: '本月数量', type: 'line', smooth: true, data: [] }-->
<!-- ]-->
<!-- })-->
<!-- .set(TimeRangeTypeEnum.YEAR, {-->
<!-- name: '年',-->
<!-- series: [-->
<!-- { name: '去年金额', type: 'bar', smooth: true, data: [] },-->
<!-- { name: '今年金额', type: 'bar', smooth: true, data: [] },-->
<!-- { name: '去年数量', type: 'line', smooth: true, data: [] },-->
<!-- { name: '今年数量', type: 'line', smooth: true, data: [] }-->
<!-- ]-->
<!-- })-->
<!--/** 图表配置 */-->
<!--const eChartOptions = reactive<EChartsOption>({-->
<!-- grid: {-->
<!-- left: 20,-->
<!-- right: 20,-->
<!-- bottom: 20,-->
<!-- top: 80,-->
<!-- containLabel: true-->
<!-- },-->
<!-- legend: {-->
<!-- top: 50,-->
<!-- data: []-->
<!-- },-->
<!-- series: [],-->
<!-- toolbox: {-->
<!-- feature: {-->
<!-- // 数据区域缩放-->
<!-- dataZoom: {-->
<!-- yAxisIndex: false // Y轴不缩放-->
<!-- },-->
<!-- brush: {-->
<!-- type: ['lineX', 'clear'] // 区域缩放按钮、还原按钮-->
<!-- },-->
<!-- saveAsImage: { show: true, name: '订单量趋势' } // 保存为图片-->
<!-- }-->
<!-- },-->
<!-- tooltip: {-->
<!-- trigger: 'axis',-->
<!-- axisPointer: {-->
<!-- type: 'cross'-->
<!-- },-->
<!-- padding: [5, 10]-->
<!-- },-->
<!-- xAxis: {-->
<!-- type: 'category',-->
<!-- inverse: true,-->
<!-- boundaryGap: false,-->
<!-- axisTick: {-->
<!-- show: false-->
<!-- },-->
<!-- data: [],-->
<!-- axisLabel: {-->
<!-- formatter: (date: string) => {-->
<!-- switch (timeRangeType.value) {-->
<!-- case TimeRangeTypeEnum.DAY30:-->
<!-- return formatDate(date, 'MM-DD')-->
<!-- case TimeRangeTypeEnum.WEEK:-->
<!-- let weekDay = formatDate(date, 'ddd')-->
<!-- if (weekDay == '0') weekDay = '日'-->
<!-- return '周' + weekDay-->
<!-- case TimeRangeTypeEnum.MONTH:-->
<!-- return formatDate(date, 'D')-->
<!-- case TimeRangeTypeEnum.YEAR:-->
<!-- return formatDate(date, 'M') + '月'-->
<!-- default:-->
<!-- return date-->
<!-- }-->
<!-- }-->
<!-- }-->
<!-- },-->
<!-- yAxis: {-->
<!-- axisTick: {-->
<!-- show: false-->
<!-- }-->
<!-- }-->
<!--}) as EChartsOption-->
<!--/** 时间范围类型单选按钮选中 */-->
<!--const handleTimeRangeTypeChange = async () => {-->
<!-- // 设置时间范围-->
<!-- let beginTime: Dayjs-->
<!-- let endTime: Dayjs-->
<!-- switch (timeRangeType.value) {-->
<!-- case TimeRangeTypeEnum.WEEK:-->
<!-- beginTime = dayjs().startOf('week')-->
<!-- endTime = dayjs().endOf('week')-->
<!-- break-->
<!-- case TimeRangeTypeEnum.MONTH:-->
<!-- beginTime = dayjs().startOf('month')-->
<!-- endTime = dayjs().endOf('month')-->
<!-- break-->
<!-- case TimeRangeTypeEnum.YEAR:-->
<!-- beginTime = dayjs().startOf('year')-->
<!-- endTime = dayjs().endOf('year')-->
<!-- break-->
<!-- case TimeRangeTypeEnum.DAY30:-->
<!-- default:-->
<!-- beginTime = dayjs().subtract(30, 'day').startOf('d')-->
<!-- endTime = dayjs().endOf('d')-->
<!-- break-->
<!-- }-->
<!-- // 发送时间范围选中事件-->
<!-- await getOrderCountTrendComparison(beginTime, endTime)-->
<!--}-->
<!--/** 查询订单数量趋势对照数据 */-->
<!--const getOrderCountTrendComparison = async (-->
<!-- beginTime: dayjs.ConfigType,-->
<!-- endTime: dayjs.ConfigType-->
<!--) => {-->
<!-- loading.value = true-->
<!-- // 查询数据-->
<!-- const list = await TradeStatisticsApi.getOrderCountTrendComparison(-->
<!-- timeRangeType.value,-->
<!-- beginTime,-->
<!-- endTime-->
<!-- )-->
<!-- // 处理数据-->
<!-- const dates: string[] = []-->
<!-- const series = [...timeRange.get(timeRangeType.value).series]-->
<!-- for (let item of list) {-->
<!-- dates.push(item.value.date)-->
<!-- if (series.length === 2) {-->
<!-- series[0].data.push(fenToYuan(item?.value?.orderPayPrice || 0)) // 当前金额-->
<!-- series[1].data.push(item?.value?.orderPayCount || 0) // 当前数量-->
<!-- } else {-->
<!-- series[0].data.push(fenToYuan(item?.reference?.orderPayPrice || 0)) // 对照金额-->
<!-- series[1].data.push(fenToYuan(item?.value?.orderPayPrice || 0)) // 当前金额-->
<!-- series[2].data.push(item?.reference?.orderPayCount || 0) // 对照数量-->
<!-- series[3].data.push(item?.value?.orderPayCount || 0) // 当前数量-->
<!-- }-->
<!-- }-->
<!-- eChartOptions.xAxis!['data'] = dates-->
<!-- eChartOptions.series = series-->
<!-- // legend在4个切换到2个的时候，还是显示成4个，需要手动配置一下-->
<!-- eChartOptions.legend['data'] = series.map((item) => item.name)-->
<!-- loading.value = false-->
<!--}-->
<!--/** 初始化 **/-->
<!--onMounted(() => {-->
<!-- handleTimeRangeTypeChange()-->
<!--})-->
<!--</script>-->