diff --git a/src/views/RongyunCommunication/index.vue b/src/views/RongyunCommunication/index.vue
index d41d256..6a815be 100644
--- a/src/views/RongyunCommunication/index.vue
+++ b/src/views/RongyunCommunication/index.vue
@@ -1,11 +1,19 @@
 <template>
   <!-- 接听来电提醒 -->
-  <el-dialog v-model="allData.showTip" id="tipModal" append-to-body :close-on-click-modal="false" class="responseDialog">
+  <el-dialog
+    v-model="allData.showTip"
+    id="tipModal"
+    append-to-body
+    :close-on-click-modal="false"
+    class="responseDialog"
+  >
     <template #header>
       <div class="tipsHeader">来电提示</div>
     </template>
     <div style="line-height: 80px; text-align: center; font-size: 16px; color: #fff">
-      收到来自 {{ allData.fromCalluser }} 的{{ useRongyunStore.mediaType == 2 ? '视频' : '语音' }}邀请，是否接听？？？
+      收到来自 {{ allData.fromCalluser }} 的{{
+        useRongyunStore.mediaType == 2 ? "视频" : "语音"
+      }}邀请，是否接听？？？
     </div>
     <template #footer>
       <div class="dialog-footer">
@@ -26,14 +34,24 @@
     <template #header>
       <div class="titleRy">
         远程会商
-        <img @click="hungup()" src="/src/assets/images/rongYunImg/gb_btn.png" class="rybtn" />
+        <img
+          @click="hungup()"
+          src="/src/assets/images/rongYunImg/gb_btn.png"
+          class="rybtn"
+        />
       </div>
     </template>
 
     <div class="rong-container-app" id="rongContainer">
       <div id="videoViewAPP" class="rong-video-box-app"></div>
       <div id="videoActionAPP" class="rong-action-app">
-        <img class="hunupBtn" id="hunup" src="/src/assets/images/rongYunImg/call-off.png" alt="" @click="hungup()" />
+        <img
+          class="hunupBtn"
+          id="hunup"
+          src="/src/assets/images/rongYunImg/call-off.png"
+          alt=""
+          @click="hungup()"
+        />
       </div>
     </div>
   </el-dialog>
@@ -42,21 +60,34 @@
       <img class="vioceIcon" src="/src/assets/images/rongYunImg/voice.png" alt="" />
       请开启声音权限
     </div>
-    <el-button class="submit" type="primary" @click="allData.showVoice = false">确定</el-button>
+    <el-button class="submit" type="primary" @click="allData.showVoice = false"
+      >确定</el-button
+    >
   </div>
 </template>
 <script setup>
-import { ref, reactive, toRefs, onMounted, nextTick } from 'vue';
-import { getToken } from '@/utils/auth';
-import { listrcloudUnitUser, getUserStatus, queryToken, hangUp } from '@/views/RongyunCommunication/rongyunjs/rongyunApi.js';
-import { getInfo } from '@/api/login';
-import rongyunStore from '@/store/modules/rongyunStore';
+import { ref, reactive, toRefs, onMounted, nextTick } from "vue";
+import { getToken } from "@/utils/auth";
+import {
+  listrcloudUnitUser,
+  getUserStatus,
+  queryToken,
+  hangUp,
+} from "@/views/RongyunCommunication/rongyunjs/rongyunApi.js";
+import { getInfo } from "@/api/login";
+import rongyunStore from "@/store/modules/rongyunStore";
 const useRongyunStore = rongyunStore();
-import bus from '@/utils/util';
-import * as RongIMLib from '@rongcloud/imlib-next';
+import bus from "@/utils/util";
+import * as RongIMLib from "@rongcloud/imlib-next";
 // 导入 RTCLib、CallLib
-import { installer as rtcInstaller, RCRTCClient, RCTrack, RCFrameRate, RCResolution } from '@rongcloud/plugin-rtc';
-import useAppStore from '@/store/modules/app';
+import {
+  installer as rtcInstaller,
+  RCRTCClient,
+  RCTrack,
+  RCFrameRate,
+  RCResolution,
+} from "@rongcloud/plugin-rtc";
+import useAppStore from "@/store/modules/app";
 const appStore = useAppStore();
 
 import {
@@ -68,67 +99,52 @@
   RCCallEndReason,
   RCCallMediaType,
   RCCallSessionState,
-} from '@rongcloud/plugin-call';
+} from "@rongcloud/plugin-call";
 const { proxy } = getCurrentInstance();
 const audio = new Audio();
-const successUrl = 'https://192.168.100.18:10000/image/newfiber-standard-region-project/ring.mp3';
+const successUrl =
+  "https://192.168.100.18:10000/image/newfiber-standard-region-project/ring.mp3";
 
 const allData = reactive({
   showVoice: true,
   // 实例化一个音频播放器对象
 
-  tokenRy: '',
-  appkey: 'pkfcgjjue28x8',
-  navi: 'https://jingkai.wh-nf.cn:11444',
-  phone: '',
-  userName: '',
+  tokenRy: "",
+  appkey: "pkfcgjjue28x8",
+  navi: "https://jingkai.wh-nf.cn:11444",
+  phone: "",
+  userName: "",
   showTip: false,
   fromCalluser: null,
   showVideo: false,
   styleRY: {
-    width: '900px',
-    height: '600px',
+    width: "900px",
+    height: "600px",
   },
   conversationType: null, //接收类型
   remoteUser: [], //房间人员列表
   idList: [], //视频id-dom列表
   timer: null,
-  acceptType: '',
+  acceptType: "",
 });
-const GetpromoterThridUserId = ref('');
+const GetpromoterThridUserId = ref("");
 
