From fdc0fbc4a8df153adbfe5836085c7ab00207bcf8 Mon Sep 17 00:00:00 2001
From: Jack <1638169491@qq.com>
Date: Mon, 29 Aug 2022 15:48:32 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=AD=E5=BB=BA=E5=9B=9B=E5=B1=80(=E5=AE=89?=
 =?UTF-8?q?=E5=85=A8=E7=AE=A1=E7=90=86):=20=E5=AE=8C=E6=88=90=E5=8D=B1?=
 =?UTF-8?q?=E5=A4=A7=E5=B7=A5=E7=A8=8B=E5=88=97=E8=A1=A8=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../zjsj/security/centerBottom.vue            | 68 +++++++++++++++++++
 1 file changed, 68 insertions(+)

diff --git a/src/views/projectAdmin/zjsj/security/centerBottom.vue b/src/views/projectAdmin/zjsj/security/centerBottom.vue
index 299adf44..591bf231 100644
--- a/src/views/projectAdmin/zjsj/security/centerBottom.vue
+++ b/src/views/projectAdmin/zjsj/security/centerBottom.vue
@@ -5,6 +5,32 @@
         {{ tab }}
       </div>
     </div>
+    <div class="list">
+      <div class="thead">
+        <div class="row">
+          <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>
+      </div>
+      <div class="tbody">
+        <vue-scroll>
+          <div class="row" v-for="i in 8" :key="i">
+            <div class="td">{{ i }}</div>
+            <div class="td">深基坑临边防护</div>
+            <div class="td">砌筑200M以上挡水墙</div>
+            <div class="td">符合要求</div>
+            <div class="td">中国建筑第四工程局有限公司</div>
+            <div class="td">王黑</div>
+            <div class="td">2022-02-02</div>
+          </div>
+        </vue-scroll>
+      </div>
+    </div>
   </Card>
 </template>
 
@@ -45,4 +71,46 @@ export default {
     }
   }
 }
+.list {
+  width: 100%;
+  height: calc(100% - 32px);
+  .thead {
+    font-size: 14px;
+    color: #6ee4f0;
+  }
+  .tbody {
+    height: calc(100% - 32px);
+    font-size: 12px;
+    color: #ccc;
+  }
+  .row {
+    display: flex;
+    .td {
+      height: 32px;
+      line-height: 32px;
+      text-align: center;
+      &:nth-child(1) {
+        width: 80px;
+      }
+      &:nth-child(2) {
+        width: 90px;
+      }
+      &:nth-child(3) {
+        flex: 1;
+      }
+      &:nth-child(4) {
+        width: 90px;
+      }
+      &:nth-child(5) {
+        flex: 1;
+      }
+      &:nth-child(6) {
+        width: 90px;
+      }
+      &:nth-child(7) {
+        width: 90px;
+      }
+    }
+  }
+}
 </style>