<!-- -->
|
<template>
|
<div>
|
<div class="top_icon">
|
<div class="left_back" @click="handleBack()">
|
<img src="@/assets/img/zuojiantou.png" alt />
|
</div>
|
<div class="right_icon">
|
{{ $t('hj172') }}
|
</div>
|
</div>
|
<div class="bottomIfr" v-if="onlineShow">
|
<!-- <object :data="onlineService" type="text/html" width="100%" height="100%"></object> -->
|
<iframe style="height:100%;overflow-y: auto;" class="conentIfr" scrolling="no" :src="onlineService"></iframe>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
// import * as api from '@/axios/api'
|
export default {
|
data () {
|
return {
|
onlineShow: false,
|
onlineService: ''
|
}
|
},
|
// 生命周期 - 创建完成（访问当前this实例）
|
created () {
|
this.getInfoSite()
|
},
|
// 生命周期 - 挂载完成（访问DOM元素）
|
mounted () {
|
},
|
methods: {
|
handleBack () {
|
// 点击返回/
|
this.$router.go(-1)
|
},
|
getInfoSite () {
|
this.onlineService = this.$route.query.url
|
this.onlineShow = true
|
// window.location.href = this.onlineService;
|
// let data = await api.getInfoSite()
|
// if (data.status === 0) {
|
// this.onlineService = data.data.onlineService
|
// this.onlineShow = true
|
// } else {
|
// this.$store.commit('elAlertShow', { 'elAlertShow': true, 'elAlertText': data.msg })
|
// }
|
}
|
}
|
}
|
</script>
|
<style scoped lang='less'>
|
/* @import url(); 引入css类 */
|
.top_icon {
|
position: absolute;
|
width: 100%;
|
height: 1.5rem;
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
z-index: 9999999;
|
background-color: #fff;
|
box-shadow: 0 0 1px #999;
|
|
.left_back {
|
width: 10%;
|
height: 50%;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
z-index:9999;
|
|
img {
|
width: 0.6rem;
|
height: 0.6rem;
|
}
|
}
|
|
.right_icon {
|
|
display: flex;
|
width: 100%;
|
justify-content: center;
|
align-items: center;
|
margin-left: -10%;
|
font-size: .4rem;
|
font-weight: 800;
|
|
}
|
}
|
|
.bottomIfr {
|
position: absolute;
|
top: 1.5rem;
|
left: 0;
|
right: 0;
|
bottom: 0;
|
|
}
|
|
.conentIfr {
|
width: 100%;
|
height: 90%;
|
border: none;
|
//取消滚动条
|
overflow: hidden;
|
}
|
</style>
|
