更新页面

src/views/backOfficeSystem/JudgmentHome/MeetingRoom/index.vue

@@ -5,6 +5,9 @@
         <el-icon style="vertical-align: middle"><CirclePlus /></el-icon>
         <span style="vertical-align: middle">新增</span>
       </el-button>
+      <el-button type="primary" @click="openDemo">
+        <span style="vertical-align: middle">DEMO</span>
+      </el-button>
     </PageTitle>
   </div>
   <div ref="searchBox">
@@ -21,7 +24,6 @@
           <div class="info h20 ellipsis">会商处置意见：{{ item.czyj }}</div>
           <div class="info h20 ellipsis">会议时间：{{ item.hskssj }} - {{ item.hsjssj }}</div>
         </div>
-
         <div class="mid">
           <div class="left">
             <div class="title ellipsis">参会人员：{{ item.chry }}</div>
@@ -67,10 +69,15 @@
   <DetailForm ref="detailDiloag" @updateDate="getList" />
   <RoomDetail />
   <ConferenceRoom v-model="conferenceRoomVisible" titleValue="会议详情" />
+
+  <!-- 音视频会议窗口 -->
+  <MeetingView v-model="openMeeting" v-if="openMeeting" ></MeetingView>
 </template>
 
 <script setup>
+  import { ElMessageBox } from "element-plus";
   import * as MOSTY from "@/components/MyComponents/index";
+  import MeetingView from "@/views/consultation/components/meetingView.vue";
   import PageTitle from "@/components/aboutTable/PageTitle.vue";
   import Pages from "@/components/aboutTable/Pages.vue";
   import Search from "@/components/aboutTable/Search.vue";
@@ -78,13 +85,14 @@
   import RoomDetail from "./components/roomDetail.vue";
   import { useRoute, useRouter } from 'vue-router';
   import { qcckGet, qcckPost, qcckDelete } from "@/api/qcckApi.js";
-import { reactive, ref, onMounted, getCurrentInstance } from "vue";
+  import { reactive, ref, onMounted, getCurrentInstance,nextTick } from "vue";
   import ConferenceRoom from "./components/Communications/conferenceRoom.vue";
+  const router = useRouter();
   const route = useRoute();
   const { proxy } = getCurrentInstance();
   const detailDiloag = ref();
   const searchBox = ref(); //搜索框
-
+  const openMeeting = ref(false); // 打开会议窗口
   const searchConfiger = ref([
     {
       label: "会议主题",
@@ -109,12 +117,81 @@ import { reactive, ref, onMounted, getCurrentInstance } from "vue";
       pageCurrent: 1
     },
   });
-
+  const jsonData = ref('')
   onMounted(() => {
+    jsonData.value = require('@/views/consultation/components/zh_CN.json');
+    nextTick(()=>{
+        Init();
+    })
     getList();
     tabHeightFn();
   });
 
+  const Init = () => {
+  let token = window.localStorage.getItem("rhToken");
+  if (!token) {
+    let userInfo = {
+      username: "linzhigongan2",
+      password: "linzhigongan2",
+      realm: "puc.com",
+      webpucUrl: "https://89.40.9.95:16888"
+    };
+    lemon.login.login(userInfo).then((esacpe) => {
+      token = esacpe.token;
+      window.localStorage.setItem("rhToken", esacpe.token);
+      getLoginAccountInfo();
+      fetchConferences()
+      // 注册会议管理相关事件
+      useConfernceEvent()
+    });
+  } else {
+    ConnectWebsocket(token);
+  }
+};
+
+const ConnectWebsocket = (token) => {
+  lemon.login.reConnectWebsocket({
+    username: "linzhigongan2",
+    realm: "puc.com",
+    webpucUrl: "https://89.40.9.95:16888",
+    token: token
+  }).then((resp) => {
+      if(resp.result != 0){
+        ElMessage.error(jsonData.value['errorCode'][resp.result]);
+        exsit()
+      }else{
+        getLoginAccountInfo()
+        fetchConferences()
+        // 注册会议管理相关事件
+        useConfernceEvent()
+      }
+  });
+};
+
+const  getLoginAccountInfo =() =>{
+    lemon.login.getLoginAccountInfo().then(res => {
+        let info = JSON.stringify(res.account_info)
+        window.localStorage.setItem("rhInfo",info);
+        window.localStorage.setItem("user_basedata_id",res.account_info.basedata_id);
+   }).catch(err => {
+         
+   })   
+}
+
+const exsit = () =>{
+    lemon.login.logout().then(res=> {
+
+   }).catch(err=> {
+
+   })   
+}
+
+
+  function openDemo() {
+    const NPShref = router.resolve({ path: '/consultation', query: {}});
+    window.open(NPShref.href, "_blank");
+  }
+
   // 搜索
   const onSearch = (val) => {
     queryFrom.value = { ...val };
@@ -122,8 +199,8 @@ import { reactive, ref, onMounted, getCurrentInstance } from "vue";
       queryFrom.value.startTime = val.daterange[0];
       queryFrom.value.endTime = val.daterange[1];
     } else {
-      queryFrom.value.startTime = '';
-      queryFrom.value.endTime = '';
+      delete queryFrom.value.startTime;
+      delete queryFrom.value.endTime;
     }
     pageData.pageConfiger.pageCurrent = 1;
     getList();
@@ -167,8 +244,30 @@ import { reactive, ref, onMounted, getCurrentInstance } from "vue";
     })
   };
   // 加入会议
-const joinMeeting = (item) => {
-    conferenceRoomVisible.value = true;
+  const joinMeeting = (item) => {
+    console.log(item.hybh,'===========00');
+    
+    ElMessageBox.confirm('确定开始会议?','提示',{ confirmButtonText:'确定', cancelButtonText:'取消', type:'warning' }).then(res=>{
+      openMeeting.value = true;
+      nextTick(()=>{
+          let params = {
+              "number": it.number,
+              "nick": it.subject,
+              "mute_status": it.status,
+              "microphone_status": 1,
+              "camera_status": 1
+          }
+          // lemon.conference.enterConferenceByNumber(params).then(res=> {
+          //     console.log(res,'加入会议......');
+          // }).catch(err=> {
+          //     console.log(err,' 加入会议失败......');
+          // })
+      })
+    }).catch(()=>{
+
+    })
+
+    // conferenceRoomVisible.value = true;
     // qcckPost({id:item.id},'/mosty-gsxt/wshs/addWshyRy').then((res)=>{
     //   getList();
     // })
@@ -222,7 +321,7 @@ const conferenceRoomVisible = ref(false);
     padding: 10px 20px;
   }
   .list {
-    height: calc(100% - 40px);
+    height: calc(100% - 10px);
     gap: 10px;
     margin: 0 15px;
     overflow: auto;