YD/YD_Event.Web
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

订单统计筛选

Browse Source
This commit is contained in:
马梓彭 2026-05-18 11:46:13 +08:00
parent f75fcab291
commit 9f92b4da87
1 changed files with 29 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
src/views/match/order/index.vue
View File

@ -26,8 +26,8 @@
</div>
</div>
</div>
<ProTable ref="tableRef" :request-api="orderPageGet" :columns="columns" :pagination="true"
:tool-button="true" @search="fetchStats" @reset="fetchStats">
<ProTable ref="tableRef" :request-api="wrappedOrderPageGet" :columns="columns" :pagination="true"
:tool-button="true">
<template #tools>
<el-button v-auth="'order:export'" type="primary" :loading="exportLoading" @click="handleExport">
<template #icon>
@ -105,7 +105,7 @@
</template>
<script setup>
import { ref, computed, onMounted } from 'vue';
import { ref, computed } from 'vue';
import { ElMessage } from 'element-plus';
import { Download } from '@element-plus/icons-vue';
import ProTable from '/@/components/ProTable/index.vue';
@ -152,24 +152,31 @@ const animateNumber = (key, targetValue) => {
};
// 获取统计数据
const fetchStats = async () => {
try {
statsLoading.value = true;
await new Promise(resolve => setTimeout(resolve, 200));
const searchParams = tableRef.value?.searchParam || {};
const { succeeded, data } = await orderStatsGet(searchParams);
if (succeeded && data) {
statsData.value = data;
animateNumber('totalOriginalAmount', data.totalOriginalAmount);
animateNumber('totalDiscountAmount', data.totalDiscountAmount);
animateNumber('totalActualAmount', data.totalActualAmount);
animateNumber('totalRefundAmount', data.totalRefundAmount);
}
} catch (error) {
console.error('获取统计数据失败:', error);
} finally {
statsLoading.value = false;
}
const fetchStats = async (searchParams) => {
try {
statsLoading.value = true;
const params = searchParams || tableRef.value?.searchParam || {};
const { succeeded, data } = await orderStatsGet(params);
if (succeeded && data) {
statsData.value = data;
animateNumber('totalOriginalAmount', data.totalOriginalAmount);
animateNumber('totalDiscountAmount', data.totalDiscountAmount);
animateNumber('totalActualAmount', data.totalActualAmount);
animateNumber('totalRefundAmount', data.totalRefundAmount);
}
} catch (error) {
console.error('获取统计数据失败:', error);
} finally {
statsLoading.value = false;
}
};
// 包装 orderPageGet，在数据加载完成后调用 fetchStats
const wrappedOrderPageGet = async (params) => {
const result = await orderPageGet(params);
// 等待结果返回后调用 fetchStats
fetchStats(params);
return result;
};
const formData = ref({
@ -330,9 +337,7 @@ const handleExport = async () => {
}
};
onMounted(() => {
fetchStats();
});
</script>