在线质控接口

src/views/videoCommunication/qualityControl.vue

@@ -22,12 +22,7 @@
           <div v-else class="user-state">
             <div class="cell-top-bar">
               <div class="signal-icon">
-                <i
-                  v-for="n in 5"
-                  :key="n"
-                  class="bar"
-                  :class="{ active: n <= item.signalLevel }"
-                />
+                <i v-for="n in 5" :key="n" class="bar" :class="{ active: n <= item.signalLevel }" />
               </div>
               <div class="grid-top-name">{{ item.user.name }}</div>
               <div class="cancel-qc" @click="handleDelete(item, index, form)">
@@ -36,23 +31,17 @@
             </div>
             <div class="video-area">
               <div class="video-placeholder">
-                <img
-                  v-if="item.user.avatar"
-                  :src="getAvatarUrl(item.user.avatar)"
-                  class="user-avatar"
-                />
+                <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="[
+                <span :class="[
                   'status-tag',
                   item.user.online === 1 ? 'online' : 'offline',
-                  ]"
-                >
+                ]">
                   {{ item.user.online === 1 ? "在线" : "离线" }}
                 </span>
               </div>
@@ -87,12 +76,7 @@
       </div>
     </footer> -->
     <!-- 添加或邀请修改邀请公告对话框 -->
-    <CreateGroupDialog
-      ref="createGroupDialogRef"
-      title="选择人员"
-      :min-select-count="1"
-      @confirm="submitForm"
-    />
+    <CreateGroupDialog ref="createGroupDialogRef" title="选择人员" :min-select-count="1" @confirm="submitForm" />
   </div>
 </template>
 
@@ -104,6 +88,9 @@ import {
   postUserInfo,
   postQualityQuit,
   postQualityStop,
+  postConsultationCreate,
+  postConsultationInfo,
+  postConsultationStop
 } from "@/api/videoCommunication";
 
 export default {
@@ -127,6 +114,7 @@ export default {
       },
       index: 0,
       form: {},
+      consultation_id: null,
       // 语音会议相关状态
       // isJoined: false,
       // isMuted: false,
@@ -152,6 +140,7 @@ export default {
       value: false,
     });
     this.getList();
+    this.creatRoom()
     // this.initRTC();
   },
   beforeDestroy() {
@@ -170,6 +159,26 @@ export default {
   //   this.unbindEvent();
   // },
   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) {
+
+      }
+    },
     // 初始化RTC SDK
     // initRTC() {
     //   let localData = window.localStorage.getItem(this.storageKey);
@@ -349,6 +358,7 @@ export default {
             key: "tagsView",
             value: true,
           });
+          postConsultationStop({ consultation_id: this.consultation_id });
           this.$router.push("/");
         })
         .catch(() => { });
@@ -431,6 +441,7 @@ export default {
       display: flex;
       align-items: center;
       font-weight: 600;
+
       img {
         width: 28px;
         margin-right: 8px;
@@ -449,6 +460,7 @@ export default {
     .window-controls {
       display: flex;
       align-items: center;
+
       i {
         margin-left: 15px;
         cursor: pointer;
@@ -492,6 +504,7 @@ export default {
             display: flex;
             align-items: center;
             justify-content: center;
+
             i {
               font-size: 42px;
               color: #ffffff;
@@ -517,25 +530,32 @@ export default {
               gap: 2px;
               height: 14px;
               z-index: 10;
+
               .bar {
                 width: 3px;
                 background: #666;
                 border-radius: 1px;
+
                 &:nth-child(1) {
                   height: 4px;
                 }
+
                 &:nth-child(2) {
                   height: 7px;
                 }
+
                 &:nth-child(3) {
                   height: 10px;
                 }
+
                 &:nth-child(4) {
                   height: 13px;
                 }
+
                 &:nth-child(5) {
                   height: 16px;
                 }
+
                 &.active {
                   background: #4cd964;
                 }