diff --git a/src/assets/styles/element-variables.scss b/src/assets/styles/element-variables.scss
index 4b93ad0..a5e605c 100644
--- a/src/assets/styles/element-variables.scss
+++ b/src/assets/styles/element-variables.scss
@@ -4,7 +4,7 @@
 **/
 
 /* theme color */
-$--color-primary: #0856c0;
+// $--color-primary: #0856c0;
 $--color-success: #13ce66;
 $--color-warning: #ffb800;
 $--color-danger: #ff5722;
diff --git a/src/assets/styles/font.css b/src/assets/styles/font.css
new file mode 100644
index 0000000..684e13b
--- /dev/null
+++ b/src/assets/styles/font.css
@@ -0,0 +1,70 @@
+@font-face {
+  font-family: "xiniu";
+  src: url("http://www.jichuanglanhai.com/demo/taicang-file/fonts/xiniu.TTF");
+}
+/* 正常文字 */
+@font-face {
+  font-family: "Alibaba-PuHuiTi-Regular.otf";
+  src: url("http://www.jichuanglanhai.com/demo/taicang-file/fonts/Alibaba-PuHuiTi-Regular.otf");
+}
+@font-face {
+  font-family: "Alibaba-PuHuiTi-Bold.otf";
+  src: url("http://www.jichuanglanhai.com/demo/taicang-file/fonts/Alibaba-PuHuiTi-Bold.otf");
+}
+/* 标题类 */
+@font-face {
+  font-family: "Alibaba-PuHuiTi-Medium.otf";
+  src: url("http://www.jichuanglanhai.com/demo/taicang-file/fonts/Alibaba-PuHuiTi-Medium.otf");
+}
+/* 数字类 */
+@font-face {
+  font-family: "din-bold-2.ttf";
+  src: url("http://www.jichuanglanhai.com/demo/taicang-file/fonts/din-bold-2.ttf");
+}
+@font-face {
+  font-family: "FZZCHJW--GB1-0";
+  src: url("http://www.jichuanglanhai.com/demo/js-yingdi/font/方正正粗黑简体.TTF");
+}
+
+@font-face {
+  font-family: "xiaowei";
+  src: url("http://www.jichuanglanhai.com/demo/js-yingdi/font/ZCOOL - Xiaowei Logo.otf");
+}
+
+@font-face {
+  font-family: "AccidentalPresidency";
+  src: url("http://www.jichuanglanhai.com/demo/js-yingdi/font/AccidentalPresidency_0.ttf");
+}
+
+@font-face {
+  font-family: "Source Han Sans CN-Regular";
+  src: url("http://www.jichuanglanhai.com/demo/font-file/SourceHanSansCN-Regular_1.otf");
+}
+
+@font-face {
+  font-family: "DIN-Regular-2.otf";
+  src: url("http://www.jichuanglanhai.com/demo/font-file/DIN-BlackItalic.otf");
+}
+
+@font-face {
+  font-family: "Source Han Sans CN";
+  src: url("./font/SourceHanSansCN-Medium.otf");
+}
+
+@font-face {
+  font-family: "Source Han Regular CN";
+  src: url("./font/SourceHanSansCN-Regular.otf");
+}
+@font-face { 
+  font-family: "Source Han Bolde CN";
+  src: url("./font/SourceHanSansCN-Bold.otf");
+} 
+@font-face {
+  font-family: "DIN";
+  src: url("./font/D-DIN.otf");
+}
+@font-face {
+  font-family: "DIN-Regular";
+  src: url("./font/DIN-Regular.otf");
+}
+
diff --git a/src/assets/styles/font/D-DIN.otf b/src/assets/styles/font/D-DIN.otf
new file mode 100644
index 0000000..ea5c4c8
Binary files /dev/null and b/src/assets/styles/font/D-DIN.otf differ
diff --git a/src/assets/styles/font/DIN Condensed Bold.ttf b/src/assets/styles/font/DIN Condensed Bold.ttf
new file mode 100644
index 0000000..f05a1a9
Binary files /dev/null and b/src/assets/styles/font/DIN Condensed Bold.ttf differ
diff --git a/src/assets/styles/font/DIN-Medium.otf b/src/assets/styles/font/DIN-Medium.otf
new file mode 100644
index 0000000..3296d1e
Binary files /dev/null and b/src/assets/styles/font/DIN-Medium.otf differ
diff --git a/src/assets/styles/font/DIN-Regular.otf b/src/assets/styles/font/DIN-Regular.otf
new file mode 100644
index 0000000..cb5f1c5
Binary files /dev/null and b/src/assets/styles/font/DIN-Regular.otf differ
diff --git a/src/assets/styles/font/SourceHanSansCN-Bold.otf b/src/assets/styles/font/SourceHanSansCN-Bold.otf
new file mode 100644
index 0000000..4b3429a
Binary files /dev/null and b/src/assets/styles/font/SourceHanSansCN-Bold.otf differ
diff --git a/src/assets/styles/font/SourceHanSansCN-Medium.otf b/src/assets/styles/font/SourceHanSansCN-Medium.otf
new file mode 100644
index 0000000..53e03e0
Binary files /dev/null and b/src/assets/styles/font/SourceHanSansCN-Medium.otf differ
diff --git a/src/assets/styles/font/SourceHanSansCN-Regular.otf b/src/assets/styles/font/SourceHanSansCN-Regular.otf
new file mode 100644
index 0000000..886f82f
Binary files /dev/null and b/src/assets/styles/font/SourceHanSansCN-Regular.otf differ
diff --git a/src/assets/styles/font/din-bold-2.ttf b/src/assets/styles/font/din-bold-2.ttf
new file mode 100644
index 0000000..1220089
Binary files /dev/null and b/src/assets/styles/font/din-bold-2.ttf differ
diff --git a/src/layout/newyjLayout.vue b/src/layout/newyjLayout.vue
new file mode 100644
index 0000000..d518120
--- /dev/null
+++ b/src/layout/newyjLayout.vue
@@ -0,0 +1,221 @@
+<template>
+  <div class="big-container">
+    <div class="left-menu">
+      <nav class="menu-headers">
+        <div>
+          <img src="../assets/images/logo@2x.png" alt="" />
+        </div>
+        <div class="nav-text">苏州市应急</div>
+        <div class="nav-text">执法计划管理系统</div>
+      </nav>
+      <div
+        v-for="(item, index) in myRouter"
+        :key="index"
+        @click="changePath(index, item)"
+      >
+        <!-- 标题分割线 -->
+        <div class="subLine1" v-if="index == 0"></div>
+        <div
+          class="sub-item"
+          :class="routerIndex == index ? 'activeColor' : ''"
+        >
+          <div class="activeBox" v-show="index == routerIndex"></div>
+          <div
+            class="item-img"
+            :style="`background-image:url(${
+              routerIndex == index ? item.icon2 : item.icon1
+            })`"
+          ></div>
+          {{ item.name }}
+        </div>
+        <!-- 菜单分割线 -->
+        <div class="subLine2"></div>
+      </div>
+    </div>
+    <div class="right-view">
+      <header>
+        <el-dropdown trigger="click" @visible-change="getDrop">
+          <div>
+            <div class="avatar"></div>
+            <div class="header-text">
+              <span>苏州市应急管理局 张三 </span>
+              <i class="el-icon-caret-bottom" v-if="!avatarFlag"></i>
+              <i class="el-icon-caret-top" v-if="avatarFlag"></i>
+            </div>
+          </div>
+          <el-dropdown-menu slot="dropdown">
+            <el-dropdown-item>黄金糕</el-dropdown-item>
+            <el-dropdown-item>狮子头</el-dropdown-item>
+            <el-dropdown-item>螺蛳粉</el-dropdown-item>
+            <el-dropdown-item disabled>双皮奶</el-dropdown-item>
+            <el-dropdown-item divided>蚵仔煎</el-dropdown-item>
+          </el-dropdown-menu>
+        </el-dropdown>
+      </header>
+      <div class="bottom-view">
+        <router-view></router-view>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      routerIndex: 0,
+      avatarFlag: false,
+      myRouter: [
+        {
+          path: "/home",
+          name: "首页",
+          icon1: require("../assets/images/首页@2x.png"),
+          icon2: require("../assets/images/首页-变@2x.png"),
+        },
+        {
+          path: "/planManage",
+          name: "计划管理",
+          icon1: require("../assets/images/计划管理@2x.png"),
+          icon2: require("../assets/images/计划管理-变@2x.png"),
+        },
+        {
+          path: "/enforcing",
+          name: "执法结果",
+          icon1: require("../assets/images/执法结果@2x.png"),
+          icon2: require("../assets/images/执法结果-变@2x.png"),
+        },
+        {
+          path: "/enterprise",
+          name: "企业名录",
+          icon1: require("../assets/images/企业名录@2x.png"),
+          icon2: require("../assets/images/企业名录-变@2x.png"),
+        },
+      ],
+    };
+  },
+  methods: {
+    changePath(e, item) {
+      this.routerIndex = e;
+      this.$router.push(item.path);
+    },
+    getDrop(e) {
+      this.avatarFlag = e;
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.nav-text {
+  font-size: 20px;
+  font-family: "Alibaba-PuHuiTi-Medium.otf";
+  font-weight: 500;
+  color: #ffffff;
+  line-height: 32px;
+}
+.big-container {
+  height: 100%;
+  width: 100%;
+  display: flex;
+  .left-menu {
+    width: 210px;
+    background-image: url("../assets/images/侧边栏@2x.png");
+    background-size: 102% 100%;
+    .menu-headers {
+      height: 180px;
+      div {
+        text-align: center;
+        img {
+          margin: 12px 0 10px 0;
+          height: 70px;
+          width: 70px;
+        }
+      }
+    }
+
+    .sub-item {
+      flex: 1;
+      height: 50px;
+      font-family: "Alibaba-PuHuiTi-Medium.otf";
+      font-size: 16px;
+      color: #c4dbff;
+      display: flex;
+      align-items: center;
+      padding-left: 40px;
+      position: relative;
+      cursor: pointer;
+      user-select: none;
+      .item-img {
+        height: 20px;
+        width: 20px;
+        background-size: 100% 100%;
+        margin-right: 8px;
+      }
+    }
+    .activeBox {
+      width: 4px;
+      height: 100%;
+      position: absolute;
+      left: 1px;
+      top: 0;
+      background: #fffaa8;
+      border-radius: 1px;
+    }
+    .activeColor {
+      background: linear-gradient(90deg, #fff9a7 0%);
+      background: linear-gradient(
+        to right,
+        rgba(255, 249, 167, 0.32),
+        rgb(247, 247, 247, 0)
+      );
+      border-radius: 1px;
+      color: #fffaa8;
+    }
+    .subLine1 {
+      height: 2px;
+      background-color: #0d408d;
+      margin-bottom: 1px;
+    }
+    .subLine2 {
+      height: 3px;
+      width: 100%;
+      background-image: url("../assets/images/line-菜单分割线@2x.png");
+      background-size: 100% 100%;
+      //   margin: 1px 0;
+      margin-bottom: 1px;
+    }
+  }
+  .right-view {
+    flex: 1;
+    header {
+      height: 50px;
+      background-image: url("../assets/images/右边bg@2x.png");
+      background-size: 100% 100%;
+      display: flex;
+      flex-direction: row-reverse;
+      align-items: center;
+      .avatar {
+        height: 25px;
+        width: 25px;
+        background-size: 100% 100%;
+        background-image: url("../assets/images/管理员icon@2x.png");
+      }
+      .header-text {
+        font-family: "Alibaba-PuHuiTi-Medium.otf";
+        span {
+          margin: 0 8px;
+        }
+      }
+    }
+    .bottom-view {
+      height: calc(100% - 50px);
+      background: #f5f6fa;
+    }
+  }
+}
+::v-deep .el-dropdown-selfdefine {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  user-select: none;
+  margin-right: 20px;
+}
+</style>
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index 6433a0d..c5f61e9 100644
--- a/src/main.js
+++ b/src/main.js
@@ -4,6 +4,8 @@ import Cookies from "js-cookie";
 
 import Element from "element-ui";
 import "./assets/styles/element-variables.scss";
+import "./assets/styles/font.css";
+
 
 Element.Dialog.props.closeOnClickModal.default = false; //模态框单击空白处不允许关闭
 // 带有斑马纹
diff --git a/src/router/index.js b/src/router/index.js
index 7b49ff0..8f2ae46 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -6,7 +6,7 @@ Vue.use(Router);
 /* Layout */
 import Layout from "@/layout";
 import Simplely from "@/layout/simplely.vue";
-
+import newyjLayout from "@/layout/newyjLayout.vue";
 /**
  * Note: 路由配置项
  *
@@ -82,72 +82,101 @@ export const constantRoutes = [
     // ],
   },
   {
-    path: "/mudu",
-    component: Simplely,
+    path: "/yingji",
+    component: newyjLayout,
     hidden: true,
+    redirect: "/home",
     children: [
       {
-        path: "test",
-        component: () => import("@/views/test.vue"),
-        name: "test",
-      },
-      {
-        path: "check",
-        component: () => import("@/views/mudu/check/index"),
-        name: "check",
-      },
-      {
-        path: "profile",
-        component: () => import("@/views/mudu/none/profile.vue"),
-        name: "profile",
-      },
-      {
-        path: "point",
-        component: () => import("@/views/mudu/point/index.vue"),
-        name: "point",
-      },
-      {
-        path: "records",
-        component: () => import("@/views/mudu/records/index"),
-        name: "records",
+        path: "/home",
+        component: () => import("@/views/yingji/home.vue"),
+        name: "home",
       },
       {
-        path: "receiver",
-        component: () => import("@/views/mudu/receiver/index.vue"),
-        name: "receiver",
+        path: "/planManage",
+        component: () => import("@/views/yingji/planManage.vue"),
+        name: "planManage",
       },
       {
-        path: "transportation",
-        component: () => import("@/views/mudu/transportation/index.vue"),
-        name: "transportation",
+        path: "/enforcing",
+        component: () => import("@/views/yingji/enforcing.vue"),
+        name: "enforcing",
       },
       {
-        path: "equipment",
-        component: () => import("@/views/mudu/equipment/index.vue"),
-        name: "equipment",
-      },
-      {
-        path: "train",
-        component: () => import("@/views/mudu/train/index.vue"),
-        name: "train",
-      },
-      {
-        path: "order",
-        component: () => import("@/views/mudu/none/order.vue"),
-        name: "order",
-      },
-      {
-        path: "article",
-        component: () => import("@/views/mudu/article/index.vue"),
-        name: "article",
-      },
-      {
-        path: "directory",
-        component: () => import("@/views/mudu/directory/index.vue"),
-        name: "directory",
+        path: "/enterprise",
+        component: () => import("@/views/yingji/enterprise.vue"),
+        name: "enterprise",
       },
+
     ],
   },
+  // {
+  //   path: "/mudu",
+  //   component: Simplely,
+  //   hidden: true,
+  //   children: [
+  //     {
+  //       path: "test",
+  //       component: () => import("@/views/test.vue"),
+  //       name: "test",
+  //     },
+  //     {
+  //       path: "check",
+  //       component: () => import("@/views/mudu/check/index"),
+  //       name: "check",
+  //     },
+  //     {
+  //       path: "profile",
+  //       component: () => import("@/views/mudu/none/profile.vue"),
+  //       name: "profile",
+  //     },
+  //     {
+  //       path: "point",
+  //       component: () => import("@/views/mudu/point/index.vue"),
+  //       name: "point",
+  //     },
+  //     {
+  //       path: "records",
+  //       component: () => import("@/views/mudu/records/index"),
+  //       name: "records",
+  //     },
+  //     {
+  //       path: "receiver",
+  //       component: () => import("@/views/mudu/receiver/index.vue"),
+  //       name: "receiver",
+  //     },
+  //     {
+  //       path: "transportation",
+  //       component: () => import("@/views/mudu/transportation/index.vue"),
+  //       name: "transportation",
+  //     },
+  //     {
+  //       path: "equipment",
+  //       component: () => import("@/views/mudu/equipment/index.vue"),
+  //       name: "equipment",
+  //     },
+  //     {
+  //       path: "train",
+  //       component: () => import("@/views/mudu/train/index.vue"),
+  //       name: "train",
+  //     },
+  //     {
+  //       path: "order",
+  //       component: () => import("@/views/mudu/none/order.vue"),
+  //       name: "order",
+  //     },
+  //     {
+  //       path: "article",
+  //       component: () => import("@/views/mudu/article/index.vue"),
+  //       name: "article",
+  //     },
+  //     {
+  //       path: "directory",
+  //       component: () => import("@/views/mudu/directory/index.vue"),
+  //       name: "directory",
+  //     },
+  //   ],
+  // },
 
   {
     path: "/user",
diff --git a/src/views/yingji/echarts/completePlan.vue b/src/views/yingji/echarts/completePlan.vue
new file mode 100644
index 0000000..7915270
--- /dev/null
+++ b/src/views/yingji/echarts/completePlan.vue
@@ -0,0 +1,188 @@
+<template >
+  <div id="main1"></div>
+</template>
+<script>
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {};
+  },
+  mounted() {
+    this.initChart();
+  },
+  methods: {
+    initChart() {
+      var chartDom = document.getElementById("main1");
+      var myChart = echarts.init(chartDom);
+      // 渲染
+      var option = {
+        title: {
+          show: true,
+          text: "各区域完成计划",
+          textStyle: {
+            color: "#3D434D",
+            fontSize: 16,
+          },
+          left: 34,
+          top: 20,
+        },
+        tooltip: {
+        //   show: false,
+          trigger: "axis",
+          textStyle: {
+            align: "left",
+          },
+          axisPointer: {
+            type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
+          },
+        },
+        grid: {
+          left: "3%",
+          right: "3%",
+          bottom: "3%",
+          containLabel: true,
+        },
+        xAxis: [
+          {
+            type: "value",
+            splitLine: { show: false }, // 删除坐标轴分割线
+            axisLabel: {
+              show: false,
+            },
+            axisTick: {
+              show: false,
+            },
+            axisLine: {
+              show: false,
+            },
+          },
+          {
+            type: "value",
+            show: false,
+          },
+        ],
+        yAxis: [
+          {
+            type: "category",
+            data: [
+              "工业园区",
+              "相城区",
+              "姑苏区",
+              "吴中区",
+              "吴江区",
+              "昆山市",
+              "太仓市",
+              "常熟市",
+              "张家港市",
+              "苏州",
+            ],
+            axisLabel: {
+              // 超出指定长度显示省略号
+              formatter: function (value) {
+                var val = "";
+                if (value.length > 5) {
+                  val = value.substr(0, 5) + "...";
+                  return val;
+                } else {
+                  return value;
+                }
+              },
+            },
+            axisTick: {
+              show: false,
+            },
+            axisLine: {
+              show: false,
+            },
+          },
+          {
+            type: "category",
+            data: [63, 115, 167, 210, 225, 245, 283, 300, 321, 1000],
+            axisLabel: {
+              formatter: function (value, index) {
+                return `{a|${value}}{b|家}`;
+              },
+              rich: {
+                a: {
+                  color: "#0084FF",
+                  align: "right",
+                  width: 32,
+                },
+                b: {
+                  color: "#525966",
+                  align: "right",
+                },
+              },
+            },
+
+            axisTick: {
+              show: false,
+            },
+            axisLine: {
+              show: false,
+            },
+          },
+        ],
+        series: [
+          {
+            type: "bar",
+            // name: "数据",
+            label: {
+              show: false, //是否显示标签
+            },
+            data: [63, 115, 167, 210, 225, 245, 283, 300, 321, 1000],
+            barWidth: 12,
+            itemStyle: {
+              color: {
+                type: "linear",
+                x: 0,
+                y: 0,
+                x2: 1,
+                y2: 0,
+                colorStops: [
+                  {
+                    offset: 0,
+                    color: "#0084FF", // 渐变起始颜色
+                  },
+                  {
+                    offset: 1,
+                    color: "#00BAFF", // 渐变结束颜色
+                  },
+                ],
+              },
+            },
+            z: 2,
+          },
+          {
+            // name: '背景',
+            type: "bar",
+            barWidth: 12,
+            barGap: "-100%",
+            data: [1000, 1000, 1000, 1000, 1000, 1000, 1000, 1000, 1000, 1000],
+            itemStyle: {
+              normal: {
+                color: "#EDF0F2",
+              },
+            },
+            emphasis:{
+                disabled:true,
+            },
+            tooltip: {
+              show: false,
+            },
+            z: 1,
+          },
+        ],
+      };
+      option && myChart.setOption(option);
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+#main1 {
+  height: 100%;
+  width: 100%;
+  border-radius:10px ;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/yingji/echarts/finishRate.vue b/src/views/yingji/echarts/finishRate.vue
new file mode 100644
index 0000000..826ab60
--- /dev/null
+++ b/src/views/yingji/echarts/finishRate.vue
@@ -0,0 +1,171 @@
+<template >
+  <div id="cakeBox"></div>
+</template>
+<script>
+import * as echarts from "echarts";
+export default {
+  data() {
+    return {};
+  },
+  mounted() {
+    this.initChart();
+  },
+  methods: {
+    initChart() {
+      var chartDom = document.getElementById("cakeBox");
+      var myChart = echarts.init(chartDom);
+      // 渲染
+      var option = {
+        color: [
+          "#00A2FF",
+          "#FDCA5B",
+          "#48E1BB",
+          "#FDAB5B",
+          "#53D170",
+          "#FE7A8C",
+          "#D0EF52",
+          "#EE70F6",
+          "#F4F124",
+          "#9571FE",
+        ],
+        title: {
+          show: true,
+          text: "各区域完成率",
+          textStyle: {
+            color: "#3D434D",
+            fontSize: 16,
+          },
+          left: 34,
+          top: 20,
+        },
+        tooltip: {
+          trigger: "item",
+        },
+        legend: {
+          width: "40%",
+          height: "80%",
+          top: "25%",
+          right: "10%",
+          itemGap: 25,
+          itemWidth: 10,
+          itemHeight: 10,
+          icon: "circle",
+          formatter: function (name) {
+            return `{a|${name}}{b|15%}`;
+          },
+          textStyle: {
+            rich: {
+              a: {
+                color: "#525966",
+                width: 35,
+                padding: [0, 10, 0, 5],
+              },
+              b: {
+                color: "#495B7D",
+                padding: [0, 5, 0, 10],
+              },
+            },
+          },
+          //将waiyuan的数据拿过来,就会只显示该外圆的数据
+          data: [
+            { value: 15, name: "张家港市" },
+            { value: 10, name: "吴中区" },
+            { value: 8, name: "常熟市" },
+            { value: 10, name: "姑苏区" },
+            { value: 18, name: "太仓市" },
+            { value: 6, name: "相城区" },
+            { value: 10, name: "昆山市" },
+            { value: 4, name: "工业园区" },
+            { value: 10, name: "吴江区" },
+            { value: 5, name: "高新区" },
+          ],
+        },
+
+        series: [
+          {
+            type: "pie",
+            center: ["28%", "55%"], // 饼图的中心位置
+            radius: ["42%", "65%"],
+            avoidLabelOverlap: false,
+            label: {
+              show: false,
+            },
+            emphasis: {
+              //取消高亮显示大字
+              //   label: {
+              //     show: true,
+              //     fontSize: 40,
+              //     fontWeight: "bold",
+              //   },
+            },
+            labelLine: {
+              show: false,
+            },
+            data: [
+              { value: 15, name: "张家港市" },
+              { value: 10, name: "吴中区" },
+              { value: 8, name: "常熟市" },
+              { value: 10, name: "姑苏区" },
+              { value: 18, name: "太仓市" },
+              { value: 6, name: "相城区" },
+              { value: 10, name: "昆山市" },
+              { value: 4, name: "工业园区" },
+              { value: 10, name: "吴江区" },
+              { value: 5, name: "高新区" },
+            ],
+          },
+          {
+            type: "pie",
+            center: ["28%", "55%"], // 饼图的中心位置
+            radius: "32%",
+            avoidLabelOverlap: false,
+            color: "rgb(247,247,249)",
+            tooltip: {
+              show: false,
+            },
+            legend: {
+              show: false,
+            },
+            //取消鼠标滑过高亮
+            emphasis: {
+              disabled: true,
+            },
+            label: {
+              normal: {
+                position: "center",
+                formatter: function (params) {
+                  console.log(params);
+                  return `{a|${params.data.pt}%}\n{b|${params.data.name}}`;
+                },
+                rich: {
+                  a: {
+                    color: "#114A99",
+                    fontWeight: "bold",
+                    fontSize: 24,
+                    padding: [0, 0, 5, 0],
+                  },
+                  b: {
+                    color: "#3D434D",
+                    fontSize: 12,
+                  },
+                },
+              },
+            },
+            labelLine: {
+              show: false,
+            },
+            data: [{ value: 1, name: "苏州完成率", pt: 98 }],
+          },
+        ],
+      };
+      option && myChart.setOption(option);
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+#cakeBox {
+  height: 100%;
+  width: 100%;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/yingji/enforcing.vue b/src/views/yingji/enforcing.vue
new file mode 100644
index 0000000..db0a50a
--- /dev/null
+++ b/src/views/yingji/enforcing.vue
@@ -0,0 +1,5 @@
+<template>
+    <div>
+        执法结果
+    </div>
+</template>
\ No newline at end of file
diff --git a/src/views/yingji/enterprise.vue b/src/views/yingji/enterprise.vue
new file mode 100644
index 0000000..bc43060
--- /dev/null
+++ b/src/views/yingji/enterprise.vue
@@ -0,0 +1,5 @@
+<template>
+    <div>
+        企业名录
+    </div>
+</template>
\ No newline at end of file
diff --git a/src/views/yingji/home.vue b/src/views/yingji/home.vue
new file mode 100644
index 0000000..c080bd7
--- /dev/null
+++ b/src/views/yingji/home.vue
@@ -0,0 +1,229 @@
+<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>
+    <!-- 各区域执法计划 -->
+    <div class="bodyBox boxAllStyle">
+      <div id="execution"></div>
+    </div>
+    <div class="bottomBox">
+      <div class="boxAllStyle">
+        <completePlan></completePlan>
+      </div>
+      <div style="width: 15px;"></div>
+      <div class="boxAllStyle">
+        <finishRate></finishRate>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import * as echarts from "echarts";
+import completePlan from "./echarts/completePlan.vue";
+import finishRate from "./echarts/finishRate.vue";
+export default {
+  data() {
+    return {
+      ruleForm: {
+        date: "",
+      },
+      options: [
+        {
+          value: "选项1",
+          label: "2019",
+        },
+        {
+          value: "选项2",
+          label: "2020",
+        },
+        {
+          value: "选项3",
+          label: "2021",
+        },
+        {
+          value: "选项4",
+          label: "2022",
+        },
+        {
+          value: "选项5",
+          label: "2023",
+        },
+      ],
+    };
+  },
+  components:{
+    completePlan,
+    finishRate
+  },
+  mounted() {
+    this.init();
+  },
+  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: {
+          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: {
+              color: "#525966",
+              //   fontFamily:'Alibaba-PuHuiTi-Medium.otf'
+            },
+            axisLine: {
+              lineStyle: {
+                color: "#B6C3D9",
+              },
+            },
+            z: 1000,
+          },
+        ],
+        yAxis: [
+          {
+            type: "value",
+            // splitLine: {
+            //   show: true,
+            //   lineStyle: {
+            //     type: "dashed",
+            //     color: "#B6C3D9",
+            //   },
+            // },
+            z: 1,
+          },
+        ],
+        series: [
+          {
+            type: "bar",
+            barWidth: 28,
+            itemStyle: {
+              color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
+                {
+                  //只要修改前四个参数就ok
+                  offset: 0,
+                  color: "#FF8B02",
+                }, //柱图渐变色
+                {
+                  offset: 1,
+                  color: "#FFA70F",
+                },
+              ]),
+            },
+            data: [700, 400, 600, 300, 580, 250, 490, 200, 390, 460, 90],
+
+            //高亮的效果
+            emphasis: {
+              itemStyle: {
+                // color: "rgba(0,0,0,0.3)",
+              },
+              //每根柱子上的字
+              label: {
+                show: true,
+                position: "top",
+                formatter: "{c}",
+                color: "#FF8C03",
+                //   fontFamily:'Alibaba-PuHuiTi-Regular.otf'
+              },
+            },
+          },
+        ],
+      };
+      option && myChart.setOption(option);
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.boxAllStyle {
+  background: #ffffff;
+  box-shadow: 0px 1px 24px 0px #e2e2e2;
+  border-radius: 10px;
+}
+.mainBox {
+  height: 100%;
+  width: 100%;
+  padding: 20px;
+  .select-nav {
+    height: 38px;
+    display: flex;
+    align-items: center;
+    margin-bottom: 15px;
+    & > div:nth-of-type(1) {
+      font-family: "Alibaba-PuHuiTi-Regular.otf";
+      margin-right: 5px;
+    }
+  }
+  .bodyBox {
+    width: 100%;
+    height: 250px;
+
+    margin-bottom: 15px;
+    #execution {
+      width: 100%;
+      height: 100%;
+    }
+  }
+  .bottomBox {
+    height: calc(100% - 250px - 53px - 15px);
+    display: flex;
+    justify-content: space-between;
+    & > .boxAllStyle {
+      flex: 1;
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/yingji/planManage.vue b/src/views/yingji/planManage.vue
new file mode 100644
index 0000000..3bdab44
--- /dev/null
+++ b/src/views/yingji/planManage.vue
@@ -0,0 +1,5 @@
+<template>
+    <div>
+        计划管理
+    </div>
+</template>
\ No newline at end of file