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..4021085
--- /dev/null
+++ b/src/assets/styles/font.css
@@ -0,0 +1,74 @@
+@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");
+}
+@font-face {
+  font-family: "xiniu";
+  src: url("./font/兮妞中黑体_0.TTF");
+}
+
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/assets/styles/font/兮妞中黑体_0.TTF b/src/assets/styles/font/兮妞中黑体_0.TTF
new file mode 100644
index 0000000..9c413b9
Binary files /dev/null and b/src/assets/styles/font/兮妞中黑体_0.TTF differ
diff --git a/src/layout/newyjLayout.vue b/src/layout/newyjLayout.vue
new file mode 100644
index 0000000..d6dcece
--- /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.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/permission.js b/src/permission.js
index b121a27..35e6331 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -9,19 +9,7 @@ import { isRelogin } from "@/utils/request";
 NProgress.configure({ showSpinner: false });
 
 const whiteList = [
-  "/login",
-  "/mudu/check",
-  "/mudu/profile",
-  "/mudu/point",
-  "/mudu/records",
-  "/mudu/receiver",
-  "/mudu/transportation",
-  "/mudu/equipment",
-  "/mudu/order",
-  "/mudu/article",
-  "/mudu/train",
-  "/mudu/directory",
-  "/login2",
+  '/toLogin'
 ];
 
 router.beforeEach((to, from, next) => {
@@ -29,7 +17,7 @@ router.beforeEach((to, from, next) => {
   if (getToken()) {
     to.meta.title && store.dispatch("settings/setTitle", to.meta.title);
     /* has token*/
-    if (to.path === "/login") {
+    if (to.path === "/toLogin") {
       next({ path: "/" });
       NProgress.done();
     } else {
@@ -62,7 +50,7 @@ router.beforeEach((to, from, next) => {
       // 在免登录白名单，直接进入
       next();
     } else {
-      next(`/login?redirect=${to.fullPath}`); // 否则全部重定向到登录页
+      next(`/toLogin`); // 否则全部重定向到登录页
       NProgress.done();
     }
   }
diff --git a/src/router/index.js b/src/router/index.js
index 7b49ff0..603e41d 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: 路由配置项
  *
@@ -42,14 +42,19 @@ export const constantRoutes = [
       },
     ],
   },
+  // {
+  //   path: "/login",
+  //   component: () => import("@/views/login"),
+  //   hidden: true,
+  // },
+  // {
+  //   path: "/login2",
+  //   component: (resolve) => require(["@/views/login2"], resolve),
+  //   hidden: true,
+  // },
   {
-    path: "/login",
-    component: () => import("@/views/login"),
-    hidden: true,
-  },
-  {
-    path: "/login2",
-    component: (resolve) => require(["@/views/login2"], resolve),
+    path: "/toLogin",
+    component: (resolve) => require(["@/views/newLogin"], resolve),
     hidden: true,
   },
   {
@@ -67,19 +72,34 @@ export const constantRoutes = [
     component: () => import("@/views/error/401"),
     hidden: true,
   },
-
   {
-    path: "",
-    component: Layout,
-    redirect: "profile",
-    // children: [
-    //   {
-    //     path: "index",
-    //     component: () => import("@/views/mudu/profile/index"),
-    //     name: "Index",
-    //     // meta: { title: "园区概况", icon: "dashboard", affix: true },
-    //   },
-    // ],
+    path: "/",
+    component: newyjLayout,
+    hidden: true,
+    redirect: "/home",
+    children: [
+      {
+        path: "/home",
+        component: () => import("@/views/yingji/home.vue"),
+        name: "home",
+      },
+      {
+        path: "/planManage",
+        component: () => import("@/views/yingji/planManage.vue"),
+        name: "planManage",
+      },
+      {
+        path: "/enforcing",
+        component: () => import("@/views/yingji/enforcing.vue"),
+        name: "enforcing",
+      },
+      {
+        path: "/enterprise",
+        component: () => import("@/views/yingji/enterprise.vue"),
+        name: "enterprise",
+      },
+
+    ],
   },
   {
     path: "/mudu",
@@ -148,7 +168,6 @@ export const constantRoutes = [
       },
     ],
   },
-
   {
     path: "/user",
     component: Layout,
diff --git a/src/views/newLogin.vue b/src/views/newLogin.vue
new file mode 100644
index 0000000..2f359f1
--- /dev/null
+++ b/src/views/newLogin.vue
@@ -0,0 +1,318 @@
+<template>
+  <div class="login">
+    <div class="loginTitle">
+      <div class="lg-img"></div>
+      <div class="lg-text">苏州市应急执法计划管理系统</div>
+    </div>
+    <div class="lg-centerbox">
+      <el-form
+        ref="loginForm"
+        :model="loginForm"
+        :rules="loginRules"
+        class="login-form"
+      >
+        <h3 class="title">欢迎登录!</h3>
+        <el-form-item prop="username">
+          <el-input
+            v-model="loginForm.username"
+            type="text"
+            auto-complete="off"
+            placeholder="用户名"
+          >
+            <div slot="prefix" class="iconO">
+              <div class="iconUser"></div>
+            </div>
+          </el-input>
+        </el-form-item>
+        <el-form-item prop="password">
+          <el-input
+            v-model="loginForm.password"
+            type="password"
+            auto-complete="off"
+            placeholder="密码"
+            @keyup.enter.native="handleLogin"
+          >
+            <div slot="prefix" class="iconO">
+              <div class="iconUser1"></div>
+            </div>
+          </el-input>
+        </el-form-item>
+        <el-form-item prop="code" v-if="captchaEnabled">
+          <el-input
+            v-model="loginForm.code"
+            auto-complete="off"
+            placeholder="请输入验证码"
+            style="width: 63%"
+            @keyup.enter.native="handleLogin"
+          >
+          </el-input>
+          <div class="login-code">
+            <img :src="codeUrl" @click="getCode" class="login-code-img" />
+          </div>
+        </el-form-item>
+        <el-checkbox
+          v-model="loginForm.rememberMe"
+          style="margin: 0px 0px 25px 0px"
+          >记住密码</el-checkbox
+        >
+        <el-form-item style="width: 100%">
+          <div class="loginfooterbox">
+            <el-button
+              :loading="loading"
+              size="medium"
+              type="primary"
+              style="width: 100%"
+              @click.native.prevent="handleLogin"
+            >
+              <span v-if="!loading">登 录</span>
+              <span v-else>登 录 中...</span>
+            </el-button>
+          </div>
+
+          <div style="float: right" v-if="register">
+            <router-link class="link-type" :to="'/register'"
+              >立即注册</router-link
+            >
+          </div>
+        </el-form-item>
+      </el-form>
+    </div>
+
+    <!--  底部  -->
+    <!-- <div class="el-login-footer">
+      <span>Copyright © 2018-2023 ruoyi.vip All Rights Reserved.</span>
+    </div> -->
+  </div>
+</template>
+  
+  <script>
+import { getCodeImg } from "@/api/login";
+import Cookies from "js-cookie";
+import { encrypt, decrypt } from "@/utils/jsencrypt";
+
+export default {
+  name: "Login",
+  data() {
+    return {
+      codeUrl: "",
+      loginForm: {
+        username: "admin",
+        password: "admin123",
+        rememberMe: false,
+        code: "",
+        uuid: "",
+      },
+      loginRules: {
+        username: [
+          { required: true, trigger: "blur", message: "请输入您的账号" },
+        ],
+        password: [
+          { required: true, trigger: "blur", message: "请输入您的密码" },
+        ],
+        code: [{ required: true, trigger: "change", message: "请输入验证码" }],
+      },
+      loading: false,
+      // 验证码开关
+      captchaEnabled: true,
+      // 注册开关
+      register: false,
+      redirect: undefined,
+    };
+  },
+  watch: {
+    $route: {
+      handler: function (route) {
+        console.log(route);
+        this.redirect = route.query && route.query.redirect;
+      },
+      immediate: true,
+    },
+  },
+  created() {
+    this.getCode();
+    this.getCookie();
+  },
+  methods: {
+    getCode() {
+      getCodeImg().then((res) => {
+        this.captchaEnabled =
+          res.captchaEnabled === undefined ? true : res.captchaEnabled;
+        if (this.captchaEnabled) {
+          this.codeUrl = "data:image/gif;base64," + res.img;
+          this.loginForm.uuid = res.uuid;
+        }
+      });
+    },
+    getCookie() {
+      const username = Cookies.get("username");
+      const password = Cookies.get("password");
+      const rememberMe = Cookies.get("rememberMe");
+      this.loginForm = {
+        username: username === undefined ? this.loginForm.username : username,
+        password:
+          password === undefined ? this.loginForm.password : decrypt(password),
+        rememberMe: rememberMe === undefined ? false : Boolean(rememberMe),
+      };
+    },
+    handleLogin() {
+      this.$refs.loginForm.validate((valid) => {
+        if (valid) {
+          this.loading = true;
+          if (this.loginForm.rememberMe) {
+            Cookies.set("username", this.loginForm.username, { expires: 30 });
+            Cookies.set("password", encrypt(this.loginForm.password), {
+              expires: 30,
+            });
+            Cookies.set("rememberMe", this.loginForm.rememberMe, {
+              expires: 30,
+            });
+          } else {
+            Cookies.remove("username");
+            Cookies.remove("password");
+            Cookies.remove("rememberMe");
+          }
+          this.$store
+            .dispatch("Login", this.loginForm)
+            .then(() => {
+              this.$router.push({ path: this.redirect || "/" }).catch(() => {});
+            })
+            .catch(() => {
+              this.loading = false;
+              if (this.captchaEnabled) {
+                this.getCode();
+              }
+            });
+        }
+      });
+    },
+  },
+};
+</script>
+  
+  <style rel="stylesheet/scss" lang="scss">
+.loginfooterbox .el-button {
+  background: #115ba4 !important;
+  border-color: #115ba4 !important;
+  font-family: "Alibaba-PuHuiTi-Regular.otf";
+  box-shadow: 0px 1px 9px 0px #ffffff;
+  border-radius: 27px;
+}
+.login {
+  display: block;
+  height: 100%;
+  background-image: url("../assets/images/bg@2x.png");
+  background-size: cover;
+  .loginTitle {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 200px;
+    .lg-img {
+      height: 68px;
+      width: 68px;
+      background-image: url("../assets/images/logo.png");
+      background-size: 100% 100%;
+      margin-right: 20px;
+    }
+    .lg-text {
+      font-size: 46px;
+      color: #ffffff;
+      font-family: "xiniu";
+      background: linear-gradient(0deg, #c4c8ce 0%, #ffffff 100%);
+      -webkit-background-clip: text;
+      -moz-background-clip: text;
+      background-clip: text;
+      color: transparent;
+    }
+  }
+  .lg-centerbox {
+    height: calc(100% - 200px);
+    width: 100%;
+    display: flex;
+    flex-direction: row-reverse;
+  }
+}
+.iconO {
+  height: 100%;
+  width: 14px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: 2px;
+  .iconUser {
+    height: 13px;
+    width: 13px;
+    background-size: 100% 100%;
+    background-image: url("../assets/images/yonghu@2x.png");
+  }
+  .iconUser1 {
+    height: 13px;
+    width: 13px;
+    background-size: 100% 100%;
+    background-image: url("../assets/images/密码@2x.png");
+  }
+}
+
+.title {
+  margin: 0px auto 22px auto;
+  font-size: 18px;
+  text-align: left;
+  color: #1e2b3f;
+  font-family: "Alibaba-PuHuiTi-Regular.otf";
+}
+.el-checkbox {
+  margin-bottom: 22px !important;
+}
+.login-form {
+  width: 360px;
+  height: 360px;
+  box-sizing: border-box;
+  padding: 35px 35px 5px 35px;
+  margin-right: 250px;
+  background: rgba(229, 236, 246, 0.95);
+  box-shadow: 0px 1px 32px 0px #0c4990;
+  border-radius: 10px;
+
+  .el-input {
+    height: 38px;
+    input {
+      height: 38px;
+    }
+  }
+  .input-icon {
+    height: 39px;
+    width: 14px;
+    margin-left: 2px;
+  }
+}
+.login-tip {
+  font-size: 13px;
+  text-align: center;
+  color: #bfbfbf;
+}
+.login-code {
+  width: 33%;
+  height: 38px;
+  float: right;
+  img {
+    cursor: pointer;
+    vertical-align: middle;
+  }
+}
+.el-login-footer {
+  height: 40px;
+  line-height: 40px;
+  position: fixed;
+  bottom: 0;
+  width: 100%;
+  text-align: center;
+  color: #fff;
+  font-family: Arial;
+  font-size: 12px;
+  letter-spacing: 1px;
+}
+.login-code-img {
+  height: 38px;
+}
+</style>
+  
\ No newline at end of file
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