From deea4f96f68325f4c9a8ab743342980f076c758d Mon Sep 17 00:00:00 2001 From: eight <641137800@qq.com> Date: 星期六, 14 九月 2024 16:32:27 +0800 Subject: [PATCH] 大屏 布局调整 --- src/views/ecg/callingscreen/bigscreen.vue | 40 ++++++++++++++++------------------------ 1 files changed, 16 insertions(+), 24 deletions(-) diff --git a/src/views/ecg/callingscreen/bigscreen.vue b/src/views/ecg/callingscreen/bigscreen.vue index 952b854..13e79c2 100644 --- a/src/views/ecg/callingscreen/bigscreen.vue +++ b/src/views/ecg/callingscreen/bigscreen.vue @@ -34,7 +34,7 @@ }) const onSpeachEndEvent = async (event) => { - console.log("Speech ended" + event); + console.log("Speech ended... " + event.currentTarget.text); await ScreenApi.markCalled(curSpeakPat!.patId) initiateSpeak() } @@ -44,7 +44,7 @@ return undefined; } - // TODO 澶勭悊姣忓ぉ 鍙嶈浆鐨勬儏鍐� + // 澶勭悊姣忓ぉ 鍙嶈浆鐨勬儏鍐� if ( curWorkDay === undefined) { curSpeakSeqNum = 0; curWorkDay = new Date() @@ -61,16 +61,16 @@ if (queuePat !== undefined) { curSpeakPat = queuePat curSpeakSeqNum = curSpeakPat.seqNum - console.info( queuePat.patName + "---" + queuePat.roomName ) - speak(queuePat.patName + queuePat.roomName); + speak("璇枫��" + queuePat.patName + "鍒�" + queuePat.roomName + "灏辫瘖"); } else { curSpeakPat = undefined } } 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 // 鑾峰彇骞惰缃璇濈殑闊抽噺 @@ -92,15 +92,15 @@ </script> <template> - <el-container> - <el-header>Header</el-header> + <el-container style="height: 100%;"> + <el-header>閲戝崕浜烘皯鍖婚櫌</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);"> <el-table-column prop="patName" label="鎮h�呭鍚�" @@ -117,12 +117,12 @@ </el-table> </el-aside> <el-container> - <el-main> + <el-main style="padding: 0 0 "> <el-table :data="listWaiting" stripe :show-header="false" - style="width: 100%"> + style="width: 100%; height: 100%; border: solid var(--el-color-primary-light-7);"> <el-table-column prop="patName" label="鎮h�呭鍚�" @@ -134,12 +134,12 @@ </el-table-column> </el-table> </el-main> - <el-footer height="100px"> + <el-footer height="100px" style="padding: 0 0"> <el-table :data="listPassed" stripe :show-header="false" - style="width: 100%"> + style="width: 100%; height: 100%; border: solid var(--el-color-primary-light-7);"> <el-table-column prop="patName" label="鎮h�呭鍚�" @@ -153,27 +153,27 @@ </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; + 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; @@ -183,12 +183,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