修改意见
This commit is contained in:
parent
ffd99b3cd1
commit
ee6141e072
|
@ -12,9 +12,9 @@
|
||||||
<span class="right">{{ item.value }}</span>
|
<span class="right">{{ item.value }}</span>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<div class="line">
|
<!-- <div class="line">-->
|
||||||
<img src="~@/assets/landRes/line.png" alt="" width="100%" height="100%">
|
<!-- <img src="~@/assets/landRes/line.png" alt="" width="100%" height="100%">-->
|
||||||
</div>
|
<!-- </div>-->
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
|
@ -110,6 +110,7 @@ $box-width: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
// height: 244px;
|
// height: 244px;
|
||||||
background: url("../../assets/up.png") no-repeat top center;
|
background: url("../../assets/up.png") no-repeat top center;
|
||||||
|
background-size: 100%;
|
||||||
}
|
}
|
||||||
#headers {
|
#headers {
|
||||||
// height: 123px;
|
// height: 123px;
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
<div
|
<div
|
||||||
class="bg"
|
class="bg"
|
||||||
>
|
>
|
||||||
<iframe :src="buildingUrl" name="ifr" frameborder="0" ref="iframe" width="100%" height="100%" style="position: absolute"></iframe>
|
<iframe :src="buildingUrl" id="ifr" frameborder="0" ref="iframe" width="100%" height="100%" style="position: absolute"></iframe>
|
||||||
<!-- <div class="body-left"></div>-->
|
<!-- <div class="body-left"></div>-->
|
||||||
<!-- <div class="body-right"></div>-->
|
<!-- <div class="body-right"></div>-->
|
||||||
<!-- <div class="body-bottom"></div>-->
|
<!-- <div class="body-bottom"></div>-->
|
||||||
|
@ -28,8 +28,8 @@
|
||||||
<!-- <div class="back-button" @click="goPage('home')">
|
<!-- <div class="back-button" @click="goPage('home')">
|
||||||
<a href="../../index.html"></a>
|
<a href="../../index.html"></a>
|
||||||
</div> -->
|
</div> -->
|
||||||
<div class="back-button" @click="cancel()">
|
<div class="back-button" >
|
||||||
<a></a>
|
<a href="../../index.html"></a>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<carManageLeft />
|
<carManageLeft />
|
||||||
|
@ -64,15 +64,27 @@
|
||||||
<!-- 第四行数据 -->
|
<!-- 第四行数据 -->
|
||||||
<div class="bottom-box"></div>
|
<div class="bottom-box"></div>
|
||||||
<div class="footer-nav">
|
<div class="footer-nav">
|
||||||
<div class="baseBlock changeCar" @click='goPage(1)'>
|
<div class="baseBlock changeCar" @click='goPage(1)' v-show="isShow">
|
||||||
<img src="../assets/car/car.png" alt="">
|
<img src="../assets/car/car.png" alt="">
|
||||||
<p>停车场1</p>
|
<p>停车场1</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="baseBlock changeCar" @click='goPage(2)'>
|
<div class="baseBlock changeCar1" @click='goPage(1)' v-show="!isShow">
|
||||||
|
<img src="../assets/car/car.png" alt="">
|
||||||
|
<p>停车场1</p>
|
||||||
|
</div>
|
||||||
|
<div class="baseBlock changeCar" @click='goPage(2)' v-show="isShow1">
|
||||||
<img src="../assets/car/car.png" alt="">
|
<img src="../assets/car/car.png" alt="">
|
||||||
<p>停车场2</p>
|
<p>停车场2</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="baseBlock changeCar" @click='goPage(3)'>
|
<div class="baseBlock changeCar1" @click='goPage(2)' v-show="!isShow1">
|
||||||
|
<img src="../assets/car/car.png" alt="">
|
||||||
|
<p>停车场2</p>
|
||||||
|
</div>
|
||||||
|
<div class="baseBlock changeCar" @click='goPage(3)' v-show="isShow2">
|
||||||
|
<img src="../assets/car/car.png" alt="">
|
||||||
|
<p>停车场3</p>
|
||||||
|
</div>
|
||||||
|
<div class="baseBlock1 changeCar1" @click='goPage(3)' v-show="!isShow2">
|
||||||
<img src="../assets/car/car.png" alt="">
|
<img src="../assets/car/car.png" alt="">
|
||||||
<p>停车场3</p>
|
<p>停车场3</p>
|
||||||
</div>
|
</div>
|
||||||
|
@ -110,6 +122,9 @@ export default {
|
||||||
mixins: [drawMixin],
|
mixins: [drawMixin],
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
isShow:true,
|
||||||
|
isShow1:true,
|
||||||
|
isShow2:true,
|
||||||
buildingUrl:'/sgs/index.html',
|
buildingUrl:'/sgs/index.html',
|
||||||
backgroundPic: {
|
backgroundPic: {
|
||||||
index: "car/bg",
|
index: "car/bg",
|
||||||
|
@ -121,7 +136,10 @@ export default {
|
||||||
dateWeek: null,
|
dateWeek: null,
|
||||||
weekday: ["周日", "周一", "周二", "周三", "周四", "周五", "周六"],
|
weekday: ["周日", "周一", "周二", "周三", "周四", "周五", "周六"],
|
||||||
decorationColor: ["#568aea", "#000000"],
|
decorationColor: ["#568aea", "#000000"],
|
||||||
scenes:''
|
scenes:'',
|
||||||
|
carUrl:'https://www.4dkankan.com/spg.html?m=KJ-tLgNh7gVhB',
|
||||||
|
carUrl1:'https://www.4dkankan.com/spg.html?m=KJ-T0kYoNIRuL',
|
||||||
|
carUrl2:'https://www.4dkankan.com/spg.html?m=KJ-ZsO6GXHfiE'
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
|
@ -170,19 +188,35 @@ export default {
|
||||||
}, 500);
|
}, 500);
|
||||||
},
|
},
|
||||||
goPage(val) {
|
goPage(val) {
|
||||||
|
let that = this
|
||||||
|
|
||||||
if(val === 0) {
|
if(val === 0) {
|
||||||
this.$router.push("car/carChild");
|
this.$router.push("car/carChild");
|
||||||
}else if(val === 1){
|
}else if(val === 1){
|
||||||
console.log("切换停车场1-主场景")
|
console.log("切换停车场1-主场景")
|
||||||
window.GotoScene("B1");
|
// window.GotoScene("B1");
|
||||||
|
that.isShow = !that.isShow
|
||||||
|
that.isShow1 = true
|
||||||
|
that.isShow2 = true
|
||||||
|
that.buildingUrl = that.carUrl
|
||||||
|
document.getElementById('ifr').contentWindow.getUrl(that.buildingUrl);
|
||||||
|
|
||||||
}else if(val === 2) {
|
}else if(val === 2) {
|
||||||
|
// window.GotoScene("B2");
|
||||||
console.log("切换停车场2-主场景");
|
console.log("切换停车场2-主场景");
|
||||||
window.GotoScene("B2");
|
that.isShow1 = !that.isShow1
|
||||||
|
that.isShow = true
|
||||||
|
that.isShow2 = true
|
||||||
|
that.buildingUrl = that.carUrl1
|
||||||
|
document.getElementById('ifr').contentWindow.getUrl(that.buildingUrl);
|
||||||
}else if(val === 3) {
|
}else if(val === 3) {
|
||||||
console.log("切换停车场3-主场景");
|
console.log("切换停车场3-主场景");
|
||||||
window.GotoScene("B3");
|
// window.GotoScene("B3");
|
||||||
|
that.isShow2 = !that.isShow2
|
||||||
|
that.isShow1 = true
|
||||||
|
that.isShow = true
|
||||||
|
that.buildingUrl = that.carUrl2
|
||||||
|
document.getElementById('ifr').contentWindow.getUrl(that.buildingUrl);
|
||||||
}else if(val === 'home'){
|
}else if(val === 'home'){
|
||||||
console.log("跳传首页")
|
console.log("跳传首页")
|
||||||
}
|
}
|
||||||
|
@ -193,15 +227,16 @@ export default {
|
||||||
// }
|
// }
|
||||||
|
|
||||||
},
|
},
|
||||||
cancel(){
|
// cancel(){
|
||||||
let that = this
|
// let that = this
|
||||||
if (that.scenes === '360'){
|
// // if (that.scenes === '360'){
|
||||||
console.log('取消模型')
|
// // console.log('取消模型')
|
||||||
window.cancel()
|
// // window.cancel()
|
||||||
}else{
|
// // }else{
|
||||||
this.$router.back();
|
// // this.$router.back();
|
||||||
}
|
// // }
|
||||||
},
|
// that.$router.back();
|
||||||
|
// },
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
@ -222,7 +257,7 @@ left: 63%;
|
||||||
}
|
}
|
||||||
.rightCar{
|
.rightCar{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 2%;
|
right: 3%;
|
||||||
}
|
}
|
||||||
.middle {
|
.middle {
|
||||||
/* 搜索框 */
|
/* 搜索框 */
|
||||||
|
@ -373,6 +408,17 @@ left: 63%;
|
||||||
padding-top: 40px;
|
padding-top: 40px;
|
||||||
// padding: 25px 15px;
|
// padding: 25px 15px;
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
|
}
|
||||||
|
.baseBlock1 {
|
||||||
|
cursor: pointer;
|
||||||
|
color: #c7fcff;
|
||||||
|
width: 120px;
|
||||||
|
height: 125px;
|
||||||
|
text-align: center;
|
||||||
|
letter-spacing: 3px;
|
||||||
|
padding-top: 40px;
|
||||||
|
// padding: 25px 15px;
|
||||||
|
font-size: 15px;
|
||||||
}
|
}
|
||||||
.changeCar {
|
.changeCar {
|
||||||
background: url("../assets/car/6len.png") no-repeat ;
|
background: url("../assets/car/6len.png") no-repeat ;
|
||||||
|
@ -382,6 +428,10 @@ left: 63%;
|
||||||
background: url("../assets/car/6len03.png") no-repeat;
|
background: url("../assets/car/6len03.png") no-repeat;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
}
|
}
|
||||||
|
.changeCar1 {
|
||||||
|
background: url("../assets/car/6len03.png") no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -233,11 +233,11 @@ $box-height:731px;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
// width: 506px;
|
// width: 506px;
|
||||||
// height: 324px;
|
// height: 324px;
|
||||||
width: 426px;
|
width: 456px;
|
||||||
height: 350px;
|
height: 350px !important;
|
||||||
padding: 30px 20px;
|
padding: 30px 20px;
|
||||||
background: url(../../assets/borad-bg.png) no-repeat;
|
background: url(../../assets/borad-bg.png) no-repeat;
|
||||||
background-size: 426px 404px;
|
//background-size:100%;
|
||||||
|
|
||||||
.main-title {
|
.main-title {
|
||||||
// width: 542px;
|
// width: 542px;
|
||||||
|
|
|
@ -4,9 +4,9 @@
|
||||||
class="bg"
|
class="bg"
|
||||||
>
|
>
|
||||||
<iframe src="/food/foodMap.html" frameborder="0" width="100%" height="100%" style="position: absolute"></iframe>
|
<iframe src="/food/foodMap.html" frameborder="0" width="100%" height="100%" style="position: absolute"></iframe>
|
||||||
<div class="body-left"></div>
|
<!-- <div class="body-left"></div>
|
||||||
<div class="body-right"></div>
|
<div class="body-right"></div>
|
||||||
<div class="body-bottom"></div>
|
<div class="body-bottom"></div> -->
|
||||||
<dv-loading v-if="loading">Loading...</dv-loading>
|
<dv-loading v-if="loading">Loading...</dv-loading>
|
||||||
<div v-else class="host-body">
|
<div v-else class="host-body">
|
||||||
<headerIndex :cdata="{ title: '食品安全', margin: '26px auto' }" style="position: relative"/>
|
<headerIndex :cdata="{ title: '食品安全', margin: '26px auto' }" style="position: relative"/>
|
||||||
|
|
|
@ -5,9 +5,9 @@
|
||||||
class="bg"
|
class="bg"
|
||||||
>
|
>
|
||||||
<iframe src="/green/greenMap.html" frameborder="0" width="100%" height="100%" style="position: absolute"></iframe>
|
<iframe src="/green/greenMap.html" frameborder="0" width="100%" height="100%" style="position: absolute"></iframe>
|
||||||
<div class="body-left"></div>
|
<!-- <div class="body-left"></div>-->
|
||||||
<div class="body-right"></div>
|
<!-- <div class="body-right"></div>-->
|
||||||
<div class="body-bottom"></div>
|
<!-- <div class="body-bottom"></div>-->
|
||||||
<dv-loading v-if="loading">Loading...</dv-loading>
|
<dv-loading v-if="loading">Loading...</dv-loading>
|
||||||
<div v-else class="host-body">
|
<div v-else class="host-body">
|
||||||
<headerIndex :cdata="{ title: '绿色双碳', margin: '26px auto' }" style="position:relative"/>
|
<headerIndex :cdata="{ title: '绿色双碳', margin: '26px auto' }" style="position:relative"/>
|
||||||
|
|
|
@ -1,14 +1,20 @@
|
||||||
<template>
|
<template>
|
||||||
<div id="index" ref="appRef">
|
<div id="index" ref="appRef">
|
||||||
<div
|
<div class="bg">
|
||||||
class="bg"
|
<iframe
|
||||||
>
|
src="/land/landMap.html"
|
||||||
<iframe src="/land/landMap.html" frameborder="0" width="100%" height="100%"></iframe>
|
frameborder="0"
|
||||||
|
width="100%"
|
||||||
|
height="100%"
|
||||||
|
></iframe>
|
||||||
<div class="body-left"></div>
|
<div class="body-left"></div>
|
||||||
<div class="body-right"></div>
|
<div class="body-right"></div>
|
||||||
<dv-loading v-if="loading">Loading...</dv-loading>
|
<dv-loading v-if="loading">Loading...</dv-loading>
|
||||||
<div v-else class="host-body">
|
<div v-else class="host-body">
|
||||||
<headerIndex :cdata="{ title: '房地资源', margin: '26px auto' }" style="position: relative" />
|
<headerIndex
|
||||||
|
:cdata="{ title: '房地资源', margin: '26px auto' }"
|
||||||
|
style="position: relative"
|
||||||
|
/>
|
||||||
|
|
||||||
<div class="body-box">
|
<div class="body-box">
|
||||||
<!-- 第三行数据 -->
|
<!-- 第三行数据 -->
|
||||||
|
|
|
@ -81,7 +81,6 @@
|
||||||
<template slot="top">
|
<template slot="top">
|
||||||
<Chart />
|
<Chart />
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
</BasicBox>
|
</BasicBox>
|
||||||
|
|
||||||
<BasicBox title="房地项目建设规模设计" :dataSource="false">
|
<BasicBox title="房地项目建设规模设计" :dataSource="false">
|
||||||
|
@ -1428,7 +1427,7 @@ export default {
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
align-content: flex-start;
|
align-content: flex-start;
|
||||||
position: relative;
|
position: relative;
|
||||||
left:30%;
|
left:28.5%;
|
||||||
.box {
|
.box {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
// background: #11223289;
|
// background: #11223289;
|
||||||
|
|
|
@ -6,9 +6,9 @@
|
||||||
'url(' + require(`../../../assets/${backgroundPic.index}.png`) + ')',
|
'url(' + require(`../../../assets/${backgroundPic.index}.png`) + ')',
|
||||||
}"> -->
|
}"> -->
|
||||||
<iframe src="/wisdom/wisdomMap.html" frameborder="0" width="100%" height="100%" style="position: absolute"></iframe>
|
<iframe src="/wisdom/wisdomMap.html" frameborder="0" width="100%" height="100%" style="position: absolute"></iframe>
|
||||||
<div class="body-left"></div>
|
<!-- <div class="body-left"></div>
|
||||||
<div class="body-right"></div>
|
<div class="body-right"></div>
|
||||||
<div class="body-bottom"></div>
|
<div class="body-bottom"></div> -->
|
||||||
<dv-loading v-if="loading">Loading...</dv-loading>
|
<dv-loading v-if="loading">Loading...</dv-loading>
|
||||||
<div v-else class="host-body" id="wis">
|
<div v-else class="host-body" id="wis">
|
||||||
<headerIndex :cdata="{ title: '智慧工地', margin: '26px auto' }" style="position: relative"/>
|
<headerIndex :cdata="{ title: '智慧工地', margin: '26px auto' }" style="position: relative"/>
|
||||||
|
|
|
@ -6,9 +6,9 @@
|
||||||
}"> -->
|
}"> -->
|
||||||
<div class="bg">
|
<div class="bg">
|
||||||
<iframe src="/wisdom/wisdomMap.html" frameborder="0" width="100%" height="100%" style="position: absolute"></iframe>
|
<iframe src="/wisdom/wisdomMap.html" frameborder="0" width="100%" height="100%" style="position: absolute"></iframe>
|
||||||
<div class="body-left"></div>
|
<!-- <div class="body-left"></div>
|
||||||
<div class="body-right"></div>
|
<div class="body-right"></div>
|
||||||
<div class="body-bottom"></div>
|
<div class="body-bottom"></div> -->
|
||||||
<dv-loading v-if="loading">Loading...</dv-loading>
|
<dv-loading v-if="loading">Loading...</dv-loading>
|
||||||
<div v-else class="host-body">
|
<div v-else class="host-body">
|
||||||
<headerIndex :cdata="{ title: '智慧工地', margin: '26px auto' }" style="position: relative"/>
|
<headerIndex :cdata="{ title: '智慧工地', margin: '26px auto' }" style="position: relative"/>
|
||||||
|
|
Loading…
Reference in New Issue