From 01aef369d75d567dba1b67bc1815fb95055cef01 Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Sun, 19 Oct 2025 18:47:48 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E3=80=90mall=20=E5=95=86=E5=9F=8E?=
 =?UTF-8?q?=E3=80=91=E4=BC=9A=E5=91=98=E7=BB=9F=E8=AE=A1=E3=80=90antd?=
 =?UTF-8?q?=E3=80=9120%=20sex-card.vue=20=E5=AE=8C=E5=96=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../statistics/member/modules/sex-card.vue    | 27 +++++++++----------
 .../member/modules/sex-chart-options.ts       |  9 +------
 2 files changed, 13 insertions(+), 23 deletions(-)

diff --git a/apps/web-antd/src/views/mall/statistics/member/modules/sex-card.vue b/apps/web-antd/src/views/mall/statistics/member/modules/sex-card.vue
index fad832e1c..5880817e9 100644
--- a/apps/web-antd/src/views/mall/statistics/member/modules/sex-card.vue
+++ b/apps/web-antd/src/views/mall/statistics/member/modules/sex-card.vue
@@ -1,21 +1,17 @@
 <script lang="ts" setup>
 import type { EchartsUIType } from '@vben/plugins/echarts';
+
 import type { MallMemberStatisticsApi } from '#/api/mall/statistics/member';
 
 import { onMounted, ref } from 'vue';
 
-import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
-
-import { Card } from 'ant-design-vue';
-
-import * as MemberStatisticsApi from '#/api/mall/statistics/member';
 import { DICT_TYPE } from '@vben/constants';
 import { getDictOptions } from '@vben/hooks';
+import { EchartsUI, useEcharts } from '@vben/plugins/echarts';
 
-// 获取字典选项
-function getIntDictOptions(dictType: string) {
-  return getDictOptions(dictType, 'number');
-}
+import { Card, Spin } from 'ant-design-vue';
+
+import * as MemberStatisticsApi from '#/api/mall/statistics/member';
 
 import { getSexChartOptions } from './sex-chart-options';
 
@@ -31,19 +27,18 @@ async function getMemberSexStatisticsList() {
   loading.value = true;
   try {
     const list = await MemberStatisticsApi.getMemberSexStatisticsList();
-    const dictDataList = getIntDictOptions(DICT_TYPE.SYSTEM_USER_SEX);
+    const dictDataList = getDictOptions(DICT_TYPE.SYSTEM_USER_SEX, 'number');
     dictDataList.push({ label: '未知', value: null } as any);
-    
     const chartData = dictDataList.map((dictData: any) => {
       const userCount = list.find(
-        (item: MallMemberStatisticsApi.SexStatistics) => item.sex === dictData.value,
+        (item: MallMemberStatisticsApi.SexStatistics) =>
+          item.sex === dictData.value,
       )?.userCount;
       return {
         name: dictData.label,
         value: userCount || 0,
       };
     });
-    
     await renderEcharts(getSexChartOptions(chartData));
   } finally {
     loading.value = false;
@@ -57,7 +52,9 @@ onMounted(() => {
 </script>
 
 <template>
-  <Card :bordered="false" title="会员性别比例" :loading="loading">
-    <EchartsUI ref="chartRef" class="h-[300px] w-full" />
+  <Card :bordered="false" title="会员性别比例" class="h-full">
+    <Spin :spinning="loading">
+      <EchartsUI ref="chartRef" />
+    </Spin>
   </Card>
 </template>
diff --git a/apps/web-antd/src/views/mall/statistics/member/modules/sex-chart-options.ts b/apps/web-antd/src/views/mall/statistics/member/modules/sex-chart-options.ts
index 685d21a73..81a7faf87 100644
--- a/apps/web-antd/src/views/mall/statistics/member/modules/sex-chart-options.ts
+++ b/apps/web-antd/src/views/mall/statistics/member/modules/sex-chart-options.ts
@@ -1,12 +1,5 @@
-import type { EChartsOption } from 'echarts';
-
-interface ChartData {
-  name: string;
-  value: number;
-}
-
 /** 会员性别比例图表配置 */
-export function getSexChartOptions(data: ChartData[]): EChartsOption {
+export function getSexChartOptions(data: any[]): any {
   return {
     tooltip: {
       trigger: 'item',