styleFix

src/components/Index.vue

@@ -59,6 +59,7 @@
         </el-tooltip>
       </div>
       <div class="right-nav">
+        <div class="invisible"></div>
         <template v-for="(router, index) in rightNav">
           <router-link
             v-if="router.child && router.child.length == 0"
@@ -251,7 +252,7 @@ export default {
   .right-nav {
     width: calc(100% / 3);
     text-align: left;
-    padding-left: 80px;
+
     .clock {
       float: right;
       width: 124px;
@@ -383,4 +384,10 @@ a,
 .el-popper[x-placement^="bottom"] .popper__arrow::after {
   display: none;
 }
+.invisible {
+  height: 100%;
+  width: 60px;
+  display: inline-block;
+  vertical-align: top;
+}
 </style>
\ No newline at end of file

src/components/elevator/Index.vue

@@ -502,6 +502,9 @@ export default {
   display: flex;
   justify-content: space-between;
   text-align: center;
+  & > div {
+    width: 33%;
+  }
   .warning-info-text {
     white-space: nowrap;
     padding-top: 20px;

src/components/fallprotection/Index.vue

@@ -557,6 +557,9 @@ export default {
   display: flex;
   justify-content: space-between;
   text-align: center;
+  & > div {
+    width: 33%;
+  }
   .warning-info-text {
     padding-top: 20px;
     font-size: 16px;
@@ -634,7 +637,7 @@ export default {
 .building-info-text {
   font-size: 14px;
   color: #c6def9;
-  line-height: 36px;
+  line-height: 24px;
 }
 .building-info {
   display: flex;

src/components/noise/Index.vue

@@ -858,8 +858,9 @@ export default {
 }
 #stats-container {
   position: relative;
+  margin: 0 auto;
   margin-bottom: 10px;
-
+  max-width: 840px;
   border-bottom: 4px solid #114e70;
   img {
     width: 100%;

src/components/realname/Index.vue

@@ -622,10 +622,10 @@ export default {
   padding-bottom: 0;
   height: 100%;
   .lt-area {
-    width: 320px;
+    width: 25%;
   }
   .mid-area {
-    width: 360px;
+    width: 25%;
     height: 100%;
   }
   .lt-area {
@@ -672,7 +672,7 @@ export default {
   }
 
   .rt-area {
-    width: calc(100% - 704px);
+    width: calc(50% - 24px);
   }
 }
 .bottom-chart {

src/components/safecap/Index.vue

@@ -137,6 +137,7 @@
       :visible.sync="historyRouteVisible"
       append-to-body
       title="历史使用记录"
+      top="3vh"
     >
       <el-form inline :model="searchForm">
         <el-form-item label="使用日期">

src/components/unloadingplatform/Index.vue

@@ -634,6 +634,9 @@ export default {
   display: flex;
   justify-content: space-between;
   text-align: center;
+  & > div {
+    width: 33%;
+  }
   .warning-info-text {
     white-space: nowrap;
     padding-top: 20px;
@@ -711,7 +714,7 @@ export default {
 .building-info-text {
   font-size: 14px;
   color: #c6def9;
-  line-height: 36px;
+  line-height: 24px;
 }
 .building-info {
   display: flex;