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 { 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',
|
||||||
|
|
|
@ -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="[
|
||||||
|
|
Loading…
Reference in New Issue