From 88dfdc9e8656e842a2cf7414e9e3514042aa1bd0 Mon Sep 17 00:00:00 2001
From: bootx <xxm1995@outlook.com>
Date: Sun, 21 Jul 2024 22:58:44 +0800
Subject: [PATCH] =?UTF-8?q?style=20=E8=A1=A8=E6=A0=BC=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/hooks/bootx/useTablePage.ts               |   2 +-
 .../daxpay/admin/order/pay/PayOrderList.vue   | 179 +++++++++---------
 src/views/iam/perm/code/PermCodeList.vue      |  70 +++----
 src/views/iam/perm/menu/MenuList.vue          | 114 +++++------
 src/views/iam/perm/path/PermPathList.vue      |  46 ++---
 src/views/iam/role/RoleList.vue               |  90 ++++-----
 6 files changed, 257 insertions(+), 244 deletions(-)

diff --git a/src/hooks/bootx/useTablePage.ts b/src/hooks/bootx/useTablePage.ts
index 075adb272..9203b6ce1 100644
--- a/src/hooks/bootx/useTablePage.ts
+++ b/src/hooks/bootx/useTablePage.ts
@@ -9,7 +9,7 @@ export default function <T>(queryPageCallback: CallableFunction) {
   // 数据内容
   const model = reactive({
     pages: {
-      size: 10,
+      size: 15,
       current: 1,
     },
     queryParam: {},
diff --git a/src/views/daxpay/admin/order/pay/PayOrderList.vue b/src/views/daxpay/admin/order/pay/PayOrderList.vue
index 13f7791bd..6ec58f3dd 100644
--- a/src/views/daxpay/admin/order/pay/PayOrderList.vue
+++ b/src/views/daxpay/admin/order/pay/PayOrderList.vue
@@ -16,93 +16,98 @@
           >
         </template>
       </vxe-toolbar>
-      <vxe-table
-        row-id="id"
-        ref="xTable"
-        :cell-style="cellStyle"
-        :data="pagination.records"
-        :loading="loading"
-        :sort-config="{ remote: true, trigger: 'cell' }"
-        @sort-change="sortChange"
-      >
-        <vxe-column type="seq" title="序号" width="60" />
-        <vxe-column field="orderNo" title="订单号" :min-width="230">
-          <template #default="{ row }">
-            <a @click="show(row)">
-              {{ row.orderNo }}
-            </a>
-          </template>
-        </vxe-column>
-        <vxe-column field="title" title="标题" :min-width="230" />
-        <vxe-column field="channel" title="支付通道" :min-width="120">
-          <template #default="{ row }">
-            {{ dictConvert('PayChannel', row.channel) }}
-          </template>
-        </vxe-column>
-        <vxe-column field="bizOrderNo" title="商户订单号" :min-width="230" />
-        <vxe-column field="amount" title="金额(元)" :min-width="120" sortable>
-          <template #default="{ row }">
-            {{ row.amount }}
-          </template>
-        </vxe-column>
-        <vxe-column field="refundableBalance" title="可退余额(元)" :min-width="120" sortable>
-          <template #default="{ row }">
-            {{ row.refundableBalance }}
-          </template>
-        </vxe-column>
-        <vxe-column field="status" title="支付状态" :min-width="120">
-          <template #default="{ row }">{{ dictConvert('PayStatus', row.status) || '无' }}</template>
-        </vxe-column>
-        <vxe-column field="refundStatus" title="退款终态" :min-width="120">
-          <template #default="{ row }">{{
-            dictConvert('PayOrderRefundStatus', row.refundStatus) || '无'
-          }}</template>
-        </vxe-column>
-        <vxe-column field="allocation" title="分账" :min-width="160">
-          <template #default="{ row }">
-            <a-tag v-if="row.allocation" color="green">支持</a-tag>
-            <a-tag v-else color="red">不支持</a-tag>
-          </template>
-        </vxe-column>
-        <vxe-column field="allocStatus" title="分账状态" :min-width="160">
-          <template #default="{ row }">
-            {{ dictConvert('PayOrderAllocStatus', row.allocStatus) || '无' }}
-          </template>
-        </vxe-column>
-        <vxe-column field="createTime" title="创建时间" sortable :min-width="230" />
-        <vxe-column fixed="right" width="120" :showOverflow="false" title="操作">
-          <template #default="{ row }">
-            <a-link @click="show(row)">查看</a-link>
-            <a-divider type="vertical" />
-            <a-dropdown>
-              <a>
-                更多
-                <icon icon="ant-design:down-outlined" :size="12" />
+      <div class="h-65vh">
+        <vxe-table
+          height="auto"
+          row-id="id"
+          ref="xTable"
+          :cell-style="cellStyle"
+          :data="pagination.records"
+          :loading="loading"
+          :sort-config="{ remote: true, trigger: 'cell' }"
+          @sort-change="sortChange"
+        >
+          <vxe-column type="seq" title="序号" width="60" />
+          <vxe-column field="orderNo" title="订单号" :min-width="230">
+            <template #default="{ row }">
+              <a @click="show(row)">
+                {{ row.orderNo }}
               </a>
-              <template #overlay>
-                <a-menu>
-<!--                  <a-menu-item>-->
-<!--                    <a-link @click="sync(row)">同步</a-link>-->
-<!--                  </a-menu-item>-->
-<!--                  <a-menu-item v-if="[payStatus.PROGRESS].includes(row.status)">-->
-<!--                    <a-link @click="closeOrder(row)" danger>关闭</a-link>-->
-<!--                  </a-menu-item>-->
-<!--                  <a-menu-item-->
-<!--                    v-if="row.allocStatus === 'waiting' && payStatus.SUCCESS === row.status"-->
-<!--                  >-->
-<!--                    <a-link @click="allocation(row)">分账</a-link>-->
-<!--                  </a-menu-item>-->
-<!--                  <a-menu-item-->
-<!--                    v-if="[payStatus.SUCCESS].includes(row.status) && row.refundableBalance > 0"-->
-<!--                  >-->
-<!--                    <a-link @click="refund(row)" danger>退款</a-link>-->
-<!--                  </a-menu-item>-->
-                </a-menu>
-              </template>
-            </a-dropdown>
-          </template>
-        </vxe-column>
-      </vxe-table>
+            </template>
+          </vxe-column>
+          <vxe-column field="title" title="标题" :min-width="230" />
+          <vxe-column field="channel" title="支付通道" :min-width="120">
+            <template #default="{ row }">
+              {{ dictConvert('PayChannel', row.channel) }}
+            </template>
+          </vxe-column>
+          <vxe-column field="bizOrderNo" title="商户订单号" :min-width="230" />
+          <vxe-column field="amount" title="金额(元)" :min-width="120" sortable>
+            <template #default="{ row }">
+              {{ row.amount }}
+            </template>
+          </vxe-column>
+          <vxe-column field="refundableBalance" title="可退余额(元)" :min-width="120" sortable>
+            <template #default="{ row }">
+              {{ row.refundableBalance }}
+            </template>
+          </vxe-column>
+          <vxe-column field="status" title="支付状态" :min-width="120">
+            <template #default="{ row }">{{
+              dictConvert('PayStatus', row.status) || '无'
+            }}</template>
+          </vxe-column>
+          <vxe-column field="refundStatus" title="退款终态" :min-width="120">
+            <template #default="{ row }">{{
+              dictConvert('PayOrderRefundStatus', row.refundStatus) || '无'
+            }}</template>
+          </vxe-column>
+          <vxe-column field="allocation" title="分账" :min-width="160">
+            <template #default="{ row }">
+              <a-tag v-if="row.allocation" color="green">支持</a-tag>
+              <a-tag v-else color="red">不支持</a-tag>
+            </template>
+          </vxe-column>
+          <vxe-column field="allocStatus" title="分账状态" :min-width="160">
+            <template #default="{ row }">
+              {{ dictConvert('PayOrderAllocStatus', row.allocStatus) || '无' }}
+            </template>
+          </vxe-column>
+          <vxe-column field="createTime" title="创建时间" sortable :min-width="230" />
+          <vxe-column fixed="right" width="120" :showOverflow="false" title="操作">
+            <template #default="{ row }">
+              <a-link @click="show(row)">查看</a-link>
+              <a-divider type="vertical" />
+              <a-dropdown>
+                <a>
+                  更多
+                  <icon icon="ant-design:down-outlined" :size="12" />
+                </a>
+                <template #overlay>
+                  <a-menu>
+                    <!--                  <a-menu-item>-->
+                    <!--                    <a-link @click="sync(row)">同步</a-link>-->
+                    <!--                  </a-menu-item>-->
+                    <!--                  <a-menu-item v-if="[payStatus.PROGRESS].includes(row.status)">-->
+                    <!--                    <a-link @click="closeOrder(row)" danger>关闭</a-link>-->
+                    <!--                  </a-menu-item>-->
+                    <!--                  <a-menu-item-->
+                    <!--                    v-if="row.allocStatus === 'waiting' && payStatus.SUCCESS === row.status"-->
+                    <!--                  >-->
+                    <!--                    <a-link @click="allocation(row)">分账</a-link>-->
+                    <!--                  </a-menu-item>-->
+                    <!--                  <a-menu-item-->
+                    <!--                    v-if="[payStatus.SUCCESS].includes(row.status) && row.refundableBalance > 0"-->
+                    <!--                  >-->
+                    <!--                    <a-link @click="refund(row)" danger>退款</a-link>-->
+                    <!--                  </a-menu-item>-->
+                  </a-menu>
+                </template>
+              </a-dropdown>
+            </template>
+          </vxe-column>
+        </vxe-table>
+      </div>
       <vxe-pager
         size="medium"
         :loading="loading"
