|
|
@@ -70,10 +70,11 @@
|
|
|
:style="'width:'+mapData.minWidth+'px;height:'+mapData.minHeight+'px;transform: scale('+mapData.minZoomData+');margin-top:-'+mapData.minHeight/2+'px;margin-left:-'+mapData.minWidth/2+'px;'">
|
|
|
<div class="evacuation-shade-map-box"
|
|
|
:style="'width:'+mapData.minWidth+'px;height:'+mapData.minHeight+'px;'">
|
|
|
- <div class="evacuation-shade-map-for-box for-map-box-one"
|
|
|
- v-for="(item,index) in mapData.mapList" :key="item.key" v-if="item.type == 1"
|
|
|
+ <div class="evacuation-shade-map-for-box "
|
|
|
+ :class="item.type==1?'for-map-box-one':(item.type==2?'for-map-box':(item.type==3?'for-map-box-two':''))"
|
|
|
+ v-for="(item,index) in mapData.mapList" :key="item.key" v-if="item.type == 1 || item.type == 2 || item.type == 3"
|
|
|
:style="'background:'+item.classifiedColor+';top:'+item.y+'px;left:'+item.x+'px;width:'+item.w+'px;height:'+item.h+'px;'">
|
|
|
- <div class="evacuation-shade-map-min-box">
|
|
|
+ <div class="evacuation-shade-map-min-box" v-if="item.type == 1">
|
|
|
<!--名称/实验室名称-->
|
|
|
<p class="map-for-name-p" :style="'margin-top:'+((item.h/2)-25)+'px;'">
|
|
|
{{item.roomType == '-99'?item.roomName:item.subName}}</p>
|
|
|
@@ -81,18 +82,18 @@
|
|
|
<p class="map-for-num-p">{{item.roomNum}}</p>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="evacuation-shade-map-for-box for-map-box"
|
|
|
- v-for="(item,indexOne) in newMapData.mapList" :key="item.key" v-if="item.type == 2"
|
|
|
- :style="'top:'+item.y+'px;left:'+item.x+'px;width:'+item.w+'px;height:'+item.h+'px;'">
|
|
|
- <div class="evacuation-shade-map-min-box"></div>
|
|
|
- </div>
|
|
|
- <div class="evacuation-shade-map-for-box for-map-box-two"
|
|
|
- v-for="(item,indexTwo) in newMapData.mapList" :key="item.key" v-if="item.type == 3"
|
|
|
- @click="shadeCheckRoomClick(item)"
|
|
|
- :class="item.roomCheckType?'for-map-box-two-check':''"
|
|
|
- :style="'top:'+item.y+'px;left:'+item.x+'px;width:'+item.w+'px;height:'+item.h+'px;'">
|
|
|
- <div class="evacuation-shade-map-min-box"></div>
|
|
|
- </div>
|
|
|
+ <!--<div class="evacuation-shade-map-for-box for-map-box"-->
|
|
|
+ <!--v-for="(item,indexOne) in newMapData.mapList" :key="item.key" v-if="item.type == 2"-->
|
|
|
+ <!--:style="'top:'+item.y+'px;left:'+item.x+'px;width:'+item.w+'px;height:'+item.h+'px;'">-->
|
|
|
+ <!--<div class="evacuation-shade-map-min-box"></div>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--<div class="evacuation-shade-map-for-box for-map-box-two"-->
|
|
|
+ <!--v-for="(item,indexTwo) in newMapData.mapList" :key="item.key" v-if="item.type == 3"-->
|
|
|
+ <!--@click="shadeCheckRoomClick(item)"-->
|
|
|
+ <!--:class="item.roomCheckType?'for-map-box-two-check':''"-->
|
|
|
+ <!--:style="'top:'+item.y+'px;left:'+item.x+'px;width:'+item.w+'px;height:'+item.h+'px;'">-->
|
|
|
+ <!--<div class="evacuation-shade-map-min-box"></div>-->
|
|
|
+ <!--</div>-->
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -604,8 +605,8 @@
|
|
|
width:rw(300);
|
|
|
height:rh(200);
|
|
|
.center-bottom-for-min-box{
|
|
|
- width:rw(300);
|
|
|
- height:rh(160);
|
|
|
+ width:rw(302);
|
|
|
+ height:rh(162);
|
|
|
border:rh(1) solid #666;
|
|
|
position: relative;
|
|
|
.evacuation-shade-map-big-box {
|
|
|
@@ -683,7 +684,7 @@
|
|
|
}
|
|
|
.for-map-box-two {
|
|
|
/*background: url("../assets/image/icon_jjck.png") center center no-repeat rgba(24, 137, 60, 1);*/
|
|
|
- background: url("../assets/image/icon_jjck.png") center center no-repeat rgba(24, 137, 60, 0);
|
|
|
+ background: url("../assets/image/icon_jjck.png") center center no-repeat rgba(6,35,56,0)!important;
|
|
|
background-size: 80px 80px;
|
|
|
}
|
|
|
.for-map-box-two-check {
|
dedsudiyu