From 5f6eb6a26d5b4f13668a9f267edc2848a3246645 Mon Sep 17 00:00:00 2001
From: lifenlong <pikachu1995@126.com>
Date: Thu, 20 Nov 2025 15:32:46 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E7=A7=AF=E5=88=86=E5=95=86=E5=93=81?=
 =?UTF-8?q?=E5=88=86=E7=B1=BB):=20=E6=B7=BB=E5=8A=A0=E5=88=86=E9=A1=B5?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD=E5=B9=B6=E6=94=AF=E6=8C=81=E6=8C=89=E6=8E=92?=
 =?UTF-8?q?=E5=BA=8F=E5=80=BC=E6=8E=92=E5=BA=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

在积分商品分类页面添加分页组件，支持分页查询和排序
新增排序值字段展示，并对分类列表按排序值进行递归排序
---
 .../points-goods-category.vue                 | 51 ++++++++++++++++++-
 1 file changed, 49 insertions(+), 2 deletions(-)

diff --git a/manager/src/views/promotions/points-goods-category/points-goods-category.vue b/manager/src/views/promotions/points-goods-category/points-goods-category.vue
index da6246d4..b11b3e64 100644
--- a/manager/src/views/promotions/points-goods-category/points-goods-category.vue
+++ b/manager/src/views/promotions/points-goods-category/points-goods-category.vue
@@ -22,6 +22,20 @@
           <Button @click.native="remove(scope.row)" type="primary" size="small">删除</Button>
         </template>
       </tree-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="[20, 50, 100]"
+          size="small"
+          show-total
+          show-elevator
+          show-sizer
+        ></Page>
+      </Row>
     </Card>
     <Modal
       :title="modalTitle"
@@ -74,6 +88,12 @@ export default {
       modalTitle: "", // 添加或编辑标题
       showParent: false, // 是否展示上级菜单
       parentTitle: "", // 父级菜单名称
+      searchForm: {
+        pageNumber: 1,
+        pageSize: 20,
+        sort: "sortOrder",
+        order: "asc"
+      },
       formAdd: {
         // 添加或编辑表单对象初始化数据
         parentId: 0,
@@ -92,6 +112,11 @@ export default {
           key: "name",
           minWidth: "120px",
         },
+        {
+          title: "排序值",
+          key: "sortOrder",
+          minWidth: "120px",
+        },
         {
           title: "操作",
           key: "action",
@@ -103,6 +128,7 @@ export default {
         },
       ],
       tableData: [], // 表格数据
+      total: 0
     };
   },
   methods: {
@@ -185,13 +211,34 @@ export default {
     // 获取所有分类
     getAllList() {
       this.loading = true;
-      getPointsGoodsCategoryList().then((res) => {
+      getPointsGoodsCategoryList(this.searchForm).then((res) => {
         this.loading = false;
         if (res.success) {
-          this.tableData = res.result.records;
+          const records = res.result.records || [];
+          const sortFn = (a, b) => (a.sortOrder || 0) - (b.sortOrder || 0);
+          const sortRecursively = (list = []) => {
+            list.sort(sortFn);
+            list.forEach((item) => {
+              if (Array.isArray(item.children) && item.children.length) {
+                sortRecursively(item.children);
+              }
+            });
+            return list;
+          };
+          this.tableData = sortRecursively(records);
+          this.total = res.result.total || 0;
         }
       });
     },
+    changePage(v) {
+      this.searchForm.pageNumber = v;
+      this.getAllList();
+    },
+    changePageSize(v) {
+      this.searchForm.pageNumber = 1;
+      this.searchForm.pageSize = v;
+      this.getAllList();
+    }
   },
   mounted() {
     this.init();