From 6c8cebd73a1e6eca84373214c22791483955471b Mon Sep 17 00:00:00 2001
From: eight <641137800@qq.com>
Date: 星期三, 16 十月 2024 11:58:53 +0800
Subject: [PATCH] 诊间屏 过号不独立显示，底色区分

---
 src/views/ecg/callingscreen/roomscreen.vue |   43 ++++++++++++++++++++++++++++++++-----------
 1 files changed, 32 insertions(+), 11 deletions(-)

diff --git a/src/views/ecg/callingscreen/roomscreen.vue b/src/views/ecg/callingscreen/roomscreen.vue
index 54355ca..4d7a15c 100644
--- a/src/views/ecg/callingscreen/roomscreen.vue
+++ b/src/views/ecg/callingscreen/roomscreen.vue
@@ -3,14 +3,13 @@
 import {RoomBedVO} from "@/api/ecg/doctor";
 import {RoomApi} from "@/api/ecg/room";
 import {ScreenQueueVO, ScreenApi} from "@/api/ecg/screen";
-import {DICT_TYPE} from "@/utils/dict";
 import {CallApi, CallVO} from "@/api/ecg/call";
 import {queueStatusConvert} from "../../../utils/statusFormatter";
 
 defineOptions({ name: 'roomscreen' })
 
 const list = ref<ScreenQueueVO[]>([]) // 鍒楄〃鐨勬暟鎹�
-const listPassed = ref<ScreenQueueVO[]>([]) // 杩囧彿鍒楄〃鐨勬暟鎹�
+//const listPassed = ref<ScreenQueueVO[]>([]) // 杩囧彿鍒楄〃鐨勬暟鎹�
 
 let curSpeakPat : CallVO | null = null;
 
@@ -23,7 +22,7 @@
 const getList = async () => {
   const data = await ScreenApi.getRoomScreenData()
   list.value = data[1]
-  listPassed.value = data[2]
+  // listPassed.value = data[2]
 }
 
 const getRoomByIp = async () => {
@@ -33,7 +32,6 @@
 
 const startScrolling = () => {
   setInterval(() => {
-    // console.info("...")
     getList()
     if ( curSpeakPat === null ) {
       initiateSpeak()
@@ -56,6 +54,18 @@
   }
 }
 
+const tableRowClassName = ({row, rowIndex}: {
+  row: ScreenQueueVO
+  rowIndex: number
+}) => {
+  if (row.status === 5) {
+    return 'warning-row'
+  } else if (row.status === 7) {
+    return 'warning-row'  //return 'success-row'
+  }
+  return ''
+}
+
 const onSpeachEndEvent = async (event) => {
   console.log("Speech ended... " + event.currentTarget.text);
   curSpeakPat!.called = 1
@@ -65,7 +75,6 @@
 
 const initiateSpeak = async () => {
   curSpeakPat = await CallApi.getNextInstallCall()
-  console.info( curSpeakPat )
   if (curSpeakPat !== null) {
     speak("璇枫��" + curSpeakPat.patName + "鍒�" + curSpeakPat.roomName + "瑁呮満");
   }
@@ -97,9 +106,10 @@
     <el-main>
       <el-table
           :data="list"
-          stripe
           :show-header="false"
-          style="width: 100%; height: 100%; border: solid var(--el-color-primary-light-7); font-size: 18px;">
+          style="width: 100%; height: 100%; border: solid var(--el-color-primary-light-7); font-size: 18px;"
+          :row-class-name="tableRowClassName"
+      >
         <el-table-column
             prop="patName"
             label="鎮ｈ�呭鍚�"
@@ -108,7 +118,7 @@
             {{scope.row.seqNum}} &nbsp; {{ nameDesensitize(scope.row.patName) }}
           </template>
         </el-table-column>
-        <el-table-column label="鐘舵��" align="center" :prop="status" width="100">
+        <el-table-column label="鐘舵��" align="center" width="130">
           <template #default="scope">
 <!--            <dict-tag :type="DICT_TYPE.ECG_QUEUE_STATUS" :value="scope.row.status" />-->
             {{queueStatusConvert(scope.row.status)}}
@@ -116,12 +126,15 @@
         </el-table-column>
       </el-table>
     </el-main>
+    <el-button @click="speak('娆㈣繋浣跨敤')" >娆㈣繋浣跨敤</el-button>
+<!--
     <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) + "&nbsp;&nbsp;&nbsp;&nbsp;"}}
+          <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) + "&nbsp;&nbsp;&nbsp;&nbsp;"}}
           </span>
     </el-footer>
+-->
   </el-container>
 </template>
 
@@ -147,4 +160,12 @@
   text-align: center;
   line-height: 160px;
 }
+
+.el-table ::v-deep .warning-row {
+  --el-table-tr-bg-color: var(--el-color-warning-light-9);
+}
+.el-table ::v-deep .success-row {
+  --el-table-tr-bg-color: var(--el-color-success-light-9);
+}
+
 </style>

--
Gitblit v1.9.3