From 0e13426235b2607f3adad089e897acc45aee575b Mon Sep 17 00:00:00 2001
From: ysn <2126564605@qq.com>
Date: Fri, 5 Jun 2026 17:59:04 +0800
Subject: [PATCH] =?UTF-8?q?=E6=88=BF=E9=97=B4=E5=8F=B7=E7=94=9F=E6=88=90?=
 =?UTF-8?q?=E9=80=BB=E8=BE=91=E6=98=AFmeetingType=20=E6=95=B0=E5=AD=97?=
 =?UTF-8?q?=E8=BD=AC=E5=AD=97=E7=AC=A6=E4=B8=B2=20id=20=E8=A1=A5=E9=BD=903?=
 =?UTF-8?q?=20=E4=BD=8D=E3=80=81=E5=89=8D=E9=9D=A2=E8=A1=A5=200=EF=BC=8C?=
 =?UTF-8?q?=E4=BE=8B=EF=BC=9A5=20=E2=86=92=20'005'=E3=80=8112=20=E2=86=92?=
 =?UTF-8?q?=20'012'=E3=80=81123=E2=86=92'123'=20=E6=8B=BC=E6=8E=A5?=
 =?UTF-8?q?=EF=BC=9AmeetingType=20+=203=E4=BD=8D=E8=A1=A5=E9=9B=B6id=20+?=
 =?UTF-8?q?=20=E5=85=A8=E5=B1=80MEETING=5FPREFIX=E5=89=8D=E7=BC=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/videoCommunication/index.vue        |  26 +++-
 .../videoCommunication/qualityControl.vue     | 123 ++++++++++++------
 2 files changed, 107 insertions(+), 42 deletions(-)

diff --git a/src/views/videoCommunication/index.vue b/src/views/videoCommunication/index.vue
index 6d78c06..e19e2d8 100644
--- a/src/views/videoCommunication/index.vue
+++ b/src/views/videoCommunication/index.vue
@@ -179,7 +179,7 @@ import {
   getConsultationList,
   getConsultationMeetingInfo,
 } from "@/api/videoCommunication";
