refactor(分页): 统一调整分页大小选项为[20, 50, 100]并更新默认pageSize

style(售后订单): 优化商品图片样式,添加圆角和固定宽高
docs(售后订单): 更新售后状态显示文本,使其更清晰易懂
This commit is contained in:
pikachu1995@126.com
2025-10-27 18:34:01 +08:00
parent 86dbc0d86e
commit 4efbec5741
16 changed files with 47 additions and 42 deletions

View File

@@ -106,7 +106,7 @@
<template slot="goodsSlot" slot-scope="{ row }">
<div style="margin-top: 5px; height: 80px; display: flex">
<div style="">
<img :src="row.goodsImage" style="height: 60px; margin-top: 3px" />
<img :src="row.goodsImage" style="width: 60px; height: 60px; margin-top: 3px; object-fit: cover; border-radius: 4px;" />
</div>
<div style="margin-left: 13px">

View File

@@ -19,7 +19,7 @@
</dd>
</dl>
<dl>
<dt>退货状态</dt>
<dt>售后状态</dt>
<dd>{{ afterSaleInfo.serviceName }}</dd>
</dl>
<dl>
@@ -376,11 +376,11 @@ export default {
status: "APPLY",
},
{
name: "通过",
name: "通过售后",
status: "PASS",
},
{
name: "拒绝",
name: "拒绝售后",
status: "REFUSE",
},
{
@@ -404,7 +404,7 @@ export default {
status: "COMPLETE",
},
{
name: "等待平台退款",
name: "待平台退款",
status: "WAIT_REFUND",
},
],
@@ -511,7 +511,7 @@ export default {
const ob = this.afterSaleStatusList.filter((e) => {
return e.status === status;
});
return ob[0].name;
return ob.length > 0 ? ob[0].name : status;
},
// 根据订单状态判断是否显示物流信息
showDelivery(status) {

View File

@@ -30,7 +30,7 @@
@on-sort-change="changeSort"></Table>
<Row type="flex" justify="end" class="mt_10">
<Page :current="searchForm.pageNumber" :total="total" :page-size="searchForm.pageSize" @on-change="changePage"
@on-page-size-change="changePageSize" :page-size-opts="[10, 20, 50]" size="small" show-total show-elevator
@on-page-size-change="changePageSize" :page-size-opts="[20, 50, 100]" size="small" show-total show-elevator
show-sizer></Page>
</Row>
</Card>
@@ -48,7 +48,7 @@ export default {
searchForm: {
// 搜索框初始化对象
pageNumber: 1, // 当前页数
pageSize: 10, // 页面大小
pageSize: 20, // 页面大小
sort: "", // 默认排序字段
order: "", // 默认排序方式
startDate: "", // 起始时间