From 1ad983b6e31c1556d74ce5eba22f45defaea41d8 Mon Sep 17 00:00:00 2001
From: "shengwen.chen" <jellymelon13@outlook.com>
Date: Wed, 14 May 2025 20:41:07 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A4=A7=E5=B1=8F=E5=88=86=E5=8C=BA+?=
 =?UTF-8?q?=E5=91=BC=E5=8F=AB=E5=88=86=E5=8C=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.js          |  2 +-
 src/views/waitList/index.vue | 82 ++++++++++++++++++++++++------------
 2 files changed, 57 insertions(+), 27 deletions(-)

diff --git a/src/router/index.js b/src/router/index.js
index e02d100..798273f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -41,7 +41,7 @@ const routes = [
     ],
   },
   {
-    path: '/waitList',
+    path: '/waitList/:groupIndex?',
     name: 'waitList',
     meta: { title: '家属等候大屏' },
     component: () => import('@/views/waitList/index.vue'),
diff --git a/src/views/waitList/index.vue b/src/views/waitList/index.vue
index a5f902c..7642838 100644
--- a/src/views/waitList/index.vue
+++ b/src/views/waitList/index.vue
@@ -4,7 +4,7 @@
       class="h-[11.11vh] pl-[3.7vh] pr-[2.22vh] flex justify-between items-center bg-[#5D49AF] relative overflow-hidden">
       <div class="logBox h-[7vh]">
         <img class="h-full" :src="logoUrl" v-show="logoUrl" />
-        <img class="h-full" :src="logoUrlBackup" v-show="!logoUrl&&logoUrlBackup" />
+        <img class="h-full" :src="logoUrlBackup" v-show="!logoUrl && logoUrlBackup" />
       </div>
       <div class="absolute titleBox w-full flex justify-around">
         <div class="flex items-center">
@@ -129,7 +129,9 @@ export default {
       colList: [],
       queryCondition: [],
       logoUrl: "",
-      logoUrlBackup:""
+      logoUrlBackup: "",
+      groupIndex: 0,
+      roomNameList: [],
     };
   },
   methods: {
@@ -152,7 +154,17 @@ export default {
       })
         .then(res => {
           this.patientList = [];
+
           if (res['Data']['Data']['length']) {
+            if (this.groupIndex >= 0) {
+              if (this.roomNameList[this.groupIndex]) {
+                res['Data']['Data'] = res['Data']['Data'].filter(item => {
+                  return this.roomNameList[this.groupIndex].includes(item['RoomName'])
+                })
+              } else {
+                res['Data']['Data'] = [];
+              }
+            }
             for (let index = 0; index < res['Data']['Data']['length']; index++) {
               const element = res['Data']['Data'][index];
               const groupIndex = parseInt(index / this.showItemNum);
@@ -221,9 +233,18 @@ export default {
       try {
         if (frame.body) {
           let data = JSON.parse(frame.body);
-          this.popupMsgList.push(data['msg'].replaceAll('，', ','));
-          this.popupMsgList.push(data['msg'].replaceAll('，', ','));
-          this.popupMsgList.push(data['msg'].replaceAll('，', ','));
+          if (this.groupIndex >= 0) {
+            if (this.roomNameList[this.groupIndex]) {
+              if (!this.roomNameList[this.groupIndex].includes(data['msg']['patientRoomName'])) {
+                return
+              }
+            } else {
+              return;
+            }
+          }
+          this.popupMsgList.push(data['msg']['notice'].replaceAll('，', ','));
+          this.popupMsgList.push(data['msg']['notice'].replaceAll('，', ','));
+          this.popupMsgList.push(data['msg']['notice'].replaceAll('，', ','));
         }
       } catch (e) {
         console.warn(e);
@@ -294,26 +315,19 @@ export default {
         res['Data']['Item'].forEach(item => {
           if (item['Key'] == 'HospitalLogo') {
             this.logoUrl = item['Value']
-            
+
           }
-          if(item['Key'] == "CorporateLogo") {
+          if (item['Key'] == "CorporateLogo") {
             this.logoUrlBackup = item['Value']
           }
+          if (item['Key'] == "RoomName") {
+            this.roomNameList = JSON.parse(item['Value'])
+          }
         })
-
+        this.onInitData()
       })
-    }
-  },
-  mounted() {
-    this.$nextTick(() => {
-      this.onCalculate();
-      this.onGetblobe();
-
-      // 每秒更新一次当前时间
-      this.dateTimer = setInterval(() => {
-        this.currentDateTime = dayjs().format('YYYY-MM-DD HH:mm dddd');
-      }, 10000);
-
+    },
+    onInitData() {
       getDynamicTableHeader({
         query: 'JSDHQDP',
       }).then(res => {
@@ -331,13 +345,19 @@ export default {
         }, 2000);
         window.addEventListener('resize', this.onCalculate);
         this.setRabitMQ();
-
-        // setTimeout(() => {
-        //   this.popupMsgList.push('请,金尧仙,的家属#到,手术室门口接病人');
-        //   this.popupMsgList.push('请,金尧仙,的家属#到,手术室门口接病人');
-        //   this.popupMsgList.push('请,金尧仙,的家属#到,手术室门口接病人');
-        // }, 3000);
       });
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.onCalculate();
+      this.onGetblobe();
+      // 每秒更新一次当前时间
+      this.dateTimer = setInterval(() => {
+        this.currentDateTime = dayjs().format('YYYY-MM-DD HH:mm dddd');
+      }, 10000);
+
+
     });
   },
   components: {
@@ -372,6 +392,16 @@ export default {
       return this.currentDateTime.split(' ')[1];
     },
   },
+  watch: {
+    '$route.params.groupIndex'(newVal) {
+      if (newVal) {
+        this.groupIndex = newVal;
+      } else {
+        this.groupIndex = -1;
+      }
+      this.onInitData();
+    }
+  },
   beforeDestroy() {
     // 清除定时器
     clearInterval(this.dateTimer);