@@ -128,7 +133,7 @@
   import { VxeTableInstance, VxeToolbarInstance, VxeTable, VxeToolbar } from 'vxe-table'
   import ALink from '@/components/Link/Link.vue'
   import { LabeledValue } from 'ant-design-vue/lib/select'
-  import {Icon} from "@/components/Icon";
+  import { Icon } from '@/components/Icon'
 
   const payStatus = ref('')
   // 使用hooks
diff --git a/src/views/iam/perm/code/PermCodeList.vue b/src/views/iam/perm/code/PermCodeList.vue
index 02a884cb9..52d9c0862 100644
--- a/src/views/iam/perm/code/PermCodeList.vue
+++ b/src/views/iam/perm/code/PermCodeList.vue
@@ -29,40 +29,42 @@
           </a-space>
         </template>
       </vxe-toolbar>
-      <vxe-table
-        resizable
-        :height="650"
-        ref="xTable"
-        border="inner"
-        :stripe="false"
-        :loading="loading"
-        :tree-config="{ childrenField: 'children' }"
-        :data="tableData"
-      >
-        <vxe-column field="name" title="名称" tree-node />
-        <vxe-column field="code" title="权限码" />
-        <vxe-column title="操作" fixed="right" width="220" :showOverflow="false">
-          <template #default="{ row }">
-            <a href="javascript:" @click="show(row)">查看</a>
-            <a-divider type="vertical" />
-            <a href="javascript:" @click="edit(row)">编辑</a>
-            <a-divider type="vertical" />
-            <a-dropdown>
-              <a> 更多 <icon icon="ant-design:down-outlined" :size="12" /> </a>
-              <template #overlay>
-                <a-menu>
-                  <a-menu-item v-if="!row.leaf">
-                    <a-link @click="addChildren(row)">添加下级</a-link>
-                  </a-menu-item>
-                  <a-menu-item>
-                    <a-link href="javascript:" danger>删除</a-link>
-                  </a-menu-item>
-                </a-menu>
-              </template>
-            </a-dropdown>
-          </template>
-        </vxe-column>
-      </vxe-table>
+      <div class="h-70vh">
+        <vxe-table
+          resizable
+          height="auto"
+          ref="xTable"
+          border="inner"
+          :stripe="false"
+          :loading="loading"
+          :tree-config="{ childrenField: 'children' }"
+          :data="tableData"
+        >
+          <vxe-column field="name" title="名称" tree-node />
+          <vxe-column field="code" title="权限码" />
+          <vxe-column title="操作" fixed="right" width="220" :showOverflow="false">
+            <template #default="{ row }">
+              <a href="javascript:" @click="show(row)">查看</a>
+              <a-divider type="vertical" />
+              <a href="javascript:" @click="edit(row)">编辑</a>
+              <a-divider type="vertical" />
+              <a-dropdown>
+                <a> 更多 <icon icon="ant-design:down-outlined" :size="12" /> </a>
+                <template #overlay>
+                  <a-menu>
+                    <a-menu-item v-if="!row.leaf">
+                      <a-link @click="addChildren(row)">添加下级</a-link>
+                    </a-menu-item>
+                    <a-menu-item>
+                      <a-link href="javascript:" danger>删除</a-link>
+                    </a-menu-item>
+                  </a-menu>
+                </template>
+              </a-dropdown>
+            </template>
+          </vxe-column>
+        </vxe-table>
+      </div>
       <PermCodeEdit ref="codeEdit" @ok="queryPage" />
     </div>
   </div>
