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 { VbenFormSchema } from '#/adapter/form';
import type { VxeTableGridOptions } from '#/adapter/vxe-table'; import type { VxeTableGridOptions } from '#/adapter/vxe-table';
import type { ErpWarehouseApi } from '#/api/erp/stock/warehouse';
import { DICT_TYPE, getDictOptions } from '#/utils'; 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 [ return [
{ {
field: 'name', field: 'name',
@ -174,7 +180,14 @@ export function useGridColumns(): VxeTableGridOptions['columns'] {
field: 'defaultStatus', field: 'defaultStatus',
title: '是否默认', title: '是否默认',
width: 100, width: 100,
slots: { default: 'defaultStatus' }, cellRender: {
attrs: { beforeChange: onDefaultStatusChange },
name: 'CellSwitch',
props: {
checkedValue: true,
unCheckedValue: false,
},
},
}, },
{ {
field: 'remark', field: 'remark',

View File

@ -2,10 +2,10 @@
import type { VxeTableGridOptions } from '#/adapter/vxe-table'; import type { VxeTableGridOptions } from '#/adapter/vxe-table';
import type { ErpWarehouseApi } from '#/api/erp/stock/warehouse'; 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 { 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 { ACTION_ICON, TableAction, useVbenVxeGrid } from '#/adapter/vxe-table';
import { import {
@ -56,20 +56,26 @@ async function handleDelete(row: ErpWarehouseApi.Warehouse) {
} }
/** 修改默认状态 */ /** 修改默认状态 */
async function handleDefaultStatusChange(row: ErpWarehouseApi.Warehouse) { async function handleDefaultStatusChange(
try { newStatus: boolean,
const text = row.defaultStatus ? '设置' : '取消'; row: ErpWarehouseApi.Warehouse,
await message.confirm({ ): Promise<boolean | undefined> {
title: '确认', return new Promise((resolve, reject) => {
const text = newStatus ? '开启' : '取消';
confirm({
content: `确认要${text}"${row.name}"默认吗?`, content: `确认要${text}"${row.name}"默认吗?`,
}); })
await updateWarehouseDefaultStatus(row.id!, row.defaultStatus); .then(async () => {
//
await updateWarehouseDefaultStatus(row.id!, newStatus);
message.success(`${text}默认状态成功`); message.success(`${text}默认状态成功`);
onRefresh(); resolve(true);
} catch { })
// .catch(() => {
row.defaultStatus = !row.defaultStatus; reject(new Error('取消操作'));
} });
});
} }
/** 导出仓库 */ /** 导出仓库 */
@ -88,7 +94,7 @@ const [Grid, gridApi] = useVbenVxeGrid({
schema: useGridFormSchema(), schema: useGridFormSchema(),
}, },
gridOptions: { gridOptions: {
columns: useGridColumns(), columns: useGridColumns(handleDefaultStatusChange),
height: 'auto', height: 'auto',
keepSource: true, keepSource: true,
proxyConfig: { proxyConfig: {
@ -145,13 +151,6 @@ const [Grid, gridApi] = useVbenVxeGrid({
/> />
</template> </template>
<template #defaultStatus="{ row }">
<Switch
v-model:checked="row.defaultStatus"
@change="handleDefaultStatusChange(row)"
/>
</template>
<template #actions="{ row }"> <template #actions="{ row }">
<TableAction <TableAction
:actions="[ :actions="[