review:流程分类

This commit is contained in:
YunaiV
2025-04-11 19:00:27 +08:00
parent 0ccc6e0b80
commit 471f403a73
4 changed files with 21 additions and 37 deletions

View File

@@ -1,9 +1,8 @@
import type { VbenFormSchema } from '#/adapter/form';
import type { OnActionClickFn, VxeTableGridOptions } from '#/adapter/vxe-table';
import type { CategoryApi } from '#/api/bpm/category/index';
import type { BpmCategoryApi } from '#/api/bpm/category';
import { useAccess } from '@vben/access';
import { z } from '#/adapter/form';
import { CommonStatusEnum } from '#/utils/constants';
import { DICT_TYPE, getDictOptions } from '#/utils/dict';
@@ -107,7 +106,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
}
/** 列表的字段 */
export function useGridColumns<T = CategoryApi.CategoryVO>(
export function useGridColumns<T = BpmCategoryApi.CategoryVO>(
onActionClick: OnActionClickFn<T>,
): VxeTableGridOptions['columns'] {
return [

View File

@@ -1,20 +1,16 @@
<script lang="ts" setup>
import type {
OnActionClickParams,
VxeTableGridOptions,
} from '#/adapter/vxe-table';
import type { CategoryApi } from '#/api/bpm/category/index';
import type { OnActionClickParams, VxeTableGridOptions } from '#/adapter/vxe-table';
import type { BpmCategoryApi } from '#/api/bpm/category';
import { Page, useVbenModal } from '@vben/common-ui';
import { Button, message } from 'ant-design-vue';
import Form from './modules/form.vue';
import { useVbenVxeGrid } from '#/adapter/vxe-table';
import { deleteCategory, getCategoryPage } from '#/api/bpm/category/index';
import { deleteCategory, getCategoryPage } from '#/api/bpm/category';
import { $t } from '#/locales';
import { useGridColumns, useGridFormSchema } from './data';
import Form from './modules/form.vue';
const [FormModal, formModalApi] = useVbenModal({
connectedComponent: Form,
@@ -46,14 +42,14 @@ const [Grid, gridApi] = useVbenVxeGrid({
refresh: { code: 'query' },
search: true,
},
} as VxeTableGridOptions<CategoryApi.CategoryVO>,
} as VxeTableGridOptions<BpmCategoryApi.CategoryVO>,
});
/** 表格操作按钮的回调函数 */
function onActionClick({
code,
row,
}: OnActionClickParams<CategoryApi.CategoryVO>) {
}: OnActionClickParams<BpmCategoryApi.CategoryVO>) {
switch (code) {
case 'delete': {
onDelete(row);
@@ -77,12 +73,12 @@ function onCreate() {
}
/** 编辑流程分类 */
function onEdit(row: CategoryApi.CategoryVO) {
function onEdit(row: BpmCategoryApi.CategoryVO) {
formModalApi.setData(row).open();
}
/** 删除流程分类 */
async function onDelete(row: CategoryApi.CategoryVO) {
async function onDelete(row: BpmCategoryApi.CategoryVO) {
const hideLoading = message.loading({
content: $t('ui.actionMessage.deleting', [row.code]),
duration: 0,

View File

@@ -1,24 +1,18 @@
<script lang="ts" setup>
import type { CategoryApi } from '#/api/bpm/category/index';
import { computed, ref } from 'vue';
import type { BpmCategoryApi } from '#/api/bpm/category';
import { useVbenModal } from '@vben/common-ui';
import { message } from 'ant-design-vue';
import { computed, ref } from 'vue';
import { useVbenForm } from '#/adapter/form';
import {
createCategory,
getCategory,
updateCategory,
} from '#/api/bpm/category/index';
import {createCategory, getCategory, updateCategory } from '#/api/bpm/category';
import { $t } from '#/locales';
import { useFormSchema } from '../data';
const emit = defineEmits(['success']);
const formData = ref<CategoryApi.CategoryVO>();
const formData = ref<BpmCategoryApi.CategoryVO>();
const getTitle = computed(() => {
return formData.value?.id
? $t('ui.actionTitle.edit', ['流程分类'])
@@ -39,7 +33,7 @@ const [Modal, modalApi] = useVbenModal({
}
modalApi.lock();
// 提交表单
const data = (await formApi.getValues()) as CategoryApi.CategoryVO;
const data = (await formApi.getValues()) as BpmCategoryApi.CategoryVO;
try {
await (formData.value?.id ? updateCategory(data) : createCategory(data));
// 关闭并提示
@@ -58,7 +52,7 @@ const [Modal, modalApi] = useVbenModal({
return;
}
// 加载数据
const data = modalApi.getData<CategoryApi.CategoryVO>();
const data = modalApi.getData<BpmCategoryApi.CategoryVO>();
if (!data || !data.id) {
return;
}