-const {
-  showVoice,
-  tokenRy,
-  appkey,
-  navi,
-  phone,
-  userName,
-  showTip,
-  fromCalluser,
-  showVideo,
-  styleRY,
-  conversationType,
-  remoteUser,
-  idList,
-  timer,
-} = toRefs(allData);
 onMounted(() => {
-  bus.off('showRy');
-  bus.on('showRy', e => {
-    console.log('打开融云弹框');
+  bus.off("showRy");
+  bus.on("showRy", (e) => {
+    console.log("打开融云弹框");
     if (getToken()) {
       GetuserInfo();
     }
   });
-  bus.off('rystatus');
-  bus.on('rystatus', e => {
-    console.log('拨打调用', e);
+  bus.off("rystatus");
+  bus.on("rystatus", (e) => {
+    console.log("拨打调用", e);
     if (getToken()) {
       reconnect();
     }
   });
-  console.log('getToken()', getToken());
+  console.log("getToken()", getToken());
 
   if (getToken()) {
     GetuserInfo();
@@ -137,7 +153,7 @@
 // 播放音频
 const PlayAudio = () => {
   let music1 = new Audio(); //建立一个music1对象
-  music1 = 'https://jingkai.wh-nf.cn:8900/resources/videos/ring.mp3'; //通过require引入音频
+  music1 = "https://jingkai.wh-nf.cn:8900/resources/videos/ring.mp3"; //通过require引入音频
   this.$refs.audio.src = music1; //此处的audio为代码ref="audio"中的audio
   this.$refs.audio.play(); //play()为播放函数
 };
@@ -145,7 +161,7 @@
 const reconnect = () => {
   allData.tokenRy && connectIM();
   useRongyunStore.SET_online(false);
-  proxy.$modal.msgWarning('视频会商已离线，重新连接中！');
+  proxy.$modal.msgWarning("视频会商已离线，重新连接中！");
 };
 const getStaus = (time = 0) => {
   clearInterval(allData.timer);
@@ -153,18 +169,18 @@
     useRongyunStore.SET_online(false);
 
     let params = {
-      registerThridUserId: allData.phone + '_web',
+      registerThridUserId: allData.phone + "_web",
     };
 
     let res = await getUserStatus(params);
-    console.log('轮询,', res);
+    console.log("轮询,", res);
     let flag = null;
     if (res.code == 200) {
       flag = JSON.parse(res.data);
     }
     if (flag != 1) {
       allData.tokenRy && connectIM();
-      proxy.$modal.msgWarning('视频会商已离线，重新连接中！');
+      proxy.$modal.msgWarning("视频会商已离线，重新连接中！");
     } else {
       useRongyunStore.SET_online(true);
     }
@@ -172,10 +188,10 @@
 };
 
 const GetuserInfo = () => {
-  console.log('1111111111111');
-  getInfo().then(res => {
-    console.log('当前登陆人信息', res);
-    localStorage.setItem('userNo', res.data.user.userName);
+  console.log("1111111111111");
+  getInfo().then((res) => {
+    console.log("当前登陆人信息", res);
+    localStorage.setItem("userNo", res.data.user.userName);
     allData.phone = res.data.user.phonenumber;
     getQueryToken();
   });
@@ -184,7 +200,7 @@
 // 获取融云token
 const getQueryToken = async () => {
   let params = {
-    registerThridUserId: allData.phone + '_web',
+    registerThridUserId: allData.phone + "_web",
   };
   let res = await queryToken(params);
 
@@ -199,49 +215,49 @@
   } else {
     useRongyunStore.SET_haveRYtoken(false);
     useRongyunStore.SET_online(false);
-    proxy.$modal.msgWarning('获取通讯token失败');
+    proxy.$modal.msgWarning("获取通讯token失败");
   }
 };
 // 获取元素
-const getDom = key => {
+const getDom = (key) => {
   return document.querySelector(key);
 };
-const connectEvents = Events => {
+const connectEvents = (Events) => {
   /**
    * 正在链接的事件状态
    */
   RongIMLib.addEventListener(Events.CONNECTING, () => {
-    console.log('正在链接...');
+    console.log("正在链接...");
   });
 
   /**
    * 链接到服务器会触发这个事件
    */
   RongIMLib.addEventListener(Events.CONNECTED, () => {
-    console.log('连接成功');
+    console.log("连接成功");
   });
 
   /**
    * 手动调用 disconnect 方法或者用户被踢下线 会触发这个事件
    */
-  RongIMLib.addEventListener(Events.DISCONNECT, code => {
-    console.log('连接中断，需要业务层进行重连处理 ->', code);
+  RongIMLib.addEventListener(Events.DISCONNECT, (code) => {
+    console.log("连接中断，需要业务层进行重连处理 ->", code);
   });
 
   /**
    * 链接出问题时，内部进行重新链接，会触发这个事件
    */
-  RongIMLib.addEventListener(Events.SUSPEND, code => {
-    console.log('链接中断，SDK 会尝试重连，业务层无需关心');
+  RongIMLib.addEventListener(Events.SUSPEND, (code) => {
+    console.log("链接中断，SDK 会尝试重连，业务层无需关心");
     // 5.1.2 版本开始，事件回调中会引起中断的 code 状态码
     console.log(`code -> ${code}`);
   });
 };
 // IM 实例
 const connectIM = () => {
-  console.log('初始化connectIM', allData.appkey);
-  console.log('初始化connectIM22', allData.navi);
-  console.log('初始化connectIM22', allData.tokenRy);
+  console.log("初始化connectIM", allData.appkey);
+  console.log("初始化connectIM22", allData.navi);
+  console.log("初始化connectIM22", allData.tokenRy);
   RongIMLib.init({
     appkey: allData.appkey,
     navigators: [allData.navi],
@@ -251,17 +267,17 @@
   initCall();
   const token = allData.tokenRy;
   RongIMLib.connect(token)
-    .then(data => {
-      console.log('*-*-', data);
+    .then((data) => {
+      console.log("*-*-", data);
       // 监听融云状态
       connectEvents(RongIMLib.Events);
       useRongyunStore.SET_online(true);
       proxy.$message.success(`用户 ${data.data.userId} IM 链接成功 ✌🏻`);
     })
-    .catch(error => {
+    .catch((error) => {
       console.log(error);
       useRongyunStore.SET_online(false);
-      proxy.$modal.msgWarning('IM 链接失败，请检查网络后再试');
+      proxy.$modal.msgWarning("IM 链接失败，请检查网络后再试");
     });
 };
 // RTC
@@ -271,10 +287,10 @@
 };
 // Rcall
 const initCall = () => {
-  console.log('aaaa');
-  console.log(callInstaller, 'callInstaller');
-  console.log('useRongyunStore.rtcClient', useRongyunStore.rtcClient);
-  console.log(toRaw(useRongyunStore.rtcClient), 'useRongyunStore.rtcClient');
+  console.log("aaaa");
+  console.log(callInstaller, "callInstaller");
+  console.log("useRongyunStore.rtcClient", useRongyunStore.rtcClient);
+  console.log(toRaw(useRongyunStore.rtcClient), "useRongyunStore.rtcClient");
   let callClient = RongIMLib.installPlugin(callInstaller, {
     rtcClient: toRaw(useRongyunStore.rtcClient),
     /**
@@ -282,7 +298,7 @@
      */
 
     onSession: (session, extra) => {
-      console.log('来电拉来电拉', session, extra);
+      console.log("来电拉来电拉", session, extra);
       allData.conversationType = session.getConversationType();
       allData.remoteUser = session.getRemoteUsers();
       allData.acceptType = session;
@@ -298,7 +314,7 @@
       audio.src = successUrl;
       proxy.$modal.msgWarning(`收到 ${session.getCallerId()} 的通话邀请`);
       allData.showTip = true;
-      console.log('allData.showTip', allData.showTip);
+      console.log("allData.showTip", allData.showTip);
     },
     /**
      *  以下三条只要满足一条，就会触发onSessionClose
@@ -310,16 +326,16 @@
      *  @param summaryInfo 结束一个 session 的后汇总信息
      */
     onSessionClose: (session, summaryInfo) => {
-      console.log('通话已结束', summaryInfo);
+      console.log("通话已结束", summaryInfo);
       audio.pause();
-      proxy.$modal.msgWarning('通话已结束');
+      proxy.$modal.msgWarning("通话已结束");
       allData.showTip = false;
       //清除拨号界面的video视图
-      bus.emit('removeEle');
+      bus.emit("removeEle");
       allData.showVideo = false;
     },
   });
-  console.log(callClient, 'callClient');
+  console.log(callClient, "callClient");
   useRongyunStore.SET_CALL(callClient);
 };
 /**
@@ -327,25 +343,25 @@
  */
 const getCallSessionEvent = () => {
   return {
-    onRinging: sender => {
+    onRinging: (sender) => {
       proxy.$modal.msgWarning(` ${sender.userId} 振铃`);
     },
-    onAccept: sender => {
+    onAccept: (sender) => {
       proxy.$modal.msgWarning(` ${sender.userId} 已接听`);
     },
     onHungup: (sender, reason) => {
       proxy.$modal.msgWarning(` ${sender.userId} 已挂断`);
-      const videoViewDom = getDom('#videoViewAPP');
+      const videoViewDom = getDom("#videoViewAPP");
       const videoDom = getDom(`#video-${sender.userId}`);
       videoDom && videoViewDom.removeChild(videoDom);
-      const itemdomList = document.getElementsByClassName('video-item');
+      const itemdomList = document.getElementsByClassName("video-item");
       if (itemdomList.length <= 1) {
         restore();
         removeVideoEl();
         allData.showVideo = false;
       }
     },
-    onTrackReady: track => {
+    onTrackReady: (track) => {
       appendVideoEl(track);
       // 暂停
       // 当本端资源或远端资源已获取, 该函数有 2 个参数：track 是本端资源或远端资源, session 是通话实例。这时用户可以用拿到的 track 播放音频、视频。
@@ -353,23 +369,23 @@
       if (!track.isLocalTrack()) {
         //
         audio.pause();
-        proxy.$modal.msgWarning('通话已建立');
+        proxy.$modal.msgWarning("通话已建立");
       }
     },
     onMemberModify: (sender, invitedUsers, session) => {
-      console.log('触发邀请监听1111', sender, invitedUsers, session);
-      console.log('触发邀请监听1111', allData.userList);
+      console.log("触发邀请监听1111", sender, invitedUsers, session);
+      console.log("触发邀请监听1111", allData.userList);
 
       // 群组通话中有其他人被邀请加入, 该函数有 3 个参数: sender 是发送者，invitedUsers 是被邀请的用户列表, session 是通话实例。这时用户可以在 UI 层提示‘xxx加入通话’。
     },
-    onMediaModify: sender => {
+    onMediaModify: (sender) => {
       // 通话类型改变时触发, 该函数有3个参数: sender 是发送者，mediaType 通话类型, session 是通话实例。这时用户可以在 UI 层提示‘已降级成音频通话’。
     },
-    onAudioMuteChange: muteUser => {
+    onAudioMuteChange: (muteUser) => {
       // 对方静音后触发, 该函数有2个参数: muteUser 是已静音的用户, session 是通话实例。这时用户可以在 UI 层提示‘xxx已静音’。
       proxy.$modal.msgWarning(` ${muteUser.userId} 已静音`);
     },
-    onVideoMuteChange: muteUser => {
+    onVideoMuteChange: (muteUser) => {
       // 对方禁用视频后触发, 该函数有2个参数: muteUser 是已禁用视频的用户, session 是通话实例。这时用户可以在 UI 层提示‘xxx已禁用视频’。
       proxy.$modal.msgWarning(` ${muteUser.userId} 已禁用视频`);
     },
@@ -378,7 +394,7 @@
 /**
  * callSession 事件注册
  */
-const registerCallSessionEvent = session => {
+const registerCallSessionEvent = (session) => {
   const events = getCallSessionEvent();
   session.registerSessionListener(events);
 };
@@ -390,7 +406,7 @@
     .accept()
     .then(({ code }) => {
       if (code === RCCallErrorCode.SUCCESS) {
-        proxy.$modal.msgWarning('接听成功');
+        proxy.$modal.msgWarning("接听成功");
         allData.showTip = false;
         allData.showVideo = true;
       } else {
@@ -424,37 +440,37 @@
 };
 
 // 接听或者挂断失败后都调 融合通讯通话
-const hungupApi = code => {
-  console.log('调取了挂断接口xxxx', GetpromoterThridUserId.value);
+const hungupApi = (code) => {
+  console.log("调取了挂断接口xxxx", GetpromoterThridUserId.value);
   let params = {
     promoterThridUserId: GetpromoterThridUserId.value, //发起人
-    answerThridUserId: allData.phone + '_web', //接听人 当前登录人
-    updateBy: localStorage.getItem('userNo'),
+    answerThridUserId: allData.phone + "_web", //接听人 当前登录人
+    updateBy: localStorage.getItem("userNo"),
     answerType: code || null,
   };
-  console.log('调取了挂断接口xxxx', params);
-  hangUp(params).then(res => {
-    console.log('调取了挂断接口xxxx', res);
+  console.log("调取了挂断接口xxxx", params);
+  hangUp(params).then((res) => {
+    console.log("调取了挂断接口xxxx", res);
   });
 };
 
 /**
  * video 视图渲染
  */
-const appendVideoEl = async track => {
-  const container = getDom('#videoViewAPP');
+const appendVideoEl = async (track) => {
+  const container = getDom("#videoViewAPP");
   const uid = track.getUserId();
   let mediaType = toRaw(useRongyunStore.mediaType);
   let videoTpl = null;
   let params = {
-    phone: uid.split('_')[0],
+    phone: uid.split("_")[0],
   };
   let res = await listrcloudUnitUser(params);
   let data = res.data[0];
   if (res.code == 200) {
-    const node = document.createElement('div');
-    node.setAttribute('id', `video-${uid}`);
-    if (allData.idList.findIndex(i => i == `video-${uid}`) == -1) {
+    const node = document.createElement("div");
+    node.setAttribute("id", `video-${uid}`);
+    if (allData.idList.findIndex((i) => i == `video-${uid}`) == -1) {
       allData.idList.push(`video-${uid}`);
     }
     if (mediaType == 1) {
@@ -463,20 +479,20 @@
       videoTpl = `<span class="video-user-id">${data.name} ：${uid} </span><video id="${uid}"></video>`;
     }
     node.innerHTML = videoTpl;
-    node.classList.add('video-item');
+    node.classList.add("video-item");
     let length = allData.remoteUser.length + 1;
-    console.log('什么东西', allData.conversationType, length);
+    console.log("什么东西", allData.conversationType, length);
 
     // 根据人数判断渲染不同的视图样式
-    if (allData.phone + '_web' == uid && length <= 2) {
-      node.classList.add('first-child');
+    if (allData.phone + "_web" == uid && length <= 2) {
+      node.classList.add("first-child");
     }
 
     if (length > 2 && length <= 4) {
-      node.classList.add('video-item-4');
+      node.classList.add("video-item-4");
     }
     if (length > 4 && length <= 8) {
-      node.classList.add('video-item-8');
+      node.classList.add("video-item-8");
     }
 
     if (track.isAudioTrack()) {
@@ -500,12 +516,12 @@
 //还原
 const restore = () => {
   allData.styleRY = {
-    width: '900px',
-    height: '600px',
+    width: "900px",
+    height: "600px",
   };
-  const dom1 = getDom('#videoViewAPP');
+  const dom1 = getDom("#videoViewAPP");
   if (!dom1) return false;
-  dom1.style = '';
+  dom1.style = "";
   allData.idList.forEach((item, index) => {
     let videodom = getDom(`#${item}`);
     if (videodom) {
@@ -520,31 +536,31 @@
 };
 
 // 通过userPhone匹配用户名称
-const queryformUserName = async callerId => {
-  console.log('callerId匹配用户名称', callerId);
+const queryformUserName = async (callerId) => {
+  console.log("callerId匹配用户名称", callerId);
 
   let params = {
-    phone: callerId.split('_')[0],
+    phone: callerId.split("_")[0],
   };
   let res = await listrcloudUnitUser(params);
-  console.log('res获取用户', res);
+  console.log("res获取用户", res);
   if (res && res.code == 200) {
     let name = res.data[0].name;
     allData.fromCalluser = `${name}`;
   }
 };
 const removeVideoEl = () => {
-  if (!getDom('#videoViewAPP')) return false;
-  getDom('#videoViewAPP').innerHTML = '';
-  getDom('#videoViewAPP').style = '';
+  if (!getDom("#videoViewAPP")) return false;
+  getDom("#videoViewAPP").innerHTML = "";
+  getDom("#videoViewAPP").style = "";
 };
 
 onBeforeUnmount(() => {
-  RongIMLib.disconnect().then(() => console.log('断开链接成功'));
+  RongIMLib.disconnect().then(() => console.log("断开链接成功"));
 });
 </script>
 <style lang="scss">
-@import '@/views/RongyunCommunication/rongyuncss/index.scss';
+@import "@/views/RongyunCommunication/rongyuncss/index.scss";
 </style>
 <style lang="scss" scoped>
 .rybtn {

diff --git a/src/views/RongyunCommunication/index.vue b/src/views/RongyunCommunication/index.vue
index d41d256..6a815be 100644
--- a/src/views/RongyunCommunication/index.vue
+++ b/src/views/RongyunCommunication/index.vue
@@ -1,11 +1,19 @@
 <template>
   <!-- 接听来电提醒 -->
-  <el-dialog v-model="allData.showTip" id="tipModal" append-to-body :close-on-click-modal="false" class="responseDialog">
+  <el-dialog
+    v-model="allData.showTip"
+    id="tipModal"
+    append-to-body
+    :close-on-click-modal="false"
+    class="responseDialog"
+  >
     <template #header>
       <div class="tipsHeader">来电提示</div>
     </template>
     <div style="line-height: 80px; text-align: center; font-size: 16px; color: #fff">
-      收到来自 {{ allData.fromCalluser }} 的{{ useRongyunStore.mediaType == 2 ? '视频' : '语音' }}邀请，是否接听？？？
+      收到来自 {{ allData.fromCalluser }} 的{{
+        useRongyunStore.mediaType == 2 ? "视频" : "语音"
+      }}邀请，是否接听？？？
     </div>
     <template #footer>
       <div class="dialog-footer">
@@ -26,14 +34,24 @@
     <template #header>
       <div class="titleRy">
         远程会商
-        <img @click="hungup()" src="/src/assets/images/rongYunImg/gb_btn.png" class="rybtn" />
+        <img
+          @click="hungup()"
+          src="/src/assets/images/rongYunImg/gb_btn.png"
+          class="rybtn"
+        />
       </div>
     </template>
 
     <div class="rong-container-app" id="rongContainer">
       <div id="videoViewAPP" class="rong-video-box-app"></div>
       <div id="videoActionAPP" class="rong-action-app">
-        <img class="hunupBtn" id="hunup" src="/src/assets/images/rongYunImg/call-off.png" alt="" @click="hungup()" />
+        <img
+          class="hunupBtn"
+          id="hunup"
+          src="/src/assets/images/rongYunImg/call-off.png"
+          alt=""
+          @click="hungup()"
+        />
       </div>
     </div>
   </el-dialog>
@@ -42,21 +60,34 @@
       <img class="vioceIcon" src="/src/assets/images/rongYunImg/voice.png" alt="" />
       请开启声音权限
     </div>
-    <el-button class="submit" type="primary" @click="allData.showVoice = false">确定</el-button>
+    <el-button class="submit" type="primary" @click="allData.showVoice = false"
+      >确定</el-button
+    >
   </div>
 </template>
 <script setup>
-import { ref, reactive, toRefs, onMounted, nextTick } from 'vue';
-import { getToken } from '@/utils/auth';
-import { listrcloudUnitUser, getUserStatus, queryToken, hangUp } from '@/views/RongyunCommunication/rongyunjs/rongyunApi.js';
-import { getInfo } from '@/api/login';
-import rongyunStore from '@/store/modules/rongyunStore';
+import { ref, reactive, toRefs, onMounted, nextTick } from "vue";
+import { getToken } from "@/utils/auth";
+import {
+  listrcloudUnitUser,
+  getUserStatus,
+  queryToken,
+  hangUp,
+} from "@/views/RongyunCommunication/rongyunjs/rongyunApi.js";
+import { getInfo } from "@/api/login";
+import rongyunStore from "@/store/modules/rongyunStore";
 const useRongyunStore = rongyunStore();
-import bus from '@/utils/util';
-import * as RongIMLib from '@rongcloud/imlib-next';
+import bus from "@/utils/util";
+import * as RongIMLib from "@rongcloud/imlib-next";
 // 导入 RTCLib、CallLib
-import { installer as rtcInstaller, RCRTCClient, RCTrack, RCFrameRate, RCResolution } from '@rongcloud/plugin-rtc';
-import useAppStore from '@/store/modules/app';
+import {
+  installer as rtcInstaller,
+  RCRTCClient,
+  RCTrack,
+  RCFrameRate,
+  RCResolution,
+} from "@rongcloud/plugin-rtc";
+import useAppStore from "@/store/modules/app";
 const appStore = useAppStore();
 
 import {
@@ -68,67 +99,52 @@
   RCCallEndReason,
   RCCallMediaType,
   RCCallSessionState,
-} from '@rongcloud/plugin-call';
+} from "@rongcloud/plugin-call";
 const { proxy } = getCurrentInstance();
 const audio = new Audio();
-const successUrl = 'https://192.168.100.18:10000/image/newfiber-standard-region-project/ring.mp3';
+const successUrl =
+  "https://192.168.100.18:10000/image/newfiber-standard-region-project/ring.mp3";
 
 const allData = reactive({
   showVoice: true,
   // 实例化一个音频播放器对象
 
-  tokenRy: '',
-  appkey: 'pkfcgjjue28x8',
-  navi: 'https://jingkai.wh-nf.cn:11444',
-  phone: '',
-  userName: '',
+  tokenRy: "",
+  appkey: "pkfcgjjue28x8",
+  navi: "https://jingkai.wh-nf.cn:11444",
+  phone: "",
+  userName: "",
   showTip: false,
   fromCalluser: null,
   showVideo: false,
   styleRY: {
-    width: '900px',
-    height: '600px',
+    width: "900px",
+    height: "600px",
   },
   conversationType: null, //接收类型
   remoteUser: [], //房间人员列表
   idList: [], //视频id-dom列表
   timer: null,
-  acceptType: '',
+  acceptType: "",
 });
-const GetpromoterThridUserId = ref('');
+const GetpromoterThridUserId = ref("");
 
-const {
-  showVoice,
-  tokenRy,
-  appkey,
-  navi,
-  phone,
-  userName,
-  showTip,
-  fromCalluser,
-  showVideo,
-  styleRY,
-  conversationType,
-  remoteUser,
-  idList,
-  timer,
-} = toRefs(allData);
 onMounted(() => {
-  bus.off('showRy');
-  bus.on('showRy', e => {
-    console.log('打开融云弹框');
+  bus.off("showRy");
+  bus.on("showRy", (e) => {
+    console.log("打开融云弹框");
     if (getToken()) {
       GetuserInfo();
     }
   });
-  bus.off('rystatus');
-  bus.on('rystatus', e => {
-    console.log('拨打调用', e);
+  bus.off("rystatus");
+  bus.on("rystatus", (e) => {
+    console.log("拨打调用", e);
     if (getToken()) {
       reconnect();
     }
   });
-  console.log('getToken()', getToken());
+  console.log("getToken()", getToken());
 
   if (getToken()) {
     GetuserInfo();
@@ -137,7 +153,7 @@
 // 播放音频
 const PlayAudio = () => {
   let music1 = new Audio(); //建立一个music1对象
-  music1 = 'https://jingkai.wh-nf.cn:8900/resources/videos/ring.mp3'; //通过require引入音频
+  music1 = "https://jingkai.wh-nf.cn:8900/resources/videos/ring.mp3"; //通过require引入音频
   this.$refs.audio.src = music1; //此处的audio为代码ref="audio"中的audio
   this.$refs.audio.play(); //play()为播放函数
 };
@@ -145,7 +161,7 @@
 const reconnect = () => {
   allData.tokenRy && connectIM();
   useRongyunStore.SET_online(false);
-  proxy.$modal.msgWarning('视频会商已离线，重新连接中！');
+  proxy.$modal.msgWarning("视频会商已离线，重新连接中！");
 };
 const getStaus = (time = 0) => {
   clearInterval(allData.timer);
@@ -153,18 +169,18 @@
     useRongyunStore.SET_online(false);
 
     let params = {
-      registerThridUserId: allData.phone + '_web',
+      registerThridUserId: allData.phone + "_web",
     };
 
     let res = await getUserStatus(params);
-    console.log('轮询,', res);
+    console.log("轮询,", res);
     let flag = null;
     if (res.code == 200) {
       flag = JSON.parse(res.data);
     }
     if (flag != 1) {
       allData.tokenRy && connectIM();
-      proxy.$modal.msgWarning('视频会商已离线，重新连接中！');
+      proxy.$modal.msgWarning("视频会商已离线，重新连接中！");
     } else {
       useRongyunStore.SET_online(true);
     }
@@ -172,10 +188,10 @@
 };
 
 const GetuserInfo = () => {
-  console.log('1111111111111');
-  getInfo().then(res => {
-    console.log('当前登陆人信息', res);
-    localStorage.setItem('userNo', res.data.user.userName);
+  console.log("1111111111111");
+  getInfo().then((res) => {
+    console.log("当前登陆人信息", res);
+    localStorage.setItem("userNo", res.data.user.userName);
     allData.phone = res.data.user.phonenumber;
     getQueryToken();
   });
@@ -184,7 +200,7 @@
 // 获取融云token
 const getQueryToken = async () => {
   let params = {
-    registerThridUserId: allData.phone + '_web',
+    registerThridUserId: allData.phone + "_web",
   };
   let res = await queryToken(params);
 
@@ -199,49 +215,49 @@
   } else {
     useRongyunStore.SET_haveRYtoken(false);
     useRongyunStore.SET_online(false);
-    proxy.$modal.msgWarning('获取通讯token失败');
+    proxy.$modal.msgWarning("获取通讯token失败");
   }
 };
 // 获取元素
-const getDom = key => {
+const getDom = (key) => {
   return document.querySelector(key);
 };
-const connectEvents = Events => {
+const connectEvents = (Events) => {
   /**
    * 正在链接的事件状态
    */
   RongIMLib.addEventListener(Events.CONNECTING, () => {
-    console.log('正在链接...');
+    console.log("正在链接...");
   });
 
   /**
    * 链接到服务器会触发这个事件
    */
   RongIMLib.addEventListener(Events.CONNECTED, () => {
-    console.log('连接成功');
+    console.log("连接成功");
   });
 
   /**
    * 手动调用 disconnect 方法或者用户被踢下线 会触发这个事件
    */
-  RongIMLib.addEventListener(Events.DISCONNECT, code => {
-    console.log('连接中断，需要业务层进行重连处理 ->', code);
+  RongIMLib.addEventListener(Events.DISCONNECT, (code) => {
+    console.log("连接中断，需要业务层进行重连处理 ->", code);
   });
 
   /**
    * 链接出问题时，内部进行重新链接，会触发这个事件
    */
-  RongIMLib.addEventListener(Events.SUSPEND, code => {
-    console.log('链接中断，SDK 会尝试重连，业务层无需关心');
+  RongIMLib.addEventListener(Events.SUSPEND, (code) => {
+    console.log("链接中断，SDK 会尝试重连，业务层无需关心");
     // 5.1.2 版本开始，事件回调中会引起中断的 code 状态码
     console.log(`code -> ${code}`);
   });
 };
 // IM 实例
 const connectIM = () => {
-  console.log('初始化connectIM', allData.appkey);
-  console.log('初始化connectIM22', allData.navi);
-  console.log('初始化connectIM22', allData.tokenRy);
+  console.log("初始化connectIM", allData.appkey);
+  console.log("初始化connectIM22", allData.navi);
+  console.log("初始化connectIM22", allData.tokenRy);
   RongIMLib.init({
     appkey: allData.appkey,
     navigators: [allData.navi],
@@ -251,17 +267,17 @@
   initCall();
   const token = allData.tokenRy;
   RongIMLib.connect(token)
-    .then(data => {
-      console.log('*-*-', data);
+    .then((data) => {
+      console.log("*-*-", data);
       // 监听融云状态
       connectEvents(RongIMLib.Events);
       useRongyunStore.SET_online(true);
       proxy.$message.success(`用户 ${data.data.userId} IM 链接成功 ✌🏻`);
     })
-    .catch(error => {
+    .catch((error) => {
       console.log(error);
       useRongyunStore.SET_online(false);
-      proxy.$modal.msgWarning('IM 链接失败，请检查网络后再试');
+      proxy.$modal.msgWarning("IM 链接失败，请检查网络后再试");
     });
 };
 // RTC
@@ -271,10 +287,10 @@
 };
 // Rcall
 const initCall = () => {
-  console.log('aaaa');
-  console.log(callInstaller, 'callInstaller');
-  console.log('useRongyunStore.rtcClient', useRongyunStore.rtcClient);
-  console.log(toRaw(useRongyunStore.rtcClient), 'useRongyunStore.rtcClient');
+  console.log("aaaa");
+  console.log(callInstaller, "callInstaller");
+  console.log("useRongyunStore.rtcClient", useRongyunStore.rtcClient);
+  console.log(toRaw(useRongyunStore.rtcClient), "useRongyunStore.rtcClient");
   let callClient = RongIMLib.installPlugin(callInstaller, {
     rtcClient: toRaw(useRongyunStore.rtcClient),
     /**
@@ -282,7 +298,7 @@
      */
 
     onSession: (session, extra) => {
-      console.log('来电拉来电拉', session, extra);
+      console.log("来电拉来电拉", session, extra);
       allData.conversationType = session.getConversationType();
       allData.remoteUser = session.getRemoteUsers();
       allData.acceptType = session;
@@ -298,7 +314,7 @@
       audio.src = successUrl;
       proxy.$modal.msgWarning(`收到 ${session.getCallerId()} 的通话邀请`);
       allData.showTip = true;
-      console.log('allData.showTip', allData.showTip);
+      console.log("allData.showTip", allData.showTip);
     },
     /**
      *  以下三条只要满足一条，就会触发onSessionClose
@@ -310,16 +326,16 @@
      *  @param summaryInfo 结束一个 session 的后汇总信息
      */
     onSessionClose: (session, summaryInfo) => {
-      console.log('通话已结束', summaryInfo);
+      console.log("通话已结束", summaryInfo);
       audio.pause();
-      proxy.$modal.msgWarning('通话已结束');
+      proxy.$modal.msgWarning("通话已结束");
       allData.showTip = false;
       //清除拨号界面的video视图
-      bus.emit('removeEle');
+      bus.emit("removeEle");
       allData.showVideo = false;
     },
   });
-  console.log(callClient, 'callClient');
+  console.log(callClient, "callClient");
   useRongyunStore.SET_CALL(callClient);
 };
 /**
@@ -327,25 +343,25 @@
  */
 const getCallSessionEvent = () => {
   return {
-    onRinging: sender => {
+    onRinging: (sender) => {
       proxy.$modal.msgWarning(` ${sender.userId} 振铃`);
     },
-    onAccept: sender => {
+    onAccept: (sender) => {
       proxy.$modal.msgWarning(` ${sender.userId} 已接听`);
     },
     onHungup: (sender, reason) => {
       proxy.$modal.msgWarning(` ${sender.userId} 已挂断`);
-      const videoViewDom = getDom('#videoViewAPP');
+      const videoViewDom = getDom("#videoViewAPP");
       const videoDom = getDom(`#video-${sender.userId}`);
       videoDom && videoViewDom.removeChild(videoDom);
-      const itemdomList = document.getElementsByClassName('video-item');
+      const itemdomList = document.getElementsByClassName("video-item");
       if (itemdomList.length <= 1) {
         restore();
         removeVideoEl();
         allData.showVideo = false;
       }
     },
-    onTrackReady: track => {
+    onTrackReady: (track) => {
       appendVideoEl(track);
       // 暂停
       // 当本端资源或远端资源已获取, 该函数有 2 个参数：track 是本端资源或远端资源, session 是通话实例。这时用户可以用拿到的 track 播放音频、视频。
@@ -353,23 +369,23 @@
       if (!track.isLocalTrack()) {
         //
         audio.pause();
-        proxy.$modal.msgWarning('通话已建立');
+        proxy.$modal.msgWarning("通话已建立");
       }
     },
     onMemberModify: (sender, invitedUsers, session) => {
-      console.log('触发邀请监听1111', sender, invitedUsers, session);
-      console.log('触发邀请监听1111', allData.userList);
+      console.log("触发邀请监听1111", sender, invitedUsers, session);
+      console.log("触发邀请监听1111", allData.userList);
 
       // 群组通话中有其他人被邀请加入, 该函数有 3 个参数: sender 是发送者，invitedUsers 是被邀请的用户列表, session 是通话实例。这时用户可以在 UI 层提示‘xxx加入通话’。
     },
-    onMediaModify: sender => {
+    onMediaModify: (sender) => {
       // 通话类型改变时触发, 该函数有3个参数: sender 是发送者，mediaType 通话类型, session 是通话实例。这时用户可以在 UI 层提示‘已降级成音频通话’。
     },
-    onAudioMuteChange: muteUser => {
+    onAudioMuteChange: (muteUser) => {
       // 对方静音后触发, 该函数有2个参数: muteUser 是已静音的用户, session 是通话实例。这时用户可以在 UI 层提示‘xxx已静音’。
       proxy.$modal.msgWarning(` ${muteUser.userId} 已静音`);
     },
-    onVideoMuteChange: muteUser => {
+    onVideoMuteChange: (muteUser) => {
       // 对方禁用视频后触发, 该函数有2个参数: muteUser 是已禁用视频的用户, session 是通话实例。这时用户可以在 UI 层提示‘xxx已禁用视频’。
       proxy.$modal.msgWarning(` ${muteUser.userId} 已禁用视频`);
     },
@@ -378,7 +394,7 @@
 /**
  * callSession 事件注册
  */
-const registerCallSessionEvent = session => {
+const registerCallSessionEvent = (session) => {
   const events = getCallSessionEvent();
   session.registerSessionListener(events);
 };
@@ -390,7 +406,7 @@
     .accept()
     .then(({ code }) => {
       if (code === RCCallErrorCode.SUCCESS) {
-        proxy.$modal.msgWarning('接听成功');
+        proxy.$modal.msgWarning("接听成功");
         allData.showTip = false;
         allData.showVideo = true;
       } else {
@@ -424,37 +440,37 @@
 };
 
 // 接听或者挂断失败后都调 融合通讯通话
-const hungupApi = code => {
-  console.log('调取了挂断接口xxxx', GetpromoterThridUserId.value);
+const hungupApi = (code) => {
+  console.log("调取了挂断接口xxxx", GetpromoterThridUserId.value);
   let params = {
     promoterThridUserId: GetpromoterThridUserId.value, //发起人
-    answerThridUserId: allData.phone + '_web', //接听人 当前登录人
-    updateBy: localStorage.getItem('userNo'),
+    answerThridUserId: allData.phone + "_web", //接听人 当前登录人
+    updateBy: localStorage.getItem("userNo"),
     answerType: code || null,
   };
-  console.log('调取了挂断接口xxxx', params);
-  hangUp(params).then(res => {
-    console.log('调取了挂断接口xxxx', res);
+  console.log("调取了挂断接口xxxx", params);
+  hangUp(params).then((res) => {
+    console.log("调取了挂断接口xxxx", res);
   });
 };
 
 /**
  * video 视图渲染
  */
-const appendVideoEl = async track => {
-  const container = getDom('#videoViewAPP');
+const appendVideoEl = async (track) => {
+  const container = getDom("#videoViewAPP");
   const uid = track.getUserId();
   let mediaType = toRaw(useRongyunStore.mediaType);
   let videoTpl = null;
   let params = {
-    phone: uid.split('_')[0],
+    phone: uid.split("_")[0],
   };
   let res = await listrcloudUnitUser(params);
   let data = res.data[0];
   if (res.code == 200) {
-    const node = document.createElement('div');
-    node.setAttribute('id', `video-${uid}`);
-    if (allData.idList.findIndex(i => i == `video-${uid}`) == -1) {
+    const node = document.createElement("div");
+    node.setAttribute("id", `video-${uid}`);
+    if (allData.idList.findIndex((i) => i == `video-${uid}`) == -1) {
       allData.idList.push(`video-${uid}`);
     }
     if (mediaType == 1) {
@@ -463,20 +479,20 @@
       videoTpl = `<span class="video-user-id">${data.name} ：${uid} </span><video id="${uid}"></video>`;
     }
     node.innerHTML = videoTpl;
-    node.classList.add('video-item');
+    node.classList.add("video-item");
     let length = allData.remoteUser.length + 1;
-    console.log('什么东西', allData.conversationType, length);
+    console.log("什么东西", allData.conversationType, length);
 
     // 根据人数判断渲染不同的视图样式
-    if (allData.phone + '_web' == uid && length <= 2) {
-      node.classList.add('first-child');
+    if (allData.phone + "_web" == uid && length <= 2) {
+      node.classList.add("first-child");
     }
 
     if (length > 2 && length <= 4) {
-      node.classList.add('video-item-4');
+      node.classList.add("video-item-4");
     }
     if (length > 4 && length <= 8) {
-      node.classList.add('video-item-8');
+      node.classList.add("video-item-8");
     }
 
     if (track.isAudioTrack()) {
@@ -500,12 +516,12 @@
 //还原
 const restore = () => {
   allData.styleRY = {
-    width: '900px',
-    height: '600px',
+    width: "900px",
+    height: "600px",
   };
-  const dom1 = getDom('#videoViewAPP');
+  const dom1 = getDom("#videoViewAPP");
   if (!dom1) return false;
-  dom1.style = '';
+  dom1.style = "";
   allData.idList.forEach((item, index) => {
     let videodom = getDom(`#${item}`);
     if (videodom) {
@@ -520,31 +536,31 @@
 };
 
 // 通过userPhone匹配用户名称
-const queryformUserName = async callerId => {
-  console.log('callerId匹配用户名称', callerId);
+const queryformUserName = async (callerId) => {
+  console.log("callerId匹配用户名称", callerId);
 
   let params = {
-    phone: callerId.split('_')[0],
+    phone: callerId.split("_")[0],
   };
   let res = await listrcloudUnitUser(params);
-  console.log('res获取用户', res);
+  console.log("res获取用户", res);
   if (res && res.code == 200) {
     let name = res.data[0].name;
     allData.fromCalluser = `${name}`;
   }
 };
 const removeVideoEl = () => {
-  if (!getDom('#videoViewAPP')) return false;
-  getDom('#videoViewAPP').innerHTML = '';
-  getDom('#videoViewAPP').style = '';
+  if (!getDom("#videoViewAPP")) return false;
+  getDom("#videoViewAPP").innerHTML = "";
+  getDom("#videoViewAPP").style = "";
 };
 
 onBeforeUnmount(() => {
-  RongIMLib.disconnect().then(() => console.log('断开链接成功'));
+  RongIMLib.disconnect().then(() => console.log("断开链接成功"));
 });
 </script>
 <style lang="scss">
-@import '@/views/RongyunCommunication/rongyuncss/index.scss';
+@import "@/views/RongyunCommunication/rongyuncss/index.scss";
 </style>
 <style lang="scss" scoped>
 .rybtn {
diff --git a/src/views/oneMap/index.vue b/src/views/oneMap/index.vue
index 1376d32..60f3fff 100644
--- a/src/views/oneMap/index.vue
+++ b/src/views/oneMap/index.vue
@@ -499,6 +499,7 @@
 .publicDialogVisible {
   .el-dialog {
     background: linear-gradient(0deg, #03c8e5 0%, #035367 100%);
+    height: 800px;
 
     .el-dialog__title {
       font-family: PangMenZhengDao;