<template>
|
<el-form-item label="患者编号">
|
<el-input v-model="queryParams.patId" placeholder="请输入患者编号" clearable @input="searchBookInfo"/>
|
</el-form-item>
|
|
<el-button @click="_confirmAppointment"><Icon icon="ep:refresh" class="mr-5px" /> 排队 </el-button>
|
|
<el-divider/>
|
|
<el-form
|
ref="formRef"
|
:model="formData"
|
label-width="100px"
|
class="two-column-form"
|
>
|
<div class="form-row">
|
<el-form-item label="患者姓名" prop="patName">
|
<el-input v-model="formData.patName" placeholder="请输入患者姓名" />
|
</el-form-item>
|
</div>
|
<div class="form-row">
|
<el-form-item label="患者性别" prop="patGender">
|
<el-radio-group v-model="formData.patGender">
|
<el-radio
|
v-for="dict in getIntDictOptions(DICT_TYPE.SYSTEM_USER_SEX)"
|
:key="dict.value"
|
:value="dict.value"
|
>
|
{{ dict.label }}
|
</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
<el-form-item label="预约日期" prop="bookDate">
|
<el-date-picker
|
v-model="formData.bookDate"
|
type="date"
|
value-format="x"
|
placeholder="选择预约日期"
|
/>
|
</el-form-item>
|
</div>
|
<div class="form-row">
|
<el-form-item label="预约时间" prop="bookTimeslot">
|
<el-select v-model="formData.bookTimeslot" placeholder="请选择预约时间段">
|
<el-option
|
v-for="dict in getIntDictOptions(DICT_TYPE.ECG_BOOK_TIMESLOT)"
|
:key="dict.value"
|
:label="dict.label"
|
:value="dict.value"
|
/>
|
</el-select>
|
</el-form-item>
|
<el-form-item label="检查项目" prop="bookCheckType">
|
<el-select v-model="formData.bookCheckType" placeholder="请选择预约检查项目">
|
<el-option
|
v-for="dict in checkTypeStore.getCheckTypeOptions()"
|
:key="dict.value"
|
:label="dict.label"
|
:value="dict.value"
|
/>
|
</el-select>
|
</el-form-item>
|
</div>
|
<div class="form-row">
|
<el-form-item label="患者生日" prop="patBirthday">
|
<el-date-picker
|
v-model="formData.patBirthday"
|
type="date"
|
value-format="x"
|
placeholder="选择患者生日"
|
/>
|
</el-form-item>
|
<el-form-item label="患者手机" prop="patMobile">
|
<el-input v-model="formData.patMobile" placeholder="请输入患者手机" />
|
</el-form-item>
|
</div>
|
<div class="form-row">
|
<el-form-item label="患者电话" prop="patPhone">
|
<el-input v-model="formData.patPhone" placeholder="请输入患者电话" />
|
</el-form-item>
|
<el-form-item label="身份证号" prop="patIdentityId">
|
<el-input v-model="formData.patIdentityId" placeholder="请输入身份证号" />
|
</el-form-item>
|
</div>
|
<div class="form-row">
|
<el-form-item label="患者地址" prop="patAddr">
|
<el-input v-model="formData.patAddr" placeholder="请输入患者地址" />
|
</el-form-item>
|
<el-form-item label="科室代码" prop="patDeptCode">
|
<el-input v-model="formData.patDeptCode" placeholder="请输入科室代码" />
|
</el-form-item>
|
</div>
|
<div class="form-row">
|
<el-form-item label="科室名称" prop="patDeptDesc">
|
<el-input v-model="formData.patDeptDesc" placeholder="请输入科室名称" />
|
</el-form-item>
|
<el-form-item label="病区代码" prop="patWardCode">
|
<el-input v-model="formData.patWardCode" placeholder="请输入病区代码" />
|
</el-form-item>
|
</div>
|
<div class="form-row">
|
<el-form-item label="病区名称" prop="patWardDesc">
|
<el-input v-model="formData.patWardDesc" placeholder="请输入病区名称" />
|
</el-form-item>
|
<el-form-item label="床号" prop="patBedNo">
|
<el-input v-model="formData.patBedNo" placeholder="请输入床号" />
|
</el-form-item>
|
</div>
|
</el-form>
|
</template>
|
<script setup lang="ts">
|
import {DICT_TYPE, getIntDictOptions} from '@/utils/dict'
|
import { AppointmentApi, AppointmentVO } from '@/api/ecg/appointment'
|
import {useCheckTypeStore} from "@/store/modules/checkType";
|
|
/** 预约确认 表单 */
|
defineOptions({ name: 'AppointmentConfirm' })
|
|
const checkTypeStore = useCheckTypeStore();
|
|
const message = useMessage() // 消息弹窗
|
|
const queryParams = reactive({
|
patId: undefined
|
})
|
|
const formData = ref<AppointmentVO>({
|
id: 0,
|
patId: "",
|
patName: "",
|
patGender: 1, // 1 男 2 女
|
patBirthday: new Date(),
|
patMobile: "",
|
patPhone: "",
|
patIdentityId: "",
|
patAddr: "",
|
patDeptCode: "",
|
patDeptDesc: "",
|
patWardCode: "",
|
patWardDesc: "",
|
patBedNo: "",
|
bookId: "",
|
bookTime: new Date(),
|
bookDate: new Date(),
|
bookTimeslot: 9000930,
|
bookCheckType: checkTypeStore.getCheckTypeName(100)
|
})
|
const formRef = ref() // 表单 Ref
|
|
const searchBookInfo = async () => {
|
resetForm()
|
|
if (null === queryParams.patId || "" === queryParams.patId)
|
return
|
|
const data = await AppointmentApi.queryAndCreateAppointmentByPatId(queryParams.patId) // 对应数据库中 pat_id
|
console.info( data )
|
if (null !== data) {
|
formData.value = data
|
return
|
}
|
|
ElNotification({
|
title: '温馨提示',
|
message: "请先预约",
|
type: 'warning'
|
})
|
}
|
|
const _confirmAppointment = async () => {
|
const data = await AppointmentApi.confirmAppointment(formData.value)
|
ElNotification({
|
title: '温馨提示',
|
message: data,
|
type: 'warning'
|
})
|
}
|
|
/** 重置表单 */
|
const resetForm = () => {
|
formData.value = {
|
id: 0,
|
patId: "",
|
patName: "",
|
patGender: 1, // 1 男 2 女
|
patBirthday: new Date(),
|
patMobile: "",
|
patPhone: "",
|
patIdentityId: "",
|
patAddr: "",
|
patDeptCode: "",
|
patDeptDesc: "",
|
patWardCode: "",
|
patWardDesc: "",
|
patBedNo: "",
|
bookId: "",
|
bookTime: new Date(),
|
bookDate: new Date(),
|
bookTimeslot: 9000930,
|
bookCheckType: 10
|
}
|
formRef.value?.resetFields()
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.two-column-form .form-row {
|
display: flex;
|
justify-content: space-between;
|
margin-bottom: 20px;
|
}
|
|
.two-column-form .form-row .el-form-item {
|
width: 48%;
|
}
|
</style>
|