diff --git a/src/views/iam/perm/menu/MenuList.vue b/src/views/iam/perm/menu/MenuList.vue
index 383b734e2..bf48c711d 100644
--- a/src/views/iam/perm/menu/MenuList.vue
+++ b/src/views/iam/perm/menu/MenuList.vue
@@ -41,63 +41,65 @@
           </a-space>
         </template>
       </vxe-toolbar>
-      <vxe-table
-        resizable
-        :height="650"
-        ref="xTable"
-        border="inner"
-        :stripe="false"
-        :loading="loading"
-        :tree-config="{ childrenField: 'children' }"
-        :data="tableData"
-      >
-        <vxe-column field="title" title="菜单名称" tree-node />
-        <vxe-column field="name" title="路由名称" />
-        <vxe-column field="path" title="请求路径" />
-        <vxe-column field="sortNo" title="排序" :visible="false" />
-        <vxe-column field="component" title="组件" />
-        <vxe-column field="icon" title="图标">
-          <template #default="{ row }">
-            <div v-if="row.icon">
-              <icon :icon="row.icon" />
-            </div>
-          </template>
-        </vxe-column>
-        <vxe-column title="操作" fixed="right" width="220" :showOverflow="false">
-          <template #default="{ row }">
-            <a href="javascript:" @click="show(row)">查看</a>
-            <template v-if="String(row.menuType) !== '2'">
-              <a-divider type="vertical" />
-              <a href="javascript:" v-if="!row.internal" @click="edit(row)">编辑</a>
-              <a href="javascript:" v-else disabled>编辑</a>
-              <a-divider type="vertical" />
-              <a-dropdown>
-                <a> 更多 <icon icon="ant-design:down-outlined" :size="12" /> </a>
-                <template #overlay>
-                  <a-menu>
-                    <a-menu-item>
-                      <a @click="addChildren(row)">添加下级</a>
-                    </a-menu-item>
-                    <a-menu-item>
-                      <a @click="copy(row.id)">复制</a>
-                    </a-menu-item>
-                    <a-menu-item>
-                      <a
-                        href="javascript:"
-                        v-if="!row.internal"
-                        @click="remove(row)"
-                        style="color: red"
-                        >删除</a
-                      >
-                      <a href="javascript:" v-else disabled>删除</a>
-                    </a-menu-item>
-                  </a-menu>
-                </template>
-              </a-dropdown>
+      <div class="h-70vh">
+        <vxe-table
+          resizable
+          height="auto"
+          ref="xTable"
+          border="inner"
+          :stripe="false"
+          :loading="loading"
+          :tree-config="{ childrenField: 'children' }"
+          :data="tableData"
+        >
+          <vxe-column field="title" title="菜单名称" tree-node />
+          <vxe-column field="name" title="路由名称" />
+          <vxe-column field="path" title="请求路径" />
+          <vxe-column field="sortNo" title="排序" :visible="false" />
+          <vxe-column field="component" title="组件" />
+          <vxe-column field="icon" title="图标">
+            <template #default="{ row }">
+              <div v-if="row.icon">
+                <icon :icon="row.icon" />
+              </div>
             </template>
