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

@@ -66,7 +66,7 @@
:page-size="searchForm.pageSize"
@on-change="changePage"
@on-page-size-change="changePageSize"
:page-size-opts="[10, 20, 50]"
:page-size-opts="[20, 50, 100]"
size="small"
show-total
show-elevator
@@ -90,7 +90,7 @@ export default {
searchForm: {
// 搜索框初始化对象
pageNumber: 1, // 当前页数
pageSize: 10, // 页面大小
pageSize: 20, // 页面大小
sort: "create_time", // 默认排序字段
order: "desc", // 默认排序方式
},
@@ -247,7 +247,7 @@ export default {
handleSearch() {
// 搜索
this.searchForm.pageNumber = 1;
this.searchForm.pageSize = 10;
this.searchForm.pageSize = 20;
this.getDataList();
},
getDataList() {

View File

@@ -135,7 +135,7 @@ export default {
searchForm: {
// 请求参数
pageNumber: 1,
pageSize: 20,
pageSize: 20, // 页面大小
order: "desc",
id: "",
username: "",

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: "", // 起始时间

View File

@@ -192,6 +192,7 @@
show-sizer
show-elevator
:total="total"
:page-size-opts="[20, 50, 100]"
/>
</div>
</Card>
@@ -487,7 +488,7 @@ export default {
// 退单订单
refundParams: {
pageNumber: 1,
pageSize: 10,
pageSize: 20,
searchType: "LAST_SEVEN",
storeId: "",
year: "",