|
@@ -6,32 +6,38 @@
|
|
|
<view class="picker-max-box">
|
|
|
<view class="picker-title-box">
|
|
|
<view></view>
|
|
|
- <view>所属学院</view>
|
|
|
- </view>
|
|
|
- <view class="picker-min-box" style="background:#f5f5f5;">
|
|
|
- <view>{{collegeArray[deptIndex].name}}</view>
|
|
|
- <img src="@/images/icon_06.png">
|
|
|
+ <view>学院楼栋</view>
|
|
|
</view>
|
|
|
+ <picker @change="buildingChange"
|
|
|
+ :range-key="'label'" :value="value" :range="buildingList">
|
|
|
+ <view class="picker-min-box">
|
|
|
+ <view>{{buildingName?buildingName:'请选择学院楼栋'}}</view>
|
|
|
+ <img src="@/images/icon_06.png">
|
|
|
+ </view>
|
|
|
+ </picker>
|
|
|
</view>
|
|
|
<view class="picker-max-box">
|
|
|
<view class="picker-title-box">
|
|
|
<view></view>
|
|
|
- <view>楼层楼栋</view>
|
|
|
- </view>
|
|
|
- <view class="picker-min-box" style="background:#f5f5f5;">
|
|
|
- <view>{{deptArray[deptIndex].name}}</view>
|
|
|
- <img src="@/images/icon_06.png">
|
|
|
+ <view>楼层</view>
|
|
|
</view>
|
|
|
+ <picker @change="floorChange" :disabled="!buildingId"
|
|
|
+ :range-key="'name'" :value="id" :range="floorList">
|
|
|
+ <view class="picker-min-box">
|
|
|
+ <view>{{floorName?floorName:'请选择楼层'}}</view>
|
|
|
+ <img src="@/images/icon_06.png">
|
|
|
+ </view>
|
|
|
+ </picker>
|
|
|
</view>
|
|
|
<view class="picker-max-box">
|
|
|
<view class="picker-title-box">
|
|
|
<view></view>
|
|
|
<view>实验室</view>
|
|
|
</view>
|
|
|
- <picker @change="fjListChange"
|
|
|
+ <picker @change="fjListChange" :disabled="!floorId"
|
|
|
:range-key="'subjectName'" :value="id" :range="fjListArray">
|
|
|
<view class="picker-min-box">
|
|
|
- <view>{{fjListIndex?fjListArray[fjListIndex].subjectName:'请选择实验室'}}</view>
|
|
|
+ <view>{{subName?subName:'请选择实验室'}}</view>
|
|
|
<img src="@/images/icon_06.png">
|
|
|
</view>
|
|
|
</picker>
|
|
@@ -57,10 +63,10 @@
|
|
|
<!-- 头部 -->
|
|
|
<view class="evacuation-title-box">
|
|
|
<view class="evacuation-title-name-box">{{subName}}</view>
|
|
|
- <view class="site"><img src="@/images/icon_14.png">安全学院 环境与气象研究所</view>
|
|
|
+ <view class="site"><img src="@/images/icon_14.png">{{address}}</view>
|
|
|
</view>
|
|
|
<!-- 视频监控-选择疏散路径 -->
|
|
|
- <view class="monito">
|
|
|
+ <!-- <view class="monito">
|
|
|
<view class="monito_li">
|
|
|
视频监控
|
|
|
<view class="monito_li_r monito_li_r_text" @click="goVideo()">查看监控<img src="@/images/icon_04.png"></view>
|
|
@@ -77,7 +83,7 @@
|
|
|
</picker>
|
|
|
</view>
|
|
|
</view>
|
|
|
- </view>
|
|
|
+ </view> -->
|
|
|
<!-- 滚动部分 -->
|
|
|
<!-- <view class="evacuation-scroll-box">
|
|
|
<view :class="videoIndex == index?'scroll-box-color':''"
|
|
@@ -112,10 +118,10 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="evacuation-map-box">
|
|
|
- <view class="evacuation-map-big-box">
|
|
|
+ <view class="evacuation-map-big-box" :class="floorId==5?'map-1':(floorId==6?'map-2':(floorId==7?'map-3':''))">
|
|
|
<view class="evacuation-map-min-for-box" :class="subId == item.subjectId?'evacuation-map-min-for-box-color':''"
|
|
|
v-for="(item,index) in fjList" :key="index">{{item.room}}</view>
|
|
|
- <img class="map-min-img" src="@/images/Version2.3/icon_sjt.gif" v-show="lightList[0].type">
|
|
|
+ <img class="map-min-img" src="@/images/Version2.3/icon_zjt.gif" v-show="lightList[0].type">
|
|
|
<img class="map-min-img" src="@/images/Version2.3/icon_yjt.gif" v-show="lightList[1].type">
|
|
|
<img class="map-min-img" src="@/images/Version2.3/icon_zjt.gif" v-show="lightList[2].type">
|
|
|
<img class="map-min-img" src="@/images/Version2.3/icon_yjt.gif" v-show="lightList[3].type">
|
|
@@ -128,7 +134,7 @@
|
|
|
<view class="video-max-box" v-if="urlList[0]">
|
|
|
<video
|
|
|
v-for="(item,index) in urlList" :key="index" :id="urlList.id" :src="item.url"
|
|
|
- :poster="videoCover"
|
|
|
+ poster="http://lab.sxitdlc.com:9300/statics/logo/logo.png"
|
|
|
:custom-cache='false' :autoplay="true" :controls="true"
|
|
|
:enable-danmu="false" :muted="true" :show-fullscreen-btn="true"
|
|
|
:show-center-play-btn="false" :show-play-btn="false"
|
|
@@ -178,21 +184,24 @@
|
|
|
|
|
|
<script>
|
|
|
import { config } from '@/api/request/config.js'
|
|
|
- import { lablayout,evacuate,closure,lineEvacuate,getRedis,getDeviceList,textParseUrlIps,getCameraByFloor,jinanGetStartList,nanhuGetStartList,lineEvacuateTow} from '@/api/index.js'
|
|
|
+ import { lablayout,evacuate,closure,lineEvacuate,getRedis,getDeviceList,textParseUrlIps,
|
|
|
+ getCameraByFloor,jinanGetStartList,nanhuGetStartList,wenchangGetStartList,lineEvacuateTow,treeselectByUser,getBuilding} from '@/api/index.js'
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
- videoCover:uni.getStorageSync('videoCover'),
|
|
|
//页面状态
|
|
|
pageType:"",
|
|
|
- //学院
|
|
|
- collegeArray:[{name:"环境学院-祈福楼",id:"113"}],
|
|
|
- //楼栋
|
|
|
- deptArray:[{name:"环境与气象研究所",id:"137"}],
|
|
|
deptIndex:0,
|
|
|
+ //院系楼栋数据
|
|
|
+ buildingList:[],
|
|
|
+ buildingName:"",
|
|
|
+ buildingId:"",
|
|
|
+ //楼层数据
|
|
|
+ floorList:[],
|
|
|
+ floorName:"",
|
|
|
+ floorId:"",
|
|
|
//实验室
|
|
|
fjListArray:[],
|
|
|
- fjListIndex:"",
|
|
|
//疏散方向
|
|
|
buttonArray:[
|
|
|
{name:"向左疏散",id:"1"},
|
|
@@ -251,14 +260,20 @@
|
|
|
name:'',
|
|
|
},
|
|
|
broadcastType:false,
|
|
|
+ address:"",
|
|
|
}
|
|
|
},
|
|
|
onLoad(option) {
|
|
|
+ this.treeselectByUser();
|
|
|
+ this.getAppExitLine();
|
|
|
+ getApp().watch(this.getMqttLineData,'lineData');
|
|
|
let self = this;
|
|
|
//判断入口(执行疏散)
|
|
|
if(option.item){
|
|
|
let item = JSON.parse(decodeURIComponent(option.item));
|
|
|
this.subId = item.subId;
|
|
|
+ this.buildingId = item.buildingId;
|
|
|
+ this.deptId = item.buildingId;
|
|
|
this.title = item.title;
|
|
|
this.type = item.type;
|
|
|
this.evacuateTwo();
|
|
@@ -268,12 +283,111 @@
|
|
|
}
|
|
|
},
|
|
|
onShow(){
|
|
|
- this.getAppExitLine();
|
|
|
- this.lablayout();
|
|
|
- getApp().watch(this.getMqttLineData,'lineData');
|
|
|
- this.getCameraByFloor();
|
|
|
+ // this.lablayout();
|
|
|
+ // this.getCameraByFloor();
|
|
|
},
|
|
|
methods: {
|
|
|
+ //根据账户信息查询学院楼栋数据
|
|
|
+ async treeselectByUser(){
|
|
|
+ const {data} = await treeselectByUser()
|
|
|
+ let list = [];
|
|
|
+ for(let i=0;i<data.data.length;i++){
|
|
|
+ for(let o=0;o<data.data[i].children.length;o++){
|
|
|
+ let obj = {
|
|
|
+ label:data.data[i].label+'-'+data.data[i].children[o].label,
|
|
|
+ value:data.data[i].children[o].id,
|
|
|
+ }
|
|
|
+ list.push(obj);
|
|
|
+ // if(i==0&&o==0){
|
|
|
+ // this.$set(this,'buildingId',obj.value);
|
|
|
+ // this.$set(this,'deptId',obj.value);
|
|
|
+ // this.$set(this,'buildingName',obj.label);
|
|
|
+ // }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.$set(this,'buildingList',list);
|
|
|
+ this.$set(this,'buildingName',"");
|
|
|
+ this.$set(this,'buildingId',"");
|
|
|
+ this.$set(this,'deptId',"");
|
|
|
+ this.$set(this,'floorList',[]);
|
|
|
+ this.$set(this,'floorName',"");
|
|
|
+ this.$set(this,'floorId',"");
|
|
|
+ this.$set(this,'fjListArray',[]);
|
|
|
+ this.$set(this,'subName',"");
|
|
|
+ this.$set(this,'subId',"");
|
|
|
+ // this.getBuilding(this.buildingId);
|
|
|
+ },
|
|
|
+ //根据账户信息查询学院楼栋数据
|
|
|
+ async getBuilding(buildingId){
|
|
|
+ const {data} = await getBuilding(buildingId)
|
|
|
+ // 过滤了三楼
|
|
|
+ let list = [];
|
|
|
+ for(let i=0;i<data.data.length;i++){
|
|
|
+ if(data.data[i].id != 7){
|
|
|
+ list.push(data.data[i]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.$set(this,'floorList',list);
|
|
|
+ this.$set(this,'floorName',"");
|
|
|
+ this.$set(this,'floorId',"");
|
|
|
+ this.$set(this,'fjListArray',[]);
|
|
|
+ this.$set(this,'subName',"");
|
|
|
+ this.$set(this,'subId',"");
|
|
|
+ // if(data.data[0]){
|
|
|
+ // this.$set(this,'floorName',data.data[0].name);
|
|
|
+ // this.$set(this,'floorId',data.data[0].id);
|
|
|
+ // this.lablayout(this.buildingId,this.floorId);
|
|
|
+ // }
|
|
|
+ },
|
|
|
+ //获取实验室布局
|
|
|
+ async lablayout(buildingId,floorId){
|
|
|
+ console.log('buildingId',buildingId)
|
|
|
+ console.log('floorId',floorId)
|
|
|
+ let self = this;
|
|
|
+ const {data} = await lablayout(buildingId)
|
|
|
+ if(data.code == 200){
|
|
|
+ for(let i=0;i<data.data.length;i++){
|
|
|
+ if(data.data[i].id == floorId){
|
|
|
+ let newList = [];
|
|
|
+ self.fjList = data.data[i].list;
|
|
|
+ for(let o=0;o<data.data[i].list.length;o++){
|
|
|
+ if(data.data[i].list[o].subjectId != -1){
|
|
|
+ newList.push(data.data[i].list[o]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ this.$set(this,'fjListArray',newList);
|
|
|
+ // if(newList[0]){
|
|
|
+ // console.log("newList",newList[0])
|
|
|
+ // this.$set(this,'subName',newList[0].subjectName);
|
|
|
+ // this.$set(this,'subId',newList[0].subjectId);
|
|
|
+ // }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //学院楼栋选中
|
|
|
+ buildingChange(e){
|
|
|
+ this.$set(this,'buildingIndex',e.detail.value);
|
|
|
+ this.$set(this,'buildingName',this.buildingList[e.detail.value].label);
|
|
|
+ this.$set(this,'buildingId',this.buildingList[e.detail.value].value);
|
|
|
+ this.$set(this,'deptId',this.buildingList[e.detail.value].value);
|
|
|
+ this.getBuilding(this.buildingList[e.detail.value].value);
|
|
|
+ },
|
|
|
+ //楼层选中
|
|
|
+ floorChange(e){
|
|
|
+ this.$set(this,'floorIndex',e.detail.value);
|
|
|
+ this.$set(this,'floorName',this.floorList[e.detail.value].name);
|
|
|
+ this.$set(this,'floorId',this.floorList[e.detail.value].id);
|
|
|
+ this.lablayout(this.buildingId,this.floorList[e.detail.value].id);
|
|
|
+ },
|
|
|
+ //实验室选择
|
|
|
+ fjListChange(e){
|
|
|
+ this.$set(this,'subName',this.fjListArray[e.detail.value].subjectName);
|
|
|
+ this.$set(this,'subId',this.fjListArray[e.detail.value].subjectId);
|
|
|
+ this.itemData.name=this.fjListArray[e.detail.value].subjectName
|
|
|
+ this.itemData.floorId=this.fjListArray[e.detail.value].floorId
|
|
|
+ this.itemData.id=this.fjListArray[e.detail.value].id
|
|
|
+ },
|
|
|
getAppExitLine(){
|
|
|
let list = [{type:"lab/exit/line"}];
|
|
|
getApp().appMqttOn(1,list);
|
|
@@ -298,14 +412,13 @@
|
|
|
},
|
|
|
//跳转摄像头列表
|
|
|
goVideo(){
|
|
|
- this.itemData.id=this.subId;
|
|
|
uni.navigateTo({
|
|
|
url:'/pages_manage/workbench/laboratory/monitor?item='+encodeURIComponent(JSON.stringify(this.itemData))+'&deptId='+this.deptId
|
|
|
})
|
|
|
},
|
|
|
//获取楼层摄像头列表
|
|
|
async getCameraByFloor(){
|
|
|
- const {data} = await getCameraByFloor({floorId:5})
|
|
|
+ const {data} = await getCameraByFloor({floorId:this.floorId})
|
|
|
if(data.code == 200){
|
|
|
if(data.data[0]){
|
|
|
//this.nanhuGetStartList(data.data);
|
|
@@ -314,7 +427,7 @@
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
- async nanhuGetStartList(rows){
|
|
|
+ async wenchangGetStartList(rows){
|
|
|
let self = this;
|
|
|
let list = "";
|
|
|
for(let i=0;i<rows.length;i++){
|
|
@@ -545,9 +658,14 @@
|
|
|
if(data.data){
|
|
|
this.isEvacuate=false;
|
|
|
this.deptId = data.data.deptId;
|
|
|
+ this.buildingId = data.data.buildId;
|
|
|
+ this.floorId = data.data.floorId;
|
|
|
this.subId = data.data.subId;
|
|
|
this.subName = data.data.subName;
|
|
|
+ this.address = data.data.deptName+'-'+data.data.buildName+'-'+data.data.floorName
|
|
|
+ // this.lablayout(data.data.buildId,data.data.floorId);
|
|
|
this.evacuate();
|
|
|
+ this.getBuilding(this.buildingId);
|
|
|
}else{
|
|
|
this.pageType = 1;
|
|
|
this.isEvacuate=true;
|
|
@@ -555,19 +673,6 @@
|
|
|
}
|
|
|
|
|
|
},
|
|
|
- //实验室选择
|
|
|
- fjListChange(e){
|
|
|
- this.fjListIndex = e.detail.value;
|
|
|
- this.$set(this,'subName',this.fjListArray[this.fjListIndex].subjectName);
|
|
|
- this.$set(this,'subId',this.fjListArray[e.detail.value].subjectId);
|
|
|
- this.$set(this,'deptId',this.fjListArray[e.detail.value].deptId);
|
|
|
-
|
|
|
- this.itemData.name=this.fjListArray[e.detail.value].subjectName
|
|
|
- this.itemData.floorId=this.fjListArray[e.detail.value].floorId
|
|
|
- this.itemData.id=this.fjListArray[e.detail.value].id
|
|
|
-
|
|
|
- console.log(this.fjListArray[e.detail.value])
|
|
|
- },
|
|
|
//疏散路线选择
|
|
|
buttonChangeTwo(e){
|
|
|
this.buttonArrayIndex = e.detail.value;
|
|
@@ -629,8 +734,9 @@
|
|
|
});
|
|
|
return
|
|
|
}
|
|
|
-
|
|
|
+ this.address = this.buildingName+''+this.floorName
|
|
|
this.lineEvacuateTow();
|
|
|
+ this.getCameraByFloor();
|
|
|
},
|
|
|
/* 2.5获取疏散线路 */
|
|
|
async lineEvacuateTow(){
|
|
@@ -741,7 +847,7 @@
|
|
|
},
|
|
|
async getDeviceList(){
|
|
|
let obj ={
|
|
|
- floorId:5,
|
|
|
+ floorId:this.floorId,
|
|
|
page:1,
|
|
|
pageSize:100,
|
|
|
};
|
|
@@ -757,26 +863,6 @@
|
|
|
scrollBoxClick(index){
|
|
|
this.videoIndex = index;
|
|
|
},
|
|
|
- //获取实验室布局
|
|
|
- async lablayout(){
|
|
|
- let self = this;
|
|
|
- const {data} = await lablayout(137)
|
|
|
- if(data.code == 200){
|
|
|
- for(let i=0;i<data.data.length;i++){
|
|
|
- if(data.data[i].id == 5){
|
|
|
- self.fjList = data.data[i].list;
|
|
|
- let newList = [];
|
|
|
- for(let o=0;o<data.data[i].list.length;o++){
|
|
|
- if(data.data[i].list[o].subjectId != -1){
|
|
|
- newList.push(data.data[i].list[o]);
|
|
|
- }
|
|
|
- }
|
|
|
- this.$set(this,'fjListArray',newList);
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
- },
|
|
|
},
|
|
|
beforeDestroy(){
|
|
|
//断开mqtt连接
|
|
@@ -1052,151 +1138,209 @@
|
|
|
overflow:hidden;
|
|
|
border:1rpx solid #E0E0E0;
|
|
|
margin-top:20rpx;
|
|
|
- .evacuation-map-big-box{
|
|
|
- height:285rpx;
|
|
|
- width:641rpx;
|
|
|
- background:url(../images/Version2.3/icon_bj_syspmtcy_jinan.png);
|
|
|
- background-size 100%
|
|
|
- margin:28rpx 13rpx ;
|
|
|
- position relative
|
|
|
- .evacuation-map-min-for-box{
|
|
|
- overflow: hidden;
|
|
|
- display: inline-block;
|
|
|
- line-height:70rpx;
|
|
|
- text-align: center;
|
|
|
- font-size:14rpx;
|
|
|
- }
|
|
|
- .evacuation-map-min-for-box-color{
|
|
|
- background: rgba(0,189,255,0.3);
|
|
|
- }
|
|
|
+ .map-1{
|
|
|
+ background:url(../images/kuangdaMap/map1.png);
|
|
|
.evacuation-map-min-for-box:nth-child(1){
|
|
|
- margin:4rpx 82rpx 0 0;
|
|
|
- width:91rpx;
|
|
|
- height:91rpx;
|
|
|
+ margin:4rpx 0 0 0;
|
|
|
+ width:54rpx;
|
|
|
+ height:102rpx;
|
|
|
}
|
|
|
.evacuation-map-min-for-box:nth-child(2){
|
|
|
- margin:4rpx 0 0 0;
|
|
|
- width:57rpx;
|
|
|
- height:91rpx;
|
|
|
+ margin:4rpx 54rpx 0 0;
|
|
|
+ width:54rpx;
|
|
|
+ height:102rpx;
|
|
|
}
|
|
|
.evacuation-map-min-for-box:nth-child(3){
|
|
|
- margin:4rpx 0 0 0;
|
|
|
- width:57rpx;
|
|
|
- height:91rpx;
|
|
|
+ margin:4rpx 54rpx 0 0;
|
|
|
+ width:100rpx;
|
|
|
+ height:102rpx;
|
|
|
}
|
|
|
.evacuation-map-min-for-box:nth-child(4){
|
|
|
margin:4rpx 0 0 0;
|
|
|
- width:57rpx;
|
|
|
- height:91rpx;
|
|
|
+ width:135rpx;
|
|
|
+ height:102rpx;
|
|
|
}
|
|
|
.evacuation-map-min-for-box:nth-child(5){
|
|
|
margin:4rpx 0 0 0;
|
|
|
- width:58rpx;
|
|
|
- height:91rpx;
|
|
|
+ width:95rpx;
|
|
|
+ height:102rpx;
|
|
|
}
|
|
|
.evacuation-map-min-for-box:nth-child(6){
|
|
|
margin:4rpx 0 0 0;
|
|
|
- width:57rpx;
|
|
|
- height:91rpx;
|
|
|
+ width:54rpx;
|
|
|
+ height:102rpx;
|
|
|
}
|
|
|
.evacuation-map-min-for-box:nth-child(7){
|
|
|
- margin:4rpx 0 0 0;
|
|
|
- width:57rpx;
|
|
|
- height:91rpx;
|
|
|
+ margin:78rpx 0 0 0;
|
|
|
+ width:130rpx;
|
|
|
+ height:102rpx;
|
|
|
}
|
|
|
.evacuation-map-min-for-box:nth-child(8){
|
|
|
- margin:4rpx 40rpx 0 0;
|
|
|
- width:57rpx;
|
|
|
- height:91rpx;
|
|
|
+ margin:78rpx 0 0 0;
|
|
|
+ width:149rpx;
|
|
|
+ height:102rpx;
|
|
|
}
|
|
|
.evacuation-map-min-for-box:nth-child(9){
|
|
|
- margin:47rpx 0 0 0;
|
|
|
- width:51rpx;
|
|
|
- height:136rpx;
|
|
|
- line-height:140rpx;
|
|
|
+ margin:78rpx 0 0 0;
|
|
|
+ width:84rpx;
|
|
|
+ height:102rpx;
|
|
|
}
|
|
|
.evacuation-map-min-for-box:nth-child(10){
|
|
|
- margin:47rpx 0 0 0;
|
|
|
- width:60rpx;
|
|
|
- height:136rpx;
|
|
|
- line-height:140rpx;
|
|
|
+ margin:78rpx 0 0 0;
|
|
|
+ width:84rpx;
|
|
|
+ height:102rpx;
|
|
|
}
|
|
|
.evacuation-map-min-for-box:nth-child(11){
|
|
|
- margin:47rpx 0 0 0;
|
|
|
- width:62rpx;
|
|
|
- height:136rpx;
|
|
|
- line-height:140rpx;
|
|
|
+ margin:78rpx 0 0 0;
|
|
|
+ width:94rpx;
|
|
|
+ height:102rpx;
|
|
|
}
|
|
|
.evacuation-map-min-for-box:nth-child(12){
|
|
|
- margin:47rpx 0 0 0;
|
|
|
- width:58rpx;
|
|
|
- height:136rpx;
|
|
|
- line-height:140rpx;
|
|
|
+ margin:78rpx 0 0 0;
|
|
|
+ width:44rpx;
|
|
|
+ height:102rpx;
|
|
|
}
|
|
|
.evacuation-map-min-for-box:nth-child(13){
|
|
|
- margin:47rpx 0 0 0;
|
|
|
- width:57rpx;
|
|
|
- height:136rpx;
|
|
|
- line-height:140rpx;
|
|
|
+ margin:78rpx 0 0 0;
|
|
|
+ width:64rpx;
|
|
|
+ height:102rpx;
|
|
|
}
|
|
|
- .evacuation-map-min-for-box:nth-child(14){
|
|
|
- margin:47rpx 0 0 0;
|
|
|
- width:57rpx;
|
|
|
- height:136rpx;
|
|
|
- line-height:140rpx;
|
|
|
+ .map-min-img:nth-child(14){
|
|
|
+ top: 134rpx;
|
|
|
+ left: 80rpx;
|
|
|
}
|
|
|
- .evacuation-map-min-for-box:nth-child(15){
|
|
|
- margin:47rpx 0 0 0;
|
|
|
- width:57rpx;
|
|
|
- height:136rpx;
|
|
|
- line-height:140rpx;
|
|
|
+ .map-min-img:nth-child(15){
|
|
|
+ top: 134rpx;
|
|
|
+ left: 160rpx;
|
|
|
}
|
|
|
- .evacuation-map-min-for-box:nth-child(16){
|
|
|
- margin:47rpx 0 0 0;
|
|
|
- width:57rpx;
|
|
|
- height:136rpx;
|
|
|
- line-height:140rpx;
|
|
|
+ .map-min-img:nth-child(16){
|
|
|
+ top: 134rpx;
|
|
|
+ left:280rpx;
|
|
|
}
|
|
|
- .evacuation-map-min-for-box:nth-child(17){
|
|
|
- margin:47rpx 0 0 0;
|
|
|
- width:57rpx;
|
|
|
- height:136rpx;
|
|
|
- line-height:140rpx;
|
|
|
+ .map-min-img:nth-child(17){
|
|
|
+ top: 134rpx;
|
|
|
+ left:340rpx;
|
|
|
}
|
|
|
- .evacuation-map-min-for-box:nth-child(18){
|
|
|
- margin:47rpx 0 0 0;
|
|
|
- width:57rpx;
|
|
|
- height:136rpx;
|
|
|
- line-height:140rpx;
|
|
|
- }
|
|
|
- .map-min-img{
|
|
|
- position: absolute;
|
|
|
- width:34rpx;
|
|
|
- height:22rpx;
|
|
|
+ .map-min-img:nth-child(18){
|
|
|
+ top: 134rpx;
|
|
|
+ left:460rpx;
|
|
|
}
|
|
|
.map-min-img:nth-child(19){
|
|
|
- top: 64rpx;
|
|
|
- left: 94rpx;
|
|
|
+ top: 134rpx;
|
|
|
+ left:540rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .map-2{
|
|
|
+ background:url(../images/kuangdaMap/map2.png);
|
|
|
+ .evacuation-map-min-for-box:nth-child(1){
|
|
|
+ margin:4rpx 0 0 0;
|
|
|
+ width:54rpx;
|
|
|
+ height:102rpx;
|
|
|
+ }
|
|
|
+ .evacuation-map-min-for-box:nth-child(2){
|
|
|
+ margin:4rpx 54rpx 0 0;
|
|
|
+ width:54rpx;
|
|
|
+ height:102rpx;
|
|
|
+ }
|
|
|
+ .evacuation-map-min-for-box:nth-child(3){
|
|
|
+ margin:4rpx 54rpx 0 0;
|
|
|
+ width:100rpx;
|
|
|
+ height:102rpx;
|
|
|
+ }
|
|
|
+ .evacuation-map-min-for-box:nth-child(4){
|
|
|
+ margin:4rpx 0 0 0;
|
|
|
+ width:135rpx;
|
|
|
+ height:102rpx;
|
|
|
+ }
|
|
|
+ .evacuation-map-min-for-box:nth-child(5){
|
|
|
+ margin:4rpx 0 0 0;
|
|
|
+ width:145rpx;
|
|
|
+ height:102rpx;
|
|
|
}
|
|
|
- .map-min-img:nth-child(20){
|
|
|
- top: 109rpx;
|
|
|
- left: 134rpx;
|
|
|
+ .evacuation-map-min-for-box:nth-child(6){
|
|
|
+ margin:4rpx 0 0 0;
|
|
|
+ width:106rpx;
|
|
|
+ height:102rpx;
|
|
|
+ }
|
|
|
+ .evacuation-map-min-for-box:nth-child(7){
|
|
|
+ margin:78rpx 0 0 0;
|
|
|
+ width:106rpx;
|
|
|
+ height:102rpx;
|
|
|
+ }
|
|
|
+ .evacuation-map-min-for-box:nth-child(8){
|
|
|
+ margin:78rpx 0 0 0;
|
|
|
+ width:100rpx;
|
|
|
+ height:102rpx;
|
|
|
}
|
|
|
- .map-min-img:nth-child(21){
|
|
|
- top: 109rpx;
|
|
|
- left:290rpx;
|
|
|
+ .evacuation-map-min-for-box:nth-child(9){
|
|
|
+ margin:78rpx 0 0 0;
|
|
|
+ width:100rpx;
|
|
|
+ height:102rpx;
|
|
|
}
|
|
|
- .map-min-img:nth-child(22){
|
|
|
- top: 109rpx;
|
|
|
- left:350rpx;
|
|
|
+ .evacuation-map-min-for-box:nth-child(10){
|
|
|
+ margin:78rpx 0 0 0;
|
|
|
+ width:92rpx;
|
|
|
+ height:102rpx;
|
|
|
}
|
|
|
- .map-min-img:nth-child(23){
|
|
|
- top: 109rpx;
|
|
|
- left:520rpx;
|
|
|
+ .evacuation-map-min-for-box:nth-child(11){
|
|
|
+ margin:78rpx 0 0 0;
|
|
|
+ width:90rpx;
|
|
|
+ height:102rpx;
|
|
|
}
|
|
|
- .map-min-img:nth-child(24){
|
|
|
- top: 109rpx;
|
|
|
- left:580rpx;
|
|
|
+ .evacuation-map-min-for-box:nth-child(12){
|
|
|
+ margin:78rpx 0 0 0;
|
|
|
+ width:53rpx;
|
|
|
+ height:102rpx;
|
|
|
+ }
|
|
|
+ .map-min-img:nth-child(13){
|
|
|
+ top: 134rpx;
|
|
|
+ left: 80rpx;
|
|
|
+ }
|
|
|
+ .map-min-img:nth-child(14){
|
|
|
+ top: 134rpx;
|
|
|
+ left: 160rpx;
|
|
|
+ }
|
|
|
+ .map-min-img:nth-child(15){
|
|
|
+ top: 134rpx;
|
|
|
+ left:280rpx;
|
|
|
+ }
|
|
|
+ .map-min-img:nth-child(16){
|
|
|
+ top: 134rpx;
|
|
|
+ left:340rpx;
|
|
|
+ }
|
|
|
+ .map-min-img:nth-child(17){
|
|
|
+ top: 134rpx;
|
|
|
+ left:460rpx;
|
|
|
+ }
|
|
|
+ .map-min-img:nth-child(18){
|
|
|
+ top: 134rpx;
|
|
|
+ left:540rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .map-3{
|
|
|
+ background:url(../images/kuangdaMap/map3.png);
|
|
|
+ }
|
|
|
+ .evacuation-map-big-box{
|
|
|
+ height:293rpx;
|
|
|
+ width:644rpx;
|
|
|
+ // background:url(../images/Version2.3/icon_bj_syspmtcy_jinan.png);
|
|
|
+ background-size 100%
|
|
|
+ margin:28rpx 13rpx ;
|
|
|
+ position relative
|
|
|
+ .evacuation-map-min-for-box{
|
|
|
+ overflow: hidden;
|
|
|
+ display: inline-block;
|
|
|
+ line-height:70rpx;
|
|
|
+ text-align: center;
|
|
|
+ font-size:14rpx;
|
|
|
+ }
|
|
|
+ .evacuation-map-min-for-box-color{
|
|
|
+ background: rgba(0,189,255,0.3);
|
|
|
+ }
|
|
|
+ .map-min-img{
|
|
|
+ position: absolute;
|
|
|
+ width:34rpx;
|
|
|
+ height:22rpx;
|
|
|
}
|
|
|
}
|
|
|
}
|