diff --git a/src/views/projectAdmin/zjsj/govComp/Col2.vue b/src/views/projectAdmin/zjsj/govComp/Col2.vue
new file mode 100644
index 00000000..a51176ee
--- /dev/null
+++ b/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>
diff --git a/src/views/projectAdmin/zjsj/govComp/Col3.vue b/src/views/projectAdmin/zjsj/govComp/Col3.vue
new file mode 100644
index 00000000..9364044a
--- /dev/null
+++ b/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>
diff --git a/src/views/projectAdmin/zjsj/govComp/Col4.vue b/src/views/projectAdmin/zjsj/govComp/Col4.vue
new file mode 100644
index 00000000..255c3de5
--- /dev/null
+++ b/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>
diff --git a/src/views/projectAdmin/zjsj/govComp/index.vue b/src/views/projectAdmin/zjsj/govComp/index.vue
index 32e77b99..35789dbd 100644
--- a/src/views/projectAdmin/zjsj/govComp/index.vue
+++ b/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>
diff --git a/src/views/projectAdmin/zjsj/govComp/leftBottom.vue b/src/views/projectAdmin/zjsj/govComp/leftBottom.vue
new file mode 100644
index 00000000..d4466023
--- /dev/null
+++ b/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>
diff --git a/src/views/projectAdmin/zjsj/govComp/leftMiddle.vue b/src/views/projectAdmin/zjsj/govComp/leftMiddle.vue
new file mode 100644
index 00000000..03d8c933
--- /dev/null
+++ b/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>
diff --git a/src/views/projectAdmin/zjsj/govComp/leftTop.vue b/src/views/projectAdmin/zjsj/govComp/leftTop.vue
new file mode 100644
index 00000000..8f09f426
--- /dev/null
+++ b/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>