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

View File

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

View File

@@ -106,7 +106,7 @@
<template slot="goodsSlot" slot-scope="{ row }"> <template slot="goodsSlot" slot-scope="{ row }">
<div style="margin-top: 5px; height: 80px; display: flex"> <div style="margin-top: 5px; height: 80px; display: flex">
<div style=""> <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>
<div style="margin-left: 13px"> <div style="margin-left: 13px">

View File

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

View File

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

View File

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

View File

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

View File

@@ -85,7 +85,7 @@
:page-size="searchForm.pageSize" :page-size="searchForm.pageSize"
@on-change="changePage" @on-change="changePage"
@on-page-size-change="changePageSize" @on-page-size-change="changePageSize"
:page-size-opts="[10, 20, 50]" :page-size-opts="[20, 50, 100]"
size="small" size="small"
show-total show-total
show-elevator show-elevator
@@ -107,7 +107,7 @@
searchForm: { searchForm: {
// 搜索框初始化对象 // 搜索框初始化对象
pageNumber: 1, // 当前页数 pageNumber: 1, // 当前页数
pageSize: 10, // 页面大小 pageSize: 20, // 页面大小
sort: "createTime", // 默认排序字段 sort: "createTime", // 默认排序字段
order: "desc", // 默认排序方式 order: "desc", // 默认排序方式
startDate: "", // 起始时间 startDate: "", // 起始时间
@@ -231,7 +231,7 @@
// 搜索 // 搜索
handleSearch() { handleSearch() {
this.searchForm.pageNumber = 1; this.searchForm.pageNumber = 1;
this.searchForm.pageSize = 10; this.searchForm.pageSize = 20;
this.getDataList(); this.getDataList();
}, },
// 重置 // 重置
@@ -239,7 +239,7 @@
this.searchForm = { this.searchForm = {
// 搜索框初始化对象 // 搜索框初始化对象
pageNumber: 1, // 当前页数 pageNumber: 1, // 当前页数
pageSize: 10, // 页面大小 pageSize: 20, // 页面大小
sort: "createTime", // 默认排序字段 sort: "createTime", // 默认排序字段
order: "desc", // 默认排序方式 order: "desc", // 默认排序方式
startDate: "", // 起始时间 startDate: "", // 起始时间

View File

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

View File

@@ -111,7 +111,7 @@
:page-size="searchForm.pageSize" :page-size="searchForm.pageSize"
@on-change="changePage" @on-change="changePage"
@on-page-size-change="changePageSize" @on-page-size-change="changePageSize"
:page-size-opts="[10, 20, 50]" :page-size-opts="[20, 50, 100]"
size="small" size="small"
show-total show-total
show-elevator show-elevator
@@ -138,7 +138,7 @@ export default {
searchForm: { searchForm: {
// 搜索框初始化对象 // 搜索框初始化对象
pageNumber: 1, // 当前页数 pageNumber: 1, // 当前页数
pageSize: 10, // 页面大小 pageSize: 20, // 页面大小
sort: "", // 默认排序字段 sort: "", // 默认排序字段
order: "", // 默认排序方式 order: "", // 默认排序方式
startDate: "", // 起始时间 startDate: "", // 起始时间
@@ -416,7 +416,7 @@ export default {
// 搜索订单 // 搜索订单
handleSearch() { handleSearch() {
this.searchForm.pageNumber = 1; this.searchForm.pageNumber = 1;
this.searchForm.pageSize = 10; this.searchForm.pageSize = 20;
this.getDataList(); this.getDataList();
this.getOrderNumData(); // 新增:搜索时也更新数量统计 this.getOrderNumData(); // 新增:搜索时也更新数量统计
}, },
@@ -424,7 +424,7 @@ export default {
handleReset() { handleReset() {
this.searchForm = {}; this.searchForm = {};
this.searchForm.pageNumber = 1; this.searchForm.pageNumber = 1;
this.searchForm.pageSize = 10; this.searchForm.pageSize = 20;
this.selectDate = null; this.selectDate = null;
this.searchForm.startDate = ""; this.searchForm.startDate = "";
this.searchForm.endDate = ""; this.searchForm.endDate = "";

View File

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

View File

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

View File

@@ -28,7 +28,7 @@
</Tabs> </Tabs>
<Table :columns="liveColumns" :data="liveData"></Table> <Table :columns="liveColumns" :data="liveData"></Table>
<Row type="flex" justify="end" class="mt_10"> <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> size="small" show-total show-elevator show-sizer></Page>
</Row> </Row>
@@ -45,7 +45,7 @@ export default {
total: 0, total: 0,
// 查询的form // 查询的form
searchForm: { searchForm: {
pageSize: 10, pageSize: 20,
pageNumber: 1, pageNumber: 1,
status: "NEW", status: "NEW",
}, },

View File

@@ -51,7 +51,7 @@
:page-size="searchForm.pageSize" :page-size="searchForm.pageSize"
@on-change="changePage" @on-change="changePage"
@on-page-size-change="changePageSize" @on-page-size-change="changePageSize"
:page-size-opts="[10, 20, 50]" :page-size-opts="[20, 50, 100]"
size="small" size="small"
show-total show-total
show-elevator show-elevator
@@ -73,7 +73,7 @@
searchForm: { searchForm: {
// 搜索框初始化对象 // 搜索框初始化对象
pageNumber: 1, // 当前页数 pageNumber: 1, // 当前页数
pageSize: 10, // 页面大小 pageSize: 20, // 页面大小
sort: "createTime", // 默认排序字段 sort: "createTime", // 默认排序字段
order: "desc", // 默认排序方式 order: "desc", // 默认排序方式
startDate: "", // 起始时间 startDate: "", // 起始时间

View File

@@ -28,7 +28,7 @@
</div> </div>
<div class="no-more" v-if="list.length ==0">暂无更多模板</div> <div class="no-more" v-if="list.length ==0">暂无更多模板</div>
</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> </Card>
@@ -60,7 +60,7 @@ export default {
params: { // 请求参数 params: { // 请求参数
pageNumber: 1, pageNumber: 1,
pageSize: 10, pageSize: 20,
sort: "createTime", sort: "createTime",
order: "desc", order: "desc",
pageType: "STORE", pageType: "STORE",

View File

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