feat：【mall 商城】商品统计【ele】100%：迁移完成

apps/web-antd/src/api/system/user/index.ts

@@ -23,7 +23,6 @@ export namespace SystemUserApi {
 
 /** 查询用户管理列表 */
 export function getUserPage(params: PageParam) {
-  debugger
   return requestClient.get<PageResult<SystemUserApi.User>>(
     '/system/user/page',
     { params },

apps/web-ele/src/api/mall/statistics/product.ts

@@ -41,14 +41,14 @@ export namespace MallProductStatisticsApi {
 }
 
 /** 获得商品统计分析 */
-export function getProductStatisticsAnalyse(params: PageParam) {
+export function getProductStatisticsAnalyse(params: any) {
   return requestClient.get<
     DataComparisonRespVO<MallProductStatisticsApi.ProductStatistics>
   >('/statistics/product/analyse', { params });
 }
 
 /** 获得商品状况明细 */
-export function getProductStatisticsList(params: PageParam) {
+export function getProductStatisticsList(params: any) {
   return requestClient.get<MallProductStatisticsApi.ProductStatistics[]>(
     '/statistics/product/list',
     { params },
@@ -56,7 +56,7 @@ export function getProductStatisticsList(params: PageParam) {
 }
 
 /** 导出获得商品状况明细 Excel */
-export function exportProductStatisticsExcel(params: PageParam) {
+export function exportProductStatisticsExcel(params: any) {
   return requestClient.download('/statistics/product/export-excel', { params });
 }
 

apps/web-ele/src/views/mall/statistics/member/modules/sex-card.vue

@@ -39,7 +39,8 @@ async function getMemberSexStatisticsList() {
         value: userCount || 0,
       };
     });
-    // 更新 Echarts 数据
+
+    // 渲染图表
     await renderEcharts(getSexChartOptions(chartData));
   } finally {
     loading.value = false;

apps/web-ele/src/views/mall/statistics/product/modules/rank-card.vue

@@ -8,6 +8,8 @@ import { ref } from 'vue';
 import { buildSortingField } from '@vben/request';
 import { formatDateTime } from '@vben/utils';
 
+import { ElCard } from 'element-plus';
+
 import { useVbenVxeGrid } from '#/adapter/vxe-table';
 import * as ProductStatisticsApi from '#/api/mall/statistics/product';
 import ShortcutDateRangePicker from '#/components/shortcut-date-range-picker/shortcut-date-range-picker.vue';
@@ -124,7 +126,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
 </script>
 
 <template>
-  <el-card shadow="never">
+  <ElCard shadow="never">
     <template #header>
       <div class="flex items-center justify-between">
         <span>商品排行</span>
@@ -132,6 +134,5 @@ const [Grid, gridApi] = useVbenVxeGrid({
       </div>
     </template>
     <Grid />
-  </el-card>
+  </ElCard>
 </template>
-

apps/web-ele/src/views/mall/statistics/product/modules/summary-card.vue

@@ -19,6 +19,7 @@ import {
 } from '@vben/utils';
 
 import dayjs from 'dayjs';
+import { ElButton, ElCard, ElCol, ElRow } from 'element-plus';
 
 import * as ProductStatisticsApi from '#/api/mall/statistics/product';
 import ShortcutDateRangePicker from '#/components/shortcut-date-range-picker/shortcut-date-range-picker.vue';
@@ -117,27 +118,31 @@ async function handleExport() {
 </script>
 
 <template>
-  <el-card shadow="never" class="h-full">
+  <ElCard shadow="never" class="h-full">
     <template #header>
       <div class="flex items-center justify-between">
         <span>商品概况</span>
         <!-- 查询条件 -->
         <div class="flex items-center gap-2">
           <ShortcutDateRangePicker @change="handleDateRangeChange">
-            <el-button class="ml-4" @click="handleExport" :loading="exportLoading">
+            <ElButton
+              class="ml-4"
+              @click="handleExport"
+              :loading="exportLoading"
+            >
               <template #icon>
                 <IconifyIcon icon="lucide:download" />
               </template>
               导出
-            </el-button>
+            </ElButton>
           </ShortcutDateRangePicker>
         </div>
       </div>
     </template>
 
     <!-- 统计值 -->
-    <el-row :gutter="16" class="mb-4">
+    <ElRow :gutter="16" class="mb-4">
-      <el-col :xl="8" :md="8" :sm="24" class="mb-4">
+      <ElCol :xl="8" :md="8" :sm="24" class="mb-4">
         <SummaryCard
           title="商品浏览量"
           tooltip="在选定条件下，所有商品详情页被访问的次数，一个人在统计时间内访问多次记为多次"
@@ -153,8 +158,8 @@ async function handleExport() {
             )
           "
         />
-      </el-col>
+      </ElCol>
-      <el-col :xl="8" :md="8" :sm="24" class="mb-4">
+      <ElCol :xl="8" :md="8" :sm="24" class="mb-4">
         <SummaryCard
           title="商品访客数"
           tooltip="在选定条件下，访问任何商品详情页的人数，一个人在统计时间范围内访问多次只记为一个"
@@ -170,8 +175,8 @@ async function handleExport() {
             )
           "
         />
-      </el-col>
+      </ElCol>
-      <el-col :xl="8" :md="8" :sm="24" class="mb-4">
+      <ElCol :xl="8" :md="8" :sm="24" class="mb-4">
         <SummaryCard
           title="支付件数"
           tooltip="在选定条件下，成功付款订单的商品件数之和"
@@ -187,8 +192,8 @@ async function handleExport() {
             )
           "
         />
-      </el-col>
+      </ElCol>
-      <el-col :xl="8" :md="8" :sm="24" class="mb-4">
+      <ElCol :xl="8" :md="8" :sm="24" class="mb-4">
         <SummaryCard
           title="支付金额"
           tooltip="在选定条件下，成功付款订单的商品金额之和"
@@ -205,8 +210,8 @@ async function handleExport() {
             )
           "
         />
-      </el-col>
+      </ElCol>
-      <el-col :xl="8" :md="8" :sm="24" class="mb-4">
+      <ElCol :xl="8" :md="8" :sm="24" class="mb-4">
         <SummaryCard
           title="退款件数"
           tooltip="在选定条件下，成功退款的商品件数之和"
@@ -222,9 +227,9 @@ async function handleExport() {
             )
           "
         />
-      </el-col>
+      </ElCol>
 
-      <el-col :xl="8" :md="8" :sm="24" class="mb-4">
+      <ElCol :xl="8" :md="8" :sm="24" class="mb-4">
         <SummaryCard
           title="退款金额"
           tooltip="在选定条件下，成功退款的商品金额之和"
@@ -243,13 +248,12 @@ async function handleExport() {
             )
           "
         />
-      </el-col>
+      </ElCol>
-    </el-row>
+    </ElRow>
 
     <!-- 折线图 -->
     <div v-loading="trendLoading">
       <EchartsUI ref="chartRef" />
     </div>
-  </el-card>
+  </ElCard>
 </template>
-

apps/web-ele/src/views/mall/statistics/product/modules/summary-chart-options.ts

@@ -127,4 +127,3 @@ export function getProductSummaryChartOptions(data: any[]): any {
     ],
   };
 }
-