From 1ed0d2b6ecc9a4e4b8d1dad3a3ef9aa20e0eef73 Mon Sep 17 00:00:00 2001
From: Jack <1638169491@qq.com>
Date: Thu, 25 Aug 2022 18:09:49 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=AD=E5=BB=BA=E5=9B=9B=E5=B1=80(=E6=A3=80?=
 =?UTF-8?q?=E6=9F=A5=E7=BB=9F=E8=AE=A1)=EF=BC=9A=E5=AE=8C=E6=88=90?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../zjsj/sourse/components/CarTable.vue       |  2 +-
 .../zjsj/sourse/components/MaterialTable.vue  | 73 +++++++++++++++++++
 .../projectAdmin/zjsj/sourse/rightBottom.vue  | 20 ++++-
 3 files changed, 91 insertions(+), 4 deletions(-)
 create mode 100644 src/views/projectAdmin/zjsj/sourse/components/MaterialTable.vue

diff --git a/src/views/projectAdmin/zjsj/sourse/components/CarTable.vue b/src/views/projectAdmin/zjsj/sourse/components/CarTable.vue
index e345a124..0aaa89fe 100644
--- a/src/views/projectAdmin/zjsj/sourse/components/CarTable.vue
+++ b/src/views/projectAdmin/zjsj/sourse/components/CarTable.vue
@@ -43,7 +43,7 @@ export default {}
     div {
       text-align: center;
       &:last-child {
-        width: 140px;
+        width: 160px;
       }
       &:not(:last-child) {
         flex: 1;
diff --git a/src/views/projectAdmin/zjsj/sourse/components/MaterialTable.vue b/src/views/projectAdmin/zjsj/sourse/components/MaterialTable.vue
new file mode 100644
index 00000000..d9c3fb5a
--- /dev/null
+++ b/src/views/projectAdmin/zjsj/sourse/components/MaterialTable.vue
@@ -0,0 +1,73 @@
+<template>
+  <div class="material-table">
+    <div class="title">物料进场</div>
+    <div class="table">
+      <div class="thead">
+        <div class="row">
+          <div>物料类型</div>
+          <div>重量(KG)</div>
+          <div>时间</div>
+        </div>
+      </div>
+      <div class="tbody">
+        <vue-scroll>
+          <div class="row" v-for="i in 9" :key="i">
+            <div>水泥</div>
+            <div>35</div>
+            <div>2011-02-03 15:30</div>
+          </div>
+        </vue-scroll>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {}
+</script>
+
+<style lang="less" scoped>
+.material-table {
+  width: 100%;
+  height: 100%;
+  .title {
+    height: 50px;
+    line-height: 40px;
+    font-size: 20px;
+    color: #6de3ef;
+    text-align: center;
+  }
+  .table {
+    width: 100%;
+    height: calc(100% - 50px);
+    .thead {
+      padding-bottom: 12px;
+      color: #59b2c0;
+    }
+    .tbody {
+      height: calc(100% - 30px);
+    }
+    .row {
+      display: flex;
+      align-items: center;
+      &:not(:last-child) {
+        margin-bottom: 12px;
+      }
+      div {
+        text-align: center;
+        &:last-child {
+          width: 160px;
+        }
+        &:not(:last-child) {
+          flex: 1;
+        }
+        img {
+          width: 80px;
+          height: 50px;
+          background: skyblue;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/projectAdmin/zjsj/sourse/rightBottom.vue b/src/views/projectAdmin/zjsj/sourse/rightBottom.vue
index f6f393d9..52dc8fd0 100644
--- a/src/views/projectAdmin/zjsj/sourse/rightBottom.vue
+++ b/src/views/projectAdmin/zjsj/sourse/rightBottom.vue
@@ -1,14 +1,28 @@
 <template>
   <Card title="检查统计">
-    检查统计
+    <div class="list-group">
+      <div class="list"><MaterialTable title="物料进场" /></div>
+      <div class="list"><MaterialTable title="物料出场" /></div>
+      <div class="list"><MaterialTable title="材料检验" /></div>
+    </div>
   </Card>
 </template>
 
 <script>
 import Card from '../components/Card.vue'
+import MaterialTable from './components/MaterialTable.vue'
 export default {
-  components: { Card }
+  components: { Card, MaterialTable }
 }
 </script>
 
-<style></style>
+<style lang="less" scoped>
+.list-group {
+  height: 100%;
+  display: flex;
+  justify-content: space-around;
+  .list {
+    width: 28%;
+  }
+}
+</style>