From 49206ee0689d44367b9f5de3decf0c3ec02bfb51 Mon Sep 17 00:00:00 2001 From: eight <641137800@qq.com> Date: 星期二, 15 四月 2025 10:56:18 +0800 Subject: [PATCH] update --- src/views/ecg/doctor/components/DevInstallPanel.vue | 400 ++++++++++++++++++++++++++++++++++++++++++++++---------- 1 files changed, 328 insertions(+), 72 deletions(-) diff --git a/src/views/ecg/doctor/components/DevInstallPanel.vue b/src/views/ecg/doctor/components/DevInstallPanel.vue index f454f33..9dc5525 100644 --- a/src/views/ecg/doctor/components/DevInstallPanel.vue +++ b/src/views/ecg/doctor/components/DevInstallPanel.vue @@ -1,5 +1,4 @@ <template> - 褰撳墠鎮h��: {{patient?.patId}} {{isStringEmpty(patient?.patName)?'鏃�':patient.patName}} <el-form ref="formRef" :model="formData" @@ -7,84 +6,192 @@ label-width="100px" v-loading="formLoading" > - <el-form-item label="璁惧缂栧彿" prop="devId"> - <el-input v-model="formData.devId" placeholder="璇疯緭鍏ヨ澶囩紪鍙�" /> + <el-form-item label="妫�鏌ラ」鐩�" prop=""> + {{formData?.checkType && getCheckTypeName(formData?.checkType)}} </el-form-item> - <el-form-item label="瑁呮満鏃堕棿" prop="rentTime"> - <el-date-picker - v-model="formData.rentTime" - type="date" - value-format="x" - placeholder="閫夋嫨瑁呮満鏃堕棿" - /> - </el-form-item> - <el-form-item label="鎷嗘満鏃堕棿" prop="returnTime"> - <el-date-picker - v-model="formData.returnTime" - type="date" - value-format="x" - placeholder="閫夋嫨鎷嗘満鏃堕棿" - /> - </el-form-item> - <el-form-item label="骞叉壈鏁�" prop="interference"> - <el-input v-model="formData.interference" placeholder="璇疯緭鍏ュ共鎵版暟" /> - </el-form-item> - <el-form-item label="鍩虹嚎绮�" prop="baseline"> - <el-input v-model="formData.baseline" placeholder="璇疯緭鍏ュ熀绾跨矖" /> - </el-form-item> - <el-form-item label="鑴辩" prop="detachment"> - <el-input v-model="formData.detachment" placeholder="璇疯緭鍏ヨ劚绂�" /> - </el-form-item> - <el-form-item label="澶囨敞" prop="remark"> - <el-input v-model="formData.remark" placeholder="璇疯緭鍏ュ娉�" /> - </el-form-item> + <el-row :gutter="20"> + <el-col :span="12"> + <el-form-item label="鎮h�呯紪鍙�" prop="patId"> + <el-input v-model="formData.patId" placeholder="璇疯緭鍏ユ偅鑰呯紪鍙�" @input="getRentInfoByPatId" /> +<!-- <Qrcode v-if="formData.patId !== undefined && formData.patId !== ''" :text="formData.patId" logo="/logo.gif" width=100 />--> + <Barcode v-if="displayBarCode" :value="displayBarCode" :width=100 /> + <el-button @click="copyBarcode()">澶嶅埗</el-button> + </el-form-item> + <el-form-item label="鎮h�呭悕绉�" prop="patName"> + <el-input v-model="formData.patName" placeholder="璇疯緭鍏ユ偅鑰呭悕绉�" /> + </el-form-item> + <el-form-item label="鎮h�呮弿杩�" prop="patDetails"> + <dict-tag :type="DICT_TYPE.ECG_PAT_SOURCE" :value="formData.patDetails?.source ||''" /> + {{formData?.patDetails?.deptDesc}} {{formData?.patDetails?.wardDesc}} {{formData?.patDetails?.bedNo}} + </el-form-item> + <el-form-item label="瑁呮満鏃堕棿" prop="rentTime"> + <el-date-picker + v-model="formData.rentTime" + type="date" + value-format="x" + placeholder="閫夋嫨瑁呮満鏃堕棿" + /> + </el-form-item> + </el-col> + <el-col :span="12"> + <el-form-item label="璁惧缂栧彿" prop="devId"> + <el-input v-model="formData.devId" placeholder="璇疯緭鍏ヨ澶囩紪鍙�" @input="getDevInfo"/> + </el-form-item> + <el-form-item label="璁惧鎻忚堪" prop=""> + {{devInfo?.brand || '-'}} {{devInfo?.model || '-' }} {{tranlateDevState(devInfo?.state)}} + </el-form-item> + <el-form-item label="澶囨敞" prop="remark"> + <el-input v-model="formData.remark" placeholder="璇疯緭鍏ュ娉�" /> + </el-form-item> + </el-col> + </el-row> </el-form> <el-button @click="submitForm" type="primary" :disabled="formLoading">瑁呮満瀹屾垚</el-button> - <el-button @click="dialogVisible = false">鍙� 娑�</el-button> + <el-button @click="resetForm()">閲� 缃�</el-button> + <el-button @click="cancelInstall" :disabled="formLoading">鏀惧純瑁呮満</el-button> + + <!-- 鍖荤敓瑁呮満鍒楄〃 --> + <ContentWrap> + <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true" @row-click="onRowClick" > + <el-table-column label="id" align="center" prop="id" /> + <el-table-column label="瑁呮満鎯呭喌" align="center" prop="lost" > + <template #default="scope"> + <span v-if="scope.row.jobType === 10">"宸茶鏈�"</span> + <span v-if="scope.row.jobType === 35">"宸叉斁寮�"</span> + </template> + </el-table-column> +<!-- <el-table-column label="浣滀笟绫诲瀷" align="center" prop="jobType" />--> +<!-- <el-table-column label="鍖荤敓缂栧彿" align="center" prop="docId" />--> + <el-table-column label="鍖荤敓鍚嶇О" align="center" prop="docName" /> + <el-table-column label="璁惧缂栧彿" align="center" prop="devId" /> + <el-table-column label="鎮h�呯紪鍙�" align="center" prop="patId" /> + <el-table-column label="鎮h�呭悕绉�" align="center" prop="patName" /> + <el-table-column + label="浣滀笟鏃堕棿" + align="center" + prop="jobTime" + :formatter="dateFormatter" + width="180px" + /> + <el-table-column label="浣滀笟姒傝" align="center" prop="summary" /> + <el-table-column label="澶囨敞" align="center" prop="remark" /> + <el-table-column + label="鍒涘缓鏃堕棿" + align="center" + prop="createTime" + :formatter="dateFormatter" + width="180px" + /> +<!-- <el-table-column label="鎿嶄綔" align="center" min-width="120px"> + <template #default="scope"> + <el-button + link + type="primary" + @click="openForm('update', scope.row.id)" + v-hasPermi="['ecg:job-record:update']" + > + 缂栬緫 + </el-button> + <el-button + link + type="danger" + @click="handleDelete(scope.row.id)" + v-hasPermi="['ecg:job-record:delete']" + > + 鍒犻櫎 + </el-button> + </template> + </el-table-column>--> + </el-table> + <!-- 鍒嗛〉 --> + <Pagination + :total="total" + v-model:page="queryParams.pageNo" + v-model:limit="queryParams.pageSize" + @pagination="getList" + /> + </ContentWrap> + </template> <script setup lang="ts"> -import {defineComponent, PropType} from "vue"; import { DevRentApi, DevRentVO } from '@/api/ecg/devrent' -import {QueueVO} from "@/api/ecg/queue"; +import {dateFormatter} from "@/utils/formatTime"; +import {JobRecordApi, JobRecordVO} from "@/api/ecg/jobrecord"; import {isStringEmpty} from "@/utils/stringUtil"; +import {curDayEnd, curDayStart} from "@/utils/dateUtil"; +import {DeviceApi, DeviceVO} from "@/api/ecg/devmanage"; +import {QueueVO} from "@/api/ecg/queue"; +import {RoomBedVO} from "@/api/ecg/doctor"; +import {Barcode} from "@/components/Barcode"; +import {useCheckTypeStore} from "@/store/modules/checkType"; +import {DICT_TYPE} from "@/utils/dict"; +import {tranlateDevState} from "../../../../utils/statusFormatter"; +import {getCheckTypeName} from "../../../../utils/checkTypeFormatter"; -/** 瑁呮満鎷嗘満 琛ㄥ崟 */ +/** 璁惧瑁呮満 琛ㄥ崟 */ defineComponent({ name: 'DevInstallPanel' }) -const emit = defineEmits(['success']) // 瀹氫箟 success 浜嬩欢锛岀敤浜庢搷浣滄垚鍔熷悗鐨勫洖璋� +const props = defineProps({ + room: { + type: Object as PropType<RoomBedVO>, + required: true + } +}) const { t } = useI18n() // 鍥介檯鍖� const message = useMessage() // 娑堟伅寮圭獥 const dialogVisible = ref(false) // 寮圭獥鐨勬槸鍚﹀睍绀� +const formRef = ref() // 琛ㄥ崟 Ref + +const displayBarCode = ref<string> () + const formLoading = ref(false) // 琛ㄥ崟鐨勫姞杞戒腑锛�1锛変慨鏀规椂鐨勬暟鎹姞杞斤紱2锛夋彁浜ょ殑鎸夐挳绂佺敤 -const formType = ref('create') // 琛ㄥ崟鐨勭被鍨嬶細create - 鏂板锛泆pdate - 淇敼 -const patient = ref<QueueVO>({ +const formData = ref<Partial<DevRentVO>>({ + applyNo: undefined, + episodeId: undefined, patId: '', - patName: '' + patName: '', + rentTime: new Date().getTime(), + devId: '', + remark: '', + checkType: undefined, }) -const formData = ref({ - id: undefined, - devId: undefined, - patId: patient.value.patId, - patName: patient.value.patName, - rentTime: new Date().getTime(), - returnTime: undefined, - interference: undefined, - baseline: undefined, - detachment: undefined, - remark: undefined +const devInfo = ref<Partial<DeviceVO>>({ + category: undefined, + brand: undefined, + model: undefined, + state: undefined, }) + const formRules = reactive({ devId: [{ required: true, message: '璁惧缂栧彿涓嶈兘涓虹┖', trigger: 'blur' }], - patId: [{ required: true, message: '鐩墠娌℃湁鎮h��', trigger: 'blur' }], - patName: [{ required: true, message: '鐩墠娌℃湁鎮h��', trigger: 'blur' }] + rentTime: [{ required: true, message: '璇烽�夋嫨瑁呮満鏃ユ湡', trigger: 'blur' }], + patId: [{ required: true, message: '鎮h�呬笉鑳戒负绌�', trigger: 'blur' }], + patName: [{ required: true, message: '鎮h�呭悕涓嶈兘涓虹┖', trigger: 'blur' }] }) -const formRef = ref() // 琛ㄥ崟 Ref + + +const emit = defineEmits(['event_dev_install']) // 瀹氫箟 success 浜嬩欢锛岀敤浜庢搷浣滄垚鍔熷悗鐨勫洖璋� + +const checkTypeStore = useCheckTypeStore() + +const setPatient = (queueVO: QueueVO | undefined) => { + resetForm() + formData.value.applyNo = queueVO?.applyNo + formData.value.episodeId = queueVO?.episodeId + formData.value.patId = queueVO?.patId + formData.value.patName = queueVO?.patName + formData.value.checkType = queueVO?.bookCheckType + getReadyRentInfo(formData.value) + copyBarcode() +} +defineExpose({ setPatient }) // 鎻愪緵 setPatient 鏂规硶锛岀敤浜庤缃偅鑰� + /** 鎻愪氦琛ㄥ崟 */ const submitForm = async () => { @@ -93,20 +200,19 @@ // 鎻愪氦璇锋眰 formLoading.value = true try { + if (null == formData.value) + return + + formData.value.roomId = props.room.roomId + formData.value.bedNo = props.room.bedNo const data = formData.value as unknown as DevRentVO - data.patId = patient.value.patId - data.patName = patient.value.patName - if (formData.value.id === null || formData.value.id === undefined) { - const result = await DevRentApi.createDevRent(data) - formData.value.id = result - message.success(t('common.createSuccess')) - } else { - await DevRentApi.updateDevRent(data) - message.success(t('common.updateSuccess')) - } + await DevRentApi.devInstall(data) + message.success(t('鎿嶄綔鎴愬姛')) dialogVisible.value = false // 鍙戦�佹搷浣滄垚鍔熺殑浜嬩欢 - emit('success') + emit('event_dev_install') + resetForm() + getList() } finally { formLoading.value = false } @@ -117,23 +223,173 @@ formData.value = { id: undefined, devId: undefined, - patId: patient.value?.patId, - patName: patient.value?.patName, + patId: undefined, + patName: undefined, rentTime: new Date().getTime(), returnTime: undefined, interference: undefined, baseline: undefined, detachment: undefined, - remark: undefined + remark: undefined, + checkType: undefined, } formRef.value?.resetFields() + devInfo.value = { + category: undefined, + brand: undefined, + model: undefined, + state: undefined, + } } -const setPatient = (queueVO: QueueVO | undefined) => { - patient.value = queueVO - resetForm() +const getDevInfo = async () => { + if (formData.value?.devId == null) { + devInfo.value.brand = undefined + devInfo.value.model = undefined + devInfo.value.state = undefined + return + } + + const data = await DeviceApi.getDeviceByDevId(formData.value?.devId) + if ( null !== data) + devInfo.value = data } -defineExpose({ setPatient }) // 鎻愪緵 setPatient 鏂规硶锛岀敤浜庤缃偅鑰� + +const getRentInfoByPatId = () => { + if (null == formData.value?.patId) + return; + + const tempPatId = formData.value?.patId; + resetForm() + if (isStringEmpty(tempPatId)) + return + + formData.value.patId = tempPatId; + getReadyRentInfo(formData.value) + copyBarcode() +} + +// 鑾峰彇鎮h�呯殑棰嗙敤淇℃伅 +const getReadyRentInfo = async (devRentVO) => { + const data = await DevRentApi.getReadyRent(devRentVO) + if ( data == null) + return + + formData.value = data //涓嶈兘鏁翠釜璧嬪�硷紝 榛樿瑁呮満鏃堕棿琚竻绌� + if (formData.value == null) + return + + // 榛樿瑁呮満鏃堕棿 閲囩敤褰撳墠鏃ユ湡 + formData.value.rentTime = new Date().getTime() + + // 璁╁尰鐢熸墜鍔ㄨ緭鍏ワ紝閬垮厤鍑洪敊 + formData.value.devId = '' + devInfo.value.category = undefined + devInfo.value.brand = undefined + devInfo.value.model = undefined + devInfo.value.state = undefined +} + +const loading = ref(true) // 鍒楄〃鐨勫姞杞戒腑 +const list = ref<JobRecordVO[]>([]) // 鍒楄〃鐨勬暟鎹� +const total = ref(0) // 鍒楄〃鐨勬�婚〉鏁� +const queryParams = reactive({ + pageNo: 1, + pageSize: 10, + jobType: [10, 35], + docId: undefined, + docName: undefined, + devId: undefined, + patId: undefined, + patName: undefined, + jobTime: [curDayStart(), curDayEnd()], + summary: undefined, + remark: undefined, + createTime: [] +}) +/** 鏌ヨ鍒楄〃 */ +const getList = async () => { + loading.value = true + try { + const data = await JobRecordApi.getJobRecordDoctorPage(queryParams) + list.value = data.list + total.value = data.total + } finally { + loading.value = false + } +} + +const onRowClick = (cur) => { + if (cur !== null) + getSelectedRent( cur.rentId ) +} + +const getSelectedRent = async (rentId) => { + const data = await DevRentApi.getDevRent(rentId) + + formData.value = data + + devInfo.value.category = data.category + devInfo.value.brand = data.brand + devInfo.value.model = data.model + devInfo.value.state = data.devState +} + +const cancelInstall = async () => { + formData.value.roomId = props.room.roomId + formData.value.bedNo = props.room.bedNo + const data = formData.value as unknown as DevRentVO + if (formData.value.id === null || formData.value.id === undefined) { + const result = await DevRentApi.devInstallCancel(data) + formData.value.id = result + message.success(t('鎿嶄綔鎴愬姛')) + } else { + await DevRentApi.devInstallCancel(data) + message.success(t('鎿嶄綔鎴愬姛')) + } + // 鍙戦�佹搷浣滄垚鍔熺殑浜嬩欢 + emit('event_dev_install') + resetForm() + getList() +} + +const getDisplayBarcode = (): string => { + if (!formData.value.checkType) + return "" + + const displayBarcode: number[] = checkTypeStore.getCheckTypeDispBarCode(formData.value.checkType!) + if (formData.value.patDetails == null || formData.value.patDetails.source == null || + !displayBarcode.includes( formData.value.patDetails.source )) + return "" + + return getBarcode() +} + +const getBarcode = (): string => { + if (!formData.value.checkType) + return "" + + const patSource = formData.value.patDetails?.source + if (patSource == null) + return "" + + if (1 === patSource || 2 === patSource) + return formData.value.applyNo??"" + else if (3 === patSource || 4 === patSource) + return formData.value.episodeId??"" + + return "" +} + +const copyBarcode = async () => { + displayBarCode.value = getDisplayBarcode() + await navigator.clipboard.writeText( getBarcode() ); +} + +/** 鍒濆鍖� **/ +onMounted(() => { + resetForm() + getList() +}) </script> - -- Gitblit v1.9.3