From 463793f3d51eaa60a3f39fc75284b00719d8836b Mon Sep 17 00:00:00 2001
From: dzq <dzq@ys.com>
Date: Fri, 25 Apr 2025 09:57:54 +0800
Subject: [PATCH] =?UTF-8?q?refactor(shop/cabinet-goods):=20=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4=E5=88=86=E9=A1=B5=E5=A4=A7=E5=B0=8F=E5=B9=B6=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

将默认分页大小从10调整为5，并优化了表格和分页的样式，提升了用户体验。
---
 src/views/shop/cabinet-goods/index.vue | 24 +++++++++++++++++-------
 1 file changed, 17 insertions(+), 7 deletions(-)

diff --git a/src/views/shop/cabinet-goods/index.vue b/src/views/shop/cabinet-goods/index.vue
index afa39d1..6dbd93f 100644
--- a/src/views/shop/cabinet-goods/index.vue
+++ b/src/views/shop/cabinet-goods/index.vue
@@ -28,7 +28,7 @@ const searchFormParams = ref({
 });
 
 const pagination = ref({
-  pageSize: 10,
+  pageSize: 5,
   currentPage: 1,
   total: 0
 });
@@ -231,13 +231,13 @@ const handleClearGoods = async (row: CabinetCellDTO) => {
         </el-form-item>
       </el-form>
 
-      <PureTableBar title="柜体单元格管理" @refresh="getList">
-        <template #buttons>
+      <div title="柜体单元格管理" @refresh="getList" class="cell-list">
+        <!-- <template #buttons>
           <el-button type="danger" :icon="useRenderIcon(Delete)" :disabled="multipleSelection.length === 0"
             @click="handleBulkDelete">
             批量删除
           </el-button>
-        </template>
+        </template> -->
         <el-table ref="tableRef" v-loading="loading" :data="dataList" row-key="cellId"
           @selection-change="handleSelectionChange" border>
           <el-table-column type="selection" width="55" />
@@ -278,9 +278,9 @@ const handleClearGoods = async (row: CabinetCellDTO) => {
           </el-table-column>
         </el-table>
         <el-pagination v-model:current-page="pagination.currentPage" v-model:page-size="pagination.pageSize"
-          :page-sizes="[10, 20, 50]" layout="total, sizes, prev, pager, next, jumper" :total="pagination.total"
-          @size-change="onSizeChange" @current-change="onCurrentChange" />
-      </PureTableBar>
+          :page-sizes="[5, 10, 20, 50]" layout="total, sizes, prev, pager, next, jumper" :total="pagination.total"
+          @size-change="onSizeChange" @current-change="onCurrentChange" class="pagination" />
+      </div>
       <el-dialog v-model="configVisible" title="配置商品" width="80%">
         <CabinetGoodsConfigModal v-model="configVisible" :cell-id="currentCellId" @refresh="getList" />
       </el-dialog>
@@ -305,4 +305,14 @@ const handleClearGoods = async (row: CabinetCellDTO) => {
 .search-form {
   padding-left: 10px;
 }
+
+.pagination {
+  margin-top: 10px;
+  background: #FFFFFF;
+  padding: 7px;
+}
+
+.cell-list {
+  margin-top: 10px;
+}
 </style>