<script lang="ts" setup>
|
import type { WorkflowActionType } from '../data';
|
import type { MesPdProjectApi } from '#/api/mes/pd/project';
|
|
import { computed, ref } from 'vue';
|
|
import { useVbenModal } from '#/packages/effects/common-ui/src';
|
import { formatDate } from '#/packages/utils/src';
|
|
import { Alert, Descriptions, message } from 'ant-design-vue';
|
|
import { useVbenForm } from '#/adapter/form';
|
import {
|
approvePdProject,
|
archivePdProject,
|
getPdProject,
|
submitPdProjectReview,
|
updatePdProject,
|
} from '#/api/mes/pd/project';
|
|
import { useWorkflowActionFormSchema, WORKFLOW_ACTION_CONFIG } from '../data';
|
|
const emit = defineEmits(['success']);
|
|
const project = ref<MesPdProjectApi.Project>();
|
const actionType = ref<WorkflowActionType>('submit-review');
|
|
const actionConfig = computed(() => WORKFLOW_ACTION_CONFIG[actionType.value]);
|
|
const [Form, formApi] = useVbenForm({
|
commonConfig: {
|
componentProps: { class: 'w-full' },
|
labelWidth: 100,
|
},
|
layout: 'horizontal',
|
schema: [],
|
showDefaultActions: false,
|
});
|
|
const [Modal, modalApi] = useVbenModal({
|
async onConfirm() {
|
if (!project.value?.id) {
|
return;
|
}
|
modalApi.lock();
|
try {
|
const { actionRemark } = await formApi.getValues();
|
const config = actionConfig.value;
|
if (actionRemark) {
|
const mergedRemark = [project.value.remark, `${config.remarkTag}${actionRemark}`]
|
.filter(Boolean)
|
.join('\n');
|
await updatePdProject({ ...project.value, remark: mergedRemark });
|
}
|
const projectId = project.value.id;
|
switch (actionType.value) {
|
case 'approve': {
|
await approvePdProject(projectId);
|
break;
|
}
|
case 'archive': {
|
await archivePdProject(projectId);
|
break;
|
}
|
case 'submit-review': {
|
await submitPdProjectReview(projectId);
|
break;
|
}
|
}
|
emit('success');
|
message.success(config.successMessage);
|
await modalApi.close();
|
} finally {
|
modalApi.unlock();
|
}
|
},
|
async onOpenChange(isOpen: boolean) {
|
if (!isOpen) {
|
project.value = undefined;
|
await formApi.resetForm();
|
return;
|
}
|
const data = modalApi.getData<{ action: WorkflowActionType; id: number }>();
|
actionType.value = data.action;
|
formApi.setState({ schema: useWorkflowActionFormSchema(data.action) });
|
modalApi.setState({ title: WORKFLOW_ACTION_CONFIG[data.action].title });
|
modalApi.lock();
|
try {
|
project.value = await getPdProject(data.id);
|
} finally {
|
modalApi.unlock();
|
}
|
},
|
});
|
</script>
|
|
<template>
|
<Modal class="w-[640px]">
|
<Alert
|
class="mx-4 mb-4"
|
:message="actionConfig.alertMessage"
|
:description="actionConfig.alertDescription"
|
show-icon
|
:type="actionConfig.alertType"
|
/>
|
<Descriptions
|
v-if="project"
|
bordered
|
class="mx-4 mb-4"
|
:column="2"
|
size="small"
|
>
|
<Descriptions.Item label="任务编码">{{ project.code }}</Descriptions.Item>
|
<Descriptions.Item label="任务名称">{{ project.name }}</Descriptions.Item>
|
<Descriptions.Item label="产品编码">{{ project.productCode }}</Descriptions.Item>
|
<Descriptions.Item label="产品名称">{{ project.productName }}</Descriptions.Item>
|
<Descriptions.Item label="设计版本">{{ project.version }}</Descriptions.Item>
|
<Descriptions.Item label="主设计师">{{ project.designerName || '-' }}</Descriptions.Item>
|
<Descriptions.Item label="审核人">{{ project.reviewerName || '-' }}</Descriptions.Item>
|
<Descriptions.Item label="计划完成">
|
{{ project.planEndDate ? formatDate(project.planEndDate) : '-' }}
|
</Descriptions.Item>
|
</Descriptions>
|
<Form class="mx-4" />
|
</Modal>
|
</template>
|
