| | |
| | | <script setup lang="ts"> |
| | | |
| | | import dayjs from 'dayjs' |
| | | import {ScreenApi, statusMap, CallingVO} from "@/api/ecg/screen"; |
| | | import {CallApi, CallVO} from "@/api/ecg/call"; |
| | | |
| | | defineOptions({ name: 'bigscreen' }) |
| | | |
| | |
| | | const listWaiting = ref<CallingVO[]>([]) // 列表的数据 |
| | | const listPassed = ref<CallingVO[]>([]) // |
| | | |
| | | let curSpeakPat : CallingVO | undefined = undefined; |
| | | let curSpeakSeqNum : number = 0 |
| | | let curWorkDay : Date | undefined = undefined |
| | | let curSpeakPat : CallVO | null = null; |
| | | |
| | | const getList = async () => { |
| | | const data = await ScreenApi.getBigScreenData() |
| | |
| | | const startScrolling = () => { |
| | | setInterval(() => { |
| | | getList(); |
| | | if ( curSpeakPat === undefined ) { |
| | | if ( curSpeakPat === null ) { |
| | | initiateSpeak() |
| | | } |
| | | }, 5000); // 每X秒滚动一次 |
| | |
| | | |
| | | const onSpeachEndEvent = async (event) => { |
| | | console.log("Speech ended... " + event.currentTarget.text); |
| | | await ScreenApi.markCalled(curSpeakPat!.patId) |
| | | curSpeakPat!.called = 1 |
| | | await CallApi.updateCall(curSpeakPat!) |
| | | initiateSpeak() |
| | | } |
| | | |
| | | const getNextSpeak = () => { |
| | | if (listReady.value.length === 0) { |
| | | return undefined; |
| | | } |
| | | |
| | | // 处理每天 反转的情况 |
| | | if ( curWorkDay === undefined) { |
| | | curSpeakSeqNum = 0; |
| | | curWorkDay = new Date() |
| | | } else if (!isSameDate(dayjs(listReady.value[0].bookDate).toDate(), curWorkDay)) { |
| | | curSpeakSeqNum = 0; |
| | | curWorkDay = dayjs(listReady.value[0].bookDate).toDate() |
| | | } |
| | | |
| | | return listReady.value.find( item => item.status === 30 && item.called === 0 && item.seqNum > curSpeakSeqNum) |
| | | } |
| | | |
| | | const initiateSpeak = () => { |
| | | const queuePat = getNextSpeak() |
| | | if (queuePat !== undefined) { |
| | | curSpeakPat = queuePat |
| | | curSpeakSeqNum = curSpeakPat.seqNum |
| | | speak("请、" + queuePat.patName + "到" + queuePat.roomName + "就诊"); |
| | | } else { |
| | | curSpeakPat = undefined |
| | | const initiateSpeak = async () => { |
| | | curSpeakPat = await CallApi.getNextCall() |
| | | console.info( curSpeakPat ) |
| | | if (curSpeakPat !== null) { |
| | | speak("请、" + curSpeakPat.patName + "到" + curSpeakPat.roomName + "就诊"); |
| | | } |
| | | } |
| | | |
| | |
| | | speechSynthesis.speak(speech) |
| | | } |
| | | |
| | | const isSameDate = ( date1: Date, date2 : Date) => { |
| | | if (date1.getFullYear() === date2.getFullYear() |
| | | && date1.getMonth() === date2.getMonth() |
| | | && date1.getDate() === date2.getDate()) |
| | | return true |
| | | else |
| | | return false |
| | | const nameDesensitize = (patName) => { |
| | | if (patName.length == 2) { |
| | | //截取name 字符串截取第一个字符, |
| | | return patName.substring(0, 1) + '*'; |
| | | } else if (patName.length == 3) { |
| | | //截取第一个和第三个字符 |
| | | return patName.substring(0, 1) + '*' + patName.substring(2, 3); |
| | | } else if (patName.length > 3) { |
| | | //截取第一个和大于第4个字符 |
| | | return ( |
| | | patName.substring(0, 1) + '*' + '*' + patName.substring(3, patName.length) |
| | | ); |
| | | } |
| | | } |
| | | |
| | | </script> |
| | |
| | | <el-table-column |
| | | prop="patName" |
| | | label="患者姓名" |
| | | width="80"/> |
| | | width="80"> |
| | | <template #default="scope"> |
| | | {{ nameDesensitize(scope.row.patName) }} |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="状态" align="center" prop="status" width="80"> |
| | | <template #default="scope"> |
| | | {{ statusMap.get(scope.row.status) }} |
| | |
| | | <el-main style="padding: 0 0 "> |
| | | <el-header height="30px" style="background-color: #98b8e5; line-height: 30px;">等候区</el-header> |
| | | <span v-for="(waitingItem, index) in listWaiting" :key="index"> |
| | | {{waitingItem.patName + " "}} |
| | | {{nameDesensitize(waitingItem.patName) + " "}} |
| | | </span> |
| | | </el-main> |
| | | <el-footer height="100px" style="padding: 0 0"> |
| | | <el-header height="30px" style="background-color: #98b8e5; line-height: 30px;">过号区</el-header> |
| | | <span v-for="(passedItem, index) in listPassed" :key="index"> |
| | | {{passedItem.patName + " "}} |
| | | {{nameDesensitize(passedItem.patName) + " "}} |
| | | </span> |
| | | </el-footer> |
| | | </el-container> |