From 247ab3f00ff5647e92d147739ded1740f9f2b947 Mon Sep 17 00:00:00 2001
From: Mrking <782276617@qq.com>
Date: Sun, 15 Sep 2024 22:05:35 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../hangtag-ui-admin/src/views/Home/Index.vue | 124 +++++------
 .../views/Home/components/ComparisonCard.vue  |  42 ----
 .../Home/components/MemberStatisticsCard.vue  |  91 --------
 .../Home/components/OperationDataCard.vue     | 107 ---------
 .../views/Home/components/ShortcutCard.vue    |  82 -------
 .../views/Home/components/TradeTrendCard.vue  | 208 ------------------
 6 files changed, 50 insertions(+), 604 deletions(-)
 delete mode 100644 hangtag-ui/hangtag-ui-admin/src/views/Home/components/ComparisonCard.vue
 delete mode 100644 hangtag-ui/hangtag-ui-admin/src/views/Home/components/MemberStatisticsCard.vue
 delete mode 100644 hangtag-ui/hangtag-ui-admin/src/views/Home/components/OperationDataCard.vue
 delete mode 100644 hangtag-ui/hangtag-ui-admin/src/views/Home/components/ShortcutCard.vue
 delete mode 100644 hangtag-ui/hangtag-ui-admin/src/views/Home/components/TradeTrendCard.vue

diff --git a/hangtag-ui/hangtag-ui-admin/src/views/Home/Index.vue b/hangtag-ui/hangtag-ui-admin/src/views/Home/Index.vue
index e98b758..ba4df79 100644
--- a/hangtag-ui/hangtag-ui-admin/src/views/Home/Index.vue
+++ b/hangtag-ui/hangtag-ui-admin/src/views/Home/Index.vue
@@ -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>
diff --git a/hangtag-ui/hangtag-ui-admin/src/views/Home/components/ComparisonCard.vue b/hangtag-ui/hangtag-ui-admin/src/views/Home/components/ComparisonCard.vue
deleted file mode 100644
index 8ed0963..0000000
--- a/hangtag-ui/hangtag-ui-admin/src/views/Home/components/ComparisonCard.vue
+++ /dev/null
@@ -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>-->
diff --git a/hangtag-ui/hangtag-ui-admin/src/views/Home/components/MemberStatisticsCard.vue b/hangtag-ui/hangtag-ui-admin/src/views/Home/components/MemberStatisticsCard.vue
deleted file mode 100644
index 9e68040..0000000
--- a/hangtag-ui/hangtag-ui-admin/src/views/Home/components/MemberStatisticsCard.vue
+++ /dev/null
@@ -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>-->
diff --git a/hangtag-ui/hangtag-ui-admin/src/views/Home/components/OperationDataCard.vue b/hangtag-ui/hangtag-ui-admin/src/views/Home/components/OperationDataCard.vue
deleted file mode 100644
index 2f54b8a..0000000
--- a/hangtag-ui/hangtag-ui-admin/src/views/Home/components/OperationDataCard.vue
+++ /dev/null
@@ -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>-->
diff --git a/hangtag-ui/hangtag-ui-admin/src/views/Home/components/ShortcutCard.vue b/hangtag-ui/hangtag-ui-admin/src/views/Home/components/ShortcutCard.vue
deleted file mode 100644
index 092560d..0000000
--- a/hangtag-ui/hangtag-ui-admin/src/views/Home/components/ShortcutCard.vue
+++ /dev/null
@@ -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>-->
diff --git a/hangtag-ui/hangtag-ui-admin/src/views/Home/components/TradeTrendCard.vue b/hangtag-ui/hangtag-ui-admin/src/views/Home/components/TradeTrendCard.vue
deleted file mode 100644
index 5d4b5fb..0000000
--- a/hangtag-ui/hangtag-ui-admin/src/views/Home/components/TradeTrendCard.vue
+++ /dev/null
@@ -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>-->