From 47fb8d1bd0a9cc7bc4c25b83144380f979aa4273 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Mon, 17 Aug 2026 03:23:45 +0800
Subject: [PATCH] =?UTF-8?q?feat(zone):=20=E5=B0=86=E4=B8=93=E5=8C=BA?=
 =?UTF-8?q?=E7=99=BD=E5=90=8D=E5=8D=95=E5=BC=B9=E7=AA=97=E6=94=B9=E4=B8=BA?=
 =?UTF-8?q?=E5=8F=B3=E4=BE=A7=E6=8A=BD=E5=B1=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 用户要求专区白名单入口交互与商品一致，改为右侧抽屉弹出
- UserSelectModal 组件外层由 a-modal 改为 a-drawer，保持内部逻辑不变
- 组件 props 和 emits 完全兼容，调用方式无需更改
- 前端重新构建即可，无需后端改动
---
 .workbuddy/memory/2026-08-17.md                       | 6 ++++++
 src/views/special/zone/components/UserSelectModal.vue | 8 ++++----
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/.workbuddy/memory/2026-08-17.md b/.workbuddy/memory/2026-08-17.md
index 2d06e32..c67693f 100644
--- a/.workbuddy/memory/2026-08-17.md
+++ b/.workbuddy/memory/2026-08-17.md
@@ -129,3 +129,9 @@
   - `index.vue`：弹窗调用去掉 `:selectedUserIds` / `@confirm`；`openUsers` 简化为只置 `currentSectionId`+开弹窗；删除 `onSaveUsers`、`currentUserIds`、未用 import（`setSectionUsers`/`listSectionUsers` 在 index 内已无引用）。
 - 后端 `users` 关键字搜索：sys_user `UserParam.keywords` 已覆盖 username/user_id/nickname/real_name/alias/phone（含手机、姓名、昵称），满足需求。
 - 部署：重新编译部署 guilixu-java（shop-api）+ 重新构建 admin 前端。本机无 maven 未编译；改动为标准 MP/MyBatis 用法，风险低。
+
+## 专区白名单弹窗改为右侧抽屉（modal → drawer）
+- 用户要求：专区「白名单」入口的交互与同页「商品」一致，改成右边弹出的抽屉。
+- 改动：`src/views/special/zone/components/UserSelectModal.vue` 外层容器由 `<a-modal>` 改为 `<a-drawer placement="right" :width="820">`，内部搜索/候选/已添加列表逻辑原样保留，props/emits(`visible`/`sectionId`/`update:visible`) 不变。
+- `index.vue` 中 `<UserSelectModal v-model:visible="showUser" :sectionId="currentSectionId" />` 调用方式无需改动（与商品抽屉同为右侧弹出）。
+- 部署：重新构建 admin 前端（npm run dev 热更新或 build）即可，无需后端改动。
diff --git a/src/views/special/zone/components/UserSelectModal.vue b/src/views/special/zone/components/UserSelectModal.vue
index ad1d0c2..3b89a67 100644
--- a/src/views/special/zone/components/UserSelectModal.vue
+++ b/src/views/special/zone/components/UserSelectModal.vue
@@ -1,11 +1,11 @@
-<!-- 白名单用户管理弹窗（商品式：打开只列已添加，搜索手机/姓名昵称追加，单条即时增删） -->
+<!-- 白名单用户管理抽屉（右侧弹出：打开只列已添加，搜索手机/姓名昵称追加，单条即时增删） -->
 <template>
-  <a-modal
+  <a-drawer
     :width="820"
     :visible="visible"
     :maskClosable="false"
     title="专区白名单用户"
-    :footer="null"
+    placement="right"
     :body-style="{ paddingBottom: '16px' }"
     @update:visible="updateVisible"
   >
@@ -64,7 +64,7 @@
       </a-table>
       <a-empty v-else description="暂无白名单用户，请用上方搜索添加" />
     </a-spin>
-  </a-modal>
+  </a-drawer>
 </template>
 
 <script lang="ts" setup>