优化订单汇总页面的代码结构,简化了模板层次

This commit is contained in:
danial
2025-06-22 16:29:48 +08:00
parent 3e4186fe5a
commit 5717098ca9

View File

@@ -37,30 +37,28 @@
</a-col>
</a-row>
<a-divider style="margin-top: 0" />
<a-row>
<a-card class="general-card" title="订单汇总">
<a-table
:columns="columns"
:loading="loading"
:data="renderData"
:pagination="{
current: pagination.current,
pageSize: pagination.pageSize,
total: pagination.total,
pageSizeOptions: [10, 20, 50, 100],
showPageSize: true
}"
:bordered="false"
column-resizable:bordered="{cell:true}"
@page-change="onPageChange"
@page-size-change="onPageSizeChange"
>
<template #index="{ rowIndex }">
{{ rowIndex + 1 + (pagination.current - 1) * pagination.pageSize }}
</template>
</a-table>
</a-card>
</a-row>
<a-card class="general-card" title="订单汇总">
<a-table
:columns="columns"
:loading="loading"
:data="renderData"
:pagination="{
current: pagination.current,
pageSize: pagination.pageSize,
total: pagination.total,
pageSizeOptions: [10, 20, 50, 100],
showPageSize: true
}"
:bordered="false"
column-resizable:bordered="{cell:true}"
@page-change="onPageChange"
@page-size-change="onPageSizeChange"
>
<template #index="{ rowIndex }">
{{ rowIndex + 1 + (pagination.current - 1) * pagination.pageSize }}
</template>
</a-table>
</a-card>
</div>
</template>