From 3e96d75698eacd3c52dea86dbbf80846b9e3001b Mon Sep 17 00:00:00 2001 From: eight <641137800@qq.com> Date: 星期四, 17 十月 2024 09:21:24 +0800 Subject: [PATCH] 保留 不分检查类型的 大屏 --- src/views/ecg/callingscreen/bigscreen2.vue | 181 +++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 181 insertions(+), 0 deletions(-) diff --git a/src/views/ecg/callingscreen/bigscreen2.vue b/src/views/ecg/callingscreen/bigscreen2.vue new file mode 100644 index 0000000..ebb2559 --- /dev/null +++ b/src/views/ecg/callingscreen/bigscreen2.vue @@ -0,0 +1,181 @@ +<!----> +<script setup lang="ts"> + +import {ScreenApi, ScreenQueueVO} from "@/api/ecg/screen"; +import {CallApi, CallVO} from "@/api/ecg/call"; +import {queueStatusConvert} from "@/utils/statusFormatter"; + +defineOptions({ name: 'bigscreen' }) + +const displayColInfo = ref(); + +const listReady = ref<ScreenQueueVO[]>([]) // 鍒楄〃鐨勬暟鎹� +const listWaiting = ref<ScreenQueueVO[]>([]) // 鍒楄〃鐨勬暟鎹� +const listPassed = ref<ScreenQueueVO[]>([]) // + +let curSpeakPat : CallVO | null = null; + +const getDisplayColInfo = async () => { + const data = await ScreenApi.getDisplayColInfo() + displayColInfo.value = data +} + +const getList = async () => { + const data = await ScreenApi.getBigScreenData() + listReady.value = data[1] + listWaiting.value = data[2] + listPassed.value = data[3] +} + +const startScrolling = () => { + setInterval(() => { + getList(); + if ( curSpeakPat === null ) { + initiateSpeak() + } + }, 5000); // 姣廥绉掓粴鍔ㄤ竴娆� +} + +onMounted( () => { + getDisplayColInfo() + startScrolling() +}) + +const onSpeachEndEvent = async (event) => { + console.log("Speech ended... " + event.currentTarget.text); + curSpeakPat!.called = 1 + await CallApi.updateCall(curSpeakPat!) + initiateSpeak() +} + +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 + "銆傘�傘��" + msg + "銆傘�傘��" + msg + "銆傘�傘��" + speech.pitch = 1 // 鑾峰彇骞惰缃瘽璇殑闊宠皟(0-2 榛樿1锛屽�艰秺澶ц秺灏栭攼,瓒婁綆瓒婁綆娌�) + speech.rate = 0.9 // 鑾峰彇骞惰缃璇濈殑閫熷害(0.1-10 榛樿1锛屽�艰秺澶ц閫熻秺蹇�,瓒婂皬璇�熻秺鎱�) + speech.volume = 100 // 鑾峰彇骞惰缃璇濈殑闊抽噺 + speech.lang = 'zh-CN' // 璁剧疆鎾斁璇█ + + speech.onend = onSpeachEndEvent + speechSynthesis.speak(speech) +} + +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 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%; height: 100%; border: solid var(--el-color-primary-light-7); font-size: 18px;"> + <el-table-column + prop="patName" + label="鎮h�呭鍚�" + width="80"> + <template #default="scope"> + {{scope.row.seqNum}} {{ nameDesensitize(scope.row.patName) }} + </template> + </el-table-column> + <el-table-column label="鐘舵��" align="center" prop="status" width="100"> + <template #default="scope"> +<!-- <dict-tag :type="DICT_TYPE.ECG_QUEUE_STATUS" :value="scope.row.status" />--> + {{queueStatusConvert(scope.row.status)}} + </template> + </el-table-column> + <el-table-column + prop="roomName" + label="璇婂" + width="120"/> + </el-table> + </el-aside> + <el-container> + <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" 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-container> +</template> + +<style scoped lang="scss"> +.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: var(--el-color-primary-light-7); + color: #333; + text-align: center; + line-height: 200px; +} + +.el-main { + //background-color: var(--el-color-primary-light-7); + color: #333; + text-align: center; + line-height: 160px; +} + +body > .el-container { + margin-bottom: 40px; +} + +</style> -- Gitblit v1.9.3