From adddd98d7df376d9570c95ceb7d41592d665ba7d Mon Sep 17 00:00:00 2001
From: dzq <dzq@ys.com>
Date: Tue, 27 May 2025 15:57:04 +0800
Subject: [PATCH] =?UTF-8?q?style(views):=20=E8=B0=83=E6=95=B4=E6=8A=BD?=
 =?UTF-8?q?=E5=B1=89=E7=BB=84=E4=BB=B6=E5=92=8C=E8=A1=A8=E5=8D=95=E7=9A=84?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E9=97=B4=E8=B7=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

统一调整抽屉组件的标题和内容间距，优化表单项和分页组件的边距，提升界面一致性
---
 .../cabinet/smart-cabinet-card/detail.vue     | 21 +++++++++++++++----
 .../cabinet-goods-config-modal.vue            | 18 +++++++++-------
 2 files changed, 28 insertions(+), 11 deletions(-)

diff --git a/src/views/cabinet/smart-cabinet-card/detail.vue b/src/views/cabinet/smart-cabinet-card/detail.vue
index 87e5e30..ef42f52 100644
--- a/src/views/cabinet/smart-cabinet-card/detail.vue
+++ b/src/views/cabinet/smart-cabinet-card/detail.vue
@@ -421,17 +421,21 @@ onMounted(() => {
       <ShopConfigModal v-model="shopConfigVisible" :cabinet-id="cabinetId" @refresh="fetchCabinetDetail" />
       <MainCabinetConfigModal v-model="mainCabinetConfigVisible" :cabinet-id="cabinetId"
         @refresh="fetchCabinetDetail" />
-      <el-drawer v-model="editCabinetDrawerVisible" title="编辑柜体" size="30%" direction="rtl">
+      <el-drawer v-model="editCabinetDrawerVisible"
+        title="编辑柜体" size="30%" direction="rtl">
         <EditCabinetDrawer v-model="editCabinetDrawerVisible" :cabinet-info="cabinetInfo"
           @refresh="fetchCabinetDetail" />
       </el-drawer>
-      <el-drawer v-model="goodsConfigVisible" title="配置商品" size="50%" direction="rtl">
+      <el-drawer v-model="goodsConfigVisible" title="配置商品"
+        size="50%" direction="rtl">
         <CabinetGoodsConfigModal v-model="goodsConfigVisible" :cell-id="currentCellId" @refresh="fetchCellList" />
       </el-drawer>
-      <el-drawer v-model="cellFormVisible" title="新增格口" size="30%" direction="rtl">
+      <el-drawer v-model="cellFormVisible" title="新增格口"
+        size="30%" direction="rtl">
         <CellFormModal v-model="cellFormVisible" :initial-cabinet-id="cabinetId" @refresh="fetchCellList" />
       </el-drawer>
-      <el-drawer v-model="cellEditVisible" title="编辑格口" size="30%" direction="rtl">
+      <el-drawer v-model="cellEditVisible" title="编辑格口"
+        size="30%" direction="rtl">
         <CellEditModal v-model="cellEditVisible" :row="currentCell" @refresh="fetchCellList" />
       </el-drawer>
     </div>
@@ -442,6 +446,15 @@ onMounted(() => {
 :deep(.el-tabs__header) {
   margin-bottom: 8px;
 }
+
+:deep(.el-drawer__header) {
+  margin: 0;
+}
+
+:deep(.el-drawer__body) {
+  padding: 4px;
+}
+
 .el-form-item {
   margin-bottom: 8px;
 }
diff --git a/src/views/shop/cabinet-goods/cabinet-goods-config-modal.vue b/src/views/shop/cabinet-goods/cabinet-goods-config-modal.vue
index b41dbc5..3794aaa 100644
--- a/src/views/shop/cabinet-goods/cabinet-goods-config-modal.vue
+++ b/src/views/shop/cabinet-goods/cabinet-goods-config-modal.vue
@@ -106,10 +106,6 @@ defineExpose({ getList });
         <el-button type="primary" :icon="useRenderIcon(Search)" @click="getList">
           搜索
         </el-button>
-        <el-button :icon="useRenderIcon(Refresh)"
-          @click="searchFormParams = { goodsName: '', status: null }; getList()">
-          重置
-        </el-button>
       </el-form-item>
     </el-form>
 
@@ -141,16 +137,24 @@ defineExpose({ getList });
 
     <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" :total="pagination.total"
-      @size-change="getList" @current-change="getList" />
+      @size-change="getList" @current-change="getList" class="pagination" />
   </div>
 </template>
 
-<style scoped>
+<style scoped lang="scss">
 .config-modal {
   padding: 20px;
 }
 
 .search-form {
-  margin-bottom: 20px;
+  margin-bottom: 8px;
+}
+
+.el-form-item {
+  margin-bottom: 8px;
+}
+
+.pagination {
+  margin-top: 10px;
 }
 </style>
\ No newline at end of file