From 09bbbe4c886f307e62dbe51ac5cdec3aedea65d9 Mon Sep 17 00:00:00 2001
From: Jack <1638169491@qq.com>
Date: Wed, 24 Aug 2022 17:44:17 +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=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

---
 .../projectAdmin/zjsj/components/Card.vue     |  4 +-
 src/views/projectAdmin/zjsj/sourse/index.vue  | 57 ++++++++++++++++++-
 .../projectAdmin/zjsj/sourse/leftBottom.vue   | 14 +++++
 .../projectAdmin/zjsj/sourse/leftTop.vue      | 14 +++++
 .../projectAdmin/zjsj/sourse/rightBottom.vue  | 14 +++++
 .../projectAdmin/zjsj/sourse/rightTop.vue     | 14 +++++
 6 files changed, 112 insertions(+), 5 deletions(-)
 create mode 100644 src/views/projectAdmin/zjsj/sourse/leftBottom.vue
 create mode 100644 src/views/projectAdmin/zjsj/sourse/leftTop.vue
 create mode 100644 src/views/projectAdmin/zjsj/sourse/rightBottom.vue
 create mode 100644 src/views/projectAdmin/zjsj/sourse/rightTop.vue

diff --git a/src/views/projectAdmin/zjsj/components/Card.vue b/src/views/projectAdmin/zjsj/components/Card.vue
index 85097ec9..f69efe8f 100644
--- a/src/views/projectAdmin/zjsj/components/Card.vue
+++ b/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);
diff --git a/src/views/projectAdmin/zjsj/sourse/index.vue b/src/views/projectAdmin/zjsj/sourse/index.vue
index f489e7f0..49a347db 100644
--- a/src/views/projectAdmin/zjsj/sourse/index.vue
+++ b/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>
diff --git a/src/views/projectAdmin/zjsj/sourse/leftBottom.vue b/src/views/projectAdmin/zjsj/sourse/leftBottom.vue
new file mode 100644
index 00000000..e438dabb
--- /dev/null
+++ b/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>
diff --git a/src/views/projectAdmin/zjsj/sourse/leftTop.vue b/src/views/projectAdmin/zjsj/sourse/leftTop.vue
new file mode 100644
index 00000000..b27a1d69
--- /dev/null
+++ b/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>
diff --git a/src/views/projectAdmin/zjsj/sourse/rightBottom.vue b/src/views/projectAdmin/zjsj/sourse/rightBottom.vue
new file mode 100644
index 00000000..f6f393d9
--- /dev/null
+++ b/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>
diff --git a/src/views/projectAdmin/zjsj/sourse/rightTop.vue b/src/views/projectAdmin/zjsj/sourse/rightTop.vue
new file mode 100644
index 00000000..30c1c9b0
--- /dev/null
+++ b/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>