From 6f1d50cba1a5b2f5efb2b642e33e8fde310b66f6 Mon Sep 17 00:00:00 2001
From: eight <641137800@qq.com>
Date: 星期六, 14 九月 2024 14:33:54 +0800
Subject: [PATCH] 叫号 特性 控制

---
 src/views/ecg/callingscreen/bigscreen.vue |  192 ++++++++++++++++++++++++++++++-----------------
 1 files changed, 123 insertions(+), 69 deletions(-)

diff --git a/src/views/ecg/callingscreen/bigscreen.vue b/src/views/ecg/callingscreen/bigscreen.vue
index 98b4cab..4833644 100644
--- a/src/views/ecg/callingscreen/bigscreen.vue
+++ b/src/views/ecg/callingscreen/bigscreen.vue
@@ -1,67 +1,93 @@
 <script setup lang="ts">
 
+import dayjs from 'dayjs'
+import {ScreenApi, statusMap, CallingVO} from "@/api/ecg/screen";
+
 defineOptions({ name: 'bigscreen' })
 
-  const tableData = [{
-      date: '2016-05-02',
-      name: '鐜嬪皬铏�',
-      address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1518 寮�'
-    }, {
-      date: '2016-05-04',
-      name: '鐜嬪皬铏�',
-      address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1517 寮�'
-    }, {
-      date: '2016-05-01',
-      name: '鐜嬪皬铏�',
-      address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1519 寮�'
-    }, {
-      date: '2016-05-03',
-      name: '鐜嬪皬铏�',
-      address: '涓婃捣甯傛櫘闄�鍖洪噾娌欐睙璺� 1516 寮�'
-    }]
+const listReady = ref<CallingVO[]>([]) // 鍒楄〃鐨勬暟鎹�
+const listWaiting = ref<CallingVO[]>([]) // 鍒楄〃鐨勬暟鎹�
+const listPassed = ref<CallingVO[]>([]) //
 
-  const names = ["Alice", "Bob", "Charlie", "David", "Eve", "Frank", "Grace",
-    "鐗规湕鏅�", "椹崱榫�", "鏅噾", "绌嗚开鑰佷粰", "鎷滅櫥", "鍗$壒"]
-  const visibleCount = 5 // 鍙悓鏃舵樉绀虹殑鍚嶅瓧鏁伴噺
-  const startIndex = ref<number>(0);
+let curSpeakPat : CallingVO | undefined = undefined;
+let curSpeakSeqNum : number = 0
+let curWorkDay : Date | undefined = undefined
 
-  const visibleNames : string[] =  computed(() => {
-    const endIndex = (startIndex.value + visibleCount) % names.length;
-    if (endIndex > startIndex.value) {
-      return names.slice(startIndex.value, endIndex);
-    } else {
-      return [...names.slice(startIndex.value), ...names.slice(0, endIndex)];
+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 === undefined ) {
+      initiateSpeak()
     }
-  })
+  }, 5000); // 姣廥绉掓粴鍔ㄤ竴娆�
+}
 
-  const startScrolling = () => {
-    setInterval(() => {
-      // console.info("...")
-      startIndex.value = (startIndex.value + visibleCount) % names.length;
-    }, 3000); // 姣忎袱绉掓粴鍔ㄤ竴娆�
+onMounted( () => {
+  startScrolling()
+})
+
+const onSpeachEndEvent = async (event) => {
+  console.log("Speech ended... " + event.currentTarget.text);
+  await ScreenApi.markCalled(curSpeakPat!.patId)
+  initiateSpeak()
+}
+
+const getNextSpeak = () => {
+  if (listReady.value.length === 0) {
+    return undefined;
   }
 
-  onMounted( () => {
-    startScrolling()
-  })
-
-  const speak = (msg) => {
-    //const msg = new SpeechSynthesisUtterance(`璇�${this.currentNumber}鍙峰氨璇奰);
-    const repeatNum = 3
-    var speech = new SpeechSynthesisUtterance()
-    speech.text = msg
-    speech.pitch = 1 // 鑾峰彇骞惰缃瘽璇殑闊宠皟(0-2 榛樿1锛屽�艰秺澶ц秺灏栭攼,瓒婁綆瓒婁綆娌�)
-    speech.rate = 0.9 // 鑾峰彇骞惰缃璇濈殑閫熷害(0.1-10 榛樿1锛屽�艰秺澶ц閫熻秺蹇�,瓒婂皬璇�熻秺鎱�)
-    speech.volume = 100 // 鑾峰彇骞惰缃璇濈殑闊抽噺
-    speech.lang = 'zh-CN' // 璁剧疆鎾斁璇█
-    // 澧炲姞鎺у埗鎾斁娆℃暟
-    let count = 1
-    speechSynthesis.speak(speech)
-    while (count < repeatNum) {
-      speechSynthesis.speak(speech)
-      count++
-    }
+  // 澶勭悊姣忓ぉ 鍙嶈浆鐨勬儏鍐�
+  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 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 isSameDate = ( date1: Date, date2 : Date) => {
+  if (date1.getFullYear() === date2.getFullYear()
+      && date1.getMonth() === date2.getMonth()
+      && date1.getDate() === date2.getDate())
+    return true
+  else
+    return false
+}
 
 </script>
 
@@ -71,32 +97,60 @@
     <el-container>
       <el-aside width="500px">
         <el-table
-            :data="tableData"
+            :data="listReady"
             stripe
             :show-header="false"
             style="width: 100%">
           <el-table-column
-              prop="date"
-              label="鏃ユ湡"
-              width="180"/>
+              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-column
-              prop="name"
-              label="濮撳悕"
-              width="180"/>
-          <el-table-column
-              prop="address"
-              label="鍦板潃"/>
+              prop="roomName"
+              label="璇婂"
+              width="80"/>
         </el-table>
       </el-aside>
       <el-container>
         <el-main>
-          <div class="name-scroller">
-            <div class="name-box">
-              <span v-for="(name, index) in visibleNames" :key="index">{{ name }}</span>
-            </div>
-          </div>
+          <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>
-        <el-footer>Footer</el-footer>
+        <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>
       </el-container>
     </el-container>
     <el-button @click="speak('璇� 鐗规湕鏅� 鍒颁簩鍙疯瘖瀹� 灏辫瘖')" >鍙彿</el-button>

--
Gitblit v1.9.3