feat(zone): 将专区白名单弹窗改为右侧抽屉

- 用户要求专区白名单入口交互与商品一致，改为右侧抽屉弹出
- UserSelectModal 组件外层由 a-modal 改为 a-drawer，保持内部逻辑不变
- 组件 props 和 emits 完全兼容，调用方式无需更改
- 前端重新构建即可，无需后端改动

.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）即可，无需后端改动。

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>