yudao
/
admin-vben
mirror of https://gitee.com/yudaocode/yudao-ui-admin-vben.git
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat(mes)：统一代码规范，form.vue 的

pull/348/head
YunaiV 2026-05-24 21:38:08 +08:00
parent 1edf29abeb
commit 19911a19c0
26 changed files with 78 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
apps/web-antd/src/views/mes/cal/holiday/modules/form.vue
View File

@ -38,6 +38,7 @@ const [Modal, modalApi] = useVbenModal({
const data = (await formApi.getValues()) as MesCalHolidayApi.Holiday & { dayDisplay?: string };
try {
await saveHoliday({ day: data.day, type: data.type, remark: data.remark });
// 关闭并提示
await modalApi.close();
emit('success');
message.success('设置成功');

2
apps/web-antd/src/views/mes/cal/plan/modules/form.vue
View File

@ -108,6 +108,7 @@ const [Modal, modalApi] = useVbenModal({
}
await formApi.resetForm();
subTabsName.value = 'shift';
// 加载数据
const data = modalApi.getData<{ id?: number; type?: FormMode }>();
formMode.value = data?.type || 'create';
formApi.setDisabled(formMode.value === 'detail');
@ -118,6 +119,7 @@ const [Modal, modalApi] = useVbenModal({
modalApi.lock();
try {
formData.value = await getPlan(data.id);
// 设置到 values
await formApi.setValues(formData.value);
} finally {
modalApi.unlock();

2
apps/web-antd/src/views/mes/cal/team/modules/form.vue
View File

@ -84,6 +84,7 @@ const [Modal, modalApi] = useVbenModal({
}
await formApi.resetForm();
subTabsName.value = 'member';
// 加载数据
const data = modalApi.getData<{ id?: number; type?: FormMode }>();
formMode.value = data?.type || 'create';
formApi.setDisabled(formMode.value === 'detail');
@ -94,6 +95,7 @@ const [Modal, modalApi] = useVbenModal({
modalApi.lock();
try {
formData.value = await getTeam(data.id);
// 设置到 values
await formApi.setValues(formData.value);
} finally {
modalApi.unlock();

3
apps/web-antd/src/views/mes/dv/checkplan/modules/form.vue
View File

@ -56,6 +56,7 @@ const [Modal, modalApi] = useVbenModal({
return;
}
modalApi.lock();
// 提交表单
const data = (await formApi.getValues()) as MesDvCheckPlanApi.CheckPlan;
try {
if (formMode.value === 'create') {
@ -80,6 +81,7 @@ const [Modal, modalApi] = useVbenModal({
}
await formApi.resetForm();
subTabsName.value = 'machinery';
// 加载数据
const data = modalApi.getData<{ id?: number; type?: FormMode }>();
formMode.value = data?.type || 'create';
formApi.setDisabled(formMode.value === 'detail');
@ -90,6 +92,7 @@ const [Modal, modalApi] = useVbenModal({
modalApi.lock();
try {
formData.value = await getCheckPlan(data.id);
// 设置到 values
await formApi.setValues(formData.value);
} finally {
modalApi.unlock();

3
apps/web-antd/src/views/mes/dv/checkrecord/modules/form.vue
View File

@ -78,6 +78,7 @@ const [Modal, modalApi] = useVbenModal({
return;
}
modalApi.lock();
// 提交表单
const data = (await formApi.getValues()) as MesDvCheckRecordApi.CheckRecord;
try {
if (formMode.value === 'create') {
@ -101,6 +102,7 @@ const [Modal, modalApi] = useVbenModal({
return;
}
await formApi.resetForm();
// 加载数据
const data = modalApi.getData<{ id?: number; type?: FormMode }>();
formMode.value = data?.type || 'create';
formApi.setDisabled(formMode.value === 'detail');
@ -111,6 +113,7 @@ const [Modal, modalApi] = useVbenModal({
modalApi.lock();
try {
formData.value = await getCheckRecord(data.id);
// 设置到 values
await formApi.setValues(formData.value);
} finally {
modalApi.unlock();

3
apps/web-antd/src/views/mes/dv/machinery/modules/form.vue
View File

@ -73,6 +73,7 @@ const [Modal, modalApi] = useVbenModal({
const data = (await formApi.getValues()) as MesDvMachineryApi.Machinery;
try {
await (data.id ? updateMachinery(data) : createMachinery(data));
// 关闭并提示
await modalApi.close();
emit('success');
message.success($t('ui.actionMessage.operationSuccess'));
@ -87,6 +88,7 @@ const [Modal, modalApi] = useVbenModal({
}
await formApi.resetForm();
subTabsName.value = 'check';
// 加载数据
const data = modalApi.getData<{ id?: number; type?: FormMode }>();
formMode.value = data?.type || 'create';
formApi.setDisabled(formMode.value === 'detail');
@ -97,6 +99,7 @@ const [Modal, modalApi] = useVbenModal({
modalApi.lock();
try {
formData.value = await getMachinery(data.id);
// 设置到 values
await formApi.setValues(formData.value);
} finally {
modalApi.unlock();

1
apps/web-antd/src/views/mes/dv/machinery/modules/import-form.vue
View File

@ -45,6 +45,7 @@ const [Modal, modalApi] = useVbenModal({
text += `更新成功数量：${importData.updateCodes?.length || 0}；`;
text += `更新失败数量：${Object.keys(importData.failureCodes || {}).length}；`;
message.info(text);
// 关闭并提示
await modalApi.close();
emit('success');
message.success($t('ui.actionMessage.operationSuccess'));

8
apps/web-antd/src/views/mes/dv/machinery/type/modules/form.vue
View File

@ -1,7 +1,7 @@
<script lang="ts" setup>
import type { MesDvMachineryTypeApi } from '#/api/mes/dv/machinery/type';
import { computed } from 'vue';
import { computed, ref } from 'vue';
import { useVbenModal } from '@vben/common-ui';
@ -19,8 +19,8 @@ import { useFormSchema } from '../data';
const emit = defineEmits(['success']);
let formMode: 'create' | 'update' = 'create';
const getTitle = computed(() => (formMode === 'create' ? '新增设备类型' : '修改设备类型'));
const formMode = ref<'create' | 'update'>('create'); // 表单模式
const getTitle = computed(() => (formMode.value === 'create' ? '新增设备类型' : '修改设备类型'));
const [Form, formApi] = useVbenForm({
commonConfig: {
@ -62,7 +62,7 @@ const [Modal, modalApi] = useVbenModal({
}
await formApi.resetForm();
const data = modalApi.getData<{ id?: number; parentId?: number; type?: 'create' | 'update' }>();
formMode = data?.type || 'create';
formMode.value = data?.type || 'create';
if (!data?.id) {
await formApi.setValues({ parentId: data?.parentId ?? 0 });
return;

3
apps/web-antd/src/views/mes/dv/maintenrecord/modules/form.vue
View File

@ -81,6 +81,7 @@ const [Modal, modalApi] = useVbenModal({
return;
}
modalApi.lock();
// 提交表单
const data = (await formApi.getValues()) as MesDvMaintenRecordApi.MaintenRecord;
try {
if (formMode.value === 'create') {
@ -108,6 +109,7 @@ const [Modal, modalApi] = useVbenModal({
return;
}
await formApi.resetForm();
// 加载数据
const data = modalApi.getData<{ id?: number; type?: FormMode }>();
formMode.value = data?.type || 'create';
formApi.setDisabled(formMode.value === 'detail');
@ -119,6 +121,7 @@ const [Modal, modalApi] = useVbenModal({
modalApi.lock();
try {
formData.value = await getMaintenRecord(data.id);
// 设置到 values
await formApi.setValues(formData.value);
} finally {
modalApi.unlock();

9
apps/web-antd/src/views/mes/dv/repair/modules/form.vue
View File

@ -22,8 +22,10 @@ import { MesDvRepairResultEnum, MesDvRepairStatusEnum } from '#/views/mes/utils/
import { useFormSchema } from '../data';
import LineList from './line-list.vue';
type FormMode = 'confirm' | 'create' | 'detail' | 'finish' | 'update';
const emit = defineEmits(['success']);
const formMode = ref<'confirm' | 'create' | 'detail' | 'finish' | 'update'>('create');
const formMode = ref<FormMode>('create');
const formData = ref<MesDvRepairApi.Repair>();
const isDetail = computed(() => formMode.value === 'detail');
const isReadonly = computed(() => ['confirm', 'detail', 'finish'].includes(formMode.value));
@ -137,6 +139,7 @@ const [Modal, modalApi] = useVbenModal({
return;
}
modalApi.lock();
// 提交表单
const data = (await formApi.getValues()) as MesDvRepairApi.Repair;
try {
if (formMode.value === 'create') {
@ -160,7 +163,8 @@ const [Modal, modalApi] = useVbenModal({
return;
}
await formApi.resetForm();
const data = modalApi.getData<{ id?: number; type?: 'confirm' | 'create' | 'detail' | 'finish' | 'update' }>();
// 加载数据
const data = modalApi.getData<{ id?: number; type?: FormMode }>();
formMode.value = data?.type || 'create';
formApi.setDisabled(isReadonly.value);
modalApi.setState({ showConfirmButton: ['create', 'update'].includes(formMode.value) });
@ -170,6 +174,7 @@ const [Modal, modalApi] = useVbenModal({
modalApi.lock();
try {
formData.value = await getRepair(data.id);
// 设置到 values
await formApi.setValues(formData.value);
} finally {
modalApi.unlock();

2
apps/web-antd/src/views/mes/dv/subject/modules/form.vue
View File

@ -55,6 +55,7 @@ const [Modal, modalApi] = useVbenModal({
const data = (await formApi.getValues()) as MesDvSubjectApi.Subject;
try {
await (data.id ? updateSubject(data) : createSubject(data));
// 关闭并提示
await modalApi.close();
emit('success');
message.success($t('ui.actionMessage.operationSuccess'));
@ -67,6 +68,7 @@ const [Modal, modalApi] = useVbenModal({
return;
}
await formApi.resetForm();
// 加载数据
const data = modalApi.getData<{ id?: number; type?: FormMode }>();
formMode.value = data?.type || 'create';
formApi.setDisabled(formMode.value === 'detail');

4
apps/web-antd/src/views/mes/md/autocode/modules/form.vue
View File

@ -55,6 +55,7 @@ const [Modal, modalApi] = useVbenModal({
return;
}
modalApi.lock();
// 提交表单
const data = normalizeRuleData(
(await formApi.getValues()) as MesMdAutoCodeRuleApi.AutoCodeRule,
);
@ -62,6 +63,7 @@ const [Modal, modalApi] = useVbenModal({
await (formData.value?.id
? updateAutoCodeRule(data)
: createAutoCodeRule(data));
// 关闭并提示
await modalApi.close();
emit('success');
message.success($t('ui.actionMessage.operationSuccess'));
@ -75,6 +77,7 @@ const [Modal, modalApi] = useVbenModal({
return;
}
await formApi.resetForm();
// 加载数据
const data = modalApi.getData<MesMdAutoCodeRuleApi.AutoCodeRule>();
if (!data?.id) {
return;
@ -82,6 +85,7 @@ const [Modal, modalApi] = useVbenModal({
modalApi.lock();
try {
formData.value = await getAutoCodeRule(data.id);
// 设置到 values
await formApi.setValues(formData.value);
} finally {
modalApi.unlock();

4
apps/web-antd/src/views/mes/md/autocode/modules/part-form.vue
View File

@ -65,6 +65,7 @@ const [Modal, modalApi] = useVbenModal({
return;
}
modalApi.lock();
// 提交表单
const data = normalizePartData(
(await formApi.getValues()) as MesMdAutoCodePartApi.AutoCodePart,
);
@ -72,6 +73,7 @@ const [Modal, modalApi] = useVbenModal({
await (formData.value?.id
? updateAutoCodePart(data)
: createAutoCodePart(data));
// 关闭并提示
await modalApi.close();
emit('success');
message.success($t('ui.actionMessage.operationSuccess'));
@ -85,6 +87,7 @@ const [Modal, modalApi] = useVbenModal({
return;
}
await formApi.resetForm();
// 加载数据
const data = modalApi.getData<{
id?: number;
maxSort?: number;
@ -100,6 +103,7 @@ const [Modal, modalApi] = useVbenModal({
modalApi.lock();
try {
formData.value = await getAutoCodePart(data.id);
// 设置到 values
await formApi.setValues(formData.value);
} finally {
modalApi.unlock();

1
apps/web-ele/src/views/mes/cal/holiday/modules/form.vue
View File

@ -38,6 +38,7 @@ const [Modal, modalApi] = useVbenModal({
const data = (await formApi.getValues()) as MesCalHolidayApi.Holiday & { dayDisplay?: string };
try {
await saveHoliday({ day: data.day, type: data.type, remark: data.remark });
// 关闭并提示
await modalApi.close();
emit('success');
ElMessage.success('设置成功');

2
apps/web-ele/src/views/mes/cal/plan/modules/form.vue
View File

@ -109,6 +109,7 @@ const [Modal, modalApi] = useVbenModal({
}
await formApi.resetForm();
subTabsName.value = 'shift';
// 加载数据
const data = modalApi.getData<{ id?: number; type?: FormMode }>();
formMode.value = data?.type || 'create';
formApi.setDisabled(formMode.value === 'detail');
@ -119,6 +120,7 @@ const [Modal, modalApi] = useVbenModal({
modalApi.lock();
try {
formData.value = await getPlan(data.id);
// 设置到 values
await formApi.setValues(formData.value);
} finally {
modalApi.unlock();

2
apps/web-ele/src/views/mes/cal/team/modules/form.vue
View File

@ -84,6 +84,7 @@ const [Modal, modalApi] = useVbenModal({
}
await formApi.resetForm();
subTabsName.value = 'member';
// 加载数据
const data = modalApi.getData<{ id?: number; type?: FormMode }>();
formMode.value = data?.type || 'create';
formApi.setDisabled(formMode.value === 'detail');
@ -94,6 +95,7 @@ const [Modal, modalApi] = useVbenModal({
modalApi.lock();
try {
formData.value = await getTeam(data.id);
// 设置到 values
await formApi.setValues(formData.value);
} finally {
modalApi.unlock();

3
apps/web-ele/src/views/mes/dv/checkplan/modules/form.vue
View File

@ -56,6 +56,7 @@ const [Modal, modalApi] = useVbenModal({
return;
}
modalApi.lock();
// 提交表单
const data = (await formApi.getValues()) as MesDvCheckPlanApi.CheckPlan;
try {
if (formMode.value === 'create') {
@ -80,6 +81,7 @@ const [Modal, modalApi] = useVbenModal({
}
await formApi.resetForm();
subTabsName.value = 'machinery';
// 加载数据
const data = modalApi.getData<{ id?: number; type?: FormMode }>();
formMode.value = data?.type || 'create';
formApi.setDisabled(formMode.value === 'detail');
@ -90,6 +92,7 @@ const [Modal, modalApi] = useVbenModal({
modalApi.lock();
try {
formData.value = await getCheckPlan(data.id);
// 设置到 values
await formApi.setValues(formData.value);
} finally {
modalApi.unlock();

3
apps/web-ele/src/views/mes/dv/checkrecord/modules/form.vue
View File

@ -78,6 +78,7 @@ const [Modal, modalApi] = useVbenModal({
return;
}
modalApi.lock();
// 提交表单
const data = (await formApi.getValues()) as MesDvCheckRecordApi.CheckRecord;
try {
if (formMode.value === 'create') {
@ -101,6 +102,7 @@ const [Modal, modalApi] = useVbenModal({
return;
}
await formApi.resetForm();
// 加载数据
const data = modalApi.getData<{ id?: number; type?: FormMode }>();
formMode.value = data?.type || 'create';
formApi.setDisabled(formMode.value === 'detail');
@ -111,6 +113,7 @@ const [Modal, modalApi] = useVbenModal({
modalApi.lock();
try {
formData.value = await getCheckRecord(data.id);
// 设置到 values
await formApi.setValues(formData.value);
} finally {
modalApi.unlock();

3
apps/web-ele/src/views/mes/dv/machinery/modules/form.vue
View File

@ -73,6 +73,7 @@ const [Modal, modalApi] = useVbenModal({
const data = (await formApi.getValues()) as MesDvMachineryApi.Machinery;
try {
await (data.id ? updateMachinery(data) : createMachinery(data));
// 关闭并提示
await modalApi.close();
emit('success');
ElMessage.success($t('ui.actionMessage.operationSuccess'));
@ -87,6 +88,7 @@ const [Modal, modalApi] = useVbenModal({
}
await formApi.resetForm();
subTabsName.value = 'check';
// 加载数据
const data = modalApi.getData<{ id?: number; type?: FormMode }>();
formMode.value = data?.type || 'create';
formApi.setDisabled(formMode.value === 'detail');
@ -97,6 +99,7 @@ const [Modal, modalApi] = useVbenModal({
modalApi.lock();
try {
formData.value = await getMachinery(data.id);
// 设置到 values
await formApi.setValues(formData.value);
} finally {
modalApi.unlock();

1
apps/web-ele/src/views/mes/dv/machinery/modules/import-form.vue
View File

@ -45,6 +45,7 @@ const [Modal, modalApi] = useVbenModal({
text += `更新成功数量：${importData.updateCodes?.length || 0}；`;
text += `更新失败数量：${Object.keys(importData.failureCodes || {}).length}；`;
ElMessage.info(text);
// 关闭并提示
await modalApi.close();
emit('success');
ElMessage.success($t('ui.actionMessage.operationSuccess'));

8
apps/web-ele/src/views/mes/dv/machinery/type/modules/form.vue
View File

@ -1,7 +1,7 @@
<script lang="ts" setup>
import type { MesDvMachineryTypeApi } from '#/api/mes/dv/machinery/type';
import { computed } from 'vue';
import { computed, ref } from 'vue';
import { useVbenModal } from '@vben/common-ui';
@ -19,8 +19,8 @@ import { useFormSchema } from '../data';
const emit = defineEmits(['success']);
let formMode: 'create' | 'update' = 'create';
const getTitle = computed(() => (formMode === 'create' ? '新增设备类型' : '修改设备类型'));
const formMode = ref<'create' | 'update'>('create'); // 表单模式
const getTitle = computed(() => (formMode.value === 'create' ? '新增设备类型' : '修改设备类型'));
const [Form, formApi] = useVbenForm({
commonConfig: {
@ -62,7 +62,7 @@ const [Modal, modalApi] = useVbenModal({
}
await formApi.resetForm();
const data = modalApi.getData<{ id?: number; parentId?: number; type?: 'create' | 'update' }>();
formMode = data?.type || 'create';
formMode.value = data?.type || 'create';
if (!data?.id) {
await formApi.setValues({ parentId: data?.parentId ?? 0 });
return;

3
apps/web-ele/src/views/mes/dv/maintenrecord/modules/form.vue
View File

@ -81,6 +81,7 @@ const [Modal, modalApi] = useVbenModal({
return;
}
modalApi.lock();
// 提交表单
const data = (await formApi.getValues()) as MesDvMaintenRecordApi.MaintenRecord;
try {
if (formMode.value === 'create') {
@ -108,6 +109,7 @@ const [Modal, modalApi] = useVbenModal({
return;
}
await formApi.resetForm();
// 加载数据
const data = modalApi.getData<{ id?: number; type?: FormMode }>();
formMode.value = data?.type || 'create';
formApi.setDisabled(formMode.value === 'detail');
@ -119,6 +121,7 @@ const [Modal, modalApi] = useVbenModal({
modalApi.lock();
try {
formData.value = await getMaintenRecord(data.id);
// 设置到 values
await formApi.setValues(formData.value);
} finally {
modalApi.unlock();

9
apps/web-ele/src/views/mes/dv/repair/modules/form.vue
View File

@ -22,8 +22,10 @@ import { MesDvRepairResultEnum, MesDvRepairStatusEnum } from '#/views/mes/utils/
import { useFormSchema } from '../data';
import LineList from './line-list.vue';
type FormMode = 'confirm' | 'create' | 'detail' | 'finish' | 'update';
const emit = defineEmits(['success']);
const formMode = ref<'confirm' | 'create' | 'detail' | 'finish' | 'update'>('create');
const formMode = ref<FormMode>('create');
const formData = ref<MesDvRepairApi.Repair>();
const isDetail = computed(() => formMode.value === 'detail');
const isReadonly = computed(() => ['confirm', 'detail', 'finish'].includes(formMode.value));
@ -137,6 +139,7 @@ const [Modal, modalApi] = useVbenModal({
return;
}
modalApi.lock();
// 提交表单
const data = (await formApi.getValues()) as MesDvRepairApi.Repair;
try {
if (formMode.value === 'create') {
@ -160,7 +163,8 @@ const [Modal, modalApi] = useVbenModal({
return;
}
await formApi.resetForm();
const data = modalApi.getData<{ id?: number; type?: 'confirm' | 'create' | 'detail' | 'finish' | 'update' }>();
// 加载数据
const data = modalApi.getData<{ id?: number; type?: FormMode }>();
formMode.value = data?.type || 'create';
formApi.setDisabled(isReadonly.value);
modalApi.setState({ showConfirmButton: ['create', 'update'].includes(formMode.value) });
@ -170,6 +174,7 @@ const [Modal, modalApi] = useVbenModal({
modalApi.lock();
try {
formData.value = await getRepair(data.id);
// 设置到 values
await formApi.setValues(formData.value);
} finally {
modalApi.unlock();

2
apps/web-ele/src/views/mes/dv/subject/modules/form.vue
View File

@ -55,6 +55,7 @@ const [Modal, modalApi] = useVbenModal({
const data = (await formApi.getValues()) as MesDvSubjectApi.Subject;
try {
await (data.id ? updateSubject(data) : createSubject(data));
// 关闭并提示
await modalApi.close();
emit('success');
ElMessage.success($t('ui.actionMessage.operationSuccess'));
@ -67,6 +68,7 @@ const [Modal, modalApi] = useVbenModal({
return;
}
await formApi.resetForm();
// 加载数据
const data = modalApi.getData<{ id?: number; type?: FormMode }>();
formMode.value = data?.type || 'create';
formApi.setDisabled(formMode.value === 'detail');

4
apps/web-ele/src/views/mes/md/autocode/modules/form.vue
View File

@ -55,6 +55,7 @@ const [Modal, modalApi] = useVbenModal({
return;
}
modalApi.lock();
// 提交表单
const data = normalizeRuleData(
(await formApi.getValues()) as MesMdAutoCodeRuleApi.AutoCodeRule,
);
@ -62,6 +63,7 @@ const [Modal, modalApi] = useVbenModal({
await (formData.value?.id
? updateAutoCodeRule(data)
: createAutoCodeRule(data));
// 关闭并提示
await modalApi.close();
emit('success');
ElMessage.success($t('ui.actionMessage.operationSuccess'));
@ -75,6 +77,7 @@ const [Modal, modalApi] = useVbenModal({
return;
}
await formApi.resetForm();
// 加载数据
const data = modalApi.getData<MesMdAutoCodeRuleApi.AutoCodeRule>();
if (!data?.id) {
return;
@ -82,6 +85,7 @@ const [Modal, modalApi] = useVbenModal({
modalApi.lock();
try {
formData.value = await getAutoCodeRule(data.id);
// 设置到 values
await formApi.setValues(formData.value);
} finally {
modalApi.unlock();

4
apps/web-ele/src/views/mes/md/autocode/modules/part-form.vue
View File

@ -65,6 +65,7 @@ const [Modal, modalApi] = useVbenModal({
return;
}
modalApi.lock();
// 提交表单
const data = normalizePartData(
(await formApi.getValues()) as MesMdAutoCodePartApi.AutoCodePart,
);
@ -72,6 +73,7 @@ const [Modal, modalApi] = useVbenModal({
await (formData.value?.id
? updateAutoCodePart(data)
: createAutoCodePart(data));
// 关闭并提示
await modalApi.close();
emit('success');
ElMessage.success($t('ui.actionMessage.operationSuccess'));
@ -85,6 +87,7 @@ const [Modal, modalApi] = useVbenModal({
return;
}
await formApi.resetForm();
// 加载数据
const data = modalApi.getData<{
id?: number;
maxSort?: number;
@ -100,6 +103,7 @@ const [Modal, modalApi] = useVbenModal({
modalApi.lock();
try {
formData.value = await getAutoCodePart(data.id);
// 设置到 values
await formApi.setValues(formData.value);
} finally {
modalApi.unlock();