类型：开发

描述：

src/layout/components/Correspondence/index.vue

@@ -57,7 +57,9 @@
               <div>{{ item.postName }}</div>
               <div>{{ item.phoneNumber }}</div>
               <div>
-                <img class="sp-ico" src="@/assets/images/sp-icom.png" />
+                <img @click="doCallTel(item)" class="tel-ico" src="@/assets/images/tel-icon.png" />
+                <img @click="doCallVoice(item)" class="voice-ico" src="@/assets/images/voice-icon.png" />
+                <img @click="doCallVideo(item)" class="sp-ico" src="@/assets/images/sp-icom.png" />
               </div>
             </div>
           </div>
@@ -72,14 +74,27 @@
 	    </div>
 	  </div>
 	</el-dialog>
+    <el-dialog v-model="dialogComVideo">
+      <div class="videoPrefecture_video" id="videoPrefecture">
+        <video id="youVideo" class="oneVideo"></video>
+        <video id="meVideo" class="twoVideo"></video>
+<!--        <span class="glyphicon glyphicon-volume-down"></span>-->
+<!--        <span class="glyphicon glyphicon-off"></span>-->
+      </div>
+    </el-dialog>
   </div>
 </template>
 
 <script setup>
   import { getComDeptsApi, getComDeptUsersApi, getComRecordApi } from '@/api/common'
+  import {useWebSocket} from "@/hooks/socket.js";
+  import {mode, proSocketBaseUrl, socketBaseUrl} from "@/utils/config.js";
+  import MyWebrtc from '@/assets/com/webrtc.js';
   let deptsList = ref([])
   let dialogTableVisible = ref(false)
   let dialogTableVisible2 = ref(false)
+  let dialogComVideo = ref(false)
+  const webrtcInstance = new MyWebrtc();
   const getComDepts = async () => {
     let res = await getComDeptsApi()
     deptsList.value = res.data
@@ -95,16 +110,31 @@
 	  dialogTableVisible2.value = true
     // location.href="http://192.168.0.2:81/";
   }
+  const doCallTel = (item) => {
+    webrtcInstance.JsSip_VoiceCall('15123854798',true);
+    dialogComVideo.value=true;
+  }
+  const doCallVoice = (item) => {
+    webrtcInstance.JsSip_VoiceCall('854798',false);
+    dialogComVideo.value=true;
+  }
+  const doCallVideo = (item) => {
+    webrtcInstance.JsSip_VoiceCall('854798',true);
+    dialogComVideo.value=true;
+  }
   const handleDepsUser = async (id, item) => {
     gridTitle.value = item.name
     dialogTableVisible.value = true
     let res = await getComDeptUsersApi({ id })
     gridData.value = res.data
   }
-
+  const comRegister = () => {
+    webrtcInstance.jssipAgent('101','192.168.77.8','7066','Admin246246246',null,null,null);
+  }
   onMounted(() => {
     getComDepts()
     getComRecord()
+    comRegister();
   })
 </script>
 
@@ -124,8 +154,19 @@
     color: #fff;
     font-weight: bold;
   }
+  .tel-ico {
+    width: vw(30);
+    cursor: pointer;
+    margin-right: vw(20);
+  }
+  .voice-ico{
+    width: vw(35);
+    cursor: pointer;
+    margin-right: vw(20);
+  }
   .sp-ico {
     width: vw(40);
+    cursor: pointer;
   }
   .item-name {
     width: 90%;