隐藏在建工程

src/views/DataStatis/Index.vue

@@ -194,7 +194,7 @@
           <img src="@/assets/images/index/icon-title.png" alt="" />
           建设工程
         </div>
-        <div class="btm-l-v">
+        <div class="btm-l-v" style="padding: 0 12px">
           <div class="status">
             在建 <span>{{ statistics.buildAmount }}</span>
           </div>
@@ -206,7 +206,7 @@
           视频监控
         </div>
         <div class="btm-l-v">
-          <div>
+          <div style="width: 100%">
             已接入工程
             <span
               >{{ statistics.monitorAcceptAmount }}/{{
@@ -222,7 +222,7 @@
           扬尘监测
         </div>
         <div class="btm-l-v">
-          <div>
+          <div style="width: 100%">
             已接入工程
             <span
               >{{ statistics.noiseAcceptAmount }}/{{
@@ -232,7 +232,7 @@
           </div>
         </div>
       </div>
-      <div class="btm-status long">
+      <!-- <div class="btm-status long">
         <div class="title">
           <img src="@/assets/images/index/icon-title.png" alt="" />
           在建工程预警处置
@@ -250,7 +250,7 @@
             >
           </div>
         </div>
-      </div>
+      </div> -->
     </div>
     <div class="maptipinfo">
       <div>
@@ -1064,7 +1064,7 @@ export default {
     background-repeat: no-repeat;
     background-size: 100% 100%;
     height: 92px;
-    width: 20%;
+    width: calc(100% / 3 - 6px);
     margin-right: 10px;
     &:last-child {
       margin-right: 0;
@@ -1093,6 +1093,7 @@ export default {
       display: flex;
       justify-content: flex-start;
       font-size: 14px;
+      text-align: center;
       .status {
         width: calc(100% / 3);
         text-align: center;
@@ -1106,8 +1107,9 @@ export default {
       }
       div:not(.status) {
         line-height: 50px;
-        padding: 0 20px;
+        padding: 0 12px;
         vertical-align: top;
+        white-space: nowrap;
         span {
           line-height: 50px;
           margin-left: 20px;