From f831cb3d5ac0f206c4809393321f89b35d1e2e68 Mon Sep 17 00:00:00 2001
From: eight <641137800@qq.com>
Date: 星期四, 08 八月 2024 16:29:16 +0800
Subject: [PATCH] 预约确认功能
---
src/views/ecg/appointment/AppointmentConfirm.vue | 237 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 237 insertions(+), 0 deletions(-)
diff --git a/src/views/ecg/appointment/AppointmentConfirm.vue b/src/views/ecg/appointment/AppointmentConfirm.vue
new file mode 100644
index 0000000..c456482
--- /dev/null
+++ b/src/views/ecg/appointment/AppointmentConfirm.vue
@@ -0,0 +1,237 @@
+<template>
+ <el-form-item label="鎮ｈ�呯紪鍙�">
+ <el-input v-model="queryParams.patId" placeholder="璇疯緭鍏ユ偅鑰呯紪鍙�" clearable @input="searchBookInfo"/>
+ </el-form-item>
+
+ <el-button @click="message.alert('p')"><Icon icon="ep:refresh" class="mr-5px" /> 鎺掗槦 </el-button>
+
+ <el-divider/>
+
+ <el-form
+ ref="formRef"
+ :model="formData"
+ label-width="100px"
+ v-loading="formLoading"
+ 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"
+ :label="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 getIntDictOptions(DICT_TYPE.ECG_CHECK_TYPE)"
+ :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'
+
+/** 棰勭害纭 琛ㄥ崟 */
+defineOptions({ name: 'AppointmentConfirm' })
+
+const { t } = useI18n() // 鍥介檯鍖�
+const message = useMessage() // 娑堟伅寮圭獥
+
+const dialogVisible = ref(false) // 寮圭獥鐨勬槸鍚﹀睍绀�
+const dialogTitle = ref('') // 寮圭獥鐨勬爣棰�
+const formLoading = ref(false) // 琛ㄥ崟鐨勫姞杞戒腑锛�1锛変慨鏀规椂鐨勬暟鎹姞杞斤紱2锛夋彁浜ょ殑鎸夐挳绂佺敤
+const formType = ref('') // 琛ㄥ崟鐨勭被鍨嬶細create - 鏂板锛泆pdate - 淇敼
+
+const loading = ref(true) // 鍒楄〃鐨勫姞杞戒腑
+const list = ref<AppointmentVO[]>([]) // 鍒楄〃鐨勬暟鎹�
+const total = ref(0) // 鍒楄〃鐨勬�婚〉鏁�
+const queryParams = reactive({
+ pageNo: 1,
+ pageSize: 1,
+ patId: undefined
+})
+
+const formData = ref({
+ patId: undefined,
+ patName: undefined,
+ patGender: 1, // 1 鐢� 2 濂�
+ patBirthday: undefined,
+ patMobile: undefined,
+ patPhone: undefined,
+ patIdentityId: undefined,
+ patAddr: undefined,
+ patDeptCode: undefined,
+ patDeptDesc: undefined,
+ patWardCode: undefined,
+ patWardDesc: undefined,
+ patBedNo: undefined,
+ bookId: undefined,
+ bookTime: undefined,
+ bookDate: new Date().getTime(),
+ bookTimeslot: 10001015,
+ bookCheckType: 10
+})
+const formRef = ref() // 琛ㄥ崟 Ref
+
+const searchBookInfo = async () => {
+ resetForm()
+ total.value = 0
+ list.value = []
+
+ await getList()
+ if (total.value === 1) {
+ formData.value = list.value[0]
+ return
+ }
+ message.notify("璇峰厛棰勭害!")
+}
+
+/** 鏌ヨ鍒楄〃 */
+const getList = async () => {
+ loading.value = true
+ try {
+ const data = await AppointmentApi.getAppointmentPage(queryParams)
+ list.value = data.list
+ total.value = data.total
+ } finally {
+ loading.value = false
+ }
+}
+
+/** 鎵撳紑寮圭獥 */
+const open = async (type: string, id?: number) => {
+ dialogVisible.value = true
+ dialogTitle.value = t('action.' + type)
+ formType.value = type
+ resetForm()
+ // 淇敼鏃讹紝璁剧疆鏁版嵁
+ if (id) {
+ formLoading.value = true
+ try {
+ formData.value = await AppointmentApi.getAppointment(id)
+ } finally {
+ formLoading.value = false
+ }
+ }
+}
+defineExpose({ open }) // 鎻愪緵 open 鏂规硶锛岀敤浜庢墦寮�寮圭獥
+
+/** 閲嶇疆琛ㄥ崟 */
+const resetForm = () => {
+ formData.value = {
+ patId: undefined,
+ patName: undefined,
+ patGender: 1, // 1 鐢� 2 濂�
+ patBirthday: undefined,
+ patMobile: undefined,
+ patPhone: undefined,
+ patIdentityId: undefined,
+ patAddr: undefined,
+ patDeptCode: undefined,
+ patDeptDesc: undefined,
+ patWardCode: undefined,
+ patWardDesc: undefined,
+ patBedNo: undefined,
+ bookId: undefined,
+ bookTime: undefined,
+ bookDate: new Date().getTime(),
+ bookTimeslot: 10001015,
+ 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>
--
Gitblit v1.9.3