diff --git a/src/assets/images/bg1.png b/src/assets/images/bg1.png
new file mode 100644
index 0000000..a2e6a26
Binary files /dev/null and b/src/assets/images/bg1.png differ
diff --git a/src/assets/images/bg2.png b/src/assets/images/bg2.png
new file mode 100644
index 0000000..6c47dda
Binary files /dev/null and b/src/assets/images/bg2.png differ
diff --git a/src/assets/images/tb1.png b/src/assets/images/tb1.png
new file mode 100644
index 0000000..3599e79
Binary files /dev/null and b/src/assets/images/tb1.png differ
diff --git a/src/assets/images/tb2.png b/src/assets/images/tb2.png
new file mode 100644
index 0000000..caa6ada
Binary files /dev/null and b/src/assets/images/tb2.png differ
diff --git a/src/views/yingji/echarts/executionPlan.vue b/src/views/yingji/echarts/executionPlan.vue
new file mode 100644
index 0000000..3533d2c
--- /dev/null
+++ b/src/views/yingji/echarts/executionPlan.vue
@@ -0,0 +1,144 @@
+<template>
+  <div id="mains1"></div>
+</template>
+<script>
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {};
+  },
+  mounted() {
+    this.init();
+  },
+  methods: {
+    init() {
+      var chartDom = document.getElementById("mains1");
+      var myChart = echarts.init(chartDom);
+      var option = {
+        title: {
+          show: true,
+          text: "各区域执法计划",
+          textStyle: {
+            color: "#3D434D",
+            fontSize: 16,
+          },
+          left: 34,
+          top: 15,
+        },
+        tooltip: {
+          // show:false,
+          trigger: "axis",
+          axisPointer: {
+            type: "shadow",
+            shadowStyle: {
+              color: "rgba(237,240,242,0.5)",
+              //   opacity: 0.1,
+              //   shadowColor: "rgba(237,240,242,0.5)",
+              //   shadowBlur: 10,
+            },
+          },
+          showContent: false,
+        },
+        grid: {
+          left: "3%",
+          right: "3%",
+          bottom: "3%",
+          containLabel: true,
+        },
+        xAxis: [
+          {
+            type: "category",
+            data: [
+              "苏州",
+              "张家港市",
+              "常熟市",
+              "太仓市",
+              "昆山市",
+              "吴江区",
+              "吴中区",
+              "姑苏区",
+              "相城区",
+              "工业园区",
+              "高新区",
+            ],
+            axisTick: {
+              show: false,
+            },
+            axisLabel: {
+              show: true,
+              fontSize: "13px",
+              fontFamily: "Alibaba PuHuiTi",
+              fontWeight: 500,
+              color: "#525966",
+            },
+            axisLine: {
+              lineStyle: {
+                color: "#B6C3D9",
+              },
+            },
+            z: 1000,
+          },
+        ],
+        yAxis: [
+          {
+            splitLine: {
+              //网格线
+              lineStyle: {
+                type: "dashed", //设置网格线类型 dotted：虚线 solid:实线
+              },
+              show: true, //隐藏或显示
+            },
+            axisLabel: {
+              show: true,
+              fontSize: "13px",
+              fontFamily: "Alibaba PuHuiTi",
+              fontWeight: 500,
+              color: "#525966",
+            },
+          },
+        ],
+        series: [
+          {
+            type: "bar",
+            barWidth: 28,
+            itemStyle: {
+              color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
+                {
+                  //只要修改前四个参数就ok
+                  offset: 0,
+                  color: "#FF8B02",
+                }, //柱图渐变色
+                {
+                  offset: 1,
+                  color: "#FFA70F",
+                },
+              ]),
+            },
+            z: 100,
+            data: [700, 400, 600, 300, 580, 250, 490, 200, 390, 460, 90],
+            //高亮的效果
+            emphasis: {
+              label: {
+                show: true,
+                formatter: "{c}",
+                position: "top",
+                fontSize: 14,
+                color: "#FF8C03",
+                fontWeight: "bold",
+                fontFamily: "Alibaba PuHuiTi",
+              },
+            },
+          },
+        ],
+      };
+      option && myChart.setOption(option);
+    },
+  },
+};
+</script>
+<style scoped lang="scss">
+#mains1 {
+  height: 100%;
+  width: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/yingji/enterprise.vue b/src/views/yingji/enterprise.vue
index e0542a1..cc54978 100644
--- a/src/views/yingji/enterprise.vue
+++ b/src/views/yingji/enterprise.vue
@@ -164,6 +164,9 @@
         </el-table-column>
       </el-table>
     </div>
