From 5a5c350ef738dbf7c2da10b133dfb2e469c031ab Mon Sep 17 00:00:00 2001
From: liuxi <357439530@qq.com>
Date: Fri, 17 Jan 2025 09:43:41 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8A=A0=E4=BA=86=E4=B8=AA=E9=80=80=E5=87=BA?=
 =?UTF-8?q?=E6=88=BF=E9=97=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../mediation-page/components/VideoRoom.vue    | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/pages/mediation-page/components/VideoRoom.vue b/src/pages/mediation-page/components/VideoRoom.vue
index 216bfb3..08e8383 100644
--- a/src/pages/mediation-page/components/VideoRoom.vue
+++ b/src/pages/mediation-page/components/VideoRoom.vue
@@ -5,13 +5,19 @@
         <div class="mr-8">调解视频画面</div>
         <div class="color-F53F3F" v-if="videoRecordingSts">{{ formattedTime }}</div>
       </div>
-      <div class="room-top-btn background-color-fff flex-row align-items-center border-radius-4 cursor-pointer"
-           @click="toggleZoom">
-        <span class="mr-4">{{ zoomActive ? '缩小' : '放大' }}</span>
-        <svg-icon
-            :icon-class="zoomActive ? `zoom-1` : 'zoom-2'"
-            className="tabs-svg" />
+      <div class="flex-row">
+        <div class="room-top-btn background-color-fff flex-row align-items-center border-radius-4 cursor-pointer mr-8"
+            @click="handleClose">
+          <span class="mr-4">退出房间</span>
+        </div>
+        <div class="room-top-btn background-color-fff flex-row align-items-center border-radius-4 cursor-pointer"
+            @click="toggleZoom">
+          <span class="mr-4">{{ zoomActive ? '缩小' : '放大' }}</span>
+          <svg-icon :icon-class="zoomActive ? `zoom-1` : 'zoom-2'" className="tabs-svg" />
+        </div>
+       
       </div>
+      
     </div>
     <div class="room-middle">
       <!--  本地    -->