From 620ef2fce98c7ca768cc6b2d2a320e0824eced4c Mon Sep 17 00:00:00 2001
From: "SWX\\10484" <1048449493@qq.com>
Date: Tue, 9 Jun 2026 19:41:19 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=9A=E8=AE=AE=E5=BC=80=E5=8F=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/videoCommunication.js                 |  24 +
 .../ConsultationCaseStatsDialog.vue           | 277 ++++++++
 .../realTimeConsultation.vue                  | 635 +++++++++---------
 3 files changed, 613 insertions(+), 323 deletions(-)
 create mode 100644 src/views/videoCommunication/components/ConsultationCaseStatsDialog.vue

diff --git a/src/api/videoCommunication.js b/src/api/videoCommunication.js
index bd19b64..56bdf0a 100644
--- a/src/api/videoCommunication.js
+++ b/src/api/videoCommunication.js
@@ -1,4 +1,12 @@
 import request from '@/utils/request'
+// 视讯-创建房间
+export function postConsultationCreate(data) {
+  return request({
+    url: '/consultation/create',
+    method: 'post',
+    data
+  })
+}
 // 视讯-加入会议
 export function postConsultationInfo(data) {
   return request({
@@ -7,6 +15,22 @@ export function postConsultationInfo(data) {
     data
   })
 }
+// 视讯-结束会议
+export function postConsultationStop(data) {
+  return request({
+    url: '/consultation/stop',
+    method: 'post',
+    data
+  })
+}
+// 视讯-会议结果提交
+export function postConsultationPatients(data) {
+  return request({
+    url: '/consultation/patients',
+    method: 'post',
+    data
+  })
+}
 // 在线质控-创建质控{"avatar":"","init_users":[],"invite_code":"1234","name":"","room_id":"6688110"}
 export function postQualityCreate(data) {
   return request({
diff --git a/src/views/videoCommunication/components/ConsultationCaseStatsDialog.vue b/src/views/videoCommunication/components/ConsultationCaseStatsDialog.vue
new file mode 100644
index 0000000..eee63d9
--- /dev/null
+++ b/src/views/videoCommunication/components/ConsultationCaseStatsDialog.vue
@@ -0,0 +1,277 @@
+<template>
+  <el-dialog
+    :visible.sync="visible"
+    title="会诊病例数统计"
+    width="420px"
+    :show-close="false"
+    :close-on-click-modal="false"
+    append-to-body
+    custom-class="stats-case-dialog"
+  >
+    <div class="stats-form">
+      <div class="stats-row">
+        <div class="stats-label">总病例数</div>
+        <el-input
+          v-model.number="form.total_patients"
+          type="number"
+          min="0"
+          class="stats-input"
+        />
+        <span class="stats-unit">人</span>
+      </div>
+      <div class="stats-row">
+        <div class="stats-label">阳性病例数</div>
+        <el-input
+          v-model.number="form.positive_patients"
+          type="number"
+          min="0"
+          class="stats-input"
+        />
+        <span class="stats-unit">人</span>
+      </div>
+      <div class="stats-row">
+        <div class="stats-label">转诊病例数</div>
+        <el-input
+          v-model.number="form.transfer_patients"
+          type="number"
+          min="0"
+          class="stats-input"
+        />
+        <span class="stats-unit">人</span>
+      </div>
+    </div>
+
+    <div slot="footer" class="dialog-footer">
+      <el-button
+        :class="isFormValid ? 'btn-confirm-valid' : 'btn-confirm-disabled'"
+        :disabled="!isFormValid"
+        @click="handleConfirm"
+      >确定</el-button>
+      <el-button class="btn-close" @click="handleClose">关闭</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import Vue from 'vue';
+import { postConsultationPatients } from '@/api/videoCommunication';
+
+const ConsultationCaseStatsDialog = {
+  name: 'ConsultationCaseStatsDialog',
+  data() {
+    return {
+      visible: false,
+      consultation_id: null,
+      submitting: false, // 提交中防重复点击
+      form: {
+        total_patients: 0,
+        positive_patients: 0,
+        transfer_patients: 0,
+      },
+    };
+  },
+  computed: {
+    // 总病例数 >= 阳性 + 转诊 时表单才有效
+    isFormValid() {
+      const { total_patients, positive_patients, transfer_patients } = this.form;
+      return total_patients >= positive_patients + transfer_patients;
+    },
+  },
+  methods: {
+    show(consultationId) {
+      this.consultation_id = consultationId;
+      this.form = {
+        total_patients: 0,
+        positive_patients: 0,
+        transfer_patients: 0,
+      };
+      this.visible = true;
+    },
+    async handleConfirm() {
+      if (!this.isFormValid || this.submitting) return;
+      this.submitting = true;
+      try {
+        await postConsultationPatients({
+          consultation_id: this.consultation_id,
+          total_patients: this.form.total_patients,
+          positive_patients: this.form.positive_patients,
+          transfer_patients: this.form.transfer_patients,
+        });
+        this.$message?.success('提交成功');
+        this.$emit('confirm', { ...this.form });
+        this.visible = false;
+      } catch (e) {
+        this.$message?.error('提交失败');
+      } finally {
+        this.submitting = false;
+      }
+    },
+    handleClose() {
+      this.visible = false;
+      this.$emit('close');
+    },
+  },
+};
+
+// 编程式打开弹窗（组件实例独立于调用方生命周期，路由跳转后仍存活）
+ConsultationCaseStatsDialog.open = function (consultationId) {
+  const DialogCtor = Vue.extend(ConsultationCaseStatsDialog);
+  const instance = new DialogCtor().$mount();
+  document.body.appendChild(instance.$el);
+  instance.$nextTick(() => {
+    instance.show(consultationId);
+  });
+
+  const cleanup = () => {
+    setTimeout(() => {
+      if (instance.$el && instance.$el.parentNode) {
+        instance.$el.parentNode.removeChild(instance.$el);
+      }
+      instance.$destroy();
+    }, 500);
+  };
+
+  // 接管按钮事件，关闭时自动清理 DOM 和实例
+  const origConfirm = instance.handleConfirm;
+  const origClose = instance.handleClose;
+  instance.handleConfirm = function () {
+    origConfirm.call(this);
+    cleanup();
+  };
+  instance.handleClose = function () {
+    origClose.call(this);
+    cleanup();
+  };
+
+  return instance;
+};
+
+export default ConsultationCaseStatsDialog;
+</script>
+
+<style lang="scss">
+.stats-case-dialog {
+  .el-dialog__header {
+    padding: 20px 20px 10px;
+    border-bottom: none;
+  }
+
+  .el-dialog__title {
+    display: flex;
+    align-items: center;
+    font-size: 16px;
+    font-weight: 500;
+    color: #333;
+    line-height: 1;
+
+    &::before {
+      content: '';
+      display: inline-block;
+      width: 3px;
+      height: 16px;
+      background-color: #009688;
+      border-radius: 2px;
+      margin-right: 8px;
+    }
+  }
+
+  .el-dialog__body {
+    padding: 10px 30px 20px;
+  }
+
+  .el-dialog__footer {
+    padding: 10px 20px 20px;
+    border-top: none;
+    text-align: center;
+  }
+
+  .stats-form {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+  }
+
+  .stats-row {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+  }
+
+  .stats-label {
+    width: 84px;
+    height: 36px;
+    line-height: 36px;
+    text-align: center;
+    background-color: #009688;
+    color: #fff;
+    font-size: 14px;
+    border-radius: 4px;
+    flex-shrink: 0;
+  }
+
+  .stats-input {
+    flex: 1;
+
+    .el-input__inner {
+      height: 36px;
+      line-height: 36px;
+      border-radius: 4px;
+      border-color: #009688;
+      text-align: left;
+      padding-left: 12px;
+
+      &:focus {
+        border-color: #009688;
+      }
+    }
+  }
+
+  .stats-unit {
+    width: 20px;
+    font-size: 14px;
+    color: #333;
+    flex-shrink: 0;
+  }
+
+  .dialog-footer {
+    display: flex;
+    justify-content: center;
+    gap: 20px;
+
+    .btn-confirm-disabled {
+      width: 90px;
+      height: 36px;
+      background-color: #ccc;
+      border-color: #ccc;
+      color: #fff;
+      cursor: not-allowed;
+    }
+
+    .btn-confirm-valid {
+      width: 90px;
+      height: 36px;
+      background-color: #009688;
+      border-color: #009688;
+      color: #fff;
+
+      &:hover {
+        background-color: #00897b;
+        border-color: #00897b;
+      }
+    }
+
+    .btn-close {
+      width: 90px;
+      height: 36px;
+      background-color: #009688;
+      border-color: #009688;
+      color: #fff;
+
+      &:hover {
+        background-color: #00897b;
+        border-color: #00897b;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/videoCommunication/realTimeConsultation.vue b/src/views/videoCommunication/realTimeConsultation.vue
index 21e57b0..9bd4d82 100644
--- a/src/views/videoCommunication/realTimeConsultation.vue
+++ b/src/views/videoCommunication/realTimeConsultation.vue
@@ -29,74 +29,38 @@
         网络：{{ networkQuality.text }}
       </span>
       <span class="divider" v-if="isRecording">|</span>
-      <span class="status-item" v-if="isRecording">
-        录制中 {{ recordingTime }}
-      </span>
+      <span class="status-item" v-if="isRecording"> 录制中 {{ recordingTime }} </span>
       <span class="divider" v-if="timerRunning">|</span>
-      <span class="status-item" v-if="timerRunning">
-        计时中{{ timerDisplay }}
-      </span>
+      <span class="status-item" v-if="timerRunning"> 计时中{{ timerDisplay }} </span>
     </div>
 
     <!-- 主画面区域：左侧共享画面 + 右侧摄像头 -->
     <main class="main-content">
       <!-- 左侧主画面容器 -->
-      <div
-        class="video-stage"
-        ref="videoContainer"
-        @mousemove="handleMouseMove"
-      >
+      <div class="video-stage" ref="videoContainer" @mousemove="handleMouseMove">
         <!-- 激光笔画布 -->
-        <canvas
-          v-show="isLaserMode"
-          ref="laserCanvas"
-          class="laser-canvas"
-        ></canvas>
+        <canvas v-show="isLaserMode" ref="laserCanvas" class="laser-canvas"></canvas>
         <!-- 画笔标注画布 -->
-        <canvas
-          v-show="isDrawingMode"
-          ref="drawingCanvas"
-          class="drawing-canvas"
-          @mousedown="startDrawing"
-          @mousemove="draw"
-          @mouseup="stopDrawing"
-          @mouseleave="stopDrawing"
-        ></canvas>
+        <canvas v-show="isDrawingMode" ref="drawingCanvas" class="drawing-canvas" @mousedown="startDrawing"
+          @mousemove="draw" @mouseup="stopDrawing" @mouseleave="stopDrawing"></canvas>
         <!-- 共享/采集卡画面 -->
-        <video
-          v-if="isSharing"
-          ref="shareVideo"
-          class="share-preview"
-          autoplay
-          playsinline
-          :muted="false"
-        ></video>
+        <video v-if="isSharing" ref="shareVideo" class="share-preview" autoplay playsinline :muted="false"></video>
       </div>
 
       <!-- 右侧本地摄像头 + 说话音量条 -->
       <aside class="sidebar">
         <div class="remote-video-box">
           <div class="video-area">
-            <video
-              ref="localVideo"
-              class="local-camera"
-              autoplay
-              muted
-              playsinline
-            />
+            <video ref="localVideo" class="local-camera" autoplay muted playsinline
+              :title="isLocalCameraShared ? '双击取消画面' : '双击将画面切换到采集卡窗口'" @dblclick="switchLocalCameraToShare" />
             <!-- 说话音量波形 -->
             <div class="voice-bar-container" v-if="micOn">
-              <div
-                class="voice-bar"
-                v-for="(i, index) in 12"
-                :key="index"
-                :style="{ height: `${voiceLevels[index] || 1}px` }"
-              />
+              <div class="voice-bar" v-for="(i, index) in 12" :key="index"
+                :style="{ height: `${voiceLevels[index] || 1}px` }" />
             </div>
             <div class="video-controls">
               <div class="signal-bars">
-                <span></span><span></span><span></span><span></span
-                ><span></span>
+                <span></span><span></span><span></span><span></span><span></span>
               </div>
               <div class="volume-icon">
                 <i class="el-icon-phone-outline"></i>
@@ -127,27 +91,15 @@
           </div>
           <span>摄像头</span>
         </div>
-        <div
-          class="tool-item"
-          @click="toggleShare"
-          :class="{ active: isSharing }"
-        >
+        <div class="tool-item" @click="toggleShare" :class="{ active: isSharing }">
           <i class="el-icon-share"></i>
-          <span>{{ isSharing ? "停止共享" : "共享" }}</span>
+          <span>{{ isSharing ? '停止共享' : '共享' }}</span>
         </div>
-        <div
-          class="tool-item"
-          :class="{ active: isDrawingMode }"
-          @click="toggleDraw"
-        >
+        <div class="tool-item" :class="{ active: isDrawingMode }" @click="toggleDraw">
           <i class="el-icon-edit"></i>
           <span>画笔</span>
         </div>
-        <div
-          class="tool-item"
-          :class="{ active: isLaserMode }"
-          @click="toggleLaser"
-        >
+        <div class="tool-item" :class="{ active: isLaserMode }" @click="toggleLaser">
           <i class="el-icon-aim"></i>
           <span>激光笔</span>
         </div>
@@ -156,11 +108,8 @@
           <span>邀请</span>
         </div>
         <div class="tool-item" @click="toggleRecord">
-          <i
-            class="el-icon-video-play"
-            :class="{ 'is-recording': isRecording }"
-          ></i>
-          <span>{{ isRecording ? "停止" : "录制" }}</span>
+          <i class="el-icon-video-play" :class="{ 'is-recording': isRecording }"></i>
+          <span>{{ isRecording ? '停止' : '录制' }}</span>
         </div>
         <div class="tool-item" @click="takeScreenshot">
           <i class="el-icon-camera"></i>
@@ -168,7 +117,7 @@
         </div>
         <div class="tool-item" @click="toggleTimer">
           <i class="el-icon-timer"></i>
-          <span>{{ timerRunning ? "暂停" : "计时器" }}</span>
+          <span>{{ timerRunning ? '暂停' : '计时器' }}</span>
         </div>
         <div class="tool-item" @click="openSettingDialog">
           <i class="el-icon-setting"></i>
@@ -186,29 +135,17 @@
     </footer>
 
     <!-- 邀请弹窗 -->
-    <CreateGroupDialog
-      :visible.sync="inviteDialogVisible"
-      title="通讯录邀请"
-      @confirm="handleInviteConfirm"
-      @close="inviteDialogVisible = false"
-    />
+    <CreateGroupDialog ref="CreateGroupDialogRef" :visible.sync="inviteDialogVisible" title="通讯录邀请"
+      @confirm="handleInviteConfirm" @close="inviteDialogVisible = false" />
 
     <!-- 设置弹窗 -->
-    <el-dialog
-      title="设置"
-      :visible.sync="settingDialogVisible"
-      width="31%"
-      @open="onSettingDialogOpen"
-      :show-close="false"
-    >
+    <el-dialog title="设置" :visible.sync="settingDialogVisible" width="31%" @open="onSettingDialogOpen"
+      :show-close="false">
       <el-tabs v-model="settingTab" tab-position="left">
         <el-tab-pane label="通用" name="general">
           <el-form :model="tempSetting" label-width="140px">
             <el-form-item label="会诊名称">
-              <el-input
-                v-model="tempSetting.meetingTitle"
-                style="width: 240px"
-              ></el-input>
+              <el-input v-model="tempSetting.meetingTitle" style="width: 240px"></el-input>
             </el-form-item>
           </el-form>
         </el-tab-pane>
@@ -216,27 +153,15 @@
           <el-form :model="tempSetting" label-width="140px">
             <el-form-item label="摄像头/工作站">
               <el-select v-model="tempSetting.cameraId" style="width: 100%">
-                <el-option
-                  v-for="item in videoDeviceList"
-                  :key="item.deviceId"
-                  :label="item.label"
-                  :value="item.deviceId"
-                ></el-option>
+                <el-option v-for="item in videoDeviceList" :key="item.deviceId" :label="item.label"
+                  :value="item.deviceId"></el-option>
               </el-select>
             </el-form-item>
             <el-form-item label="绿联采集卡">
-              <el-select
-                v-model="tempSetting.captureCard"
-                style="width: 100%"
-                @change="switchCaptureCard"
-              >
+              <el-select v-model="tempSetting.captureCard" style="width: 100%" @change="switchCaptureCard">
                 <el-option label="不使用采集卡" value=""></el-option>
-                <el-option
-                  v-for="item in videoDeviceList"
-                  :key="item.deviceId"
-                  :label="item.label"
-                  :value="item.deviceId"
-                ></el-option>
+                <el-option v-for="item in videoDeviceList" :key="item.deviceId" :label="item.label"
+                  :value="item.deviceId"></el-option>
               </el-select>
             </el-form-item>
             <el-form-item label="网络调控策略">
@@ -282,22 +207,14 @@
           <el-form :model="tempSetting" label-width="140px">
             <el-form-item label="麦克风">
               <el-select v-model="tempSetting.micId" style="width: 100%">
-                <el-option
-                  v-for="item in audioInList"
-                  :key="item.deviceId"
-                  :label="item.label"
-                  :value="item.deviceId"
-                />
+                <el-option v-for="item in audioInList" :key="item.deviceId" :label="item.label"
+                  :value="item.deviceId" />
               </el-select>
             </el-form-item>
             <el-form-item label="扬声器">
               <el-select v-model="tempSetting.speakerId" style="width: 100%">
-                <el-option
-                  v-for="item in audioOutList"
-                  :key="item.deviceId"
-                  :label="item.label"
-                  :value="item.deviceId"
-                />
+                <el-option v-for="item in audioOutList" :key="item.deviceId" :label="item.label"
+                  :value="item.deviceId" />
               </el-select>
             </el-form-item>
           </el-form>
@@ -308,9 +225,7 @@
               <el-color-picker v-model="tempSetting.brushColor" />
             </el-form-item>
             <el-form-item label="">
-              <el-checkbox v-model="tempSetting.syncColor"
-                >同步标记颜色</el-checkbox
-              >
+              <el-checkbox v-model="tempSetting.syncColor">同步标记颜色</el-checkbox>
             </el-form-item>
             <el-form-item label="画笔类型">
               <el-radio-group v-model="tempSetting.brushType">
@@ -340,11 +255,16 @@
 </template>
 
 <script>
-import CaseFormDialog from "@/views/cases/components/CaseFormDialog";
-import CreateGroupDialog from "@/views/message/components/CreateGroupDialog";
-
+import CaseFormDialog from '@/views/cases/components/CaseFormDialog';
+import CreateGroupDialog from '@/views/message/components/CreateGroupDialog';
+import ConsultationCaseStatsDialog from './components/ConsultationCaseStatsDialog';
+import {
+  postConsultationCreate,
+  postConsultationInfo,
+  postConsultationStop
+} from "@/api/videoCommunication";
 export default {
-  name: "MeetingRoom",
+  name: 'MeetingRoom',
   components: {
     CaseFormDialog,
     CreateGroupDialog,
@@ -352,14 +272,15 @@ export default {
   data() {
     return {
       // ==================== 会议基础信息 ====================
-      meetingTitle: "测试部门的云诊室",
-      meetingCode: "1687110",
+      meetingTitle: '测试部门的云诊室',
+      meetingCode: '1687110',
       participantCount: 1,
-      resolution: "1080P",
+      resolution: '1080P',
       frameRate: 25,
       networkDelay: 0,
-      currentTime: "",
-      networkQuality: { text: "良好", color: "#00e676" },
+      currentTime: '',
+      networkQuality: { text: '良好', color: '#00e676' },
+      consultation_id: null,
 
       // ==================== 计时器 ====================
       timer: 0,
@@ -371,7 +292,7 @@ export default {
       recordedChunks: [],
       mediaRecorder: null,
       recordingStartTime: null,
-      recordingTime: "00:00:00",
+      recordingTime: '00:00:00',
       recordingTimer: null,
 
       // ==================== 音视频设备 ====================
@@ -392,7 +313,7 @@ export default {
       drawing: false,
       lastX: 0,
       lastY: 0,
-      brushColor: "#FF69B4",
+      brushColor: '#FF69B4',
       brushLineWidth: 3,
       brushLineDash: [5, 5],
       ctx: null,
@@ -411,30 +332,31 @@ export default {
       isSharing: false,
       shareStream: null,
       captureCheckTimer: null,
+      isLocalCameraShared: false, // 双击本地摄像头切换到采集卡窗口的状态
 
       // ==================== 设置模块 ====================
       settingDialogVisible: false,
-      settingTab: "general",
+      settingTab: 'general',
       videoDeviceList: [],
       audioInList: [],
       audioOutList: [],
       tempSetting: {},
       globalSetting: {
-        meetingTitle: "测试部门的云诊室",
-        cameraId: "",
-        micId: "",
-        speakerId: "",
-        resolution: "480P",
-        netStrategy: "smooth",
-        brushColor: "#FF69B4",
+        meetingTitle: '测试部门的云诊室',
+        cameraId: '',
+        micId: '',
+        speakerId: '',
+        resolution: '480P',
+        netStrategy: 'smooth',
+        brushColor: '#FF69B4',
         brushWidth: 3,
-        screenshotKey: "Ctrl+1",
-        captureCard: "",
-        captureRes: "1080P",
-        captureFps: "30",
-        captureBitrate: "",
+        screenshotKey: 'Ctrl+1',
+        captureCard: '',
+        captureRes: '1080P',
+        captureFps: '30',
+        captureBitrate: '',
         videoMirror: false,
-        brushType: "dashed",
+        brushType: 'dashed',
         syncColor: true,
       },
 
@@ -444,8 +366,8 @@ export default {
       markCtx: null,
       markImg: null,
       markDrawing: false,
-      markToolType: "pen",
-      markColor: "#ff0000",
+      markToolType: 'pen',
+      markColor: '#ff0000',
       markLineWidth: 3,
       textInput: null,
       fullPageCaptureOverlay: null,
@@ -460,29 +382,48 @@ export default {
     timerDisplay() {
       const h = Math.floor(this.timer / 3600)
         .toString()
-        .padStart(2, "0");
+        .padStart(2, '0');
       const m = Math.floor((this.timer % 3600) / 60)
         .toString()
-        .padStart(2, "0");
-      const s = (this.timer % 60).toString().padStart(2, "0");
+        .padStart(2, '0');
+      const s = (this.timer % 60).toString().padStart(2, '0');
       return `${h}:${m}:${s}`;
     },
   },
   mounted() {
     this.initPage();
     this.initSDK();
+    if (this.$route.query.roomId_id) this.creatRoom()
+
   },
   methods: {
+    async creatRoom() {
+      try {
+        const res = await postConsultationCreate({
+          avatar: '',
+          init_users: [],
+          invite_code: '1234',
+          name: '',
+          room_id: this.$route.query.roomId_id
+        })
+        console.log(res)
+        this.consultation_id = res.data.consultation_id
+        await postConsultationInfo({
+          consultation_id: res.data.consultation_id,
+          from_history: 0,
+          room_id: ''
+        })
+      } catch (error) {
+
+      }
+    },
     // 新增病例
     handleAddCase() {
       this.$refs.caseFormDialogRef.handleAdd();
     },
     // 查看按钮操作
     handleView(row) {
-      this.$tab.openPage(
-        row.patient_name + "-" + row.id,
-        "/cases/detail/" + row.id
-      );
+      this.$tab.openPage(row.patient_name + '-' + row.id, '/cases/detail/' + row.id);
     },
     // ==================== 【1】初始化 ====================
     // 页面初始化
@@ -492,20 +433,20 @@ export default {
       setInterval(this.updateClock, 1000);
       this.initCanvas();
       this.initLaserCanvas();
-      window.addEventListener("resize", this.initCanvas);
-      window.addEventListener("resize", this.initLaserCanvas);
+      window.addEventListener('resize', this.initCanvas);
+      window.addEventListener('resize', this.initLaserCanvas);
       this.openCameraAndMic();
       this.fetchMeetingInfo();
       this.startNetworkMonitoring();
-      window.addEventListener("keydown", this.handleKeydown);
+      window.addEventListener('keydown', this.handleKeydown);
       // 隐藏侧边栏、调整布局
-      this.$store.dispatch("app/toggleSideBarHide", true);
-      this.$store.dispatch("settings/changeSetting", {
-        key: "fixedHeader",
+      this.$store.dispatch('app/toggleSideBarHide', true);
+      this.$store.dispatch('settings/changeSetting', {
+        key: 'fixedHeader',
         value: false,
       });
-      this.$store.dispatch("settings/changeSetting", {
-        key: "tagsView",
+      this.$store.dispatch('settings/changeSetting', {
+        key: 'tagsView',
         value: false,
       });
     },
@@ -513,8 +454,9 @@ export default {
     // SDK 初始化加入房间
     initSDK() {
       window.hirtcwebsdk.init({
-        serviceID: "90f4d5a954ab449e9b6ac92",
-        serviceKey: "2c17c6393771ee3048ae30d6b380c5ec",
+        serviceID: '56da5fd8921f4f7093a42e2a',
+        serviceKey: '2c17c6393771ee3048ae34d6b965sdew',
+        BasicRoomServiceToken: "https://brs-hirtc.hismarttv.com/v1/auth/token",
         cameraLayers: [
           {
             width: 320,
@@ -544,20 +486,17 @@ export default {
         screenEnableAudio: true,
       });
 
-      const roomId = "room_" + (this.meetingCode || "default");
+      const roomId = 'room_' + (this.meetingCode || 'default');
       const uid = String(this.$store.state.user.id || Date.now());
-      const uName = (this.$store.state.user.name || "用户").trim();
-
-      window.hirtcwebsdk.join(roomId, uid, uName);
-      window.hirtcwebsdk.addListener("joined", () => {
-        this.$message.success("加入会议成功");
+      const uName = (this.$store.state.user.name || '用户').trim();
+      console.log(roomId, uid, uName)
+      window.hirtcwebsdk.join('1006110', uid, uName);
+      window.hirtcwebsdk.addListener('joined', () => {
+        this.$message.success('加入会议成功');
         this.updateParticipantCount();
       });
-      window.hirtcwebsdk.addListener(
-        "user-joined",
-        this.updateParticipantCount
-      );
-      window.hirtcwebsdk.addListener("user-left", this.updateParticipantCount);
+      window.hirtcwebsdk.addListener('user-joined', this.updateParticipantCount);
+      window.hirtcwebsdk.addListener('user-left', this.updateParticipantCount);
     },
 
     // ==================== 【2】设备：摄像头 + 麦克风 ====================
@@ -572,8 +511,8 @@ export default {
         this.$refs.localVideo.srcObject = stream;
         this.startVoiceMonitor();
       } catch (err) {
-        console.error("打开设备失败", err);
-        this.$message.error("请允许摄像头/麦克风权限");
+        console.error('打开设备失败', err);
+        this.$message.error('请允许摄像头/麦克风权限');
       }
     },
 
@@ -581,36 +520,25 @@ export default {
     toggleMic() {
       if (!this.localStream) return;
       this.micOn = !this.micOn;
-      this.localStream
-        .getAudioTracks()
-        .forEach((t) => (t.enabled = this.micOn));
-      this.$message[this.micOn ? "success" : "warning"](
-        this.micOn ? "麦克风已打开" : "已关闭"
-      );
+      this.localStream.getAudioTracks().forEach(t => (t.enabled = this.micOn));
+      this.$message[this.micOn ? 'success' : 'warning'](this.micOn ? '麦克风已打开' : '已关闭');
     },
 
     // 摄像头开关
     toggleCam() {
       if (!this.localStream) return;
       this.camOn = !this.camOn;
-      this.localStream
-        .getVideoTracks()
-        .forEach((t) => (t.enabled = this.camOn));
-      this.$message[this.camOn ? "success" : "warning"](
-        this.camOn ? "摄像头已打开" : "已关闭"
-      );
+      this.localStream.getVideoTracks().forEach(t => (t.enabled = this.camOn));
+      this.$message[this.camOn ? 'success' : 'warning'](this.camOn ? '摄像头已打开' : '已关闭');
     },
 
     // ==================== 【3】音频说话音量波形检测 ====================
     startVoiceMonitor() {
       try {
-        this.audioContext = new (window.AudioContext ||
-          window.webkitAudioContext)();
+        this.audioContext = new (window.AudioContext || window.webkitAudioContext)();
         this.analyser = this.audioContext.createAnalyser();
         this.analyser.fftSize = 256;
-        const source = this.audioContext.createMediaStreamSource(
-          this.localStream
-        );
+        const source = this.audioContext.createMediaStreamSource(this.localStream);
         source.connect(this.analyser);
 
         this.voiceMonitorTimer = setInterval(() => {
@@ -622,15 +550,49 @@ export default {
           this.analyser.getByteFrequencyData(dataArray);
           const avg = dataArray.reduce((a, b) => a + b, 0) / dataArray.length;
           const level = Math.min(25, Math.max(1, avg / 4));
-          this.voiceLevels = this.voiceLevels.map(
-            () => Math.random() * level + 1
-          );
+          this.voiceLevels = this.voiceLevels.map(() => Math.random() * level + 1);
         }, 80);
       } catch (e) {
-        console.log("语音检测不支持");
+        console.log('语音检测不支持');
       }
     },
 
+    // ==================== 【3.5】双击本地摄像头切换到采集卡画面（toggle） ====================
+    switchLocalCameraToShare() {
+      if (!this.localStream) {
+        this.$message.warning('摄像头未就绪');
+        return;
+      }
+
+      // 如果当前已显示本地摄像头画面 → 取消显示
+      if (this.isLocalCameraShared) {
+        this.isLocalCameraShared = false;
+        this.isSharing = false;
+        this.$nextTick(() => {
+          const videoEl = this.$refs.shareVideo;
+          if (videoEl) {
+            videoEl.srcObject = null;
+          }
+        });
+        this.$message.success('已取消采集卡窗口画面');
+        return;
+      }
+
+      // 否则 → 切换到采集卡窗口显示
+      // 先关闭已有的共享/采集卡
+      this.closeCaptureCard();
+      this.stopShare();
+
+      this.isLocalCameraShared = true;
+      this.isSharing = true;
+      this.$nextTick(() => {
+        const videoEl = this.$refs.shareVideo;
+        if (!videoEl) return;
+        videoEl.srcObject = this.localStream;
+        this.$message.success('本地摄像头画面已切换到采集卡窗口');
+      });
+    },
+
     // ==================== 【4】采集卡设备 ====================
     async switchCaptureCard(deviceId) {
       if (this.captureCheckTimer) clearTimeout(this.captureCheckTimer);
@@ -638,7 +600,7 @@ export default {
 
       if (!deviceId) {
         this.isSharing = false;
-        this.$message.success("已关闭采集卡");
+        this.$message.success('已关闭采集卡');
         return;
       }
 
@@ -649,10 +611,10 @@ export default {
       if (videoEl) {
         videoEl.srcObject = null;
         videoEl.load();
-        videoEl.style.width = "100%";
-        videoEl.style.height = "100%";
-        videoEl.style.objectFit = "contain";
-        videoEl.style.background = "#000";
+        videoEl.style.width = '100%';
+        videoEl.style.height = '100%';
+        videoEl.style.objectFit = 'contain';
+        videoEl.style.background = '#000';
         videoEl.muted = false;
         videoEl.volume = 1; // ✅ 强制音量
       }
@@ -662,13 +624,13 @@ export default {
           video: {
             deviceId: { exact: deviceId },
             frameRate: { exact: 30 },
-            advanced: [{ chromegfx: "mjpeg" }],
+            advanced: [{ chromegfx: 'mjpeg' }],
           },
           audio: true,
         });
 
         // ✅ 强制开启音频
-        stream.getAudioTracks().forEach((track) => (track.enabled = true));
+        stream.getAudioTracks().forEach(track => (track.enabled = true));
 
         if (videoEl) {
           videoEl.srcObject = stream;
@@ -676,15 +638,15 @@ export default {
           if (playPromise !== undefined) {
             playPromise
               .then(() => {
-                console.log("采集卡音视频播放成功");
-                this.$message.success("采集卡已连接（带声音）");
+                console.log('采集卡音视频播放成功');
+                this.$message.success('采集卡已连接（带声音）');
               })
-              .catch((err) => {});
+              .catch(err => { });
           }
         }
       } catch (err) {
-        console.error("采集卡失败", err);
-        this.$message.error("采集卡失败：" + err.message);
+        console.error('采集卡失败', err);
+        this.$message.error('采集卡失败：' + err.message);
         this.isSharing = false;
       }
     },
@@ -692,6 +654,7 @@ export default {
     // 关闭采集卡并释放资源
     closeCaptureCard() {
       try {
+        this.isLocalCameraShared = false;
         if (this.captureCheckTimer) clearTimeout(this.captureCheckTimer);
         const videoEl = this.$refs.shareVideo;
         if (!videoEl) return;
@@ -699,14 +662,14 @@ export default {
         const stream = videoEl.srcObject;
         if (stream) {
           // 停止所有轨道
-          stream.getTracks().forEach((track) => {
+          stream.getTracks().forEach(track => {
             track.stop();
             track.onended = null;
           });
         }
         videoEl.srcObject = null;
       } catch (e) {
-        console.log("关闭采集卡异常：", e);
+        console.log('关闭采集卡异常：', e);
       }
     },
 
@@ -717,34 +680,43 @@ export default {
         return;
       }
       try {
+        this.isLocalCameraShared = false; // 开启屏幕共享时重置本地摄像头共享状态
         const stream = await navigator.mediaDevices.getDisplayMedia({
-          video: { width: 1920, height: 1080, frameRate: 15 },
+          video: true,
           audio: true,
         });
+
         const track = stream.getVideoTracks()[0];
-        track.onended = () => this.stopShare();
+        track.addEventListener('ended', () => {
+          this.stopShare();
+        });
+
         this.shareStream = stream;
-        this.$refs.shareVideo.srcObject = stream;
+        // 不绑定到本地 <video>，避免"无限镜子"嵌套：捕获的画面包含自身时产生递归
+        // 流仅通过 SDK 发布给远端参会者
         this.isSharing = true;
-        this.$message.success("开始共享");
-        window.hirtcwebsdk?.publishScreen(stream);
+        this.$message.success('开始共享');
+        window.hirtcwebsdk?.publish(stream);
       } catch (e) {
-        this.$message.error("共享失败");
+        this.isSharing = false;
+        if (e.name !== 'AbortError') {
+          this.$message.error('共享失败');
+        }
       }
     },
 
     // 停止共享
     stopShare() {
-      if (this.shareStream)
-        this.shareStream.getTracks().forEach((t) => {
+      this.isLocalCameraShared = false;
+      if (this.shareStream) {
+        this.shareStream.getTracks().forEach(t => {
           t.stop();
-          t.onended = null;
         });
+      }
       this.shareStream = null;
       this.isSharing = false;
-      this.$refs.shareVideo.srcObject = null;
-      this.$message.info("已停止共享");
-      window.hirtcwebsdk?.unPublishScreen();
+      this.$message.info('已停止共享');
+      window.hirtcwebsdk?.unpublish();
     },
 
     // ==================== 【6】画笔标注 ====================
@@ -754,9 +726,9 @@ export default {
       if (!canvas || !cont) return;
       canvas.width = cont.clientWidth;
       canvas.height = cont.clientHeight;
-      this.ctx = canvas.getContext("2d");
+      this.ctx = canvas.getContext('2d');
       this.ctx.lineWidth = this.brushLineWidth;
-      this.ctx.lineCap = "round";
+      this.ctx.lineCap = 'round';
       this.ctx.strokeStyle = this.brushColor;
       this.ctx.setLineDash(this.brushLineDash);
     },
@@ -766,9 +738,9 @@ export default {
       this.isDrawingMode = !this.isDrawingMode;
       if (this.isDrawingMode) {
         this.clearCanvas(); // 打开画笔 → 清空
-        this.$message.info("画笔开启（画布已清空）");
+        this.$message.info('画笔开启（画布已清空）');
       } else {
-        this.$message.info("画笔关闭");
+        this.$message.info('画笔关闭');
       }
     },
 
@@ -784,19 +756,14 @@ export default {
     undoLastDraw() {
       if (this.drawHistory.length === 0) return;
       this.drawHistory.pop();
-      this.ctx.clearRect(
-        0,
-        0,
-        this.$refs.drawingCanvas.width,
-        this.$refs.drawingCanvas.height
-      );
+      this.ctx.clearRect(0, 0, this.$refs.drawingCanvas.width, this.$refs.drawingCanvas.height);
       this.redrawAll();
-      this.$message.info("已撤销上一笔");
+      this.$message.info('已撤销上一笔');
     },
 
     // 重新绘制所有历史
     redrawAll() {
-      this.drawHistory.forEach((item) => {
+      this.drawHistory.forEach(item => {
         this.ctx.beginPath();
         this.ctx.moveTo(item.fromX, item.fromY);
         this.ctx.lineTo(item.toX, item.toY);
@@ -862,26 +829,21 @@ export default {
       if (!c || !r) return;
       c.width = r.clientWidth;
       c.height = r.clientHeight;
-      this.laserCtx = c.getContext("2d");
+      this.laserCtx = c.getContext('2d');
     },
 
     // 激光笔开关
     toggleLaser() {
       this.isLaserMode = !this.isLaserMode;
       this.isLaserMode ? this.startLaser() : this.stopLaser();
-      this.$message.info(this.isLaserMode ? "激光笔开启" : "激光笔关闭");
+      this.$message.info(this.isLaserMode ? '激光笔开启' : '激光笔关闭');
     },
 
     // 激光笔动画
     startLaser() {
       const draw = () => {
         if (!this.isLaserMode) return;
-        this.laserCtx.clearRect(
-          0,
-          0,
-          this.$refs.laserCanvas.width,
-          this.$refs.laserCanvas.height
-        );
+        this.laserCtx.clearRect(0, 0, this.$refs.laserCanvas.width, this.$refs.laserCanvas.height);
         const g = this.laserCtx.createRadialGradient(
           this.laserX,
           this.laserY,
@@ -892,7 +854,7 @@ export default {
         );
         g.addColorStop(0, `rgba(0,255,0,${this.laserAlpha})`);
         g.addColorStop(0.5, `rgba(0,255,0,${this.laserAlpha * 0.5})`);
-        g.addColorStop(1, "rgba(0,255,0,0)");
+        g.addColorStop(1, 'rgba(0,255,0,0)');
         this.laserCtx.beginPath();
         this.laserCtx.arc(this.laserX, this.laserY, 20, 0, Math.PI * 2);
         this.laserCtx.fillStyle = g;
@@ -909,12 +871,7 @@ export default {
     stopLaser() {
       cancelAnimationFrame(this.laserAnimationId);
       this.laserAnimationId = null;
-      this.laserCtx?.clearRect(
-        0,
-        0,
-        this.$refs.laserCanvas.width,
-        this.$refs.laserCanvas.height
-      );
+      this.laserCtx?.clearRect(0, 0, this.$refs.laserCanvas.width, this.$refs.laserCanvas.height);
     },
 
     // 鼠标移动更新激光笔位置
@@ -939,32 +896,29 @@ export default {
           audio: true,
         });
         this.mediaRecorder = new MediaRecorder(stream, {
-          mimeType: "video/webm;codecs=vp8,opus",
+          mimeType: 'video/webm;codecs=vp8,opus',
         });
         this.recordedChunks = [];
-        this.mediaRecorder.ondataavailable = (e) =>
-          e.data.size && this.recordedChunks.push(e.data);
+        this.mediaRecorder.ondataavailable = e => e.data.size && this.recordedChunks.push(e.data);
         this.mediaRecorder.onstop = () => {
-          const blob = new Blob(this.recordedChunks, { type: "video/webm" });
+          const blob = new Blob(this.recordedChunks, { type: 'video/webm' });
           const url = URL.createObjectURL(blob);
-          const a = document.createElement("a");
+          const a = document.createElement('a');
           a.href = url;
-          a.download = `${
-            this.meetingTitle
-          }录制_${new Date().toLocaleString()}.webm`;
+          a.download = `${this.meetingTitle}录制_${new Date().toLocaleString()}.webm`;
           document.body.appendChild(a);
           a.click();
           document.body.removeChild(a);
           URL.revokeObjectURL(url);
-          this.$message.success("录制完成");
+          this.$message.success('录制完成');
         };
         this.mediaRecorder.start();
         this.isRecording = true;
         this.recordingStartTime = new Date();
         this.startRecordingTimer();
-        this.$message.warning("录制中");
+        this.$message.warning('录制中');
       } catch (e) {
-        this.$message.error("录制失败");
+        this.$message.error('录制失败');
       }
     },
 
@@ -972,7 +926,7 @@ export default {
     stopRecording() {
       if (this.mediaRecorder && this.isRecording) {
         this.mediaRecorder.stop();
-        this.mediaRecorder.stream.getTracks().forEach((t) => t.stop());
+        this.mediaRecorder.stream.getTracks().forEach(t => t.stop());
         this.isRecording = false;
         this.stopRecordingTimer();
       }
@@ -982,9 +936,9 @@ export default {
     startRecordingTimer() {
       this.recordingTimer = setInterval(() => {
         const sec = Math.floor((new Date() - this.recordingStartTime) / 1000);
-        const h = String(Math.floor(sec / 3600)).padStart(2, "0");
-        const m = String(Math.floor((sec % 3600) / 60)).padStart(2, "0");
-        const s = String(sec % 60).padStart(2, "0");
+        const h = String(Math.floor(sec / 3600)).padStart(2, '0');
+        const m = String(Math.floor((sec % 3600) / 60)).padStart(2, '0');
+        const s = String(sec % 60).padStart(2, '0');
         this.recordingTime = `${h}:${m}:${s}`;
       }, 1000);
     },
@@ -992,7 +946,7 @@ export default {
     // 停止录制计时
     stopRecordingTimer() {
       clearInterval(this.recordingTimer);
-      this.recordingTime = "00:00:00";
+      this.recordingTime = '00:00:00';
     },
 
     // ==================== 【9】截图 ====================
@@ -1003,10 +957,10 @@ export default {
     // 保存会议界面截图
     async saveMeetingSnapshot() {
       try {
-        const html2canvas = (await import("html2canvas")).default;
-        const container = document.querySelector(".meeting-container");
+        const html2canvas = (await import('html2canvas')).default;
+        const container = document.querySelector('.meeting-container');
         if (!container) {
-          this.$message.error("截图失败：未找到会议界面");
+          this.$message.error('截图失败：未找到会议界面');
           return;
         }
         const canvas = await html2canvas(container, {
@@ -1015,14 +969,14 @@ export default {
           logging: false,
           allowTaint: false,
         });
-        const link = document.createElement("a");
+        const link = document.createElement('a');
         link.download = `会诊截图_${new Date().toLocaleString()}.png`;
-        link.href = canvas.toDataURL("image/png");
+        link.href = canvas.toDataURL('image/png');
         link.click();
-        this.$message.success("截图已保存");
+        this.$message.success('截图已保存');
       } catch (err) {
-        console.error("截图失败", err);
-        this.$message.error("截图失败");
+        console.error('截图失败', err);
+        this.$message.error('截图失败');
       }
     },
 
@@ -1034,13 +988,13 @@ export default {
       if (this.timerInterval) return;
       this.timerRunning = true;
       this.timerInterval = setInterval(() => this.timer++, 1000);
-      this.$message.info("计时开始");
+      this.$message.info('计时开始');
     },
     pauseTimer() {
       clearInterval(this.timerInterval);
       this.timerInterval = null;
       this.timerRunning = false;
-      this.$message.info("计时暂停");
+      this.$message.info('计时暂停');
     },
 
     // ==================== 【11】网络状态监控 ====================
@@ -1075,11 +1029,11 @@ export default {
       try {
         await navigator.mediaDevices.getUserMedia({ video: true, audio: true });
         const devices = await navigator.mediaDevices.enumerateDevices();
-        this.videoDeviceList = devices.filter((d) => d.kind === "videoinput");
-        this.audioInList = devices.filter((d) => d.kind === "audioinput");
-        this.audioOutList = devices.filter((d) => d.kind === "audiooutput");
+        this.videoDeviceList = devices.filter(d => d.kind === 'videoinput');
+        this.audioInList = devices.filter(d => d.kind === 'audioinput');
+        this.audioOutList = devices.filter(d => d.kind === 'audiooutput');
       } catch (e) {
-        this.$message.warning("请允许音视频权限以查看设备");
+        this.$message.warning('请允许音视频权限以查看设备');
       }
     },
 
@@ -1091,17 +1045,14 @@ export default {
       this.brushColor = this.globalSetting.brushColor;
       this.brushLineWidth = this.globalSetting.brushWidth;
       this.initCanvas();
-      localStorage.setItem(
-        "meetingGlobalSetting",
-        JSON.stringify(this.globalSetting)
-      );
+      localStorage.setItem('meetingGlobalSetting', JSON.stringify(this.globalSetting));
       this.settingDialogVisible = false;
-      this.$message.success("设置已保存");
+      this.$message.success('设置已保存');
     },
 
     // 加载本地缓存设置
     loadLocalSetting() {
-      const cache = localStorage.getItem("meetingGlobalSetting");
+      const cache = localStorage.getItem('meetingGlobalSetting');
       if (cache) {
         this.globalSetting = JSON.parse(cache);
         this.meetingTitle = this.globalSetting.meetingTitle;
@@ -1113,10 +1064,11 @@ export default {
 
     // ==================== 【13】会议成员、邀请、病例 ====================
     handleInvite() {
+      this.$refs['CreateGroupDialogRef'].show()
       this.inviteDialogVisible = true;
     },
     handleInviteConfirm(selectedContacts) {
-      console.log("邀请的联系人:", selectedContacts);
+      console.log('邀请的联系人:', selectedContacts);
       this.$message.success(`已邀请 ${selectedContacts.length} 位联系人`);
       this.inviteDialogVisible = false;
     },
@@ -1136,54 +1088,88 @@ export default {
 
     // ==================== 【14】窗口与会议控制 ====================
     updateClock() {
-      this.currentTime = new Date().toLocaleTimeString("zh-CN", {
+      this.currentTime = new Date().toLocaleTimeString('zh-CN', {
         hour12: false,
       });
     },
     minimizeWindow() {
-      this.$router.push("/video/index");
+      this.$router.push('/video/index');
     },
-    closeWindow() {
-      this.$confirm("确定退出会诊?", "提示", { type: "warning" }).then(() => {
-        this.$store.dispatch("app/toggleSideBarHide", false);
-        this.$store.dispatch("settings/changeSetting", {
-          key: "fixedHeader",
-          value: true,
-        });
-        this.$store.dispatch("settings/changeSetting", {
-          key: "tagsView",
-          value: true,
-        });
-        this.$router.push("/");
+    // 是否跳过会诊评价/统计弹窗
+    shouldSkipEvaluation() {
+      try {
+        const settings = JSON.parse(localStorage.getItem('systemSettings') || '{}');
+        return !!settings.otherForm?.skipEvaluation;
+      } catch (e) {
+        return false;
+      }
+    },
+
+    // closeWindow 确认后的实际清理与跳转
+    executeCloseWindow() {
+      this.$store.dispatch('app/toggleSideBarHide', false);
+      this.$store.dispatch('settings/changeSetting', {
+        key: 'fixedHeader',
+        value: true,
+      });
+      this.$store.dispatch('settings/changeSetting', {
+        key: 'tagsView',
+        value: true,
       });
+      postConsultationStop({ consultation_id: this.consultation_id });
+      this.$router.push('/');
     },
-    endMeeting() {
-      this.$confirm("确定结束会议?", "提示", { type: "warning" }).then(() => {
-        this.stopShare();
-        this.localStream?.getTracks().forEach((t) => t.stop());
-        this.$store.dispatch("app/toggleSideBarHide", false);
-        this.$store.dispatch("settings/changeSetting", {
-          key: "fixedHeader",
-          value: true,
-        });
-        this.$store.dispatch("settings/changeSetting", {
-          key: "tagsView",
-          value: true,
-        });
-        window.name === "consultationWindow"
-          ? window.close()
-          : this.$router.push("/");
+
+    // endMeeting 确认后的实际清理与跳转/关闭
+    executeEndMeeting() {
+      this.stopShare();
+      this.localStream?.getTracks().forEach(t => t.stop());
+      this.$store.dispatch('app/toggleSideBarHide', false);
+      this.$store.dispatch('settings/changeSetting', {
+        key: 'fixedHeader',
+        value: true,
+      });
+      this.$store.dispatch('settings/changeSetting', {
+        key: 'tagsView',
+        value: true,
       });
+      postConsultationStop({ consultation_id: this.consultation_id });
+      window.name === 'consultationWindow' ? window.close() : this.$router.push('/');
+    },
+
+    closeWindow() {
+      this.$confirm('确定退出会诊?', '提示', { type: 'warning' })
+        .then(() => {
+          // 先执行退出清理和路由跳转
+          this.executeCloseWindow();
+          // 路由跳转后再弹出统计弹窗
+          if (!this.shouldSkipEvaluation()) {
+            ConsultationCaseStatsDialog.open(this.consultation_id);
+          }
+        })
+        .catch(() => {});
+    },
+    endMeeting() {
+      this.$confirm('确定结束会议?', '提示', { type: 'warning' })
+        .then(() => {
+          // 先执行退出清理和路由跳转
+          this.executeEndMeeting();
+          // 路由跳转后再弹出统计弹窗
+          if (!this.shouldSkipEvaluation()) {
+            ConsultationCaseStatsDialog.open(this.consultation_id);
+          }
+        })
+        .catch(() => {});
     },
 
     // 快捷键监听
     handleKeydown(e) {
-      if (e.key === "Escape") {
-        const layer = document.getElementById("markEditor");
+      if (e.key === 'Escape') {
+        const layer = document.getElementById('markEditor');
         if (layer) layer.remove();
         this.isSelectingCapture = false;
       }
-      if ((e.ctrlKey || e.metaKey) && e.key.toLowerCase() === "s") {
+      if ((e.ctrlKey || e.metaKey) && e.key.toLowerCase() === 's') {
         e.preventDefault();
         this.takeScreenshot();
       }
@@ -1197,9 +1183,9 @@ export default {
     this.stopLaser();
     this.stopShare();
     this.closeCaptureCard();
-    window.removeEventListener("resize", this.initCanvas);
-    window.removeEventListener("keydown", this.handleKeydown);
-    this.localStream?.getTracks().forEach((t) => t.stop());
+    window.removeEventListener('resize', this.initCanvas);
+    window.removeEventListener('keydown', this.handleKeydown);
+    this.localStream?.getTracks().forEach(t => t.stop());
   },
 };
 </script>
@@ -1330,6 +1316,7 @@ export default {
         width: 100%;
         height: 100%;
         object-fit: cover;
+        cursor: pointer;
       }
 
       .voice-bar-container {
@@ -1491,9 +1478,11 @@ export default {
   0% {
     opacity: 1;
   }
+
   50% {
     opacity: 0.5;
   }
+
   100% {
     opacity: 1;
   }