diff --git a/src/views/projectAdmin/zjsj/assets/images/common/icon_hs.png b/src/views/projectAdmin/zjsj/assets/images/common/icon_hs.png
new file mode 100644
index 00000000..bbf4246b
Binary files /dev/null and b/src/views/projectAdmin/zjsj/assets/images/common/icon_hs.png differ
diff --git a/src/views/projectAdmin/zjsj/assets/images/common/icon_jt.png b/src/views/projectAdmin/zjsj/assets/images/common/icon_jt.png
new file mode 100644
index 00000000..a65297b0
Binary files /dev/null and b/src/views/projectAdmin/zjsj/assets/images/common/icon_jt.png differ
diff --git a/src/views/projectAdmin/zjsj/assets/images/common/icon_zg.png b/src/views/projectAdmin/zjsj/assets/images/common/icon_zg.png
new file mode 100644
index 00000000..d9ca655d
Binary files /dev/null and b/src/views/projectAdmin/zjsj/assets/images/common/icon_zg.png differ
diff --git a/src/views/projectAdmin/zjsj/govComp/index.vue b/src/views/projectAdmin/zjsj/govComp/index.vue
index 3a2e8117..107ce776 100644
--- a/src/views/projectAdmin/zjsj/govComp/index.vue
+++ b/src/views/projectAdmin/zjsj/govComp/index.vue
@@ -38,10 +38,10 @@ export default {
       height: 33%;
     }
     .middle {
-      height: 42%;
+      height: 45%;
     }
     .bottom {
-      height: 25%;
+      height: 22%;
     }
   }
 }
diff --git a/src/views/projectAdmin/zjsj/govComp/leftBottom.vue b/src/views/projectAdmin/zjsj/govComp/leftBottom.vue
index 0496efcc..9b102cdf 100644
--- a/src/views/projectAdmin/zjsj/govComp/leftBottom.vue
+++ b/src/views/projectAdmin/zjsj/govComp/leftBottom.vue
@@ -10,7 +10,7 @@
           <p class="text">在场总人数</p>
         </div>
         <div class="img">
-          <img src="../assets/images/common/num_skyblue.png" />
+          <img src="../assets/images/common/icon_hs.png" />
         </div>
         <div class="contentBtn">
           <p class="num2">5649</p>
