From ddf15c484eb3208b76cdb25c2737cd4e960ea8df Mon Sep 17 00:00:00 2001 From: eight <641137800@qq.com> Date: 星期一, 14 十月 2024 14:49:15 +0800 Subject: [PATCH] 常规检查 --- src/views/ecg/callingscreen/bigscreen.vue | 172 +++++++++++++++++++++++++-------------------------------- 1 files changed, 76 insertions(+), 96 deletions(-) diff --git a/src/views/ecg/callingscreen/bigscreen.vue b/src/views/ecg/callingscreen/bigscreen.vue index 223bc03..387f7b1 100644 --- a/src/views/ecg/callingscreen/bigscreen.vue +++ b/src/views/ecg/callingscreen/bigscreen.vue @@ -1,16 +1,16 @@ <script setup lang="ts"> -import {ScreenApi, statusMap, CallingVO} from "@/api/ecg/screen"; +import {ScreenApi, ScreenQueueVO} from "@/api/ecg/screen"; +import {CallApi, CallVO} from "@/api/ecg/call"; +import {DICT_TYPE} from "@/utils/dict"; defineOptions({ name: 'bigscreen' }) -const listReady = ref<CallingVO[]>([]) // 鍒楄〃鐨勬暟鎹� -const listWaiting = ref<CallingVO[]>([]) // 鍒楄〃鐨勬暟鎹� -const listPassed = ref<CallingVO[]>([]) // +const listReady = ref<ScreenQueueVO[]>([]) // 鍒楄〃鐨勬暟鎹� +const listWaiting = ref<ScreenQueueVO[]>([]) // 鍒楄〃鐨勬暟鎹� +const listPassed = ref<ScreenQueueVO[]>([]) // -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() @@ -22,7 +22,7 @@ const startScrolling = () => { setInterval(() => { getList(); - if ( curSpeakPat === undefined ) { + if ( curSpeakPat === null ) { initiateSpeak() } }, 5000); // 姣廥绉掓粴鍔ㄤ竴娆� @@ -33,44 +33,24 @@ }) const onSpeachEndEvent = async (event) => { - console.log("Speech ended" + event); - await ScreenApi.markCalled(curSpeakPat!.patId) + console.log("Speech ended... " + event.currentTarget.text); + curSpeakPat!.called = 1 + await CallApi.updateCall(curSpeakPat!) initiateSpeak() } -const getNextSpeak = () => { - if (listReady.value.length === 0) { - return undefined; - } - - // TODO 澶勭悊姣忓ぉ 鍙嶈浆鐨勬儏鍐� - if ( curWorkDay === undefined) { - curSpeakSeqNum = 0; - curWorkDay = new Date() - } else if (!isSameDate(listReady.value[0].bookDate, curWorkDay)) { - curSpeakSeqNum = 0; - curWorkDay.setFullYear( listReady.value[0].bookDate[0] ) - curWorkDay.setMonth( listReady.value[0].bookDate[1] ) - curWorkDay.setDate( listReady.value[0].bookDate[2] ) - } - - 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 + "灏辫瘖"); } } const speak = (msg) => { + console.info("speak " + msg); var speech = new SpeechSynthesisUtterance() - speech.text = msg + speech.text = msg + "銆傘�傘��" + msg + "銆傘�傘��" + msg + "銆傘�傘��" speech.pitch = 1 // 鑾峰彇骞惰缃瘽璇殑闊宠皟(0-2 榛樿1锛屽�艰秺澶ц秺灏栭攼,瓒婁綆瓒婁綆娌�) speech.rate = 0.9 // 鑾峰彇骞惰缃璇濈殑閫熷害(0.1-10 榛樿1锛屽�艰秺澶ц閫熻秺蹇�,瓒婂皬璇�熻秺鎱�) speech.volume = 100 // 鑾峰彇骞惰缃璇濈殑闊抽噺 @@ -80,97 +60,105 @@ speechSynthesis.speak(speech) } -const isSameDate = ( date1: number[], date2 : Date) => { - if ( date1[0] === date2.getFullYear() - && date1[1] === date2.getMonth() - && date1[2] === 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> <template> - <el-container> - <el-header>Header</el-header> + <el-container style="height: 100%;"> + <el-header> + <img + height="40px" + src="@/assets/imgs/jinhua.png" + /> + 閲戝崕浜烘皯鍖婚櫌 + </el-header> <el-container> <el-aside width="500px"> <el-table :data="listReady" stripe :show-header="false" - style="width: 100%"> + style="width: 100%; height: 100%; border: solid var(--el-color-primary-light-7); font-size: 18px;"> <el-table-column prop="patName" label="鎮h�呭鍚�" - width="80"/> - <el-table-column label="鐘舵��" align="center" prop="status" width="80"> + width="80"> <template #default="scope"> - {{ statusMap.get(scope.row.status) }} + {{scope.row.seqNum}} {{ nameDesensitize(scope.row.patName) }} </template> </el-table-column> + <el-table-column label="鐘舵��" align="center" prop="status" width="80"> + <template #default="scope"> + <dict-tag :type="DICT_TYPE.ECG_QUEUE_STATUS" :value="scope.row.status" /> + </template> + </el-table-column> + <el-table-column + prop="roomName" + label="璇婂" + width="120"/> </el-table> </el-aside> <el-container> - <el-main> - <el-table - :data="listWaiting" - stripe - :show-header="false" - style="width: 100%"> - <el-table-column - prop="patName" - label="鎮h�呭鍚�" - width="80"/> - <el-table-column label="鐘舵��" align="center" prop="status" width="80"> - <template #default="scope"> - {{ statusMap.get(scope.row.status) }} - </template> - </el-table-column> - </el-table> + <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"> + {{nameDesensitize(waitingItem.patName) + " "}} + </span> </el-main> - <el-footer height="100px"> - <el-table - :data="listPassed" - stripe - :show-header="false" - style="width: 100%"> - <el-table-column - prop="patName" - label="鎮h�呭鍚�" - width="80"/> - <el-table-column label="鐘舵��" align="center" prop="status" width="80"> - <template #default="scope"> - {{ statusMap.get(scope.row.status) }} - </template> - </el-table-column> - </el-table> + <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"> + {{nameDesensitize(passedItem.patName) + " " + passedItem.roomName + " "}} + </span> </el-footer> </el-container> </el-container> - <el-button @click="speak('璇� 鐗规湕鏅� 鍒颁簩鍙疯瘖瀹� 灏辫瘖')" >鍙彿</el-button> + <el-button @click="speak('娆㈣繋浣跨敤')" >娆㈣繋浣跨敤</el-button> </el-container> </template> <style scoped lang="scss"> -.el-header, .el-footer { - background-color: #B3C0D1; +.el-header { + background-color: var(--el-color-primary-light-7); + color: #333; + text-align: center; + line-height: 40px; + + display: flex; + align-items: center; + justify-content: center; +} + +.el-footer { + //background-color: var(--el-color-primary-light-7); color: #333; text-align: center; line-height: 60px; } .el-aside { - background-color: #D3DCE6; + background-color: var(--el-color-primary-light-7); color: #333; text-align: center; line-height: 200px; } .el-main { - background-color: #E9EEF3; + //background-color: var(--el-color-primary-light-7); color: #333; text-align: center; line-height: 160px; @@ -180,12 +168,4 @@ margin-bottom: 40px; } -.el-container:nth-child(5) .el-aside, -.el-container:nth-child(6) .el-aside { - line-height: 260px; -} - -.el-container:nth-child(7) .el-aside { - line-height: 320px; -} </style> -- Gitblit v1.9.3