中建四局(资源管理)：完成车辆管理布局

src/views/projectAdmin/zjsj/sourse/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="sourse">
-    <!-- <div class="left">
+    <div class="left">
       <div class="top">
         <LeftTop />
       </div>
@@ -15,7 +15,7 @@
       <div class="bottom">
         <RightBottom />
       </div>
-    </div> -->
+    </div>
   </div>
 </template>
 
@@ -36,8 +36,8 @@ export default {
   color: #fff;
   display: flex;
   justify-content: space-between;
-  background: url(../assets/temp/3.png) no-repeat;
-  background-size: 100% 100%;
+  // background: url(../assets/temp/3.png) no-repeat;
+  // background-size: 100% 100%;
   .left {
     width: 22%;
     height: 100%;

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

@@ -1,6 +1,23 @@
 <template>
   <Card title="车辆管理">
-    车辆管理
+    <div class="car-count">
+      今日入场<span>234</span>辆
+    </div>
+    <div class="car-count">
+      今日出场<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>
+    </div>
   </Card>
 </template>
 
@@ -11,4 +28,50 @@ export default {
 }
 </script>
 
-<style></style>
+<style lang="less" scoped>
+.car-count {
+  padding-top: 10px;
+  padding-left: 30px;
+  font-size: 18px;
+  color: #59b2c0;
+  display: flex;
+  align-items: center;
+  span {
+    margin-left: 40px;
+    margin-right: 20px;
+    width: 140px;
+    height: 50px;
+    line-height: 60px;
+    text-align: center;
+    font-size: 28px;
+    font-weight: bold;
+    color: #fff;
+    background: url(../assets/images/sourse/bg-car-count.png) no-repeat;
+    background-size: 100% 100%;
+  }
+}
+.list {
+  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>