拨号

src/views/Core/components/detailsDialog.vue

@@ -804,10 +804,6 @@
         <el-button :size="overSize" @click="productCostAddVehicleFactorVisible = false">取 消</el-button>
       </span>
     </el-dialog>
-    <div v-if="showIframe" class="iframe-wrapper ">
-      <iframe  :src="dialUrl"></iframe>
-      <el-button @click="showIframe = false">关闭</el-button>
-    </div>
   </div>
 </template>
 <script>
@@ -818,8 +814,6 @@ export default {
   name: "detailsDialog",
   data() {
     return {
-      dialUrl:"",
-      showIframe: false,
       dialogVisible: false,
       obj: {},
       warrantObj: {},
@@ -951,10 +945,23 @@ export default {
     phoneDial(type) {
       this.$api.letter.getMobileByOrderNo(this.orderInfo.orderno, type).then((res) => {
         if (res.code == '200') {
-          const url = `http://172.168.1.66/call?username=${res.data.username}&password=${res.data.password}&number=${res.data.phone}`;
-          this.dialUrl = url;
-          this.dialogVisible = false;
-          this.showIframe = true;
+          const url = `https://172.168.1.66/call?username=${res.data.username}&password=${res.data.password}&number=${res.data.phone}`;
+          // 获取屏幕的宽度和高度
+          const screenWidth = window.screen.width;
+          const screenHeight = window.screen.height;
+
+          // 计算窗口的位置，使其位于右上角
+          const windowWidth = 600;
+          const windowHeight = 550;
+          const windowLeft = screenWidth - windowWidth;
+          const windowTop = 0; // 顶部位置始终为0，因为我们要放在右上角
+
+          // 打开新窗口
+          window.open(
+            url,
+            'newwindow',
+            `width=${windowWidth},height=${windowHeight},left=${windowLeft},top=${windowTop},menubar=no,toolbar=no,location=no,status=no,scrollbars=yes,resizable=yes`
+          );
 
           // const url = 'https://172.168.1.66/call';
           // const params = {
@@ -1072,29 +1079,6 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-/* 你可以自定义样式来控制iframe的外观和位置 */
-.iframe-wrapper {
-  position: fixed;
-  /* 固定定位 */
-  top: 50%;
-  /* 居中显示 */
-  left: 50%;
-  transform: translate(-50%, -50%);
-  z-index: 1000;
-  /* 确保在最上层 */
-  background: white;
-  padding: 20px;
-  border: 1px solid #ccc;
-  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
-}
-
-.iframe-wrapper iframe {
-  width: 600px;
-  /* iframe的宽度 */
-  height: 400px;
-  /* iframe的高度 */
-}
-
 .details-body {
   .tabLeft {
     list-style: none;