智慧工地修改
This commit is contained in:
parent
49a3bd911c
commit
d347e62b32
19
src/main.js
19
src/main.js
|
@ -34,17 +34,24 @@ router.beforeEach((to, from, next) => {
|
||||||
window.document.title = to.meta.title
|
window.document.title = to.meta.title
|
||||||
next()
|
next()
|
||||||
})
|
})
|
||||||
function receiveMessageFromIframePage (event) {
|
function receiveMessageFromIframePage(event) {
|
||||||
console.log(event.data,event)
|
console.log(event.data, event)
|
||||||
console.log(event.data.params,'event.data.params')
|
console.log(event.data.params, 'event.data.params')
|
||||||
console.log(event.data.url,'event.data.url')
|
console.log(event.data.url, 'event.data.url')
|
||||||
if (event.data.data.includes('办公用地')) {
|
if (event.data.data.includes('办公用地')) {
|
||||||
var id = event.data.params
|
var id = event.data.params
|
||||||
var url = event.data.url
|
var url = event.data.url
|
||||||
// router.push({name: 'landChild',params:{id}})
|
// router.push({name: 'landChild',params:{id}})
|
||||||
router.push({name:'landChild',params: {id,url}})
|
router.push({ name: 'landChild', params: { id, url } })
|
||||||
} else if (event.data.data.includes('noparams')) {
|
} else if (event.data.data.includes('noparams')) {
|
||||||
router.push({name: 'landChild'})
|
router.push({ name: 'landChild' })
|
||||||
|
}
|
||||||
|
if (event.data.data.includes('建筑工地')) {
|
||||||
|
var params = event.data.data
|
||||||
|
var wisUrl = event.data.url
|
||||||
|
router.push({ name: 'wisdomChild', params: { params, wisUrl } })
|
||||||
|
} else if (event.data.data.includes('noparams')) {
|
||||||
|
router.push({ name: 'wisdomChild' })
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
window.addEventListener("message", receiveMessageFromIframePage, false);
|
window.addEventListener("message", receiveMessageFromIframePage, false);
|
||||||
|
|
|
@ -1,31 +1,26 @@
|
||||||
<template>
|
<template>
|
||||||
<div id="index" ref="appRef">
|
<div id="index" ref="appRef">
|
||||||
<!-- <div
|
<!-- <div
|
||||||
class="bg"
|
class="bg"
|
||||||
:style="{
|
:style="{
|
||||||
backgroundImage:
|
backgroundImage:
|
||||||
'url(' + require(`../assets/${backgroundPic.index}.png`) + ')',
|
'url(' + require(`../assets/${backgroundPic.index}.png`) + ')',
|
||||||
}"
|
}"
|
||||||
>-->
|
>-->
|
||||||
<div
|
<div class="bg">
|
||||||
class="bg"
|
<iframe src="/build/sgs.html" ref="iframe" frameborder="0" width="100%" height="100%"
|
||||||
>
|
style="position: absolute"></iframe>
|
||||||
<iframe src="/build/sgs.html" ref="iframe" frameborder="0" width="100%" height="100%" style="position: absolute"></iframe>
|
|
||||||
<!-- <div class="body-header"></div> -->
|
<!-- <div class="body-header"></div> -->
|
||||||
<!-- <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
|
<headerIndex :cdata="{ title: '首页', margin: '40px auto' }" :isShow="false" style="position: relative" />
|
||||||
:cdata="{ title: '首页', margin: '40px auto' }"
|
|
||||||
:isShow="false"
|
|
||||||
style="position: relative"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<div class="body-box">
|
<div class="body-box">
|
||||||
<!-- 第三行数据 -->
|
<!-- 第三行数据 -->
|
||||||
<div class="content-box">
|
<div class="content-box">
|
||||||
<!-- <div>
|
<!-- <div>
|
||||||
<dv-border-box-12>
|
<dv-border-box-12>
|
||||||
<emergencyLeft />
|
<emergencyLeft />
|
||||||
|
@ -40,7 +35,7 @@
|
||||||
<div class="rightTravel">
|
<div class="rightTravel">
|
||||||
<indexRight />
|
<indexRight />
|
||||||
</div> -->
|
</div> -->
|
||||||
<!-- <div class="food-content-box">
|
<!-- <div class="food-content-box">
|
||||||
<div>
|
<div>
|
||||||
<div class="data-block-bk">
|
<div class="data-block-bk">
|
||||||
<div class="data-tit-bg">总巡查接警占比</div>
|
<div class="data-tit-bg">总巡查接警占比</div>
|
||||||
|
@ -120,45 +115,48 @@
|
||||||
<div class="bottom-box">
|
<div class="bottom-box">
|
||||||
<!-- <dv-border-box-13> </dv-border-box-13>
|
<!-- <dv-border-box-13> </dv-border-box-13>
|
||||||
<dv-border-box-12> </dv-border-box-12> -->
|
<dv-border-box-12> </dv-border-box-12> -->
|
||||||
|
<div class="baseBlock changeCar" @click='goPage(1)' v-show="isShow">
|
||||||
|
<img src="../assets/car/car.png" alt="">
|
||||||
|
<p>停车场1</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="footer-nav">
|
<div class="footer-nav">
|
||||||
<!-- <div class="carChange" v-show="carChangeShow">
|
<!-- <div class="carChange" v-show="carChangeShow">
|
||||||
<div class="carMange" @click="goPage(0)">车辆管理</div>
|
<div class="carMange" @click="goPage(0)">车辆管理</div>
|
||||||
<div class="carMange" >车辆资产管理</div>
|
<div class="carMange" >车辆资产管理</div>
|
||||||
</div> -->
|
</div> -->
|
||||||
|
|
||||||
|
|
||||||
<div class="baseBlock green" @click="goPage(7)">
|
<div class="baseBlock green" @click="goPage(7)">
|
||||||
<p>绿色双碳</p>
|
<p>绿色双碳</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="baseBlock land" @click="goPage(1)">
|
<div class="baseBlock land" @click="goPage(1)">
|
||||||
<p>房地资源</p>
|
<p>房地资源</p>
|
||||||
</div>
|
</div>
|
||||||
<!-- <div class="baseBlock carAdmin" @mouseover="mouseOver"
|
<!-- <div class="baseBlock carAdmin" @mouseover="mouseOver"
|
||||||
@mouseleave="mouseLeave"> -->
|
@mouseleave="mouseLeave"> -->
|
||||||
<div class="baseBlock carAdmin" @mouseover="mouseOver"
|
<div class="baseBlock carAdmin" @mouseover="mouseOver" @mouseleave="mouseLeave">
|
||||||
@mouseleave="mouseLeave">
|
<div class="carChange" v-show="carChangeShow">
|
||||||
<div class="carChange" v-show="carChangeShow">
|
<!-- <div class="carChange"> -->
|
||||||
<!-- <div class="carChange"> -->
|
<div class="carMange" @click="goPage(0)">
|
||||||
<div class="carMange" @click="goPage(0)">
|
<div class="zhihui">
|
||||||
<div class="zhihui">
|
车辆管理
|
||||||
车辆管理
|
</div>
|
||||||
|
<!-- <span>车辆管理</span> -->
|
||||||
</div>
|
</div>
|
||||||
<!-- <span>车辆管理</span> -->
|
<div class="carMange2" @click="goPage(8)">
|
||||||
</div>
|
<div class="zhihui">
|
||||||
<div class="carMange2" @click="goPage(8)">
|
智慧出行
|
||||||
<div class="zhihui">
|
</div>
|
||||||
智慧出行
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<p>车辆管理</p>
|
<p>车辆管理</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="baseBlock fire" @click="goPage(2)">
|
<div class="baseBlock fire" @click="goPage(2)">
|
||||||
<!-- <div class="baseBlock fire">-->
|
<!-- <div class="baseBlock fire">-->
|
||||||
<p>消防安全</p>
|
<p>消防安全</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="baseBlock quanjing" @click="goPage(9)">
|
<div class="baseBlock quanjing" @click="goPage(9)">
|
||||||
<p>360全景</p>
|
<p>360全景</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="baseBlock travel" @click="goPage(5)">
|
<div class="baseBlock travel" @click="goPage(5)">
|
||||||
|
@ -171,10 +169,10 @@
|
||||||
<p>食品安全</p>
|
<p>食品安全</p>
|
||||||
</div>
|
</div>
|
||||||
<!-- <div class="baseBlock emergency" @click="goPage(6)"> -->
|
<!-- <div class="baseBlock emergency" @click="goPage(6)"> -->
|
||||||
<div class="baseBlock emergency">
|
<div class="baseBlock emergency">
|
||||||
<p>应急保障</p>
|
<p>应急保障</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,18 +1,20 @@
|
||||||
<template>
|
<template>
|
||||||
<div id="index" ref="appRef">
|
<div id="index" ref="appRef">
|
||||||
<div class="bg">
|
<div class="bg">
|
||||||
<!-- <div class="bg" :style="{
|
<!-- <div class="bg" :style="{
|
||||||
backgroundImage:
|
backgroundImage:
|
||||||
'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> -->
|
||||||
|
<iframe :src="buildingUrl" id="ifr" frameborder="0" ref="iframe" width="100%" height="100%"
|
||||||
|
style="position: absolute"></iframe>
|
||||||
<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" />
|
||||||
<div class="main" style="margin-top:-100px">
|
<div class="main" style="margin-top:-100px">
|
||||||
<div class="left">
|
<div class="left">
|
||||||
<BasicBox title="人员信息概览" :dataSource="false">
|
<BasicBox title="人员信息概览" :dataSource="false">
|
||||||
<template slot="top">
|
<template slot="top">
|
||||||
|
@ -146,6 +148,10 @@ export default {
|
||||||
|
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
scenes: '',
|
||||||
|
gongdi:"GongDi",
|
||||||
|
buildingUrl: this.$route.params.wisUrl,
|
||||||
|
// buildingUrl: '/sgs/index.html',
|
||||||
backgroundPic: {
|
backgroundPic: {
|
||||||
index: "wisdom/bg",
|
index: "wisdom/bg",
|
||||||
},
|
},
|
||||||
|
@ -195,8 +201,20 @@ export default {
|
||||||
BasicBox,
|
BasicBox,
|
||||||
CustomDvScrollBoard, Chart1
|
CustomDvScrollBoard, Chart1
|
||||||
},
|
},
|
||||||
|
created() {
|
||||||
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
|
let that = this;
|
||||||
this.cancelLoading();
|
this.cancelLoading();
|
||||||
|
window.OnSceneLoaded = function (scene) {
|
||||||
|
console.log("scene", scene);
|
||||||
|
that.scenes = scene
|
||||||
|
console.log("that.scenes", that.scenes)
|
||||||
|
window.GotoScene(that.gongdi)
|
||||||
|
// window.FloorBase('true')
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
},
|
},
|
||||||
beforeDestroy() {
|
beforeDestroy() {
|
||||||
clearInterval(this.timing);
|
clearInterval(this.timing);
|
||||||
|
|
Loading…
Reference in New Issue