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

src/views/projectAdmin/zjsj/components/Card.vue

@@ -24,12 +24,12 @@ export default {
   height: 100%;
   .title {
     height: 34px;
-    line-height: 32px;
+    line-height: 28px;
     text-align: center;
     font-size: 18px;
     color: #ffffff;
     background-image: url('../assets/images/common/bg-card.png');
-    background-size: 100%;
+    background-size: 100% 100%;
   }
   .content {
     height: calc(100% - 34px);

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

@@ -1,9 +1,60 @@
 <template>
-  <div class="sourse">sourse</div>
+  <div class="sourse">
+    <div class="left">
+      <div class="top">
+        <LeftTop />
+      </div>
+      <div class="bottom">
+        <LeftBottom />
+      </div>
+    </div>
+    <div class="right">
+      <div class="top">
+        <RightTop />
+      </div>
+      <div class="bottom">
+        <RightBottom />
+      </div>
+    </div>
+  </div>
 </template>
 
 <script>
-export default {}
+import LeftTop from './leftTop.vue'
+import LeftBottom from './leftBottom.vue'
+import RightTop from './rightTop.vue'
+import RightBottom from './rightBottom.vue'
+export default {
+  components: { LeftTop, LeftBottom, RightTop, RightBottom }
+}
 </script>
 
-<style></style>
+<style lang="less" scoped>
+.sourse {
+  width: 100%;
+  height: 100%;
+  color: #fff;
+  display: flex;
+  justify-content: space-between;
+  .left {
+    width: 22%;
+    height: 100%;
+    .top {
+      height: 50%;
+    }
+    .bottom {
+      height: 50%;
+    }
+  }
+  .right {
+    width: calc(78% - 40px);
+    height: 100%;
+    .top {
+      height: 60%;
+    }
+    .bottom {
+      height: 40%;
+    }
+  }
+}
+</style>

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

@@ -0,0 +1,14 @@
+<template>
+  <Card title="车辆冲洗抓拍">
+    车辆冲洗抓拍
+  </Card>
+</template>
+
+<script>
+import Card from '../components/Card.vue'
+export default {
+  components: { Card }
+}
+</script>
+
+<style></style>

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

@@ -0,0 +1,14 @@
+<template>
+  <Card title="车辆管理">
+    车辆管理
+  </Card>
+</template>
+
+<script>
+import Card from '../components/Card.vue'
+export default {
+  components: { Card }
+}
+</script>
+
+<style></style>

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

@@ -0,0 +1,14 @@
+<template>
+  <Card title="检查统计">
+    检查统计
+  </Card>
+</template>
+
+<script>
+import Card from '../components/Card.vue'
+export default {
+  components: { Card }
+}
+</script>
+
+<style></style>

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

@@ -0,0 +1,14 @@
+<template>
+  <Card title="隐患趋势">
+    隐患趋势
+  </Card>
+</template>
+
+<script>
+import Card from '../components/Card.vue'
+export default {
+  components: { Card }
+}
+</script>
+
+<style></style>