feat(@vben/web-antd): erp-stock-warehouse 修复仓库列表的状态切换功能

- 将默认状态切换逻辑从组件模板移到单独的函数中
- 使用 confirm 对话框替代 message.confirm
- 优化了默认状态切换的用户体验和错误处理
- 引入了 Promise 机制,允许异步操作
pull/184/head
nehc 2025-07-30 17:42:50 +08:00
parent 787f5168ad
commit 8d17d8d915
2 changed files with 37 additions and 25 deletions

View File

@ -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',

View File

@ -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="[