You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
139 lines
4.5 KiB
139 lines
4.5 KiB
<!--
|
|
* 承诺书签订表
|
|
*
|
|
* @Author: wzh
|
|
* @Date: 2025-12-22 17:43:06
|
|
* @Copyright 1
|
|
-->
|
|
<template>
|
|
<a-modal
|
|
:title="form.letterId ? '编辑' : '添加'"
|
|
:width="50"
|
|
:open="visibleFlag"
|
|
@cancel="onClose"
|
|
:maskClosable="false"
|
|
:destroyOnClose="true"
|
|
>
|
|
<a-form ref="formRef" :model="form" :rules="rules" :label-col="{ span: 5 }" >
|
|
<a-form-item label="承诺书id" name="letterId">
|
|
<a-input-number style="width: 100%" v-model:value="form.letterId" placeholder="承诺书id" />
|
|
</a-form-item>
|
|
<a-form-item label="排序" name="sort">
|
|
<a-input-number style="width: 100%" v-model:value="form.sort" placeholder="排序" />
|
|
</a-form-item>
|
|
<a-form-item label="是否禁用" name="disabledFlag">
|
|
<a-input-number style="width: 100%" v-model:value="form.disabledFlag" placeholder="是否禁用" />
|
|
</a-form-item>
|
|
<a-form-item label="是否删除" name="deletedFlag">
|
|
<a-input-number style="width: 100%" v-model:value="form.deletedFlag" placeholder="是否删除" />
|
|
</a-form-item>
|
|
<a-form-item label="创建时间" name="updateTime">
|
|
<a-date-picker show-time valueFormat="YYYY-MM-DD HH:mm:ss" v-model:value="form.updateTime" style="width: 100%" placeholder="创建时间" />
|
|
</a-form-item>
|
|
<a-form-item label="修改时间" name="createTime">
|
|
<a-date-picker show-time valueFormat="YYYY-MM-DD HH:mm:ss" v-model:value="form.createTime" style="width: 100%" placeholder="修改时间" />
|
|
</a-form-item>
|
|
</a-form>
|
|
|
|
<template #footer>
|
|
<a-space>
|
|
<a-button @click="onClose">取消</a-button>
|
|
<a-button type="primary" @click="onSubmit">保存</a-button>
|
|
</a-space>
|
|
</template>
|
|
</a-modal>
|
|
</template>
|
|
<script setup>
|
|
import { reactive, ref, nextTick } from 'vue';
|
|
import _ from 'lodash';
|
|
import { message } from 'ant-design-vue';
|
|
import { SmartLoading } from '/@/components/framework/smart-loading';
|
|
import { letterApi } from '/@/api/business/letter/letter-api';
|
|
import { smartSentry } from '/@/lib/smart-sentry';
|
|
|
|
// ------------------------ 事件 ------------------------
|
|
|
|
const emits = defineEmits(['reloadList']);
|
|
|
|
// ------------------------ 显示与隐藏 ------------------------
|
|
// 是否显示
|
|
const visibleFlag = ref(false);
|
|
|
|
function show(rowData) {
|
|
Object.assign(form, formDefault);
|
|
if (rowData && !_.isEmpty(rowData)) {
|
|
Object.assign(form, rowData);
|
|
}
|
|
// 使用字典时把下面这注释修改成自己的字典字段 有多个字典字段就复制多份同理修改 不然打开表单时不显示字典初始值
|
|
// if (form.status && form.status.length > 0) {
|
|
// form.status = form.status.map((e) => e.valueCode);
|
|
// }
|
|
visibleFlag.value = true;
|
|
nextTick(() => {
|
|
formRef.value.clearValidate();
|
|
});
|
|
}
|
|
|
|
function onClose() {
|
|
Object.assign(form, formDefault);
|
|
visibleFlag.value = false;
|
|
}
|
|
|
|
// ------------------------ 表单 ------------------------
|
|
|
|
// 组件ref
|
|
const formRef = ref();
|
|
|
|
const formDefault = {
|
|
letterId: undefined, //承诺书id
|
|
sort: undefined, //排序
|
|
disabledFlag: undefined, //是否禁用
|
|
deletedFlag: undefined, //是否删除
|
|
updateTime: undefined, //创建时间
|
|
createTime: undefined, //修改时间
|
|
};
|
|
|
|
let form = reactive({ ...formDefault });
|
|
|
|
const rules = {
|
|
letterId: [{ required: true, message: '承诺书id 必填' }],
|
|
sort: [{ required: true, message: '排序 必填' }],
|
|
disabledFlag: [{ required: true, message: '是否禁用 必填' }],
|
|
deletedFlag: [{ required: true, message: '是否删除 必填' }],
|
|
updateTime: [{ required: true, message: '创建时间 必填' }],
|
|
createTime: [{ required: true, message: '修改时间 必填' }],
|
|
};
|
|
|
|
// 点击确定，验证表单
|
|
async function onSubmit() {
|
|
try {
|
|
await formRef.value.validateFields();
|
|
save();
|
|
} catch (err) {
|
|
message.error('参数验证错误，请仔细填写表单数据!');
|
|
}
|
|
}
|
|
|
|
// 新建、编辑API
|
|
async function save() {
|
|
SmartLoading.show();
|
|
try {
|
|
if (form.letterId) {
|
|
await letterApi.update(form);
|
|
} else {
|
|
await letterApi.add(form);
|
|
}
|
|
message.success('操作成功');
|
|
emits('reloadList');
|
|
onClose();
|
|
} catch (err) {
|
|
smartSentry.captureError(err);
|
|
} finally {
|
|
SmartLoading.hide();
|
|
}
|
|
}
|
|
|
|
defineExpose({
|
|
show,
|
|
});
|
|
</script>
|
|
|