-          </template>
-        </vxe-column>
-      </vxe-table>
+          </vxe-column>
+          <vxe-column title="操作" fixed="right" width="220" :showOverflow="false">
+            <template #default="{ row }">
+              <a href="javascript:" @click="show(row)">查看</a>
+              <template v-if="String(row.menuType) !== '2'">
+                <a-divider type="vertical" />
+                <a href="javascript:" v-if="!row.internal" @click="edit(row)">编辑</a>
+                <a href="javascript:" v-else disabled>编辑</a>
+                <a-divider type="vertical" />
+                <a-dropdown>
+                  <a> 更多 <icon icon="ant-design:down-outlined" :size="12" /> </a>
+                  <template #overlay>
+                    <a-menu>
+                      <a-menu-item>
+                        <a @click="addChildren(row)">添加下级</a>
+                      </a-menu-item>
+                      <a-menu-item>
+                        <a @click="copy(row.id)">复制</a>
+                      </a-menu-item>
+                      <a-menu-item>
+                        <a
+                          href="javascript:"
+                          v-if="!row.internal"
+                          @click="remove(row)"
+                          style="color: red"
+                          >删除</a
+                        >
+                        <a href="javascript:" v-else disabled>删除</a>
+                      </a-menu-item>
+                    </a-menu>
+                  </template>
+                </a-dropdown>
+              </template>
+            </template>
+          </vxe-column>
+        </vxe-table>
+      </div>
       <MenuEdit ref="menuEdit" @ok="queryPage" />
     </div>
   </div>
