zc

src/assets/styles/mapCss.scss

@@ -122,42 +122,42 @@
   }
 }
 .mapComponent-map-6-7{
-  width:1164px!important;
-  margin:10px 73px 0 103px!important;
+  //width:1164px!important;
+  //margin:10px 73px 0 103px!important;
   .map-for-room-box:nth-child(-n+8){
-    width:129px;
+    width:145px;
     height:172px;
     border-bottom:2px solid #fff;
     border-right:2px solid #fff;
   }
   .map-for-room-box:nth-child(9){
-    width:128px;
+    width:145px;
     height:172px;
     border-bottom:2px solid #fff;
   }
   .map-for-room-box:nth-child(10){
-    width:387px;
+    width:435px;
     height:172px;
     border-top:2px solid #fff;
     border-right:2px solid #fff;
     margin-top:87px;
   }
   .map-for-room-box:nth-child(n+11):nth-child(-n+15){
-    width:129px;
+    width:145px;
     height:172px;
     border-top:2px solid #fff;
     border-right:2px solid #fff;
     margin-top:87px;
   }
   .map-for-room-box:nth-child(16){
-    width:128px;
+    width:145px;
     height:172px;
     border-top:2px solid #fff;
     margin-top:87px;
   }
   .corridor-background{
     top:172px;
-    width:1160px!important;
+    //width:1160px!important;
   }
   .map-for-room-box:nth-child(-n+9){
     .map-room-box{

src/views/components/usageRateComponent.vue

@@ -10,7 +10,7 @@
         <p>使用率</p>
       </div>
       <div class="for-big-box" v-for="(item,index) in selectedItems" :key="index">
-        <p :class="item.id=='0'?'one-p':(item.id=='1'?'tow-p':'none-p')"><span>{{item.id != '0' && item.id != '1'?item.id:''}}</span></p>
+        <p :class="item.id=='0'?'one-p':(item.id=='1'?'tow-p':'none-p')"><span>{{item.id != '0' && item.id != '1'?item.id+1:''}}</span></p>
         <p>{{item.name}}</p>
         <p>{{item.num}}</p>
         <p>{{item.value}}</p>