@@ -45,7 +45,6 @@ export default {
 <style lang="less" scoped>
 .contentBox {
   margin-top: 20px;
-  margin-left: 25px;
   .contentTop {
     display: flex;
     justify-content: center;
@@ -56,8 +55,8 @@ export default {
     }
     .img {
       img {
-        height: 66px;
-        width: 66px;
+        height: 56px;
+        width: 56px;
       }
     }
     .contentBtn {
@@ -77,7 +76,6 @@ export default {
   }
   .contentbut {
     margin-top: 20px;
-    margin-left: 25px;
     display: flex;
     justify-content: center;
     align-items: center;
diff --git a/src/views/projectAdmin/zjsj/govComp/leftMiddle.vue b/src/views/projectAdmin/zjsj/govComp/leftMiddle.vue
index 03d8c933..2b140be4 100644
--- a/src/views/projectAdmin/zjsj/govComp/leftMiddle.vue
+++ b/src/views/projectAdmin/zjsj/govComp/leftMiddle.vue
@@ -1,14 +1,253 @@
 <template>
   <Card title="监督巡查">
-    监督巡查
+    <div class="contentBox">
+      <div>监督员</div>
+      <div class="person">
+        <span>李四</span>
+        <span>张三毛</span>
+        <span>王明</span>
+        <span>吴老五</span>
+      </div>
+
+      <div class="contentTop">
+        <div class="img">
+          <img src="../assets/images/common/num_skyblue.png" />
+        </div>
+        <div class="contentBtn">
+          <p class="num1">68</p>
+          <p class="text">下发整改通知书</p>
+        </div>
+        <div class="img">
+          <img src="../assets/images/common/icon_zg.png" />
+        </div>
+        <div class="contentBtn">
+          <p class="num2">312</p>
+          <p class="text">累计监督签到人数</p>
+        </div>
+      </div>
+      <div class="rowInfo">
+        <span>
+          下发整改通知书
+          <span style="font-size:20px;color:#e1e2e4">36</span> 份
+        </span>
+        <span>
+          <img class="image" src="../assets/images/common/icon_jt.png" />
+        </span>
+        <span>
+          已整改
+          <span style="font-size:20px;color:#66d4d9">18</span>
+        </span>
+        <span>
+          未整改
+          <span style="font-size:20px;color:#f89872">18</span>
+        </span>
+      </div>
+
+      <div class="echarts">
+        <div class="checkChart" ref="checkChart"></div>
+        <div class="right">
+          <div class="one">
+            <div class="point"></div>
+            <div class="checkNum">
+              <span>监督检查</span>
+              <p>(数)</p>
+            </div>
+          </div>
+          <div class="two">
+            <div class="point point2"></div>
+            <div class="checkNum">
+              <span>下发整改</span>
+              <p>(份)</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
   </Card>
 </template>
 
 <script>
-import Card from '../components/Card.vue'
+import Card from "../components/Card.vue";
+import echarts from "echarts4";
 export default {
-  components: { Card }
-}
+  components: { Card },
+  data() {
+    return {};
+  },
+  mounted() {
+    this.createChart();
+  },
+  methods: {
+    createChart() {
+      const checkChart = echarts.init(this.$refs.checkChart);
+      const option = {
+        grid: {
+        x: "8%",//x 偏移量
+        y: "10%", // y 偏移量
+        width: "86%", // 宽度
+        height: "60%"// 高度
+      },
+        xAxis: {
+          type: "category",
+          boundaryGap: false,
+          data: ["2022-1", "2022-3", "2022-6", "2022-8"],
+          axisLabel: {
+            show: true,
+            textStyle: {
+              color: "#9ea3ab"
+            }
+          }
+        },
+        yAxis: {
+          type: "value",
+          splitNumber: 4,
+          splitLine: {
+            show: true,
+            lineStyle: {
+              type: "dashed",
+              color: "#777f8a"
+            }
+          },
+          axisLabel: {
+            show: true,
+            textStyle: {
+              color: "#9ea3ab"
+            }
+          }
+        },
+        series: [
+          {
+            data: [3.5, 4.5, 3.5, 4],
+            type: "line",
+            smooth: true,
+            color: "#f56c35",
+            areaStyle: {
+              color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
+                { offset: 0, color: "rgba(213, 97, 52,0.5)" },
+                { offset: 1, color: "rgba(213, 97, 52,0.3)" }
+              ])
+            }
+          },
+          {
+            data: [0.5, 2.5, 1.8, 1.2],
+            type: "line",
+            smooth: true,
+            color: "#51a4ac",
+            areaStyle: {
+              color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
+                { offset: 0, color: "rgba(53, 98, 111,0.5)" },
+                { offset: 1, color: "rgba(53, 98, 111,0.3)" }
+              ])
+            }
+          }
+        ]
+      };
+      checkChart.setOption(option);
+    }
+  }
+};
 </script>
 
-<style></style>
+<style lang="less" scoped>
+.contentBox {
+  width: 100%;
+  height: 100%;
+  margin-top: 20px;
+  margin-left: 10px;
+  color: #bec1c7;
+  .person {
+    span {
+      margin: 5px 5px 10px 0px;
+      display: inline-block;
+      width: 88px;
+      height: 40px;
+      text-align: center;
+      line-height: 40px;
+      background-image: url(../assets/images/common/num_bg.png);
+      background-repeat: no-repeat;
+      background-size: 100%;
+      color: #6ee4f0;
+    }
+  }
+
+  .contentTop {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-right: 15px;
+    .img,
+    .contentBtn {
+      margin-right: 20px;
+      font-size: 16px;
+      .num1 {
+        color: #53a9b1;
+        font-size: 20px;
+      }
+      .num2 {
+        color: #f56c35;
+        font-size: 20px;
+      }
+      .text {
+        margin-top: 5px;
+        color: #a4a9b0;
+      }
+    }
+    .img {
+      img {
+        height: 56px;
+        width: 56px;
+      }
+    }
+  }
+  .rowInfo {
+    color: #69717d;
+    span {
+      margin-left: 10px;
+      display: inline-block;
+      height: 30px;
+      line-height: 30px;
+      .image {
+        margin-top: 5px;
+      }
+    }
+  }
+  .echarts {
+    width: 100%;
+    height: 55%;
+    display: flex;
+    .checkChart {
+      width: 70%;
+      height: 100%;
+    }
+    .right {
+      width: 30%;
+      margin-top: 12%;
+      margin-left: 3%;
+      font-size: 12px;
+      color: #9ea3ab;
+      .one,
+      .two {
+        margin-bottom: 10%;
+        .point {
+          width: 7px;
+          height: 7px;
+          margin-right: 5%;
+          margin-bottom: 5%;
+          display: inline-block;
+          background-color: #f56c35;
+          border-radius: 50%;
+        }
+        .checkNum {
+          display: inline-block;
+          margin-bottom: 5%;
+        }
+      }
+      .two {
+        .point2 {
+          background-color: #66d4d9;
+        }
+      }
+    }
+  }
+}
+</style>