引入地图模型
After Width: | Height: | Size: 933 B |
After Width: | Height: | Size: 566 B |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 67 KiB |
After Width: | Height: | Size: 1.6 KiB |
After Width: | Height: | Size: 1.9 KiB |
After Width: | Height: | Size: 1.4 KiB |
After Width: | Height: | Size: 1.7 KiB |
After Width: | Height: | Size: 1.7 KiB |
After Width: | Height: | Size: 1.8 KiB |
After Width: | Height: | Size: 1.8 KiB |
After Width: | Height: | Size: 1.6 KiB |
After Width: | Height: | Size: 1.7 KiB |
After Width: | Height: | Size: 1.8 KiB |
After Width: | Height: | Size: 71 KiB |
After Width: | Height: | Size: 1.3 KiB |
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 1008 B |
After Width: | Height: | Size: 2.5 KiB |
After Width: | Height: | Size: 1.6 KiB |
|
@ -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;
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
<script>
|
||||
export default {
|
||||
props: {
|
||||
|
||||
|
||||
className: {
|
||||
type: String,
|
||||
default: () => "css"
|
||||
|
@ -42,7 +42,7 @@ export default {
|
|||
|
||||
],
|
||||
...this.config
|
||||
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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;">-->
|
||||
<!-- <!– 删除 –>-->
|
||||
<!-- <!– <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="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>
|
||||
|
|
|
@ -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;">
|
||||
<!-- 第四行数据 -->
|
||||
|
|
|
@ -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">
|
||||
<!-- 第三行数据 -->
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
|
@ -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">
|
||||
<!-- 第三行数据 -->
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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)
|
||||
|
||||
|
|