两个按钮
1 2 3 4
| <div style="text-align: left"> <el-button type="primary" @click="addNewRegist">挂号</el-button> <el-button type="primary" @click="clearRegiste">清空</el-button> </div>
|
清空挂号信息
这些值都是表单数据的v-model绑定的值,跟后端返回的数据不一样,返回的是存在一个自定义的列表里, 这里绑定的数据是可以提交到后端的。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23
| const clearRegiste = () => { state.register.id = ""; state.register.case_number = ""; state.register.real_name = ""; state.register.gender = "男"; state.register.card_number = ""; state.register.birthday = ""; state.register.age = ""; state.register.age_type = "年"; state.register.home_address = ""; initDateTime(); state.register.settle_id = ""; state.register.deptment_id = ""; state.register.employee_id = ""; state.register.regist_level_id = ""; state.register.settle_category_id = "1"; state.register.is_book = false; state.register.used_number = "0"; state.register.regist_method = "医保卡"; state.register.regist_money = ""; state.register.visit_state = ""; };
|
添加挂号信息到后端
1. 先判断病历号是否是数字
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21
| const addNewRegist = () => { if (isNaN(state.register.case_number)) { ElMessage({ message: "病例号必须为数字", type: "error", }); return; } else if (state.register.case_number == "") { ElMessage({ message: "病历号不能为空!", type: "warning", }); } else { ElMessage({ message: "挂号成功!", type: "success", }); } };
|
结果如图:
![](/../images/project/p5.png)
request.js
1 2 3 4 5 6
| import qs from "qs";
export function addRegister(register) { return http.post("/addRegister", qs.stringify(register)); }
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33
| const addNewRegist = () => { if (isNaN(state.register.case_number)) { ElMessage({ message: "病例号必须为数字", type: "error", }); return; } else if (state.register.case_number == "") { ElMessage({ message: "病历号不能为空!", type: "warning", }); } else { ElMessage({ message: "挂号成功!", type: "success", }); }
addRegister(state.register) .then((result) => { ElMessage({ message: result, type: "success", }); clearRegist(); }) .catch((err) => { console.log(err); }); };
|
bug
出生日期自动填充