引入地图模型

This commit is contained in:
徐克 2022-07-26 14:41:47 +08:00
parent 196a3d8d87
commit 7c0907d554
42 changed files with 352413 additions and 2119 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 933 B

1
public/land/data/fc.json Normal file

File diff suppressed because one or more lines are too long

345774
public/land/data/map/js.json Normal file

File diff suppressed because it is too large Load Diff

1
public/land/data/td.json Normal file

File diff suppressed because one or more lines are too long

BIN
public/land/images/box.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 566 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
public/land/images/fc.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 67 KiB

BIN
public/land/images/gc.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
public/land/images/gl.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
public/land/images/jn.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
public/land/images/jy.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
public/land/images/lh.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
public/land/images/ls.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
public/land/images/pk.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
public/land/images/qh.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
public/land/images/qx.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
public/land/images/sgs.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 71 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
public/land/images/td.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
public/land/images/wnd.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1008 B

BIN
public/land/images/xw.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

BIN
public/land/images/yh.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

4
public/land/js/jquery.min.js vendored Normal file

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

2658
public/land/landMap.html Normal file

File diff suppressed because it is too large Load Diff

View File

@ -131,6 +131,53 @@ a {
}
}
}
// 切换按钮样式
.tabs_datag1 {
ul {
display: flex;
justify-content: flex-end;
align-items: center;
line-height: 20px;
font-size: 13px;
margin: 0 30px 0 0;
li {
margin: 0 5px;
width: 66px;
height: 24px;
padding-top: 2px;
//background: #09304a;
background: linear-gradient(-45deg,transparent 8px,#09304a 0);
//border: 1px solid transparent;
color: #8ebbcd;
cursor: pointer;
text-align: center;
}
li:nth-child(1) {
margin: 0 5px;
width: 66px;
height: 24px;
//background: #0b4471;
background: linear-gradient(-45deg,transparent 8px,#0b4471 0);
//border: 1px solid transparent;
color: #fff;
cursor: pointer;
text-align: center;
}
li:hover {
margin: 0 5px;
width: 66px;
height: 24px;
//background: #0b4471;
background: linear-gradient(-45deg,transparent 8px,#0b4471 0);
//border: 1px solid transparent;
color: #fff;
cursor: pointer;
text-align: center;
}
}
}
.colorBlack {
color: #272727 !important;

View File

@ -8,7 +8,7 @@
<script>
export default {
props: {
className: {
type: String,
default: () => "css"
@ -42,7 +42,7 @@ export default {
],
...this.config
}
}

View File

@ -267,7 +267,26 @@ const routes = [{
component: () =>
import ('../views/green/index.vue'),
}],
}
},
{
path: '/build',
meta: {
title: '国网江苏省电力有限公司'
},
component: {
render: (e) => e("router-view")
},
children: [{
path: '',
name: 'build',
meta: {
title: '国网江苏省电力有限公司'
},
component: () =>
import ('../views/land/unity/unityDemo'),
}
],
},
]
const router = new VueRouter({
routes

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -1,19 +1,19 @@
<template>
<div id="index" ref="appRef">
<div
class="bg"
<div
class="bg"
>
<iframe src="/food/foodMap.html" frameborder="0" width="100%" height="100%" style="position: absolute"></iframe>
<div class="body-left"></div>
<div class="body-right"></div>
<div class="body-bottom"></div>
<dv-loading v-if="loading">Loading...</dv-loading>
<div v-else class="host-body">
<headerIndex :cdata="{ title: '食品安全', margin: '26px auto' }" />
<headerIndex :cdata="{ title: '食品安全', margin: '26px auto' }" style="position: relative"/>
<div class="body-box">
<!-- 第三行数据 -->
<div class="food-content-box">
<div style="width:400px">
<div style="width:400px" class="left">
<div class="data-block-bk">
<div class="data-tit-bg">基地及供应商基本情况</div>
<div class="data-flex" style="height: 278px;">
@ -56,98 +56,98 @@
</div>
</div>
</div>
<div style="position: relative;">
<!-- 删除 -->
<!-- <div
class="center_block c_posi"
style="top: 47px; left: 100px;"
@click="doGoLink()"
>
<div class="cen_block">
<div class="cen_tit">南京厨鲜宝食品基地</div>
<div
class="cen_bg"
:style="{
backgroundImage:
'url(' + require(`../assets/foodSafe/pic1.png`) + ')',
}"
></div>
</div>
<div class="cen_map"></div>
</div>
<div
class="center_block c_posi"
style="top: 77px; right: 0px;"
@click="doGoLink()"
>
<div class="cen_block">
<div class="cen_tit">南京怀来正大食品</div>
<div
class="cen_bg"
:style="{
backgroundImage:
'url(' + require(`../assets/foodSafe/pic2.png`) + ')',
}"
></div>
</div>
<div class="cen_map"></div>
</div>
<div
class="center_block c_posi"
style="bottom: 249px; right: 230px;"
@click="doGoLink()"
>
<div class="cen_block">
<div class="cen_tit">南京牧龙食品烘焙基地</div>
<div
class="cen_bg"
:style="{
backgroundImage:
'url(' + require(`../assets/foodSafe/pic3.png`) + ')',
}"
></div>
</div>
<div class="cen_map"></div>
</div>
<div
class="center_block c_posi"
style="bottom: 50px; left: 12px;"
@click="doGoLink()"
>
<div class="cen_block">
<div class="cen_tit">江苏润丰股份有限公司</div>
<div
class="cen_bg"
:style="{
backgroundImage:
'url(' + require(`../assets/foodSafe/pic4.png`) + ')',
}"
></div>
</div>
<div class="cen_map"></div>
</div>
<div
class="center_block c_posi"
style="bottom: -76px; right: 65px;"
@click="doGoLink()"
>
<div class="cen_block">
<div class="cen_tit">南京丰浩华食品供应链</div>
<div
class="cen_bg"
:style="{
backgroundImage:
'url(' + require(`../assets/foodSafe/pic5.png`) + ')',
}"
></div>
</div>
<div class="cen_map"></div>
</div> -->
<!-- 删除 -->
</div>
<!-- <div style="position: relative;">-->
<!-- &lt;!&ndash; 删除 &ndash;&gt;-->
<!-- &lt;!&ndash; <div-->
<!-- class="center_block c_posi"-->
<!-- style="top: 47px; left: 100px;"-->
<!-- @click="doGoLink()"-->
<!-- >-->
<!-- <div class="cen_block">-->
<!-- <div class="cen_tit">南京厨鲜宝食品基地</div>-->
<!-- <div-->
<!-- class="cen_bg"-->
<!-- :style="{-->
<!-- backgroundImage:-->
<!-- 'url(' + require(`../assets/foodSafe/pic1.png`) + ')',-->
<!-- }"-->
<!-- ></div>-->
<!-- </div>-->
<!-- <div class="cen_map"></div>-->
<!-- </div>-->
<!-- <div-->
<!-- class="center_block c_posi"-->
<!-- style="top: 77px; right: 0px;"-->
<!-- @click="doGoLink()"-->
<!-- >-->
<!-- <div class="cen_block">-->
<!-- <div class="cen_tit">南京怀来正大食品</div>-->
<!-- <div-->
<!-- class="cen_bg"-->
<!-- :style="{-->
<!-- backgroundImage:-->
<!-- 'url(' + require(`../assets/foodSafe/pic2.png`) + ')',-->
<!-- }"-->
<!-- ></div>-->
<!-- </div>-->
<!-- <div class="cen_map"></div>-->
<!-- </div>-->
<!-- <div-->
<!-- class="center_block c_posi"-->
<!-- style="bottom: 249px; right: 230px;"-->
<!-- @click="doGoLink()"-->
<!-- >-->
<!-- <div class="cen_block">-->
<!-- <div class="cen_tit">南京牧龙食品烘焙基地</div>-->
<!-- <div-->
<!-- class="cen_bg"-->
<!-- :style="{-->
<!-- backgroundImage:-->
<!-- 'url(' + require(`../assets/foodSafe/pic3.png`) + ')',-->
<!-- }"-->
<!-- ></div>-->
<!-- </div>-->
<!-- <div class="cen_map"></div>-->
<!-- </div>-->
<!-- <div-->
<!-- class="center_block c_posi"-->
<!-- style="bottom: 50px; left: 12px;"-->
<!-- @click="doGoLink()"-->
<!-- >-->
<!-- <div class="cen_block">-->
<!-- <div class="cen_tit">江苏润丰股份有限公司</div>-->
<!-- <div-->
<!-- class="cen_bg"-->
<!-- :style="{-->
<!-- backgroundImage:-->
<!-- 'url(' + require(`../assets/foodSafe/pic4.png`) + ')',-->
<!-- }"-->
<!-- ></div>-->
<!-- </div>-->
<!-- <div class="cen_map"></div>-->
<!-- </div>-->
<!-- <div-->
<!-- class="center_block c_posi"-->
<!-- style="bottom: -76px; right: 65px;"-->
<!-- @click="doGoLink()"-->
<!-- >-->
<!-- <div class="cen_block">-->
<!-- <div class="cen_tit">南京丰浩华食品供应链</div>-->
<!-- <div-->
<!-- class="cen_bg"-->
<!-- :style="{-->
<!-- backgroundImage:-->
<!-- 'url(' + require(`../assets/foodSafe/pic5.png`) + ')',-->
<!-- }"-->
<!-- ></div>-->
<!-- </div>-->
<!-- <div class="cen_map"></div>-->
<!-- </div> &ndash;&gt;-->
<!-- &lt;!&ndash; 删除 &ndash;&gt;-->
<!-- </div>-->
<!-- <div style="width:400px"> -->
<div>
<div class="right">
<div class="data-block-bk">
<div class="data-tit-bg">关联食堂基本信息</div>
<div class="data-flex">
@ -162,9 +162,9 @@
<div class="">
<div class="d-flex jc-center body-box">
<dv-scroll-board
class="dv-scr-board1"
style="height: 110px;"
:config="configRight"
class="dv-scr-board1"
style="height: 110px;"
:config="configRight"
/>
</div>
</div>
@ -175,9 +175,9 @@
<div class="dv-padd colorWhi">早餐</div>
<div class="d-flex jc-center body-box">
<dv-scroll-board
class="dv-scr-board1"
style="height: 110px;"
:config="configRight2"
class="dv-scr-board1"
style="height: 110px;"
:config="configRight2"
/>
</div>
</div>
@ -185,9 +185,9 @@
<div class="dv-padd colorWhi">午餐</div>
<div class="d-flex jc-center body-box">
<dv-scroll-board
class="dv-scr-board1"
style="height: 110px;"
:config="configRight3"
class="dv-scr-board1"
style="height: 110px;"
:config="configRight3"
/>
</div>
</div>
@ -195,9 +195,9 @@
<div class="dv-padd colorWhi">晚餐</div>
<div class="d-flex jc-center body-box">
<dv-scroll-board
class="dv-scr-board1"
style="height: 110px;"
:config="configRight4"
class="dv-scr-board1"
style="height: 110px;"
:config="configRight4"
/>
</div>
</div>
@ -237,7 +237,7 @@ export default {
header: [
"<span class='colorCyan'>基地/供应商名称</span>",
"<span class='colorCyan'>合作开始时间</span>",
// "<span class='colorCyan'></span>",
// "<span class='colorCyan'></span>",
],
indexHeader: "<span class='colorCyan'>序号</span>",
data: [
@ -306,7 +306,7 @@ export default {
header: [
"<span class='colorCyan'>食堂名称</span>",
"<span class='colorCyan'>可容纳就餐人数</span>",
// "<span class='colorCyan'></span>",
// "<span class='colorCyan'></span>",
],
indexHeader: "<span class='colorCyan'>序号</span>",
data: [
@ -330,11 +330,11 @@ export default {
"<span class='colorWhi'>300</span>",
// "<span class='colorGrass'></span>",
],
// [
// "<span class='colorWhi'></span>",
// "<span class='colorWhi'>1300</span>",
// // "<span class='colorRed'></span>",
// ],
// [
// "<span class='colorWhi'></span>",
// "<span class='colorWhi'>1300</span>",
// // "<span class='colorRed'></span>",
// ],
],
rowNum: 2, //
headerHeight: 35,
@ -347,12 +347,12 @@ export default {
},
configRight2: {
header: [
// "<span class='colorCyan'></span>",
// "<span class='colorCyan'></span>",
"<span class='colorCyan'>留样食品名称</span>",
"<span class='colorCyan'>取样人员</span>",
"<span class='colorCyan'>存放位置</span>",
"<span class='colorCyan'>存放位置</span>",
"<span class='colorCyan'>存放时间</span>",
// "<span class='colorCyan'></span>",
// "<span class='colorCyan'></span>",
],
indexHeader: "<span class='colorCyan'>序号</span>",
data: [
@ -370,21 +370,21 @@ export default {
"<span class='colorGrass'>食品留样柜</span>",
"<span class='colorWhi'>6:30</span>",
],
[
[
// "<span class='colorWhi'></span>",
"<span class='colorWhi'>胡辣汤</span>",
"<span class='colorWhi'>汪诚远</span>",
"<span class='colorGrass'>食品留样柜</span>",
"<span class='colorWhi'>6:30</span>",
],
[
[
// "<span class='colorWhi'></span>",
"<span class='colorWhi'>炒苦瓜</span>",
"<span class='colorWhi'>汪诚远</span>",
"<span class='colorGrass'>食品留样柜</span>",
"<span class='colorWhi'>6:30</span>",
],
[
[
// "<span class='colorWhi'></span>",
"<span class='colorWhi'>炒笋瓜</span>",
"<span class='colorWhi'>汪诚远</span>",
@ -452,17 +452,17 @@ export default {
oddRowBGC: "#0b1b2aa1", //
evenRowBGC: "#171c33", //
index: true,
columnWidth: [50, 110, 80, 90, 80, 80, 80],
columnWidth: [50, 110, 80, 90, 80, 80, 80],
align: ["center"],
},
configRight3: {
header: [
// "<span class='colorCyan'></span>",
// "<span class='colorCyan'></span>",
"<span class='colorCyan'>留样食品名称</span>",
"<span class='colorCyan'>取样人员</span>",
"<span class='colorCyan'>存放位置</span>",
"<span class='colorCyan'>存放位置</span>",
"<span class='colorCyan'>存放时间</span>",
// "<span class='colorCyan'></span>",
// "<span class='colorCyan'></span>",
],
indexHeader: "<span class='colorCyan'>序号</span>",
data: [
@ -473,7 +473,7 @@ export default {
"<span class='colorGrass'>食品留样柜</span>",
"<span class='colorWhi'>10:30</span>",
],
[
[
// "<span class='colorWhi'></span>",
"<span class='colorWhi'>蒜仔昂刺鱼</span>",
"<span class='colorWhi'>方志豪</span>",
@ -571,22 +571,22 @@ export default {
"<span class='colorWhi'>10:30</span>",
],
],
rowNum: 2, //
headerHeight: 35,
headerBGC: "#1030479e", //
oddRowBGC: "#0b1b2aa1", //
evenRowBGC: "#171c33", //
index: true,
columnWidth: [50, 110, 80, 90, 80, 80, 80],
columnWidth: [50, 110, 80, 90, 80, 80, 80],
align: ["center"],
},
configRight4: {
configRight4: {
header: [
// "<span class='colorCyan'></span>",
// "<span class='colorCyan'></span>",
"<span class='colorCyan'>留样食品名称</span>",
"<span class='colorCyan'>取样人员</span>",
"<span class='colorCyan'>存放位置</span>",
"<span class='colorCyan'>存放位置</span>",
"<span class='colorCyan'>存放时间</span>",
],
indexHeader: "<span class='colorCyan'>序号</span>",
@ -720,7 +720,7 @@ export default {
//
cafeteriaNum: 3,
};
},
components: {
headerIndex,
@ -762,28 +762,28 @@ export default {
<style lang="scss" scoped>
@import "../assets/scss/index.scss";
.body-left{
background: url('../assets/left.png') no-repeat!important;
background: url('../assets/left.png') no-repeat!important;
}
.body-right{
background: url('../assets/right.png') no-repeat!important;
background: url('../assets/right.png') no-repeat!important;
}
.body-bottom{
background: url('../assets/down.png') no-repeat!important;
background: url('../assets/down.png') no-repeat!important;
}
.body-box{
margin-top: 0px!important;
}
.food-content-box {
display: grid;
grid-template-columns: 2.3fr 5fr 1.8fr;
margin: 0 50px;
position: absolute;
top:140px
margin-top: 0px!important;
}
//.food-content-box {
// display: grid;
// grid-template-columns: 2.3fr 5fr 1.8fr;
// margin: 0 50px;
// position: absolute;
// top:140px
//}
.data-block-bk {
border: 2px solid #29a3d3a1;
// background: #11223289;
// background: #11223289;
background: rgba(16,29,37,0.8);
// height: 280px;
.data-tit-bg {
@ -963,4 +963,14 @@ $box-width: 300px;
.c_posi {
position: absolute;
}
.left {
width: 24%;
left: 2%;
position: absolute;
}
.right {
width: 21.5%;
right: 2%;
position: absolute;
}
</style>

View File

@ -3,12 +3,13 @@
<div
class="bg"
>
<div class="body-left"></div>
<iframe src="/green/greenMap.html" frameborder="0" width="100%" height="100%" style="position: absolute"></iframe>
<div class="body-left"></div>
<div class="body-right"></div>
<div class="body-bottom"></div>
<dv-loading v-if="loading">Loading...</dv-loading>
<div v-else class="host-body">
<headerIndex :cdata="{ title: '绿色双碳', margin: '26px auto' }" />
<headerIndex :cdata="{ title: '绿色双碳', margin: '26px auto' }" style="position: relative"/>
<div class="body-box" style="margin-top: -100px;">
<!-- 第四行数据 -->

View File

@ -3,11 +3,12 @@
<div
class="bg"
>
<div class="body-left"></div>
<iframe src="/land/landMap.html" frameborder="0" width="100%" height="100%"></iframe>
<div class="body-left"></div>
<div class="body-right"></div>
<dv-loading v-if="loading">Loading...</dv-loading>
<div v-else class="host-body">
<headerIndex :cdata="{ title: '房地资源', margin: '26px auto' }" />
<headerIndex :cdata="{ title: '房地资源', margin: '26px auto' }" style="position: relative"/>
<div class="body-box">
<!-- 第三行数据 -->

View File

@ -5,12 +5,13 @@
'url(' + require(`@/assets/${backgroundPic.index}.png`) + ')',
}"> -->
<div class="bg">
<div class="body-left"></div>
<iframe src="/land/landMap.html" frameborder="0" width="100%" height="100%" style="position: absolute"></iframe>
<div class="body-left"></div>
<div class="body-right"></div>
<div class="body-bottom"></div>
<dv-loading v-if="loading">Loading...</dv-loading>
<div v-else class="host-body">
<HeaderIndex :cdata="{ title: '房地资源', margin: '26px auto' }" />
<HeaderIndex :cdata="{ title: '房地资源', margin: '26px auto' }" style="position: relative"/>
<div class="main" style="margin-top:-80px">
<div class="left">
<h1>基础数据展示</h1>

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,78 @@
<template>
<!-- <div class="flood-plan-page" style="height: 100%;width: 100%">-->
<!-- <unity ref="unityPlan" class="unity-box" id="unity-infame" src="/JianPu_Building/Build/JianPu_Building.json" frameborder="0" width="100%" height="100%" scrolling="no"-->
<!-- unity-loader="/JianPu_Building/Build/UnityLoader.js"-->
<!-- />-->
<!-- </div>-->
<div>
<iframe src="/JianPu_Building/index.html" name="iframe_Name" ref="iframe" frameborder="0" width="100%" height="100%" style="position: absolute"></iframe>
<!-- <div style="position: absolute">-->
<!-- <button @click="addNode()">点击交互</button>-->
<!-- </div>-->
</div>
</template>
<script>
import Unity from 'vue-unity-webgl'
export default {
name: "unityDemo",
components:{
Unity
},
data(){
return{
onProgress:[
{
id:'1'
},
{
id:'2'
},
{
id:'2'
},
]
}
},
methods:{
addNode(){
//
this.$refs.iframe.contentWindow.unityInstance.SendMessage("TestObj","productName",'1')
console.log('当前unity对象', this.$refs.iframe.contentWindow.unityInstance)
console.log(this.onProgress.length)
},
// unity
// unityWatch(obj) {
// const eachObj = obj.detail //
// this.fovValue = [eachObj.fovMin, eachObj.fovMax]
// this.fovMin = eachObj.fovMin
// this.fovMax = eachObj.fovMax
// this.angleMin = eachObj.angleMin
// this.angleMax = eachObj.angleMax
// },
// big(){
// // window.frames["iframe_Name"].window.init1();
// this.$refs.iframe.contentWindow.init();
// console.log(11111999)
// },
},
mounted() {
//
// window.addEventListener('getFovDef', this.unityWatch)
// this.$once('hook:beforeDestroy', () => {
// window.removeEventListener('getFov', this.unityWatch)
// })
// this.$refs.iframe.contentWindow.unityInstance.SetFullscreen(1)
// this.big()
},
created() {
}
}
</script>
<style scoped lang="scss">
</style>

View File

@ -3,12 +3,13 @@
<div
class="bg"
>
<div class="body-left"></div>
<iframe src="/travel/travelMap.html" frameborder="0" width="100%" height="100%" style="position: absolute"></iframe>
<div class="body-left"></div>
<div class="body-right"></div>
<div class="body-bottom"></div>
<dv-loading v-if="loading">Loading...</dv-loading>
<div v-else class="host-body">
<headerIndex :cdata="{ title: '出行安全', margin: '26px auto' }" />
<headerIndex :cdata="{ title: '出行安全', margin: '26px auto' }" style="position: relative"/>
<div class="body-box">
<!-- 第三行数据 -->

View File

@ -5,12 +5,14 @@
backgroundImage:
'url(' + require(`../../../assets/${backgroundPic.index}.png`) + ')',
}"> -->
<div class="body-left"></div>
<iframe src="/wisdom/wisdomMap.html" frameborder="0" width="100%" height="100%" style="position: absolute"></iframe>
<div class="body-left"></div>
<div class="body-right"></div>
<div class="body-bottom"></div>
<dv-loading v-if="loading">Loading...</dv-loading>
<div v-else class="host-body" id="wis">
<headerIndex :cdata="{ title: '智慧工地', margin: '26px auto' }" />
<headerIndex :cdata="{ title: '智慧工地', margin: '26px auto' }" style="position: relative
"/>
<div class="main" style="margin-top:-100px">
<div class="left">
<BasicBox title="人员信息概览" :dataSource="false">

View File

@ -5,12 +5,13 @@
'url(' + require(`../../assets/${backgroundPic.index}.png`) + ')',
}"> -->
<div class="bg">
<div class="body-left"></div>
<iframe src="/wisdom/wisdomMap.html" frameborder="0" width="100%" height="100%" style="position: absolute"></iframe>
<div class="body-left"></div>
<div class="body-right"></div>
<div class="body-bottom"></div>
<dv-loading v-if="loading">Loading...</dv-loading>
<div v-else class="host-body">
<headerIndex :cdata="{ title: '智慧工地', margin: '26px auto' }" />
<headerIndex :cdata="{ title: '智慧工地', margin: '26px auto' }" style="position: relative"/>
<div class="main" style="margin-top:-100px">
<div @click="go" v-for="(item, index)