中建四大屏细节修复

src/views/projectAdmin/zjsj/carbon/leftTop.vue

@@ -51,7 +51,7 @@ export default {
     color: #c5c7cc;
     .num1 {
       position: absolute;
-      top: 38%;
+      top: 46%;
       left: 43%;
     }
     .text {

src/views/projectAdmin/zjsj/security/centerBottom.vue

@@ -15,8 +15,8 @@
           <div class="td" style="width:90px;">序号</div>
           <div class="td">验收项目</div>
           <div class="td">验收要求</div>
-          <div class="td">验收结果</div>
           <div class="td">专业承包单位</div>
+          <div class="td">验收结果</div>
           <div class="td">防护责任人</div>
           <div class="td">验收日期</div>
         </div>
@@ -27,8 +27,8 @@
             <div class="td" style="width:90px;">{{i}}</div>
             <div class="td">深基坑临边防护</div>
             <div class="td">砌筑200mm以上挡水墙</div>
-            <div class="td">符合要求</div>
             <div class="td">中国建筑第四工程局有限公司</div>
+            <div class="td">符合要求</div>
             <div class="td">王明</div>
             <div class="td">2022-09-01</div>
           </div>
@@ -157,39 +157,36 @@ export default {
       height: 32px;
       line-height: 32px;
       text-align: center;
+      justify-content: center;
       &:nth-child(1) {
         width: 150px;
-        // flex: 1;
       }
       &:nth-child(2) {
-        // width: 110px;
         flex: 1;
       }
       &:nth-child(3) {
         flex: 1;
-        // width: 110px;
       }
       &:nth-child(4) {
-        width: 90px;
+        flex: 1;
       }
       &:nth-child(5) {
         flex: 1;
       }
       &:nth-child(6) {
-        // width: 90px;
         flex: 1;
       }
       &:nth-child(7) {
-        width: 90px;
+        flex: 1;
       }
     }
   }
   .dataImg {
-      margin-left: 500px;
+    margin-left: 500px;
-      margin-top: 50px;
+    margin-top: 50px;
-      p {
+    p {
-        margin-left: 4%;
+      margin-left: 4%;
-      }
     }
+  }
 }
 </style>

src/views/projectAdmin/zjsj/security/leftBottom.vue

@@ -11,7 +11,9 @@
       <div class="tbody">
         <vue-scroll>
           <div class="row" v-for="i in 9" :key="i">
-            <div><img src="../assets/images/common/bg_fgy.png" /></div>
+            <div>
+              <img src="../assets/images/common/bg_fgy.png" />
+            </div>
             <div class="carNum">未穿反光衣</div>
             <div class="datetime">2011-02-03 15:30</div>
           </div>
@@ -22,10 +24,10 @@
 </template>
 
 <script>
-import Card from '../components/Card.vue'
+import Card from "../components/Card.vue";
 export default {
   components: { Card }
-}
+};
 </script>
 
 <style lang="less" scoped>
@@ -50,10 +52,13 @@ export default {
     div {
       text-align: center;
       &:last-child {
-        width: 160px;
+        flex: 1;
+      }
+      &:first-child {
+        width: 100px;
       }
       &:not(:last-child) {
-        flex: 1;
+        width: 100px;
       }
       img {
         width: 80px;

src/views/projectAdmin/zjsj/sourse/components/CarTable.vue

@@ -43,10 +43,13 @@ export default {}
     div {
       text-align: center;
       &:last-child {
-        width: 160px;
+        flex: 1;
+      }
+      &:first-child {
+        width: 120px;
       }
       &:not(:last-child) {
-        flex: 1;
+        width: 120px;
       }
       img {
         width: 80px;

src/views/projectAdmin/zjsj/sourse/components/MaterialTable.vue

@@ -23,7 +23,7 @@
 </template>
 
 <script>
-export default {}
+export default {};
 </script>
 
 <style lang="less" scoped>
@@ -56,10 +56,13 @@ export default {}
       div {
         text-align: center;
         &:last-child {
-          width: 160px;
+          flex: 1;
+        }
+        &:first-child {
+          width: 100px;
         }
         &:not(:last-child) {
-          flex: 1;
+          width: 100px;
         }
         img {
           width: 80px;