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: "",

View File

@@ -63,7 +63,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 @@
searchForm: {
// 搜索框初始化对象
pageNumber: 1, // 当前页数
pageSize: 10, // 页面大小
pageSize: 20, // 页面大小
sort: "createTime", // 默认排序字段
order: "desc", // 默认排序方式
},
@@ -213,14 +213,14 @@
// 搜索
handleSearch() {
this.searchForm.pageNumber = 1;
this.searchForm.pageSize = 10;
this.searchForm.pageSize = 20;
this.getDataList();
},
// 重置
handleReset() {
this.searchForm = {}
this.searchForm.pageNumber = 1;
this.searchForm.pageSize = 10;
this.searchForm.pageSize = 20;
this.getDataList();
},
// 获取数据

View File

@@ -85,7 +85,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
@@ -107,7 +107,7 @@
searchForm: {
// 搜索框初始化对象
pageNumber: 1, // 当前页数
pageSize: 10, // 页面大小
pageSize: 20, // 页面大小
sort: "createTime", // 默认排序字段
order: "desc", // 默认排序方式
startDate: "", // 起始时间
@@ -231,7 +231,7 @@
// 搜索
handleSearch() {
this.searchForm.pageNumber = 1;
this.searchForm.pageSize = 10;
this.searchForm.pageSize = 20;
this.getDataList();
},
// 重置
@@ -239,7 +239,7 @@
this.searchForm = {
// 搜索框初始化对象
pageNumber: 1, // 当前页数
pageSize: 10, // 页面大小
pageSize: 20, // 页面大小
sort: "createTime", // 默认排序字段
order: "desc", // 默认排序方式
startDate: "", // 起始时间

View File

@@ -23,6 +23,10 @@
<dt>退货退款编号</dt>
<dd>{{ afterSaleInfo.sn }}</dd>
</dl>
<dl>
<dt>售后状态</dt>
<dd>{{ filterStatus(afterSaleInfo.serviceStatus) }}</dd>
</dl>
<dl>
<dt>退货退款原因</dt>
<dd>{{ afterSaleInfo.reason }}</dd>
@@ -390,17 +394,17 @@ export default {
},
// 售后状态
afterSaleStatus: [
{ status: "APPLY", label: "申请售后" },
{ status: "PASS", label: "申请通过" },
{ status: "REFUSE", label: "申请拒绝" },
{ status: "APPLY", label: "申请" },
{ status: "PASS", label: "通过售后" },
{ status: "REFUSE", label: "拒绝售后" },
{ status: "BUYER_RETURN", label: "买家退货,待卖家收货" },
{ status: "SELLER_RE_DELIVERY", label: "商家换货" },
{ status: "SELLER_CONFIRM", label: "卖家确认收货" },
{ status: "SELLER_TERMINATION", label: "卖家终止售后" },
{ status: "BUYER_CONFIRM", label: "买家确认收货" },
{ status: "BUYER_CANCEL", label: "买家取消售后" },
{ status: "WAIT_REFUND", label: "待平台退款" },
{ status: "COMPLETE", label: "完成" },
{ status: "WAIT_REFUND", label: "待平台退款" },
{ status: "COMPLETE", label: "完成售后" },
],
};
},

View File

