feat(oa/crm): 为出差申请审批流程添加动态表单验证

- 在审批模式下为申请人添加开始和结束日期的强制校验
- 实现结束日期必须晚于开始日期的自定义验证逻辑
- 仅在审批类型且当前用户为申请人时启用强校验
dev
Yangk 4 weeks ago
parent 54218f658f
commit cb26fffc7b

@ -20,7 +20,7 @@
出差申请{{ routeParams.type === 'view' ? ' - 查看' : form.tripId ? ' - 修改' : ' - 新增' }}
</div>
</template>
<el-form ref="businessTripApplyFormRef" :model="form" :loading="buttonLoading" :rules="rules" label-width="120px">
<el-form ref="businessTripApplyFormRef" :model="form" :loading="buttonLoading" :rules="computedRules" label-width="120px">
<!-- 通用字段区域 -->
<el-row :gutter="20">
<el-col :span="12">
@ -132,7 +132,7 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="12" v-if="!isFormDisabled">
<el-col :span="12" v-if="routeParams.type === 'approval' && !isFormDisabled">
<el-form-item label="抄送人员" prop="copyUserIds">
<el-select v-model="form.copyUserIds" placeholder="请选择抄送人员" filterable clearable multiple style="width: 100%">
<el-option v-for="user in userList" :key="user.userId" :label="user.nickName" :value="String(user.userId)" />
@ -489,6 +489,25 @@ const isFormDisabled = computed(() => {
//
const computedRules = computed(() => {
const baseRules = { ...rules.value };
//
if (routeParams.value.type === 'approval' && String(useUserStore().userId) === String(form.value.applicantId)) {
baseRules.startTime = [{ required: true, message: '开始日期不能为空', trigger: 'change' }];
baseRules.endTime = [
{ required: true, message: '结束日期不能为空', trigger: 'change' },
{
validator: (rule: any, value: any, callback: any) => {
if (value && form.value.startTime && dayjs(value).isBefore(dayjs(form.value.startTime))) {
callback(new Error('结束日期不能早于开始日期'));
} else {
callback();
}
},
trigger: 'change'
}
];
}
return baseRules;
});

Loading…
Cancel
Save