'视频会议点击关闭摄像头解散房间bug'

src/views/components/roomFooter.vue

@@ -1,75 +1,35 @@
 <template>
   <div class="roomFooter">
     <div class="outRoom">
-      <el-button type="danger" @click="exitRoom" v-if="!roleFlag"
-        >退出房间</el-button
-      >
-      <el-button type="danger" @click="exitRoom" v-if="roleFlag"
-        >解散房间</el-button
-      >
+      <el-button type="danger" @click="exitRoom" v-if="!roleFlag">退出房间</el-button>
+      <el-button type="danger" @click="exitRoom" v-if="roleFlag">解散房间</el-button>
     </div>
     <div class="operation">
       <div class="mic">
-        <img
-          class="micImg"
-          src="@/assets/mic_on.png"
-          alt=""
-          v-if="micFlag"
-          @click="micClickOn"
-        />
-        <img
-          class="micImg"
-          src="@/assets/mic_off.png"
-          alt=""
-          v-else
-          @click="micClickOff"
-        />
+        <img class="micImg" src="@/assets/mic_on.png" alt="" v-if="micFlag" @click="micClickOn" />
+        <img class="micImg" src="@/assets/mic_off.png" alt="" v-else @click="micClickOff" />
       </div>
       <div class="video">
-        <img
-          class="videoImg"
-          src="@/assets/video_on.png"
-          alt=""
-          v-if="videoFlag"
-          @click="videoClickOn"
-        />
-        <img
-          class="videoImg"
-          src="@/assets/video_off.png"
-          alt=""
-          v-else
-          @click="videoClickOff"
-        />
+        <img class="videoImg" src="@/assets/video_on.png" alt="" v-if="videoFlag" @click="videoClickOn" />
+        <img class="videoImg" src="@/assets/video_off.png" alt="" v-else @click="videoClickOff" />
       </div>
       <div class="sharing">
-        <img
-          class="sharImg"
-          src="@/assets/screenShare_on.png"
-          alt=""
-          v-if="sharFlag"
-          @click="sharClickOn"
-        />
-        <img
-          class="sharImg"
-          src="@/assets/screenShare_off.png"
-          alt=""
-          v-else
-          @click="sharClickOff"
-        />
-        
+        <img class="sharImg" src="@/assets/screenShare_on.png" alt="" v-if="sharFlag" @click="sharClickOn" />
+        <img class="sharImg" src="@/assets/screenShare_off.png" alt="" v-else @click="sharClickOff" />
+
       </div>
       <div class="mediationPop">
-         <el-button type="warning" @click="mediationPop">调解</el-button>
+        <el-button type="warning" @click="mediationPop">调解</el-button>
       </div>
     </div>
   </div>
 </template>
-  
-  <script>
+
+<script>
 import { startVideo, stopVideo, destructionRoom } from "@/api/room.js";
 export default {
   name: "Footer",
-  props: ["micFlag","videoFlag","sharFlag"],
+  props: ["micFlag", "videoFlag", "sharFlag"],
   components: {},
   data() {
     return {
@@ -112,7 +72,7 @@ export default {
       this.$emit("sharClickOff");
     },
     // 弹出调解内容
-    mediationPop(){
+    mediationPop() {
       this.$emit("mediationPop");
     },
     exitRoom() {
@@ -153,8 +113,8 @@ export default {
   },
 };
 </script>
-  
-  <style scoped>
+
+<style scoped>
 .roomFooter {
   width: 100%;
   height: 100%;
@@ -202,9 +162,11 @@ export default {
   height: 60px;
   margin-left: 20px;
 }
-.mediationPop{
+
+.mediationPop {
   margin-left: 20px;
 }
+
 .micImg,
 .videoImg,
 .sharImg {