@@ -111,7 +111,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
@@ -138,7 +138,7 @@ export default {
searchForm: {
// 搜索框初始化对象
pageNumber: 1, // 当前页数
pageSize: 10, // 页面大小
pageSize: 20, // 页面大小
sort: "", // 默认排序字段
order: "", // 默认排序方式
startDate: "", // 起始时间
@@ -416,7 +416,7 @@ export default {
// 搜索订单
handleSearch() {
this.searchForm.pageNumber = 1;
this.searchForm.pageSize = 10;
this.searchForm.pageSize = 20;
this.getDataList();
this.getOrderNumData(); // 新增:搜索时也更新数量统计
},
@@ -424,7 +424,7 @@ export default {
handleReset() {
this.searchForm = {};
this.searchForm.pageNumber = 1;
this.searchForm.pageSize = 10;
this.searchForm.pageSize = 20;
this.selectDate = null;
this.searchForm.startDate = "";
this.searchForm.endDate = "";

View File

@@ -42,7 +42,7 @@
</div>
<Table class="mt_10" :loading="loading" border :columns="columns" :data="data" ref="table" sortable="custom" @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"
<Page :current="searchForm.pageNumber" :total="total" :page-size="searchForm.pageSize" @on-change="changePage" @on-page-size-change="changePageSize" :page-size-opts="[20, 50, 100]" size="small"
show-total show-elevator show-sizer></Page>
</Row>
</Card>
@@ -61,7 +61,7 @@ export default {
searchForm: {
// 搜索框初始化对象
pageNumber: 1, // 当前页数
pageSize: 10, // 页面大小
pageSize: 20, // 页面大小
sort: "createTime", // 默认排序字段
order: "desc", // 默认排序方式
startDate: "", // 起始时间

View File

@@ -52,7 +52,7 @@
</Table>
<Row type="flex" justify="end" class="page operation">
<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>
@@ -74,7 +74,7 @@ export default {
searchForm: {
// 列表请求参数
pageNumber: 1,
pageSize: 10,
pageSize: 20,
sort: "startTime",
order: "desc",
},
@@ -173,7 +173,7 @@ export default {
this.searchForm = {
// 搜索框初始化对象
pageNumber: 1, // 当前页数
pageSize: 10, // 页面大小
pageSize: 20, // 页面大小
sort: "startTime", // 默认排序字段
order: "desc", // 默认排序方式
};

View File

@@ -28,7 +28,7 @@
</Tabs>
<Table :columns="liveColumns" :data="liveData"></Table>
<Row type="flex" justify="end" class="mt_10">
<Page :current="searchForm.pageNumber" :total="total" :page-size="searchForm.pageSize" @on-change="changePageNumber" @on-page-size-change="changePageSize" :page-size-opts="[10, 20, 50]"
<Page :current="searchForm.pageNumber" :total="total" :page-size="searchForm.pageSize" @on-change="changePageNumber" @on-page-size-change="changePageSize" :page-size-opts="[20, 50, 100]"
size="small" show-total show-elevator show-sizer></Page>
</Row>
@@ -45,7 +45,7 @@ export default {
total: 0,
// 查询的form
searchForm: {
pageSize: 10,
pageSize: 20,
pageNumber: 1,
status: "NEW",
},

View File

@@ -51,7 +51,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
@@ -73,7 +73,7 @@
searchForm: {
// 搜索框初始化对象
pageNumber: 1, // 当前页数
pageSize: 10, // 页面大小
pageSize: 20, // 页面大小
sort: "createTime", // 默认排序字段
order: "desc", // 默认排序方式
startDate: "", // 起始时间

View File

@@ -28,7 +28,7 @@
</div>
<div class="no-more" v-if="list.length ==0">暂无更多模板</div>
</div>
<Page :total="total" size="small" @on-change="(val) => {params.pageNumber = val; } " :current="params.pageNumber" :page-size="params.pageSize" show-sizer :page-size-opts="[10, 20, 50]" @on-page-size-change="changePageSize"/>
<Page :total="total" size="small" @on-change="(val) => {params.pageNumber = val; } " :current="params.pageNumber" :page-size="params.pageSize" show-sizer :page-size-opts="[20, 50, 100]" @on-page-size-change="changePageSize"/>
</Card>
@@ -60,7 +60,7 @@ export default {
params: { // 请求参数
pageNumber: 1,
pageSize: 10,
pageSize: 20,
sort: "createTime",
order: "desc",
pageType: "STORE",

View File

@@ -413,7 +413,7 @@ export default {
// 退单订单
refundParams: {
pageNumber: 1,
pageSize: 10,
pageSize: 20,
searchType: "LAST_SEVEN",
storeId: JSON.parse(Cookies.get("userInfoSeller")).id || "",
year: "",