heyang 2 年之前
父節點
當前提交
e4a0253a5c
共有 3 個文件被更改,包括 323 次插入178 次删除
  1. 2 2
      api/request/config.js
  2. 5 4
      component/topWarn.vue
  3. 316 172
      pages/emergencyEvacuationBig.vue

+ 2 - 2
api/request/config.js

@@ -9,11 +9,11 @@ const config = {
 
 	// base_url: 'https://lab.sxitdlc.com/labNhSystem/',//43服务器高升测试
 	// base_url: 'https://lab.sxitdlc.com/labAppTest/',//43服务器线上
-    base_url: 'https://lab.sxitdlc.com/appTest/',//88服务器线上
+    //base_url: 'https://lab.sxitdlc.com/appTest/',//88服务器线上
 	//base_url: 'https://lab.sxitdlc.com/labSystem/', //矿大地址
 	// base_url: 'https://lab.sxitdlc.com/jdlabSystem/', //交大地址
     // base_url: 'https://lab.sxitdlc.com/jndxlabSystem/', //暨大地址
-     // base_url: 'https://lab.sxitdlc.com/kdwclabSystem/', //矿大文昌地址
+      base_url: 'https://lab.sxitdlc.com/kdwclabSystem/', //矿大文昌地址
 
 	//视频地址
 	video_url:'https://lab.sxitdlc.com',

+ 5 - 4
component/topWarn.vue

@@ -2,13 +2,13 @@
 <template>
 	<view class="top-warn" v-if="pageType">
 		<view>{{text}}</view>
-		<view @click="buttonClick">操作</view>
+		<view @click="buttonClick" v-if="whetherRoute">操作</view>
 	</view>
 </template>
 
 <script>
     import { getListStatusTwo,evacuate,closeRiskPlan } from '@/api/index.js'
-    
+
 	export default {
 		data() {
 			return {
@@ -19,11 +19,11 @@
 				subjectName:"",
 				closePlan:false,
 				closeId:"",
-				
+        whetherRoute:true,//  true 有疏散路线,false 没有疏散路线
 			}
 		},
 		created() {
-			
+
 		},
 		mounted(){
 			this.getWarn();
@@ -129,6 +129,7 @@
 						self.text = data.data[i].buildName + data.data[i].floorName + data.data[i].roomName + data.data[i].subjectName + '发生应急预案.';
 						self.subjectId = data.data[i].subjectId;
 						self.buildingId = data.data[i].buildId;
+              self.whetherRoute = data.data[i].whetherRoute;
 						self.subjectName = data.data[i].subjectName;
 						self.pageType = true;
 						self.closePlan =data.data[i].closePlan;

+ 316 - 172
pages/emergencyEvacuationBig.vue

@@ -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;
 							}
 						}
 					}