为急救转运任务创建页面添加完整的必填项校验,并为所有必填字段添加红色星号(*)标识,提升用户体验和数据完整性。
selectedEmergencyTaskTypedictionary 表(vtitle='ServiceOrderType')task_type_idselectedDocumentTypedictionary 表(vtitle='ServiceOrdAreaType')document_type_id| # | 字段名称 | 字段标识 | 校验提示 | 红色星号 |
|---|---|---|---|---|
| 1 | 任务车辆 | selectedVehicleId |
请选择任务车辆 | ✅ |
| 2 | 任务类型 | selectedEmergencyTaskType |
请选择任务类型 | ✅ |
| 3 | 单据类型 | selectedDocumentType |
请选择单据类型 | ✅ |
| 4 | 患者姓名 | taskForm.patient.name |
请输入患者姓名 | ✅ |
| 5 | 联系电话 | taskForm.patient.phone |
请输入患者联系电话 | ✅ |
| 6 | 转出医院名称 | taskForm.hospitalOut.name |
请输入转出医院名称 | ✅ |
| 7 | 转出医院科室 | taskForm.hospitalOut.department |
请选择转出医院科室 | ✅ |
| 8 | 转入医院名称 | taskForm.hospitalIn.name |
请输入转入医院名称 | ✅ |
| 9 | 转入医院科室 | taskForm.hospitalIn.department |
请选择转入医院科室 | ✅ |
.form-label {
font-size: 28rpx;
margin-bottom: 15rpx;
color: #333;
&.required::before {
content: '*';
color: #ff4d4f; // 红色
margin-right: 4rpx;
font-weight: bold;
}
}
* 任务车辆
* 任务类型
* 单据类型
转运时间
* 患者姓名
* 联系电话
validateForm() {
// 1. 任务车辆
if (!this.selectedVehicleId) {
this.$modal.showToast('请选择任务车辆')
return false
}
// 2. 任务类型(新增)
if (!this.selectedEmergencyTaskType) {
this.$modal.showToast('请选择任务类型')
return false
}
// 3. 单据类型(新增)
if (!this.selectedDocumentType) {
this.$modal.showToast('请选择单据类型')
return false
}
// 4. 患者姓名
if (!this.taskForm.patient.name) {
this.$modal.showToast('请输入患者姓名')
return false
}
// 5. 联系电话
if (!this.taskForm.patient.phone) {
this.$modal.showToast('请输入患者联系电话')
return false
}
// 6. 转出医院名称
if (!this.taskForm.hospitalOut.name) {
this.$modal.showToast('请输入转出医院名称')
return false
}
// 7. 转出医院科室
if (!this.taskForm.hospitalOut.department) {
this.$modal.showToast('请选择转出医院科室')
return false
}
// 8. 转入医院名称
if (!this.taskForm.hospitalIn.name) {
this.$modal.showToast('请输入转入医院名称')
return false
}
// 9. 转入医院科室
if (!this.taskForm.hospitalIn.department) {
this.$modal.showToast('请选择转入医院科室')
return false
}
return true
}
| 文件 | 修改内容 | 行数变化 |
|---|---|---|
create-emergency.vue |
新增校验逻辑 + 添加红色星号 | +26/-9 |
ServiceOrdType 参数sys_task_emergency.task_type_idServiceOrdTypeServiceOrdAreaType 参数sys_task_emergency.document_type_idServiceOrdAreaTypeServiceOrdPtServicesID 和 ServiceOrdPtInServicesID 参数sys_task_emergency.hospital_out_department_idsys_task_emergency.hospital_in_department_idServiceOrdPtServicesID (转出科室ID)ServiceOrdPtInServicesID (转入科室ID)本次完善:
1. ✅ 新增任务类型和单据类型的必填校验
2. ✅ 为全部9个必填字段添加红色星号标识
3. ✅ 完善校验提示信息,引导用户正确填写
4. ✅ 确保提交数据的完整性,满足旧系统同步需求
现在用户可以清晰地看到哪些字段是必填的,提交时也会得到明确的提示!🎉