diff --git a/src/views/iam/perm/path/PermPathList.vue b/src/views/iam/perm/path/PermPathList.vue
index a40da0636..b98424086 100644
--- a/src/views/iam/perm/path/PermPathList.vue
+++ b/src/views/iam/perm/path/PermPathList.vue
@@ -41,28 +41,30 @@
           </a-space>
         </template>
       </vxe-toolbar>
-      <vxe-table
-        resizable
-        :height="650"
-        ref="xTable"
-        border="inner"
-        :stripe="false"
-        :loading="loading"
-        :tree-config="{ childrenField: 'children' }"
-        :data="tableData"
-      >
-        <vxe-column field="name" title="名称" :min-width="200" tree-node />
-        <vxe-column field="path" title="请求路径" :min-width="500">
-          <template #default="{ row }">
-            {{ row.leaf ? `[${row.method}] ${row.path}` : '' }}
-          </template>
-        </vxe-column>
-        <vxe-column title="操作" fixed="right" :width="100" :showOverflow="false">
-          <template #default="{ row }">
-            <a-link v-if="row.leaf" @click="show(row)">查看</a-link>
-          </template>
-        </vxe-column>
-      </vxe-table>
+      <div class="h-70vh">
+        <vxe-table
+          resizable
+          height="auto"
+          ref="xTable"
+          border="inner"
+          :stripe="false"
+          :loading="loading"
+          :tree-config="{ childrenField: 'children' }"
+          :data="tableData"
+        >
+          <vxe-column field="name" title="名称" :min-width="200" tree-node />
+          <vxe-column field="path" title="请求路径" :min-width="500">
+            <template #default="{ row }">
+              {{ row.leaf ? `[${row.method}] ${row.path}` : '' }}
+            </template>
+          </vxe-column>
+          <vxe-column title="操作" fixed="right" :width="100" :showOverflow="false">
+            <template #default="{ row }">
+              <a-link v-if="row.leaf" @click="show(row)">查看</a-link>
+            </template>
+          </vxe-column>
+        </vxe-table>
+      </div>
     </div>
     <PermPathInfo ref="permPathInfo" />
   </div>
