feat(@vben/web-antd): erp-stock-warehouse 修复仓库列表的状态切换功能
- 将默认状态切换逻辑从组件模板移到单独的函数中 - 使用 confirm 对话框替代 message.confirm - 优化了默认状态切换的用户体验和错误处理 - 引入了 Promise 机制,允许异步操作pull/184/head
parent
787f5168ad
commit
8d17d8d915
|
@ -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',
|
||||
|
|
|
@ -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);
|
||||
})
|
||||
.then(async () => {
|
||||
// 更新默认状态
|
||||
await updateWarehouseDefaultStatus(row.id!, newStatus);
|
||||
message.success(`${text}默认状态成功`);
|
||||
onRefresh();
|
||||
} catch {
|
||||
// 取消后,进行恢复按钮
|
||||
row.defaultStatus = !row.defaultStatus;
|
||||
}
|
||||
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="[
|
||||
|
|
Loading…
Reference in New Issue