|
|
@@ -804,6 +804,10 @@
|
|
|
<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>
|
|
|
@@ -814,6 +818,8 @@ export default {
|
|
|
name: "detailsDialog",
|
|
|
data() {
|
|
|
return {
|
|
|
+ dialUrl:"",
|
|
|
+ showIframe: false,
|
|
|
dialogVisible: false,
|
|
|
obj: {},
|
|
|
warrantObj: {},
|
|
|
@@ -945,8 +951,11 @@ export default {
|
|
|
phoneDial(type) {
|
|
|
this.$api.letter.getMobileByOrderNo(this.orderInfo.orderno, type).then((res) => {
|
|
|
if (res.code == '200') {
|
|
|
- const url = `https://172.168.1.66/call?username=${res.data.username}&password=${res.data.password}&number=${res.data.phone}`;
|
|
|
- window.location.href = url;
|
|
|
+ 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';
|
|
|
// const params = {
|
|
|
// username: res.data.username,
|
|
|
@@ -1063,6 +1072,29 @@ 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;
|