Bläddra i källkod

Merge branch 'master' of http://192.168.1.43:3000/git/sass-lab-xcxc

dedsudiyu 2 år sedan
förälder
incheckning
6804925cae
2 ändrade filer med 195 tillägg och 336 borttagningar
  1. 8 1
      pages.json
  2. 187 335
      pages/emergencyEvacuationBig.vue

+ 8 - 1
pages.json

@@ -1,6 +1,7 @@
 {
 	"pages": [
-
+		
+      
 		{
 			"path": "pages/home",//首页
 			"style": {
@@ -9,6 +10,12 @@
 				"navigationBarBackgroundColor": "#0183FA" //导航背景色
 			}
 		},
+		{
+			"path": "pages/alarmInfo/alarmInfo",//报警信息
+			"style": {
+				"navigationBarTitleText": "报警信息"
+			}
+		},
 
 		{
 			"path": "pages/supplierWorkbench",

+ 187 - 335
pages/emergencyEvacuationBig.vue

@@ -6,38 +6,32 @@
 				<view class="picker-max-box">
 					<view class="picker-title-box">
 						<view></view>
-						<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>
-					<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>
+					</view>
+					<view class="picker-min-box" style="background:#f5f5f5;">
+						<view>{{deptArray[deptIndex].name}}</view>
+						<img src="@/images/icon_06.png">
 					</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" :disabled="!floorId"
+					<picker @change="fjListChange"
 						:range-key="'subjectName'" :value="id" :range="fjListArray">
 						<view class="picker-min-box">
-							<view>{{subName?subName:'请选择实验室'}}</view>
+							<view>{{fjListIndex?fjListArray[fjListIndex].subjectName:'请选择实验室'}}</view>
 							<img src="@/images/icon_06.png">
 						</view>
 					</picker>
@@ -63,10 +57,10 @@
 				<!-- 头部 -->
 				<view class="evacuation-title-box">
 					<view class="evacuation-title-name-box">{{subName}}</view>
-					<view class="site"><img src="@/images/icon_14.png">{{address}}</view>
+					<view class="site"><img src="@/images/icon_14.png">安全学院 环境与气象研究所</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>
@@ -83,7 +77,7 @@
 							</picker>
 						</view>
 					</view>
-				</view> -->
+				</view>
 				<!-- 滚动部分 -->
 				<!-- <view class="evacuation-scroll-box">
 					<view :class="videoIndex == index?'scroll-box-color':''"
@@ -118,10 +112,10 @@
 						</view>
 						</view>
 					<view class="evacuation-map-box">
-						<view class="evacuation-map-big-box" :class="floorId==5?'map-1':(floorId==6?'map-2':(floorId==7?'map-3':''))">
+						<view class="evacuation-map-big-box">
 							<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_zjt.gif" v-show="lightList[0].type">
+							<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_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">
@@ -134,7 +128,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="http://lab.sxitdlc.com:9300/statics/logo/logo.png"
+            :poster="videoCover"
 						: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"
@@ -184,24 +178,21 @@
 
 <script>
     import { config } from '@/api/request/config.js'
-    import { lablayout,evacuate,closure,lineEvacuate,getRedis,getDeviceList,textParseUrlIps,
-	getCameraByFloor,jinanGetStartList,nanhuGetStartList,wenchangGetStartList,lineEvacuateTow,treeselectByUser,getBuilding} from '@/api/index.js'
+    import { lablayout,evacuate,closure,lineEvacuate,getRedis,getDeviceList,textParseUrlIps,getCameraByFloor,jinanGetStartList,nanhuGetStartList,lineEvacuateTow,laboratoryInfo} 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"},
@@ -260,141 +251,29 @@
 					name:'',
 				},
 				broadcastType:false,
-				address:"",
 				videoHardwareNUM:[],//实验室和楼道摄像头编码
 			}
 		},
         onLoad(option) {
-			this.treeselectByUser(option);
-			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.title = item.title;
+				this.type = item.type;
+				this.evacuateTwo();
+			}else{
+				//判断入口(首页按钮)
+				this.getRedis();
+			}
 		},
 		onShow(){
-			// this.lablayout();
-			// this.getCameraByFloor();
+			this.getAppExitLine();
+			this.lablayout();
+            getApp().watch(this.getMqttLineData,'lineData');
 		},
 		methods: {
-			//根据账户信息查询学院楼栋数据
-			async treeselectByUser(option){
-				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);
-				if(option.item){
-					let item = JSON.parse(decodeURIComponent(option.item));
-					console.log("item",item)
-					this.subId = item.subId;
-					this.subName = item.subjectName;
-					this.address = item.address
-					this.buildingId = item.buildingId;
-					this.deptId = item.buildingId;
-					this.floorId = item.floorId;
-					this.title = item.title;
-					this.type = item.type;
-					this.lablayout(this.buildingId,this.floorId);
-					this.evacuateTwo();
-				}else{
-					//判断入口(首页按钮)
-					this.getRedis();
-				}
-			},
-			//根据账户信息查询学院楼栋数据
-			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
-				this.itemData.subjectId=this.fjListArray[e.detail.value].subjectId
-			},
 			getAppExitLine(){
 				let list = [{type:"lab/exit/line"}];
 				getApp().appMqttOn(1,list);
@@ -419,6 +298,7 @@
 			},
 			//跳转摄像头列表
 			goVideo(){
+				this.itemData.id=this.subId;
 			    uni.navigateTo({
 			        url:'/pages_manage/workbench/laboratory/monitor?item='+encodeURIComponent(JSON.stringify(this.itemData))+'&deptId='+this.deptId
 			    })
@@ -444,7 +324,7 @@
 			//获取楼层摄像头列表
 			async getCameraByFloor(){
 				let _this=this;
-				const {data} = await getCameraByFloor({floorId:this.floorId})
+				const {data} = await getCameraByFloor({floorId:5})
 				if(data.code == 200){
 					if(data.data[0]){
 						let list=_this.videoHardwareNUM.concat(data.data)
@@ -460,11 +340,11 @@
 						console.log(list)
 					
 					
-						this.wenchangGetStartList(list);
+						this.nanhuGetStartList(list);
 					}
 				}
 			},
-			async wenchangGetStartList(rows){
+			async nanhuGetStartList(rows){
 				let self = this;
 				let list = "";
 				for(let i=0;i<rows.length;i++){
@@ -695,15 +575,9 @@
 					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.lablayout(this.buildingId,this.floorId);
 						this.evacuate();
-						// this.getBuilding(this.buildingId);
 					}else{
 						this.pageType = 1;
 						this.isEvacuate=true;
@@ -711,6 +585,20 @@
 				}
 
 			},
+			//实验室选择
+			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
+				this.itemData.subjectId=this.fjListArray[e.detail.value].subjectId
+
+				console.log(this.fjListArray[e.detail.value])
+			},
 			//疏散路线选择
 			buttonChangeTwo(e){
 				this.buttonArrayIndex = e.detail.value;
@@ -772,7 +660,7 @@
 					});
 					return
 				}
