131 lines
3.6 KiB
Vue
131 lines
3.6 KiB
Vue
<template>
|
|
<div style="width: 100%; height: 100%">
|
|
<iframe
|
|
name="myframe"
|
|
frameborder="0"
|
|
width="100%"
|
|
height="100%"
|
|
ref="iframe"
|
|
:src="unityUrl"
|
|
allowfullscreen
|
|
></iframe>
|
|
<div class="title" v-show="textShow">
|
|
{{ text }}
|
|
</div>
|
|
<div class="close" @click="colseModel">
|
|
<img src="@/assets/newbanImg/closeModel.png" />
|
|
</div>
|
|
<!-- <div class="UPS1" v-show="UPS1Show">
|
|
<img src="@/assets/newbanImg/UPS1Img.png"/>
|
|
</div> -->
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "model",
|
|
props: {
|
|
popStatus: {
|
|
type: String,
|
|
},
|
|
},
|
|
data() {
|
|
return {
|
|
unityUrl: "",
|
|
text: "",
|
|
UPS1Show: false,
|
|
textShow: true,
|
|
};
|
|
},
|
|
mounted() {
|
|
this.textShow = true;
|
|
// console.log(this.popstatus);
|
|
if (this.popStatus == "XG") {
|
|
this.unityUrl = "/htWeb/unity.html?src=1";
|
|
this.text = "纪念馆-新馆";
|
|
} else if (this.popStatus == "JG") {
|
|
this.unityUrl = "/htWeb/unity.html?src=2";
|
|
this.text = "纪念馆-旧馆";
|
|
} else if (this.popStatus == "NSFZ") {
|
|
this.unityUrl = "/htWeb/unity.html?src=6";
|
|
this.text = "南京师范大学附属中学";
|
|
} else if (this.popStatus == "YHZX") {
|
|
this.unityUrl = "/htWeb/unity.html?src=8";
|
|
this.text = "南京市雨花中学";
|
|
} else if (this.popStatus == "TXDS") {
|
|
this.unityUrl = "/htWeb/unity.html?src=TXDS";
|
|
this.text = "泰兴融媒体中心配电房";
|
|
} else if (this.popStatus == "GNPD") {
|
|
this.unityUrl = "/htWeb/unity.html?src=GNPD";
|
|
this.text = "灌南县政府配电房";
|
|
} else if (this.popStatus == "GXGD_pd") {
|
|
this.unityUrl = "/htWeb/unity.html?src=GXGD_pd";
|
|
this.text = "无锡市广电大厦配电房";
|
|
} else if (this.popStatus == "SQLM_pd") {
|
|
this.unityUrl = "/htWeb/unity.html?src=SQLM_pd";
|
|
this.text = "宿迁市星辰会议中心";
|
|
} else if (this.popStatus == "XZPD") {
|
|
this.unityUrl = "/htWeb/unity.html?src=XZPD";
|
|
this.text = "徐州市绿地博瑞1#";
|
|
} else if (this.popStatus == "NTPD") {
|
|
this.unityUrl = "/htWeb/unity.html?src=NTPD";
|
|
this.text = "南通广播电视台配电房";
|
|
} else if (this.popStatus == "BHLLL_PeiDianFang") {
|
|
this.unityUrl = "/htWeb/unity.html?src=BHLLL_PeiDianFang";
|
|
this.text = "无锡柏诚系统科技配电房";
|
|
} else if (this.popStatus == "SSCBDZ_BDZ") {
|
|
this.unityUrl = "/htWeb/unity.html?src=SSCBDZ_BDZ";
|
|
this.text = "无锡锡东污水处理变电所";
|
|
} else {
|
|
this.unityUrl = "/htWeb/unity.html?src=currency";
|
|
this.textShow = false;
|
|
}
|
|
},
|
|
methods: {
|
|
colseModel() {
|
|
this.$parent.componentShow = "";
|
|
this.$parent.modelOthers = false;
|
|
// this.$parent.htStatus = 1
|
|
this.$parent.handleMenus(0);
|
|
// this.pageStatus = '';
|
|
this.$parent.popStatus = "";
|
|
// this.$parent.menusArr.pop()
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.title {
|
|
position: absolute;
|
|
width: 224px;
|
|
height: 47px;
|
|
background: url("../../assets/newbanImg/titlebeijing.png") no-repeat;
|
|
background-size: 100% 100%;
|
|
top: 17%;
|
|
left: 25%;
|
|
color: #fff;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
padding-right: 1%;
|
|
}
|
|
.close {
|
|
position: absolute;
|
|
width: 181px;
|
|
height: 47px;
|
|
top: 17%;
|
|
left: 69%;
|
|
}
|
|
.UPS1 {
|
|
width: 356px;
|
|
height: 397px;
|
|
top: 0;
|
|
left: 0;
|
|
margin: auto;
|
|
right: 0;
|
|
bottom: 0;
|
|
position: absolute;
|
|
}
|
|
</style>
|