From 8d17d8d915a36cc0903420efa75072f2572b2ffa Mon Sep 17 00:00:00 2001
From: nehc <934298133@qq.com>
Date: Wed, 30 Jul 2025 17:42:50 +0800
Subject: [PATCH] =?UTF-8?q?feat(@vben/web-antd):=20erp-stock-warehouse=20?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E4=BB=93=E5=BA=93=E5=88=97=E8=A1=A8=E7=9A=84?=
 =?UTF-8?q?=E7=8A=B6=E6=80=81=E5=88=87=E6=8D=A2=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将默认状态切换逻辑从组件模板移到单独的函数中
- 使用 confirm 对话框替代 message.confirm
- 优化了默认状态切换的用户体验和错误处理
- 引入了 Promise 机制，允许异步操作
---
 .../src/views/erp/stock/warehouse/data.ts     | 17 ++++++-
 .../src/views/erp/stock/warehouse/index.vue   | 45 +++++++++----------
 2 files changed, 37 insertions(+), 25 deletions(-)

diff --git a/apps/web-antd/src/views/erp/stock/warehouse/data.ts b/apps/web-antd/src/views/erp/stock/warehouse/data.ts
index fbf01ddeb..8adfd1daa 100644
--- a/apps/web-antd/src/views/erp/stock/warehouse/data.ts
+++ b/apps/web-antd/src/views/erp/stock/warehouse/data.ts
@@ -1,5 +1,6 @@
 import type { VbenFormSchema } from '#/adapter/form';
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
+import type { ErpWarehouseApi } from '#/api/erp/stock/warehouse';
 
 import { DICT_TYPE, getDictOptions } from '#/utils';
 
@@ -122,7 +123,12 @@ export function useGridFormSchema(): VbenFormSchema[] {
 }
 
 /** 列表的字段 */
-export function useGridColumns(): VxeTableGridOptions['columns'] {
+export function useGridColumns<T = ErpWarehouseApi.Warehouse>(
+  onDefaultStatusChange?: (
+    newStatus: boolean,
+    row: T,
+  ) => PromiseLike<boolean | undefined>,
+): VxeTableGridOptions['columns'] {
   return [
     {
       field: 'name',
@@ -174,7 +180,14 @@ export function useGridColumns(): VxeTableGridOptions['columns'] {
       field: 'defaultStatus',
       title: '是否默认',
       width: 100,
-      slots: { default: 'defaultStatus' },
+      cellRender: {
+        attrs: { beforeChange: onDefaultStatusChange },
+        name: 'CellSwitch',
+        props: {
+          checkedValue: true,
+          unCheckedValue: false,
+        },
+      },
     },
     {
       field: 'remark',
diff --git a/apps/web-antd/src/views/erp/stock/warehouse/index.vue b/apps/web-antd/src/views/erp/stock/warehouse/index.vue
index 879a26597..57c51d07a 100644
--- a/apps/web-antd/src/views/erp/stock/warehouse/index.vue
+++ b/apps/web-antd/src/views/erp/stock/warehouse/index.vue
@@ -2,10 +2,10 @@
 import type { VxeTableGridOptions } from '#/adapter/vxe-table';
 import type { ErpWarehouseApi } from '#/api/erp/stock/warehouse';
 
-import { DocAlert, Page, useVbenModal } from '@vben/common-ui';
+import { confirm, DocAlert, Page, useVbenModal } from '@vben/common-ui';
 import { downloadFileFromBlobPart } from '@vben/utils';
 
-import { message, Switch } from 'ant-design-vue';
+import { message } from 'ant-design-vue';
 
 import { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
 import {
@@ -56,20 +56,26 @@ async function handleDelete(row: ErpWarehouseApi.Warehouse) {
 }
 
 /** 修改默认状态 */
-async function handleDefaultStatusChange(row: ErpWarehouseApi.Warehouse) {
-  try {
-    const text = row.defaultStatus ? '设置' : '取消';
-    await message.confirm({
-      title: '确认',
+async function handleDefaultStatusChange(
+  newStatus: boolean,
+  row: ErpWarehouseApi.Warehouse,
+): Promise<boolean | undefined> {
+  return new Promise((resolve, reject) => {
+    const text = newStatus ? '开启' : '取消';
+
+    confirm({
       content: `确认要${text}"${row.name}"默认吗?`,
-    });
-    await updateWarehouseDefaultStatus(row.id!, row.defaultStatus);
-    message.success(`${text}默认状态成功`);
-    onRefresh();
-  } catch {
-    // 取消后，进行恢复按钮
-    row.defaultStatus = !row.defaultStatus;
-  }
+    })
+      .then(async () => {
+        // 更新默认状态
+        await updateWarehouseDefaultStatus(row.id!, newStatus);
+        message.success(`${text}默认状态成功`);
+        resolve(true);
+      })
+      .catch(() => {
+        reject(new Error('取消操作'));
+      });
+  });
 }
 
 /** 导出仓库 */
@@ -88,7 +94,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
     schema: useGridFormSchema(),
   },
   gridOptions: {
-    columns: useGridColumns(),
+    columns: useGridColumns(handleDefaultStatusChange),
     height: 'auto',
     keepSource: true,
     proxyConfig: {
@@ -145,13 +151,6 @@ const [Grid, gridApi] = useVbenVxeGrid({
         />
       </template>
 
-      <template #defaultStatus="{ row }">
-        <Switch
-          v-model:checked="row.defaultStatus"
-          @change="handleDefaultStatusChange(row)"
-        />
-      </template>
-
       <template #actions="{ row }">
         <TableAction
           :actions="[