+    <div class="pagination">
+      <my-pagination :total="total" @pagesChange="pagesChange"></my-pagination>
+    </div>
     <!-- 查看 -->
     <el-dialog
       :visible.sync="addShow"
@@ -203,9 +206,7 @@
         </div>
       </div>
     </el-dialog>
-    <div class="pagination">
-      <my-pagination :total="total" @pagesChange="pagesChange"></my-pagination>
-    </div>
+    
   </div>
 </template>
   
diff --git a/src/views/yingji/home.vue b/src/views/yingji/home.vue
index b9f15b7..68b5d58 100644
--- a/src/views/yingji/home.vue
+++ b/src/views/yingji/home.vue
@@ -1,22 +1,66 @@
 <template>
   <div class="mainBox">
     <div class="select-nav">
-      <div>年份:</div>
-      <el-select v-model="ruleForm.date" placeholder="请选择年份" size="mini">
-        <el-option
-          v-for="item in options"
-          :key="item.value"
-          :label="item.label"
-          :value="item.value"
-        >
-        </el-option>
-      </el-select>
+      <div class="left-nav" v-if="activeIndex == 1">
+        <div class="navText">年份:</div>
+        <el-select v-model="ruleForm.date" placeholder="请选择年份" size="mini">
+          <el-option
+            v-for="item in options"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          >
+          </el-option>
+        </el-select>
+      </div>
+      <div class="left-nav" v-if="activeIndex == 0">
+        <div class="navText">年份:</div>
+        <el-select v-model="ruleForm.date" placeholder="请选择年份" size="mini">
+          <el-option
+            v-for="item in options"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          >
+          </el-option>
+        </el-select>
+        <div class="navText" style="margin-left: 10px">区划:</div>
+        <el-select v-model="ruleForm.date" placeholder="请选择区划" size="mini">
+          <el-option
+            v-for="item in options"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          >
+          </el-option>
+        </el-select>
+      </div>
+      <div class="rightBigNav">
+        <div class="right-nav">
+          <div
+            class="tabStyle"
+            v-for="(item, index) in options1"
+            :key="index"
+            @click="active(index)"
+            :class="activeIndex == index ? 'blue' : ''"
+          >
+            <div
+              :style="`background-image:url('${
+                activeIndex == index ? item.url1 : item.url
+              }')`"
+            ></div>
+            <span>{{ item.name }}</span>
+          </div>
+        </div>
+      </div>
     </div>
     <!-- 各区域执法计划 -->
-    <div class="bodyBox boxAllStyle">
-      <div id="execution"></div>
+    <div class="bodyBox boxAllStyle" v-if="activeIndex == 1">
+      <div id="execution">
+        <executionPlan></executionPlan>
+      </div>
     </div>
-    <div class="bottomBox">
+    <div class="bottomBox" v-if="activeIndex == 1">
       <div class="boxAllStyle">
         <completePlan></completePlan>
       </div>
@@ -25,12 +69,102 @@
         <finishRate></finishRate>
       </div>
     </div>
