update:更新iframe配置

@@ -19,14 +19,14 @@
       <el-button type="primary" @click="open">呼叫</el-button>
       <el-button type="primary" @click="open">呼叫</el-button>
       <el-button type="primary" @click="cancelCall">取消呼叫</el-button>
       <el-button type="primary" @click="cancelCall">取消呼叫</el-button>
     </p>
     </p>
-    <iframe
+    <!-- <iframe
       v-if="isStart"
       v-if="isStart"
       ref="srtcIframe"
       ref="srtcIframe"
       title="srtcIframe"
       title="srtcIframe"
       :src="target"
       :src="target"
       frameborder="2"
       frameborder="2"
       allow="microphone;camera;midi;encrypted-media;fullscreen;"
       allow="microphone;camera;midi;encrypted-media;fullscreen;"
-    ></iframe>
+    ></iframe> -->
   </div>
   </div>
 </template>
 </template>
 
 
@@ -34,17 +34,18 @@
 export default {
 export default {
   data() {
   data() {
     return {
     return {
-      baseUrl: 'https://pre-web-chery.situdata.com',
+      // baseUrl: 'https://pre-web-chery.situdata.com',
+      baseUrl: 'https://localhost:8081',
       isStart: false,
       isStart: false,
       target: '',
       target: '',
       strWindowFeatures: `
       strWindowFeatures: `
-        left=2400,
-        top=200
+        left=2800,
+        top=200,
         height=500,
         height=500,
         width=700,
         width=700,
         menubar=1,
         menubar=1,
         toolbar=1,
         toolbar=1,
-        fullscreen=1
+        status=1
         `,
         `,
       orderInfo: {
       orderInfo: {
         appUserName: '刘臻',
         appUserName: '刘臻',
@@ -61,15 +62,15 @@ export default {
     open() {
     open() {
       this.isStart = true
       this.isStart = true
       this.target = `${this.baseUrl}/#/srtc-iframe?path="https://localhost:8080"`
       this.target = `${this.baseUrl}/#/srtc-iframe?path="https://localhost:8080"`
-      this.$nextTick().then(() => {
-        this.$refs.srtcIframe.onload = () => {
+      this.srtcIframe = window.open(this.target, 'srtc', this.strWindowFeatures)
+      this.srtcIframe.focus()
+      setTimeout(() => {
         this.sendMessage()
         this.sendMessage()
-        }
-      })
+      }, 2000)
     },
     },
     sendMessage() {
     sendMessage() {
       const { appUserName, appUserPhone, orderId, webUserName } = this.orderInfo
       const { appUserName, appUserPhone, orderId, webUserName } = this.orderInfo
-      this.$refs.srtcIframe.contentWindow.postMessage(
+      this.srtcIframe.postMessage(
         {
         {
           type: 'startCall',
           type: 'startCall',
           data: {
           data: {
@@ -83,12 +84,13 @@ export default {
       )
       )
     },
     },
     cancelCall() {
     cancelCall() {
-      this.$refs.srtcIframe.contentWindow.postMessage(
+      this.srtcIframe.postMessage(
         {
         {
           type: 'cancelCall'
           type: 'cancelCall'
         },
         },
         this.baseUrl
         this.baseUrl
       )
       )
+      this.srtcIframe.close()
     },
     },
     receiveMessage(e) {
     receiveMessage(e) {
       if (e.origin !== this.baseUrl) {
       if (e.origin !== this.baseUrl) {
@@ -100,11 +102,14 @@ export default {
       switch (type) {
       switch (type) {
         case 'appHangUp':
         case 'appHangUp':
           this.isStart = false
           this.isStart = false
+          this.srtcIframe.close()
           break
           break
         case 'cancelCallCB':
         case 'cancelCallCB':
+          this.srtcIframe.close()
           this.isStart = false
           this.isStart = false
           break
           break
         case 'webHangUp':
         case 'webHangUp':
+          this.srtcIframe.close()
           this.isStart = false
           this.isStart = false
           break
           break
       }
       }