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

style(售后订单): 优化商品图片样式，添加圆角和固定宽高 docs(售后订单): 更新售后状态显示文本，使其更清晰易懂
2025-12-16 16:05:52 +08:00 · 2025-10-27 18:34:01 +08:00
parent 86dbc0d86e
commit 4efbec5741
16 changed files with 47 additions and 42 deletions
--- a/manager/src/views/goods/goods-info/goodsApply.vue
+++ b/manager/src/views/goods/goods-info/goodsApply.vue
@@ -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() {
--- a/manager/src/views/member/list/index.vue
+++ b/manager/src/views/member/list/index.vue
@@ -135,7 +135,7 @@ export default {
      searchForm: {
        // 请求参数
        pageNumber: 1,
-        pageSize: 20,
+        pageSize: 20, // 页面大小
        order: "desc",
        id: "",
        username: "",
--- a/manager/src/views/order/after-order/afterSaleOrder.vue
+++ b/manager/src/views/order/after-order/afterSaleOrder.vue
@@ -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">
--- a/manager/src/views/order/after-order/afterSaleOrderDetail.vue
+++ b/manager/src/views/order/after-order/afterSaleOrderDetail.vue
@@ -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) {
--- a/manager/src/views/order/order/fictitiousOrderList.vue
+++ b/manager/src/views/order/order/fictitiousOrderList.vue
@@ -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: "", // 起始时间
--- a/manager/src/views/statistics/order.vue
+++ b/manager/src/views/statistics/order.vue
@@ -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: "",
--- a/seller/src/views/order/after-order/orderComplaint.vue
+++ b/seller/src/views/order/after-order/orderComplaint.vue
@@ -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();
      },
      // 获取数据
--- a/seller/src/views/order/after-order/returnMoneyOrder.vue
+++ b/seller/src/views/order/after-order/returnMoneyOrder.vue
@@ -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: "", // 起始时间
--- a/seller/src/views/order/after-order/reurnGoodsOrderDetail.vue
+++ b/seller/src/views/order/after-order/reurnGoodsOrderDetail.vue
@@ -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: "完成售后" },
      ],
    };
  },
--- a/seller/src/views/order/order/orderList.vue
+++ b/seller/src/views/order/order/orderList.vue
@@ -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 = "";
--- a/seller/src/views/order/order/virtualOrderList.vue
+++ b/seller/src/views/order/order/virtualOrderList.vue
@@ -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: "", // 起始时间
--- a/seller/src/views/promotion/full-discount/full-discount.vue
+++ b/seller/src/views/promotion/full-discount/full-discount.vue
@@ -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", // 默认排序方式
      };
--- a/seller/src/views/promotion/live/live.vue
+++ b/seller/src/views/promotion/live/live.vue
@@ -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",
      },
--- a/seller/src/views/shop/bill/accountStatementBill.vue
+++ b/seller/src/views/shop/bill/accountStatementBill.vue
@@ -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: "", // 起始时间
--- a/seller/src/views/shop/wap/wapList.vue
+++ b/seller/src/views/shop/wap/wapList.vue
@@ -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",
--- a/seller/src/views/statistics/order.vue
+++ b/seller/src/views/statistics/order.vue
@@ -413,7 +413,7 @@ export default {
      // 退单订单
      refundParams: {
        pageNumber: 1,
-        pageSize: 10,
+        pageSize: 20,
        searchType: "LAST_SEVEN",
        storeId: JSON.parse(Cookies.get("userInfoSeller")).id || "",
        year: "",