+    <div class="bgContent" v-if="activeIndex == 0">
+      <div class="tables">
+        <el-table
+          v-loading="load1"
+          :data="tableData"
+          style="width: 100%"
+          :height="530"
+          :border="false"
+          :row-class-name="tableRowClassName"
+        >
+          <el-table-column
+            prop="entprName"
+            label="行政区划"
+            header-align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="majorHazardLevel"
+            label="区县"
+            header-align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="indusTypeClass"
+            label="省重点计划数"
+            header-align="center"
+          >
+          
+          </el-table-column>
+          <el-table-column
+            prop="enterColorChart"
+            label="省重点完成数"
+            header-align="center"
+          >
+            
+          </el-table-column>
+          <el-table-column
+            prop="enterColorChart"
+            label="省重点完成率"
+            header-align="center"
+          >
+            
+          </el-table-column>
+          <el-table-column
+            prop="uscCode"
+            label="非重点计划数"
+            header-align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="isPoint"
+            label="非重点完成数"
+            header-align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="isPoint"
+            label="非重点完成率"
+            header-align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="isPoint"
+            label="合计计划数"
+            header-align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="isPoint"
+            label="合计完成数"
+            header-align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="isPoint"
+            label="合计完成率"
+            header-align="center"
+          >
+          </el-table-column>
+        </el-table>
+      </div>
+      <div class="pagination">
+        <my-pagination
+          :total="total"
+          @pagesChange="pagesChange"
+        ></my-pagination>
+      </div>
+    </div>
   </div>
 </template>
 <script>
-import * as echarts from "echarts";
 import completePlan from "./echarts/completePlan";
 import finishRate from "./echarts/finishRate";
+import executionPlan from "./echarts/executionPlan";
+import myPagination from "@/views/components/myPagination/index";
+
 export default {
   data() {
     return {
@@ -59,141 +193,112 @@ export default {
           label: "2019",
         },
       ],
+      options1: [
+        {
+          name: "表格",
+          url: require("../../assets/images/bg1.png"),
+          url1: require("../../assets/images/bg2.png"),
+        },
+        {
+          name: "图表",
+          url: require("../../assets/images/tb1.png"),
+          url1: require("../../assets/images/tb2.png"),
+        },
+      ],
+      activeIndex: 0,
+      //======
+      load1: false,
+      total: 0,
+      tableData: [],
     };
   },
   components: {
     completePlan,
     finishRate,
+    executionPlan,
+    myPagination,
   },
-  mounted() {
-    this.init();
-  },
+  mounted() {},
   methods: {
-    init() {
-      var chartDom = document.getElementById("execution");
-      var myChart = echarts.init(chartDom);
-      var option = {
-        title: {
-          show: true,
-          text: "各区域执法计划",
-          textStyle: {
-            color: "#3D434D",
-            fontSize: 16,
-          },
-          left: 34,
-          top: 15,
-        },
-        tooltip: {
-          // show:false,
-          trigger: "axis",
-          axisPointer: {
-            type: "shadow",
-            shadowStyle: {
-              color: "rgba(237,240,242,0.5)",
-              //   opacity: 0.1,
-              //   shadowColor: "rgba(237,240,242,0.5)",
-              //   shadowBlur: 10,
-            },
-          },
-          showContent: false,
-        },
-        grid: {
-          left: "3%",
-          right: "3%",
-          bottom: "3%",
-          containLabel: true,
-        },
-        xAxis: [
-          {
-            type: "category",
-            data: [
-              "苏州",
-              "张家港市",
-              "常熟市",
-              "太仓市",
-              "昆山市",
-              "吴江区",
-              "吴中区",
-              "姑苏区",
-              "相城区",
-              "工业园区",
-              "高新区",
-            ],
-            axisTick: {
-              show: false,
-            },
-            axisLabel: {
-              show: true,
-              fontSize: '13px',
-              fontFamily: 'Alibaba PuHuiTi',
-              fontWeight: 500,
-              color: '#525966',
-            },
-            axisLine: {
-              lineStyle: {
-                color: "#B6C3D9",
-              },
-            },
-            z: 1000,
-          },
-        ],
-        yAxis: [
-          {
-            splitLine :{ //网格线
-              lineStyle:{
-                type:'dashed', //设置网格线类型 dotted：虚线 solid:实线
-              },
-              show:true //隐藏或显示
-            },
-            axisLabel: {
-              show: true,
-              fontSize: '13px',
-              fontFamily: 'Alibaba PuHuiTi',
-              fontWeight: 500,
-              color: '#525966',
-            },
-          },
-        ],
-        series: [
-          {
-            type: "bar",
-            barWidth: 28,
-            itemStyle: {
-              color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
-                {
-                  //只要修改前四个参数就ok
-                  offset: 0,
-                  color: "#FF8B02",
-                }, //柱图渐变色
-                {
-                  offset: 1,
-                  color: "#FFA70F",
-                },
-              ]),
-            },
-            z: 100,
-            data: [700, 400, 600, 300, 580, 250, 490, 200, 390, 460, 90],
-            //高亮的效果
-            emphasis:{
-              label:{
-                show:true,
-                formatter: '{c}',
-                position: 'top',
-                fontSize: 14,
-                color: '#FF8C03',
-                fontWeight: 'bold',
-                fontFamily:'Alibaba PuHuiTi'
-              }
-            }
-          },
-        ],
-      };
-      option && myChart.setOption(option);
+    pagesChange(e) {},
+    active(e) {
+      this.activeIndex = e;
+    },
+    tableRowClassName({ row, rowIndex }) {
+      if (rowIndex % 2 !== 0) {
+        return "success-row";
+      }
+      return "";
     },
   },
 };
 </script>
 <style lang="scss" scoped>