diff --git a/src/views/iam/role/RoleList.vue b/src/views/iam/role/RoleList.vue
index d73552093..8be1b7251 100644
--- a/src/views/iam/role/RoleList.vue
+++ b/src/views/iam/role/RoleList.vue
@@ -29,50 +29,52 @@
           </a-space>
         </template>
       </vxe-toolbar>
-      <vxe-table
-        resizable
-        :height="650"
-        :stripe="false"
-        ref="xTable"
-        border="inner"
-        :loading="loading"
-        :tree-config="{ childrenField: 'children' }"
-        :data="tableData"
-      >
-        <vxe-column field="name" title="名称" :min-width="200" tree-node>
-          <template #default="{ row }">
-            <a-link @click="show(row)">{{ row.name }}</a-link>
-          </template>
-        </vxe-column>
-        <vxe-column field="code" title="编码" :min-width="150" />
-        <vxe-column field="remark" title="备注" :min-width="200" />
-        <vxe-column fixed="right" width="270" :showOverflow="false" title="操作">
-          <template #default="{ row }">
-            <a-link @click="addChildren(row)">添加子角色</a-link>
-            <a-divider type="vertical" />
-            <a-link @click="edit(row)">编辑</a-link>
-            <a-divider type="vertical" />
-            <a-link danger @click="remove(row)">删除</a-link>
-            <a-divider type="vertical" />
-            <a-dropdown>
-              <a> 授权 <Icon icon="ant-design:down-outlined" :size="12" :min-width="280" /> </a>
-              <template #overlay>
-                <a-menu>
-                  <a-menu-item>
-                    <a-link @click="handleRoleMenu(row)">菜单权限</a-link>
-                  </a-menu-item>
-                  <a-menu-item>
-                    <a-link @click="handleRolePath(row)">请求权限</a-link>
-                  </a-menu-item>
-                  <a-menu-item>
-                    <a-link @click="handleRoleCode(row)">权限码</a-link>
-                  </a-menu-item>
-                </a-menu>
-              </template>
-            </a-dropdown>
-          </template>
-        </vxe-column>
-      </vxe-table>
+      <div class="h-70vh">
+        <vxe-table
+          resizable
+          height="auto"
+          :stripe="false"
+          ref="xTable"
+          border="inner"
+          :loading="loading"
+          :tree-config="{ childrenField: 'children' }"
+          :data="tableData"
+        >
+          <vxe-column field="name" title="名称" :min-width="200" tree-node>
+            <template #default="{ row }">
+              <a-link @click="show(row)">{{ row.name }}</a-link>
+            </template>
+          </vxe-column>
+          <vxe-column field="code" title="编码" :min-width="150" />
+          <vxe-column field="remark" title="备注" :min-width="200" />
+          <vxe-column fixed="right" width="270" :showOverflow="false" title="操作">
+            <template #default="{ row }">
+              <a-link @click="addChildren(row)">添加子角色</a-link>
+              <a-divider type="vertical" />
+              <a-link @click="edit(row)">编辑</a-link>
+              <a-divider type="vertical" />
+              <a-link danger @click="remove(row)">删除</a-link>
+              <a-divider type="vertical" />
+              <a-dropdown>
+                <a> 授权 <Icon icon="ant-design:down-outlined" :size="12" :min-width="280" /> </a>
+                <template #overlay>
+                  <a-menu>
+                    <a-menu-item>
+                      <a-link @click="handleRoleMenu(row)">菜单权限</a-link>
+                    </a-menu-item>
+                    <a-menu-item>
+                      <a-link @click="handleRolePath(row)">请求权限</a-link>
+                    </a-menu-item>
+                    <a-menu-item>
+                      <a-link @click="handleRoleCode(row)">权限码</a-link>
+                    </a-menu-item>
+                  </a-menu>
+                </template>
+              </a-dropdown>
+            </template>
+          </vxe-column>
+        </vxe-table>
+      </div>
       <RoleEdit ref="roleEdit" @ok="queryPage" />
       <RoleMenuModal ref="roleMenuModal" />
       <RoleCodeModal ref="roleCodeModal" />