From 4b146fd5b97ac5c319b52039c8cc611f9dbc4b7e Mon Sep 17 00:00:00 2001
From: TsMask <340112800@qq.com>
Date: Fri, 2 Feb 2024 10:58:41 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=8F=82=E6=95=B0=E9=85=8D=E7=BD=AE?=
 =?UTF-8?q?=E8=A1=A8=E6=A0=BC=E6=B7=BB=E5=8A=A0=E5=88=86=E9=A1=B5=E5=99=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../configParamTreeTable/index.vue            | 39 +++++++++++++++----
 1 file changed, 32 insertions(+), 7 deletions(-)

diff --git a/src/views/configManage/configParamTreeTable/index.vue b/src/views/configManage/configParamTreeTable/index.vue
index 23e8a5d8..7f68c058 100644
--- a/src/views/configManage/configParamTreeTable/index.vue
+++ b/src/views/configManage/configParamTreeTable/index.vue
@@ -274,6 +274,31 @@ function listEditOk() {
     });
 }
 
+/**表格分页器参数 */
+let tablePagination = reactive({
+  /**当前页数 */
+  current: 1,
+  /**每页条数 */
+  pageSize: 20,
+  /**默认的每页条数 */
+  defaultPageSize: 20,
+  /**指定每页可以显示多少条 */
+  pageSizeOptions: ['10', '20', '50', '100'],
+  /**只有一页时是否隐藏分页器 */
+  hideOnSinglePage: true,
+  /**是否可以快速跳转至某页 */
+  showQuickJumper: true,
+  /**是否可以改变 pageSize */
+  showSizeChanger: true,
+  /**数据总数 */
+  total: 0,
+  showTotal: (total: number) => t('common.tablePaginationTotal', { total }),
+  onChange: (page: number, pageSize: number) => {
+    tablePagination.current = page;
+    tablePagination.pageSize = pageSize;
+  },
+});
+
 /**多列列表状态类型 */
 type ArrayStateType = {
   /**紧凑型 */
@@ -1200,7 +1225,7 @@ onMounted(() => {
         <a-card
           size="small"
           :bordered="false"
-          :body-style="{ maxHeight: '650px', 'overflow-y': 'scroll' }"
+          :body-style="{ maxHeight: '650px', 'overflow-y': 'auto' }"
           :loading="treeState.selectLoading"
         >
           <template #title>
@@ -1235,9 +1260,9 @@ onMounted(() => {
             :size="listState.size"
             :columns="listState.columns"
             :data-source="listState.data"
-            :pagination="false"
+            :pagination="tablePagination"
             :bordered="true"
-            :scroll="{ x: true }"
+            :scroll="{ x: true, y: '500px' }"
           >
             <template #bodyCell="{ column, text, record }">
               <template v-if="column.dataIndex === 'value'">
@@ -1341,9 +1366,9 @@ onMounted(() => {
               :columns="treeState.selectNode.method === 'get' ? arrayState.columnsDnd.filter((s:any)=>s.key !== 'index') : arrayState.columnsDnd"
               :data-source="arrayState.columnsData"
               :size="arrayState.size"
-              :pagination="false"
+              :pagination="tablePagination"
               :bordered="true"
-              :scroll="{ x: arrayState.columnsDnd.length * 200, y: 450 }"
+              :scroll="{ x: arrayState.columnsDnd.length * 200, y: 480 }"
               @resizeColumn="(w:number, col:any) => (col.width = w)"
               :show-expand-column="false"
               v-model:expanded-row-keys="arrayState.arrayChildExpandKeys"
@@ -1432,11 +1457,11 @@ onMounted(() => {
                   :columns="arrayChildState.columnsDnd"
                   :data-source="arrayChildState.columnsData"
                   :size="arrayChildState.size"
-                  :pagination="false"
+                  :pagination="tablePagination"
                   :bordered="true"
                   :scroll="{
                     x: arrayChildState.columnsDnd.length * 200,
-                    y: 450,
+                    y: 200,
                   }"
                   @resizeColumn="(w:number, col:any) => (col.width = w)"
                 >