+//===
+.bgContent {
+  height: calc(100% - 48px);
+  width: 100%;
+  .tables {
+    background-color: #eaf2fd;
+    .tabs-btns {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      .look {
+        display: flex;
+        align-items: center;
+        cursor: pointer;
+        img {
+          width: 20px;
+          margin-right: 5px;
+        }
+        span {
+          font-size: 15px;
+          font-family: Alibaba PuHuiTi;
+          font-weight: 400;
+          color: #045ffd;
+        }
+      }
+    }
+    ::v-deep .el-table {
+      .success-row {
+        background-color: rgba(234, 242, 253, 0.25);
+      }
+      td {
+        height: 45px;
+        text-align: center;
+        font-size: 14px;
+        font-family: "Alibaba PuHuiTi";
+        font-weight: 400;
+        color: #525966;
+      }
+      th {
+        height: 42px;
+        background-color: #eaf2fd;
+        font-size: 15px;
+        font-family: "Alibaba PuHuiTi";
+        font-weight: bold;
+        color: #525966;
+        .el-checkbox {
+          display: none;
+        }
+      }
+      // .el-table__body-wrapper {
+      //   height: 450px !important;
+      //   overflow-y: auto;
+      // }
+    }
+    ::v-deep .el-table::before {
+      height: 0;
+    }
+  }
+}
+
+.pagination {
+  margin-top: 10px;
+}
+//===
+
 .boxAllStyle {
   background: #ffffff;
   box-shadow: 0px 1px 24px 0px #e2e2e2;
@@ -207,12 +312,52 @@ export default {
     // height: 38px;
     display: flex;
     align-items: center;
+    justify-content: space-between;
     margin-bottom: 15px;
-    & > div:nth-of-type(1) {
-      font-family: 'Alibaba PuHuiTi';
-      margin-right: 5px;
-      color: #525966;
+    .left-nav {
+      display: flex;
+      align-items: center;
+      .navText {
+        margin-right: 5px;
+        color: #525966;
+        font-family: "Alibaba PuHuiTi";
+        font-size: 14px;
+      }
     }
+    .rightBigNav {
+      padding: 2px;
+      box-sizing: border-box;
+      height: 33px;
+      background: #fff;
+      .right-nav {
+        display: flex;
+        height: 100%;
+        font-family: "Alibaba PuHuiTi";
+        font-size: 14px;
+        .tabStyle {
+          height: 100%;
+          background: #fff;
+          padding: 0 10px;
+          border-radius: 2px;
+          display: flex;
+          align-items: center;
+          cursor: pointer;
+          user-select: none;
+          color: #7a8599;
+          & > div:nth-of-type(1) {
+            height: 13px;
+            width: 13px;
+            background-size: 100% 100%;
+            margin-right: 5px;
+          }
+        }
+        .blue {
+          background: #518afb;
+          color: #fff;
+        }
+      }
+    }
+
     ::v-deep .el-select {
       background-color: transparent;
       width: 210px;
@@ -253,7 +398,7 @@ export default {
     }
   }
   .bottomBox {
-    height: calc(100% - 250px - 53px - 15px);
+    height: calc(100% - 250px - 48px - 15px);
     display: flex;
     justify-content: space-between;
     & > .boxAllStyle {