-
+import { mapGetters } from "vuex";
 export default {
   name: "VideoPage",
   data() {
@@ -198,6 +198,7 @@ export default {
           color: "blue",
           routeName: "RealTimeConsultation",
           routePath: "/videoCommunication/realTimeConsultation",
+          type: 1,
         },
         {
           title: "带教培训",
@@ -205,6 +206,7 @@ export default {
           color: "yellow",
           routeName: "Training",
           routePath: "/videoCommunication/training",
+          type: 9,
         },
         {
           title: "在线质控",
@@ -212,6 +214,7 @@ export default {
           color: "grayblue",
           routeName: "QualityControl",
           routePath: "/videoCommunication/qualityControl",
+          type: 6,
         },
         {
           title: "病例研讨",
@@ -219,6 +222,7 @@ export default {
           color: "greenblue",
           routeName: "CaseStudy",
           routePath: "/videoCommunication/caseStudy",
+          type: 3,
         },
       ],
       list: [],
@@ -226,6 +230,9 @@ export default {
       meetingDetail: {},
     };
   },
+  computed: {
+    ...mapGetters(["userInfo", "config"]),
+  },
   mounted() {
     this.getList();
   },
@@ -271,12 +278,23 @@ export default {
           this.loading = false;
         });
     },
-
+    generateRoomId(meetingType, id) {
+      // 1. id固定3位，不足左侧补0
+      const idStr = String(id).padStart(3, "0");
+      // 拼接 = 会议类型 + 3位id + 前缀
+      const roomId = meetingType + idStr + this.config.MEETING_PREFIX;
+      return roomId;
+    },
     // 处理会议模式点击
     handleModeClick(mode) {
-      this.$router.push({ name: mode.routeName });
+      this.$router.push({
+        name: mode.routeName,
+        query: {
+          name: this.userInfo.group,
+          roomId_id: this.generateRoomId(mode.type, this.userInfo.id),
+        },
+      });
     },
-
     // 会议记录列表
     getList() {
       this.loading = true;
diff --git a/src/views/videoCommunication/qualityControl.vue b/src/views/videoCommunication/qualityControl.vue
index 60999c8..1b491b4 100644
--- a/src/views/videoCommunication/qualityControl.vue
+++ b/src/views/videoCommunication/qualityControl.vue
@@ -1,6 +1,5 @@
 <template>
   <div class="meeting-container">
-    <!-- 顶部导航栏 -->
     <header class="top-bar">
       <div class="logo">
         <img src="@/assets/logo/logo.png" />
@@ -12,19 +11,15 @@
         <i class="el-icon-close" @click="closeWindow"></i>
       </div>
     </header>
-    <!-- 主画面区域：2x2网格布局 -->
     <main class="main-content">
       <div class="video-grid" v-for="(item, index) in list" :key="index">
         <div class="video-box">
-          <!-- 空状态：加号靠右垂直居中 -->
           <div v-if="!item.user || !item.user.id" class="empty-state">
             <button class="add-user-btn" @click="handleUpdate(index)">
               <i class="el-icon-plus"></i>
             </button>
           </div>
-          <!-- 有用户时显示内容 -->
           <div v-else class="user-state">
-            <!-- 单元格顶部行：左音量、中姓名、右取消质控 -->
             <div class="cell-top-bar">
               <div class="signal-icon">
                 <i
@@ -39,18 +34,28 @@
                 取消质控
               </div>
             </div>
-            <!-- 中间横向：头像 + 名字 + 离线按钮 -->
-            <div class="user-info">
-              <img
-                v-if="item.user.avatar"
-                :src="getAvatarUrl(item.user.avatar)"
-                class="user-avatar"
-              />
-              <div v-else class="default-avatar">
-                {{ item.user.name.charAt(0) || "?" }}
+            <div class="video-area">
+              <div class="video-placeholder">
+                <img
+                  v-if="item.user.avatar"
+                  :src="getAvatarUrl(item.user.avatar)"
+                  class="user-avatar"
+                />
+                <div v-else class="default-avatar">
+                  {{ item.user.name.charAt(0) || "?" }}
+                </div>
+              </div>
+              <div class="user-info-overlay">
+                <span class="user-name">{{ item.user.name }}</span>
+                <span
+                  :class="[
+                    'status-tag',
+                    item.user.online === 1 ? 'online' : 'offline',
+                  ]"
+                >
+                  {{ item.user.online === 1 ? "在线" : "离线" }}
+                </span>
               </div>
-              <span class="user-name">{{ item.user.name }}</span>
-              <span class="offline-tag">离线</span>
             </div>
           </div>
         </div>
@@ -117,8 +122,8 @@ export default {
         { signalLevel: 2, user: {} },
       ],
       queryParams: {
-        name: "测试部门的云质控",
-        room_id: "6689110",
+        name: "",
+        room_id: "",
       },
       index: 0,
       form: {},
@@ -135,6 +140,8 @@ export default {
     };
   },
   mounted() {
+    this.queryParams.room_id = this.$route.query.roomId_id;
+    this.queryParams.name = this.$route.query.name + "的云质控";
     this.$store.dispatch("app/toggleSideBarHide", true);
     this.$store.dispatch("settings/changeSetting", {
       key: "fixedHeader",
@@ -147,6 +154,17 @@ export default {
     this.getList();
     // this.initRTC();
   },
+  beforeDestroy() {
+    this.$store.dispatch("app/toggleSideBarHide", false);
+    this.$store.dispatch("settings/changeSetting", {
+      key: "fixedHeader",
+      value: true,
+    });
+    this.$store.dispatch("settings/changeSetting", {
+      key: "tagsView",
+      value: true,
+    });
+  },
   // beforeUnmount() {
   //   this.leaveRoom();
   //   this.unbindEvent();
@@ -538,38 +556,67 @@ export default {
             }
           }
 
-          .user-info {
+          .video-area {
             height: calc(100% - 45px);
+            position: relative;
             display: flex;
             align-items: center;
             justify-content: center;
-            gap: 16px;
 
-            .user-avatar {
-              width: 90px;
-              height: 90px;
+            .video-placeholder {
+              width: 120px;
+              height: 120px;
               border-radius: 14px;
-              object-fit: cover;
-            }
-
-            .default-avatar {
-              width: 90px;
-              height: 90px;
+              overflow: hidden;
+              background: #00695c;
               display: flex;
               align-items: center;
               justify-content: center;
-              font-size: 26px;
-            }
 
-            .user-name {
-              font-size: 18px;
+              .user-avatar {
+                width: 100%;
+                height: 100%;
+                object-fit: cover;
+              }
+
+              .default-avatar {
+                font-size: 36px;
+                color: #fff;
+              }
             }
 
-            .offline-tag {
-              background: #00897b;
-              padding: 8px 22px;
-              border-radius: 6px;
-              font-size: 16px;
+            .user-info-overlay {
+              position: absolute;
+              bottom: 15px;
+              left: 50%;
+              transform: translateX(-50%);
+              display: flex;
+              align-items: center;
+              gap: 12px;
+              background: rgba(0, 0, 0, 0.6);
+              padding: 8px 16px;
+              border-radius: 20px;
+
+              .user-name {
+                font-size: 16px;
+                color: #fff;
+              }
+
+              .status-tag {
+                padding: 4px 10px;
+                border-radius: 10px;
+                font-size: 12px;
+
+                &.online {
+                  background: #4cd964;
+                  color: #000;
+                }
+
+                &.offline {
+                  background: #546e7a;
+                  color: #fff;
+                }
+              }
             }
           }
         }