中建四局(政企联合)：完成布局

src/views/projectAdmin/zjsj/govComp/Col2.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/govComp/Col3.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/govComp/Col4.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/govComp/index.vue

@@ -1,16 +1,48 @@
 <template>
-  <div class="gov-comp">gov-comp</div>
+  <div class="gov-comp">
+    <div class="col">
+      <div class="top"><LeftTop /></div>
+      <div class="middle"><LeftMiddle /></div>
+      <div class="bottom"><LeftBottom /></div>
+    </div>
+    <div class="col"><Col2 /></div>
+    <div class="col"><Col3 /></div>
+    <div class="col"><Col4 /></div>
+  </div>
 </template>
 
 <script>
-export default {}
+import LeftTop from './leftTop.vue'
+import LeftMiddle from './leftMiddle.vue'
+import LeftBottom from './leftBottom.vue'
+import Col2 from './Col2.vue'
+import Col3 from './Col3.vue'
+import Col4 from './Col4.vue'
+export default {
+  components: { LeftTop, LeftMiddle, LeftBottom, Col2, Col3, Col4 }
+}
 </script>
 
 <style lang="less" scoped>
 .gov-comp {
   width: 100%;
   height: 100%;
-  background: url(../assets/temp/9.png) no-repeat;
-  background-size: 100% 100%;
+  // background: url(../assets/temp/9.png) no-repeat;
+  // background-size: 100% 100%;
+  display: flex;
+  justify-content: space-between;
+  .col {
+    width: 24%;
+    height: 100%;
+    .top {
+      height: 33%;
+    }
+    .middle {
+      height: 30%;
+    }
+    .bottom {
+      height: 37%;
+    }
+  }
 }
 </style>

src/views/projectAdmin/zjsj/govComp/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/govComp/leftMiddle.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/govComp/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>