From e25465c223a2e63422acfb58414597ca8fc4df09 Mon Sep 17 00:00:00 2001
From: WXL <wl_5969728@163.com>
Date: 星期四, 13 十一月 2025 18:01:55 +0800
Subject: [PATCH] 排队异常、小屏适配问题
---
src/views/ecg/doctor/components/DevReadyPanel.vue | 387 ++++++++++++++++++++++++++++++++++++++++++-------------
1 files changed, 294 insertions(+), 93 deletions(-)
diff --git a/src/views/ecg/doctor/components/DevReadyPanel.vue b/src/views/ecg/doctor/components/DevReadyPanel.vue
index 8f53084..fdefbb9 100644
--- a/src/views/ecg/doctor/components/DevReadyPanel.vue
+++ b/src/views/ecg/doctor/components/DevReadyPanel.vue
@@ -1,6 +1,8 @@
+<!--璁惧棰嗙敤鐣岄潰-->
<template>
- 褰撳墠鎮ｈ��: {{patient?.patId}} {{isStringEmpty(patient?.patName)?'鏃�':patient.patName}}
- <Qrcode :text="patient?.patId" logo="/logo.gif" width=100 />
+
+<!-- 褰撳墠鎮ｈ��: {{patient?.patId}} {{isStringEmpty(patient?.patName)?'鏃�':patient.patName}}-->
+
<el-form
ref="formRef"
:model="formData"
@@ -8,45 +10,67 @@
label-width="100px"
v-loading="formLoading"
>
+ <el-form-item label="妫�鏌ラ」鐩�" prop="">
+ {{getCheckTypeName(formData.checkType)}}
+ </el-form-item>
+ <el-form-item label="鎮ｈ�呯紪鍙�" prop="patId">
+ <el-input v-model="formData.patId" placeholder="璇疯緭鍏ユ偅鑰呯紪鍙�" @input="getRentInfoByPatId" />
+ <Barcode v-if="displayBarCode" :value="displayBarCode" :width=100 />
+ <el-button @click="copyBarcode()">澶嶅埗</el-button>
+ </el-form-item>
+ <el-form-item label="鎮ｈ�呭悕绉�" prop="patName">
+ <el-input v-model="formData.patName" placeholder="璇疯緭鍏ユ偅鑰呭悕绉�" />
+ </el-form-item>
+
<el-form-item label="鎮ｈ�呮弿杩�" prop="patDeptDesc">
- 绉戝: {{formData.patDeptDesc}} 鐥呭尯: {{formData.patWardDesc}} 搴婁綅: {{formData.patBedNo}}
+ <dict-tag v-if="formData.patDetails?.source" :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="devId">
<el-input v-model="formData.devId" placeholder="璇疯緭鍏ヨ澶囩紪鍙�" @input="getDevInfo"/>
</el-form-item>
<el-form-item label="璁惧鎻忚堪" prop="">
- {{deviceInfo.brand + " " + deviceInfo.model + " " + deviceInfo.state}}
+ {{ devInfo?.brand||'-' }} {{ devInfo?.model||'-' }} {{ tranlateDevState(devInfo?.state) }}
</el-form-item>
- <el-form-item label="瑁呮満鏃堕棿" prop="rentTime">
+ <el-form-item label="棰嗙敤鏃堕棿" prop="rentTime">
<el-date-picker
v-model="formData.rentTime"
type="date"
value-format="x"
- placeholder="閫夋嫨瑁呮満鏃堕棿"
+ placeholder="閫夋嫨棰嗙敤鏃堕棿"
/>
</el-form-item>
+ <el-form-item label="鏄惁澶氳��" prop="tolerance">
+ <el-tag type="info" v-if="formData.tolerance == 0">鍚�</el-tag>
+ <el-tag type="danger" v-else>鏄�</el-tag>
+ </el-form-item>
<el-form-item label="澶囨敞" prop="remark">
<el-input v-model="formData.remark" placeholder="璇疯緭鍏ュ娉�" />
</el-form-item>
+<!--
<el-form-item label="缂磋垂纭" prop="paid">
<el-radio-group v-model="formData.paid">
<el-radio key="1" :label="1"> 宸茬即璐� </el-radio>
<el-radio key="0" :label="0"> 鏈即璐� </el-radio>
</el-radio-group>
</el-form-item>
+-->
</el-form>
<el-button @click="submitForm" type="primary" :disabled="formLoading">棰嗙敤瀹屾垚</el-button>
+ <el-checkbox style="margin-left:10px" label="鑷姩 " v-model="autoPrint" />
+ <el-button @click="printBill(formData.patDetails?.appointmentId)">鎵撳嵃灏忕エ</el-button>
+ <el-button @click="cancelReady" :disabled="formLoading">鏀惧純棰嗙敤</el-button>
<el-button @click="resetForm()">閲� 缃�</el-button>
- <el-button @click="printBill()">鎵撳嵃灏忕エ</el-button>
- <el-button @click="cancelInstall" :disabled="formLoading">鏀惧純瑁呮満</el-button>
+ <el-button v-if="needAutoFeeConfirm(formData.checkType)" @click="feeConfirm" :disabled="formLoading">纭垂</el-button>
+ <el-button v-if="needAutoFeeConfirm(formData.checkType)" @click="feeCancel" :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="paid">
+<!-- <el-table-column label="id" align="center" prop="id" />-->
+ <el-table-column label="纭垂" align="center" prop="paid">
<template #default="scope">
- {{scope.row.paid == 1 ? "宸茬即" : ""}}
+ {{scope.row.paid == 1 ? "宸茬‘璐�" : ""}}
</template>
</el-table-column>
<el-table-column label="棰嗙敤鎯呭喌" align="center" prop="cancelled" >
@@ -114,14 +138,22 @@
<script setup lang="ts">
import {defineComponent, PropType} from "vue";
+import {Barcode} from "@/components/Barcode";
import { DevRentApi, DevRentVO } from '@/api/ecg/devrent'
import {QueueVO} from "@/api/ecg/queue";
import {isStringEmpty} from "@/utils/stringUtil";
-import {dateFormatter, timeFormatter} from "@/utils/formatTime";
+import {dateFormatter} from "@/utils/formatTime";
import {JobRecordApi, JobRecordVO} from "@/api/ecg/jobrecord";
import {DeviceApi, DeviceVO} from "@/api/ecg/devmanage";
-import {curDayEnd, curDayStart} from "@/utils/dateUtil";
-import {PatientStatisticVO, RoomBedVO} from "@/api/ecg/doctor";
+import {calculateAge, curDayEnd, curDayStart, formatTimestamp} from "@/utils/dateUtil";
+import {RoomBedVO} from "@/api/ecg/doctor";
+import {hiprint} from "vue-plugin-hiprint";
+import {AppointmentApi, AppointmentVO} from "@/api/ecg/appointment";
+import {useCheckTypeStore} from '@/store/modules/checkType'
+import {calGender, getBookBeginTime} from "@/utils";
+import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
+import {tranlateDevState} from "@/utils/statusFormatter";
+import {getCheckTypeName, needAutoFeeConfirm} from "../../../../utils/checkTypeFormatter";
/** 璁惧棰嗙敤 琛ㄥ崟 */
defineComponent({ name: 'DevReadyPanel' })
@@ -138,37 +170,25 @@
const { t } = useI18n() // 鍥介檯鍖�
const message = useMessage() // 娑堟伅寮圭獥
-const dialogVisible = ref(false) // 寮圭獥鐨勬槸鍚﹀睍绀�
-
const formLoading = ref(false) // 琛ㄥ崟鐨勫姞杞戒腑锛�1锛変慨鏀规椂鐨勬暟鎹姞杞斤紱2锛夋彁浜ょ殑鎸夐挳绂佺敤
-const formType = ref('create') // 琛ㄥ崟鐨勭被鍨嬶細create - 鏂板锛泆pdate - 淇敼
-// const patient = ref<QueueVO>({
-// patId: '',
-// patName: ''
-// })
-const patient = ref<QueueVO>()
+const autoPrint = ref<boolean>(true);
-const formData = ref({
+const checkTypeStore = useCheckTypeStore()
+
+const formData = ref<DevRentVO>({
id: undefined,
devId: undefined,
- patId: patient.value?.patId,
- patName: patient.value?.patName,
- patDeptCode: undefined,
- patDeptDesc: undefined,
- patWardCode: undefined,
- patWardDesc: undefined,
- patBedNo: undefined,
+ patId: undefined,
+ patName: undefined,
+ patDetails: undefined,
+ checkType: undefined,
rentTime: new Date().getTime(),
returnTime: undefined,
- interference: undefined,
- baseline: undefined,
- detachment: undefined,
remark: undefined,
paid: undefined,
- roomId: props.room.roomId,
- bedNo: props.room.bedNo
})
+
const formRules = reactive({
devId: [{ required: true, message: '璁惧缂栧彿涓嶈兘涓虹┖', trigger: 'blur' }],
rentTime: [{ required: true, message: '璇烽�夋嫨瑁呮満鏃ユ湡', trigger: 'blur' }],
@@ -177,15 +197,41 @@
})
const formRef = ref() // 琛ㄥ崟 Ref
-const deviceInfo = ref<DeviceVO> ({
- id: 0,
- devId: '',
- category: '',
- brand: '',
- model: '',
- purchaseDate: 0,
- state: 0,
+const devInfo = ref<Partial<DeviceVO>>({
+ category: undefined,
+ brand: undefined,
+ model: undefined,
+ state: undefined,
})
+
+const displayBarCode = ref<string> ()
+
+const getRentInfoByPatId = () => {
+ const tempPatId = formData.value.patId;
+ resetForm()
+ if (isStringEmpty(tempPatId))
+ return
+
+ formData.value.patId = tempPatId;
+ getFreeRentInfo(formData.value)
+ copyBarcode()
+}
+
+// 鏍规嵁鎮ｈ�呮垨璁惧, 鑾峰彇 Free鐨勭璧�
+const getFreeRentInfo = async (devRentVO) => {
+ if ((devRentVO.devId == null || devRentVO.devId === '') && (devRentVO.patId == null || devRentVO.patId === '') )
+ return
+
+ const data = await DevRentApi.getFreeRent(devRentVO)
+ if (null === data)
+ return
+
+ // formDate 瀵瑰簲 DevRent
+ formData.value = data
+
+ // 棰嗙敤鏃堕棿 閲囩敤褰撳墠鏃堕棿
+ formData.value.rentTime = new Date().getTime()
+}
/** 鎻愪氦琛ㄥ崟 */
const submitForm = async () => {
@@ -196,39 +242,37 @@
try {
formData.value.roomId = props.room.roomId
formData.value.bedNo = props.room.bedNo
- const data = formData.value as unknown as DevRentVO
- console.info( data )
+ await DevRentApi.devReady(formData.value)
- if (formData.value.id === null || formData.value.id === undefined) {
- const result = await DevRentApi.devReady(data)
- formData.value.id = result
- message.success(t('鎿嶄綔瀹屾垚'))
- } else {
- await DevRentApi.devReady(data)
- message.success(t('鏇存柊瀹屾垚'))
+ if (autoPrint.value && formData.value.patId && formData.value.checkType) {
+ printBill(formData.value.patDetails?.appointmentId)
}
- dialogVisible.value = false
- // 鍙戦�佹搷浣滄垚鍔熺殑浜嬩欢
- emit('event_dev_ready')
+
+ // 鑷姩纭垂
+ if (needAutoFeeConfirm(formData.value.checkType)) {
+ feeConfirm()
+ }
+
resetForm()
getList()
+
+ // 鍙戦�佹搷浣滄垚鍔熺殑浜嬩欢
+ emit('event_dev_ready')
+ message.success(t('鎿嶄綔瀹屾垚'))
} finally {
formLoading.value = false
}
}
-const cancelInstall = async () => {
+// 鏀惧純棰嗙敤
+const cancelReady = 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.devReadyCancel(data)
- formData.value.id = result
- message.success(t('鎿嶄綔鎴愬姛'))
- } else {
- await DevRentApi.devReadyCancel(data)
- message.success(t('鎿嶄綔鎴愬姛'))
- }
+
+ await DevRentApi.devReadyCancel(data)
+ message.success(t('鎿嶄綔鎴愬姛'))
+
// 鍙戦�佹搷浣滄垚鍔熺殑浜嬩欢
emit('event_dev_ready')
resetForm()
@@ -238,28 +282,35 @@
/** 閲嶇疆琛ㄥ崟 */
const resetForm = () => {
formData.value = {
- id: undefined,
devId: undefined,
- patId: patient.value?.patId,
- patName: patient.value?.patName,
+ patId: undefined,
+ patName: undefined,
+ checkType: undefined,
rentTime: new Date().getTime(),
returnTime: undefined,
- interference: undefined,
- baseline: undefined,
- detachment: undefined,
- remark: undefined
+ remark: undefined,
+ patDetails: undefined,
+ paid: undefined,
}
formRef.value?.resetFields()
- deviceInfo.value.category = ''
- deviceInfo.value.brand = ''
- deviceInfo.value.model = ''
- deviceInfo.value.state = 0
+ devInfo.value = {
+ category: undefined,
+ brand: undefined,
+ model: undefined,
+ state: undefined,
+ }
}
const setPatient = (queueVO: QueueVO | undefined) => {
- patient.value = queueVO
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
+ getFreeRentInfo(formData.value) // 寰呮鏌ョ殑淇℃伅 @ dev_rent 琛�
+ copyBarcode()
}
defineExpose({ setPatient }) // 鎻愪緵 setPatient 鏂规硶锛岀敤浜庤缃偅鑰�
@@ -300,29 +351,179 @@
}
const getSelectedRent = async (rentId) => {
- formData.value = await DevRentApi.getDevRent(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 printBill = async () => {
- ElNotification({
- title: '娓╅Θ鎻愮ず',
- message: '寰呭疄鐜帮紒',
- type: 'warning'
- })
-}
-
-const getDevInfo = async () => {
- deviceInfo.value.category = ''
- deviceInfo.value.brand = ''
- deviceInfo.value.model = ''
- deviceInfo.value.state = 0
- if (isStringEmpty(formData.value.devId))
+const printBill = async (appointmentId: number | null | undefined, printMode?: number) => {
+ if ( appointmentId == null )
return
+ const curAppointment: AppointmentVO = await AppointmentApi.getAppointment( appointmentId )
+
+// 寮曞叆鍚庝娇鐢ㄧず渚�
+ hiprint.init({
+ // host: 'http://192.168.2.100:17521',
+ token: '111111'
+ });
+// 涓嬪垪鏂规硶閮芥槸娌℃湁鎷栨嫿璁捐椤甸潰鐨�, 鐩稿綋浜庝唬鐮佹ā寮�, 浣跨敤浠ｇ爜璁捐椤甸潰
+// 鎯宠瀹炵幇鎷栨嫿璁捐椤甸潰,璇峰線涓嬬湅 '鑷畾涔夎璁�'
+ var hiprintTemplate = new hiprint.PrintTemplate(); // 鍙紶鍙傛暟
+ //var panel = hiprintTemplate.addPrintPanel({ width: 100, height: 130, paperFooter: 340, paperHeader: 10 }); 瀵艰嚧璧颁笁椤�
+ var panel = hiprintTemplate.addPrintPanel({ width: 140, height: 130, paperNumberDisabled:true});
+//鏂囨湰
+ const checkTypeName = getCheckTypeName(curAppointment.bookCheckType)
+ panel.addPrintText({ options: { width: 140, height: 12, top: 2, left: 20, title: checkTypeName, textAlign: 'center', fontSize: 10, fontFamily: '寰蒋闆呴粦', fontWeight: '700', } });
+ const patientBaisc = curAppointment.patName + " " + calGender(curAppointment.patGender) + " " + calculateAge(curAppointment.patBirthday) + "宀�"
+ panel.addPrintText({ options: { width: 140, height: 12, top: 16, left: 20, title: patientBaisc, textAlign: 'center' , fontSize: 10, fontFamily: '寰蒋闆呴粦', fontWeight: '700', } });
+ const ward_bed = curAppointment.patWardDesc + "-" + curAppointment.patBedNo
+ panel.addPrintText({ options: { width: 140, height: 12, top: 30, left: 20, title: ward_bed, textAlign: 'center', fontSize: 10, fontFamily: '寰蒋闆呴粦', fontWeight: '700', } });
+ const bookTime = formatTimestamp(curAppointment.bookDate) + " " + getBookBeginTime(curAppointment.bookTimeslot)
+ panel.addPrintText({ options: { width: 140, height: 12, top: 44, left: 20, title: bookTime, textAlign: 'center', fontSize: 10, fontFamily: '寰蒋闆呴粦', fontWeight: '700', } });
+ panel.addPrintText({ options: { width: 140, height: 12, top: 58, left: 20, title: curAppointment.patId, textAlign: 'center', fontSize: 10, fontFamily: '寰蒋闆呴粦', fontWeight: '700', } });
+ panel.addPrintText({ options: { width: 140, height: 12, top: 72, left: 20, title: curAppointment.patMobile, textAlign: 'center', fontSize: 10, fontFamily: '寰蒋闆呴粦', fontWeight: '700', } });
+ //鏉″舰鐮�
+ panel.addPrintText({ options: { width: 140, height: 22, top: 86, left: 20, title: curAppointment.episodeId, textType: 'barcode' } });
+
+//鎵撳嵃
+ if (printMode == null)
+ hiprintTemplate.print2([{},{},{}]); // 棰勮鏂瑰紡 鍙互浼� [瀹氫綅鍙傛暟] http://https://ccsimple.github.io/sv-print-docs/config/template.html#%E8%87%AA%E5%AE%9A%E4%B9%89%E8%AE%BE%E8%AE%A1%E4%BD%BF%E7%94%A8%E7%A4%BA%E4%BE%8B
+ else
+ hiprintTemplate.print([{},{},{}]);
+}
+/* hiprint 绀轰緥
+// 寮曞叆鍚庝娇鐢ㄧず渚�
+ hiprint.init({
+ // host: 'http://192.168.2.100:17521',
+ token: '111111'
+ });
+// 涓嬪垪鏂规硶閮芥槸娌℃湁鎷栨嫿璁捐椤甸潰鐨�, 鐩稿綋浜庝唬鐮佹ā寮�, 浣跨敤浠ｇ爜璁捐椤甸潰
+// 鎯宠瀹炵幇鎷栨嫿璁捐椤甸潰,璇峰線涓嬬湅 '鑷畾涔夎璁�'
+ var hiprintTemplate = new hiprint.PrintTemplate(); // 鍙紶鍙傛暟
+ var panel = hiprintTemplate.addPrintPanel({ width: 100, height: 130, paperFooter: 340, paperHeader: 10 });
+//鏂囨湰
+ panel.addPrintText({ options: { width: 140, height: 15, top: 20, left: 20, title: 'hiprint鎻掍欢鎵嬪姩娣诲姞text', textAlign: 'center' } });
+//鏉″舰鐮�
+ panel.addPrintText({ options: { width: 140, height: 35, top: 40, left: 20, title: '123456', textType: 'barcode' } });
+//浜岀淮鐮�
+ panel.addPrintText({ options: { width: 35, height: 35, top: 40, left: 165, title: '123456', textType: 'qrcode' } });
+//闀挎枃鏈�
+ panel.addPrintLongText({ options: { width: 180, height: 35, top: 90, left: 20, title: '闀挎枃鏈細hiprint鏄竴涓緢濂界殑webjs鎵撳嵃,娴忚鍣ㄥ湪鐨勫湴鏂逛粬閮藉彲浠ヨ繍琛�' } });
+//鎵撳嵃 鐩存帴鎵撳嵃
+ hiprintTemplate.print2({}); // 鍙互浼� [瀹氫綅鍙傛暟] http://https://ccsimple.github.io/sv-print-docs/config/template.html#%E8%87%AA%E5%AE%9A%E4%B9%89%E8%AE%BE%E8%AE%A1%E4%BD%BF%E7%94%A8%E7%A4%BA%E4%BE%8B
+*/
+/* 鍒嗛〉鎵撳嵃
+HiPrint.print({
+ pages: [
+ {
+ text: 'Hello World!'
+ },
+ {
+ html: '<div><h1>Hello World!</h1></div>',
+ pageBreak: true
+ },
+ {
+ image: 'image.png'
+ }
+ ]
+});
+*/
+
+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!)
- console.info( data )
if ( null !== data)
- deviceInfo.value = data
+ devInfo.value = data
+}
+
+const feeConfirm = async () => {
+ if (formData.value.id == null) {
+ message.error('璇峰厛棰嗙敤')
+ return
+ }
+
+ try {
+ const result = await DevRentApi.feeConfirm(formData.value.id)
+ if (0 === result) {
+ //message.success('纭垂鎿嶄綔鎴愬姛')
+ }
+ } catch (err) {
+ // 妗嗘灦 浼氱粰鍑� 鍚庡彴鐨� 閿欒淇℃伅
+ }
+}
+
+const feeCancel = async () => {
+ if (formData.value.id == null) {
+ message.error('璇峰厛棰嗙敤')
+ return
+ }
+
+ try {
+ const result = await DevRentApi.feeCancel(formData.value.id)
+ if (0 === result) {
+ //message.success('纭垂鍙栨秷鎴愬姛')
+ }
+ } catch (err) {
+ // 妗嗘灦 浼氱粰鍑� 鍚庡彴鐨� 閿欒淇℃伅
+ }
+}
+
+/**
+ * 鑾峰彇鏉″舰鐮侊紝鏄剧ず涓庡惁 鍚屼竴涓��
+ */
+const getDisplayBarcode = (): string => {
+ if (formData.value.checkType == null)
+ return ""
+
+ if (formData.value.patDetails?.source == null)
+ return ""
+
+ const displayBarcode: number[] = checkTypeStore.getCheckTypeDispBarCode(formData.value.checkType)
+ if (displayBarcode == null || displayBarcode.length === 0)
+ return ""
+
+ if (!displayBarcode.includes( formData.value.patDetails.source ))
+ return ""
+
+ return getBarcode()
+}
+
+const getBarcode = (): string => {
+ if (formData.value.checkType == null)
+ 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()
+
+ const barCode = getBarcode()
+ if (isStringEmpty(barCode))
+ return
+
+ await navigator.clipboard.writeText( barCode );
}
/** 鍒濆鍖� **/
--
Gitblit v1.9.3