111 lines
3.3 KiB
Vue
111 lines
3.3 KiB
Vue
<!--
|
||
新增审批模板：创建本地草稿并可选打开表单设计器，在设计器中推送到钉钉
|
||
@author GHT
|
||
@date 2026-06-04 for：【MESToDing审批配置】新增审批模板入口
|
||
-->
|
||
<template>
|
||
<a-modal
|
||
v-model:open="visible"
|
||
title="新增审批模板"
|
||
width="520px"
|
||
:confirmLoading="loading"
|
||
okText="创建并设计表单"
|
||
cancelText="取消"
|
||
destroy-on-close
|
||
@ok="handleSubmit"
|
||
@cancel="visible = false"
|
||
>
|
||
<a-alert
|
||
type="info"
|
||
show-icon
|
||
style="margin-bottom: 16px"
|
||
message="将先在 MES 创建模板配置，随后在表单设计器中添加字段并点击「创建钉钉模板」推送到钉钉（processCode 由钉钉返回）。"
|
||
/>
|
||
<a-form ref="formRef" :model="formState" :rules="rules" layout="vertical">
|
||
<a-form-item label="模板名称" name="tplName">
|
||
<a-input v-model:value="formState.tplName" placeholder="如：密炼PS编制审批" allow-clear />
|
||
</a-form-item>
|
||
<a-form-item label="业务类型标识" name="bizType">
|
||
<a-input v-model:value="formState.bizType" placeholder="供审批流关联，如 mixer_ps" allow-clear />
|
||
</a-form-item>
|
||
<a-form-item label="备注" name="remark">
|
||
<a-textarea v-model:value="formState.remark" :rows="2" placeholder="可选" />
|
||
</a-form-item>
|
||
<a-form-item name="openDesigner">
|
||
<a-checkbox v-model:checked="formState.openDesigner">创建成功后打开表单设计器</a-checkbox>
|
||
</a-form-item>
|
||
</a-form>
|
||
</a-modal>
|
||
</template>
|
||
|
||
<script lang="ts" setup>
|
||
import { reactive, ref } from 'vue';
|
||
import type { FormInstance } from 'ant-design-vue';
|
||
import { useMessage } from '/@/hooks/web/useMessage';
|
||
import { addNewTemplate } from '../MesXslDingProcessTpl.api';
|
||
|
||
const emit = defineEmits<{
|
||
(e: 'success', payload: { record: Recordable; openDesigner: boolean }): void;
|
||
}>();
|
||
|
||
const { createMessage } = useMessage();
|
||
const visible = ref(false);
|
||
const loading = ref(false);
|
||
const formRef = ref<FormInstance>();
|
||
|
||
const formState = reactive({
|
||
tplName: '',
|
||
bizType: '',
|
||
remark: '',
|
||
openDesigner: true,
|
||
});
|
||
|
||
const rules = {
|
||
tplName: [{ required: true, message: '请输入模板名称', trigger: 'blur' }],
|
||
};
|
||
|
||
function resetForm() {
|
||
formState.tplName = '';
|
||
formState.bizType = '';
|
||
formState.remark = '';
|
||
formState.openDesigner = true;
|
||
formRef.value?.clearValidate();
|
||
}
|
||
|
||
function open() {
|
||
resetForm();
|
||
visible.value = true;
|
||
}
|
||
|
||
async function handleSubmit() {
|
||
try {
|
||
await formRef.value?.validate();
|
||
} catch {
|
||
return;
|
||
}
|
||
loading.value = true;
|
||
try {
|
||
const record: any = await addNewTemplate({
|
||
tplName: formState.tplName.trim(),
|
||
bizType: formState.bizType?.trim() || undefined,
|
||
remark: formState.remark?.trim() || undefined,
|
||
status: '1',
|
||
sortNo: 0,
|
||
});
|
||
if (!record?.id) {
|
||
createMessage.error('创建失败：未返回模板 ID');
|
||
return;
|
||
}
|
||
createMessage.success('审批模板已创建');
|
||
visible.value = false;
|
||
emit('success', { record, openDesigner: formState.openDesigner });
|
||
} catch (e: any) {
|
||
createMessage.error(e?.message || '创建失败');
|
||
} finally {
|
||
loading.value = false;
|
||
}
|
||
}
|
||
|
||
defineExpose({ open });
|
||
</script>
|