-				this.address = this.buildingName+''+this.floorName
+
 				this.lineEvacuateTow();
 				this.laboratoryInfo();
 			},
@@ -878,13 +766,14 @@
 				}
 				this.lightList = newList;
 				console.log('灯数据改变',this.lightList);
+
 				this.pageType = 2;
 				this.$forceUpdate();
 				this.getDeviceList();
 			},
 			async getDeviceList(){
 				let obj ={
-					floorId:this.floorId,
+					floorId:5,
 					page:1,
 					pageSize:100,
 				};
@@ -900,6 +789,26 @@
 			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连接
@@ -981,11 +890,12 @@
 				border-radius:20rpx;
 				padding:20rpx 0 30rpx;
 				.evacuation-title-box{
-					// height:150rpx;
+					height:150rpx;
 					//border-bottom:1rpx solid #dedede;
 					background: #FFFFFF;
 					border-radius: 20rpx;
-					padding:34rpx 22rpx;
+					padding-left:22rpx;
+					padding-top:34rpx;
 					box-sizing :border-box;
 					.evacuation-title-name-box{
 						font-size: 30rpx;
@@ -1174,209 +1084,151 @@
 						overflow:hidden;
 						border:1rpx solid #E0E0E0;
 						margin-top:20rpx;
-						.map-1{
-							background:url(../images/kuangdaMap/map1.png);
+						.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);
+							}
 							.evacuation-map-min-for-box:nth-child(1){
-								margin:4rpx 0 0 0;
-								width:54rpx;
-								height:102rpx;
+								margin:4rpx 82rpx 0 0;
+								width:91rpx;
+								height:91rpx;
 							}
 							.evacuation-map-min-for-box:nth-child(2){
-								margin:4rpx 54rpx 0 0;
-								width:54rpx;
-								height:102rpx;
+								margin:4rpx 0 0 0;
+								width:57rpx;
+								height:91rpx;
 							}
 							.evacuation-map-min-for-box:nth-child(3){
-								margin:4rpx 54rpx 0 0;
-								width:100rpx;
-								height:102rpx;
+								margin:4rpx 0 0 0;
+								width:57rpx;
+								height:91rpx;
 							}
 							.evacuation-map-min-for-box:nth-child(4){
 								margin:4rpx 0 0 0;
-								width:135rpx;
-								height:102rpx;
+								width:57rpx;
+								height:91rpx;
 							}
 							.evacuation-map-min-for-box:nth-child(5){
 								margin:4rpx 0 0 0;
-								width:95rpx;
-								height:102rpx;
+								width:58rpx;
+								height:91rpx;
 							}
 							.evacuation-map-min-for-box:nth-child(6){
 								margin:4rpx 0 0 0;
-								width:54rpx;
-								height:102rpx;
+								width:57rpx;
+								height:91rpx;
 							}
 							.evacuation-map-min-for-box:nth-child(7){
-								margin:78rpx 0 0 0;
-								width:130rpx;
-								height:102rpx;
+								margin:4rpx 0 0 0;
+								width:57rpx;
+								height:91rpx;
 							}
 							.evacuation-map-min-for-box:nth-child(8){
-								margin:78rpx 0 0 0;
-								width:149rpx;
-								height:102rpx;
+								margin:4rpx 40rpx 0 0;
+								width:57rpx;
+								height:91rpx;
 							}
 							.evacuation-map-min-for-box:nth-child(9){
-								margin:78rpx 0 0 0;
-								width:84rpx;
-								height:102rpx;
+								margin:47rpx 0 0 0;
+								width:51rpx;
+								height:136rpx;
+								line-height:140rpx;
 							}
 							.evacuation-map-min-for-box:nth-child(10){
-								margin:78rpx 0 0 0;
-								width:84rpx;
-								height:102rpx;
+								margin:47rpx 0 0 0;
+								width:60rpx;
+								height:136rpx;
+								line-height:140rpx;
 							}
 							.evacuation-map-min-for-box:nth-child(11){
-								margin:78rpx 0 0 0;
-								width:94rpx;
-								height:102rpx;
+								margin:47rpx 0 0 0;
+								width:62rpx;
+								height:136rpx;
+								line-height:140rpx;
 							}
 							.evacuation-map-min-for-box:nth-child(12){
-								margin:78rpx 0 0 0;
-								width:44rpx;
-								height:102rpx;
+								margin:47rpx 0 0 0;
+								width:58rpx;
+								height:136rpx;
+								line-height:140rpx;
 							}
 							.evacuation-map-min-for-box:nth-child(13){
-								margin:78rpx 0 0 0;
-								width:64rpx;
-								height:102rpx;
-							}
-							.map-min-img:nth-child(14){
-								top: 134rpx;
-								left: 80rpx;
-							}
-							.map-min-img:nth-child(15){
-								top: 134rpx;
-								left: 160rpx;
+								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(14){
+								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(15){
+								margin:47rpx 0 0 0;
+								width:57rpx;
+								height:136rpx;
+								line-height:140rpx;
 							}
-							.map-min-img:nth-child(18){
-								top: 134rpx;
-								left:460rpx;
-							}
-							.map-min-img:nth-child(19){
-								top: 134rpx;
-								left:540rpx;
+							.evacuation-map-min-for-box:nth-child(16){
+								margin:47rpx 0 0 0;
+								width:57rpx;
+								height:136rpx;
+								line-height:140rpx;
 							}
-						}
-						.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(17){
+								margin:47rpx 0 0 0;
+								width:57rpx;
+								height:136rpx;
+								line-height:140rpx;
 							}
-							.evacuation-map-min-for-box:nth-child(2){
-								margin:4rpx 54rpx 0 0;
-								width:54rpx;
-								height:102rpx;
+							.evacuation-map-min-for-box:nth-child(18){
+								margin:47rpx 0 0 0;
+								width:57rpx;
+								height:136rpx;
+								line-height:140rpx;
 							}
-							.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;
-							}
-							.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;
-							}
-							.evacuation-map-min-for-box:nth-child(9){
-								margin:78rpx 0 0 0;
-								width:100rpx;
-								height:102rpx;
-							}
-							.evacuation-map-min-for-box:nth-child(10){
-								margin:78rpx 0 0 0;
-								width:92rpx;
-								height:102rpx;
-							}
-							.evacuation-map-min-for-box:nth-child(11){
-								margin:78rpx 0 0 0;
-								width:90rpx;
-								height:102rpx;
-							}
-							.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{
+								position: absolute;
+								width:34rpx;
+								height:22rpx;
 							}
-							.map-min-img:nth-child(16){
-								top: 134rpx;
-								left:340rpx;
+							.map-min-img:nth-child(19){
+								top: 64rpx;
+								left: 94rpx;
 							}
-							.map-min-img:nth-child(17){
-								top: 134rpx;
-								left:460rpx;
+							.map-min-img:nth-child(20){
+								top: 109rpx;
+								left: 134rpx;
 							}
-							.map-min-img:nth-child(18){
-								top: 134rpx;
-								left:540rpx;
+							.map-min-img:nth-child(21){
+								top: 109rpx;
+								left:290rpx;
 							}
-						}
-						.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;
+							.map-min-img:nth-child(22){
+								top: 109rpx;
+								left:350rpx;
 							}
-							.evacuation-map-min-for-box-color{
-								background: rgba(0,189,255,0.3);
+							.map-min-img:nth-child(23){
+								top: 109rpx;
+								left:520rpx;
 							}
-							.map-min-img{
-								position: absolute;
-								width:34rpx;
-								height:22rpx;
+							.map-min-img:nth-child(24){
+								top: 109rpx;
+								left:580rpx;
 							}
 						}
 					}