From de98168865b0bbbebe16771f14cc9306d9258325 Mon Sep 17 00:00:00 2001
From: Jack <1638169491@qq.com>
Date: Thu, 25 Aug 2022 15:37:47 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=AD=E5=BB=BA=E5=9B=9B=E5=B1=80(=E8=B5=84?=
 =?UTF-8?q?=E6=BA=90=E7=AE=A1=E7=90=86)=EF=BC=9A=E6=96=B0=E5=A2=9E=20CarTa?=
 =?UTF-8?q?ble=20=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../zjsj/sourse/components/CarTable.vue       | 59 +++++++++++++++++++
 .../projectAdmin/zjsj/sourse/leftTop.vue      | 33 +----------
 2 files changed, 62 insertions(+), 30 deletions(-)
 create mode 100644 src/views/projectAdmin/zjsj/sourse/components/CarTable.vue

diff --git a/src/views/projectAdmin/zjsj/sourse/components/CarTable.vue b/src/views/projectAdmin/zjsj/sourse/components/CarTable.vue
new file mode 100644
index 00000000..e345a124
--- /dev/null
+++ b/src/views/projectAdmin/zjsj/sourse/components/CarTable.vue
@@ -0,0 +1,59 @@
+<template>
+  <div class="table">
+    <div class="thead">
+      <div class="row">
+        <div>抓拍照片</div>
+        <div>车辆信息</div>
+        <div>抓拍时间</div>
+      </div>
+    </div>
+    <div class="tbody">
+      <vue-scroll>
+        <div class="row" v-for="i in 9" :key="i">
+          <div><img src="" /></div>
+          <div class="carNum">粤A455632</div>
+          <div class="datetime">2011-02-03 15:30</div>
+        </div>
+      </vue-scroll>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {}
+</script>
+
+<style lang="less" scoped>
+.table {
+  width: 100%;
+  height: 100%;
+  .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: 140px;
+      }
+      &:not(:last-child) {
+        flex: 1;
+      }
+      img {
+        width: 80px;
+        height: 50px;
+        background: skyblue;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/projectAdmin/zjsj/sourse/leftTop.vue b/src/views/projectAdmin/zjsj/sourse/leftTop.vue
index 6ed1f872..a0bcea67 100644
--- a/src/views/projectAdmin/zjsj/sourse/leftTop.vue
+++ b/src/views/projectAdmin/zjsj/sourse/leftTop.vue
@@ -7,24 +7,16 @@
       今日出场<span>126</span>辆
     </div>
     <div class="list">
-      <div class="row">
-        <div>抓拍照片</div>
-        <div>车辆信息</div>
-        <div>抓拍时间</div>
-      </div>
-      <div class="row" v-for="i in 3" :key="i">
-        <div><img src="" /></div>
-        <div class="carNum">粤A455632</div>
-        <div class="datetime">2011-02-03 15:30</div>
-      </div>
+      <CarTable />
     </div>
   </Card>
 </template>
 
 <script>
 import Card from '../components/Card.vue'
+import CarTable from './components/CarTable.vue'
 export default {
-  components: { Card }
+  components: { Card, CarTable }
 }
 </script>
 
@@ -54,24 +46,5 @@ export default {
   box-sizing: border-box;
   padding-top: 20px;
   height: calc(100% - 120px);
-  .row {
-    display: flex;
-    align-items: center;
-    &:not(:last-child) {
-      margin-bottom: 12px;
-    }
-    &:first-child {
-      color: #59b2c0;
-    }
-    div {
-      flex: 1;
-      text-align: center;
-      img {
-        width: 80px;
-        height: 50px;
-        background: skyblue;
-      }
-    }
-  }
 }
 </style>