| | |
| | | </el-form-item> |
| | | </el-col> |
| | | </el-row> |
| | | <!-- 请假时间(仅当 approveType 为 2 时显示) --> |
| | | <!-- 请假/出差时间(当 approveType 为 2 或 3 时显示) --> |
| | | <el-row :gutter="30" |
| | | v-if="props.approveType == 2"> |
| | | v-if="props.approveType == 2 || props.approveType == 3"> |
| | | <el-col :span="12"> |
| | | <el-form-item label="请假开始时间:" |
| | | <el-form-item :label="props.approveType == 2 ? '请假开始时间:' : '开始时间:'" |
| | | prop="startDate"> |
| | | <el-date-picker v-model="form.startDate" |
| | | type="date" |
| | |
| | | </el-form-item> |
| | | </el-col> |
| | | <el-col :span="12"> |
| | | <el-form-item label="请假结束时间:" |
| | | <el-form-item :label="props.approveType == 2 ? '请假结束时间:' : '结束时间:'" |
| | | prop="endDate"> |
| | | <el-date-picker v-model="form.endDate" |
| | | type="date" |
| | |
| | | approveReason: [{ required: true, message: "请输入", trigger: "blur" }], |
| | | checkResult: [{ required: false, message: "请输入", trigger: "blur" }], |
| | | startDate: [ |
| | | { required: true, message: "请选择请假开始时间", trigger: "change" }, |
| | | { required: true, message: "请选择开始时间", trigger: "change" }, |
| | | ], |
| | | endDate: [ |
| | | { required: true, message: "请选择请假结束时间", trigger: "change" }, |
| | | { required: true, message: "请选择结束时间", trigger: "change" }, |
| | | ], |
| | | price: [{ required: true, message: "请输入报销金额", trigger: "blur" }], |
| | | location: [{ required: true, message: "请输入出差地点", trigger: "blur" }], |
| | |
| | | proxy.$modal.msgError("请为所有审批节点选择审批人!"); |
| | | return; |
| | | } |
| | | // 当 approveType 为 2 时,校验请假时间 |
| | | if (props.approveType == 2) { |
| | | // 当 approveType 为 2 或 3 时,校验请假/出差时间 |
| | | if (props.approveType == 2 || props.approveType == 3) { |
| | | if (!form.value.startDate) { |
| | | proxy.$modal.msgError("请选择请假开始时间!"); |
| | | proxy.$modal.msgError(props.approveType == 2 ? "请选择请假开始时间!" : "请选择开始时间!"); |
| | | return; |
| | | } |
| | | if (!form.value.endDate) { |
| | | proxy.$modal.msgError("请选择请假结束时间!"); |
| | | proxy.$modal.msgError(props.approveType == 2 ? "请选择请假结束时间!" : "请选择结束时间!"); |
| | | return; |
| | | } |
| | | // 校验结束时间不能早于开始时间 |
| | | if (new Date(form.value.endDate) < new Date(form.value.startDate)) { |
| | | proxy.$modal.msgError("请假结束时间不能早于开始时间!"); |
| | | proxy.$modal.msgError(props.approveType == 2 ? "请假结束时间不能早于开始时间!" : "结束时间不能早于开始时间!"); |
| | | return; |
| | | } |
| | | } |