diff --git a/src/assets/images/issue1.png b/src/assets/images/issue1.png
new file mode 100644
index 0000000..deaaef4
Binary files /dev/null and b/src/assets/images/issue1.png differ
diff --git a/src/assets/images/select2.png b/src/assets/images/select2.png
new file mode 100644
index 0000000..6859ec3
Binary files /dev/null and b/src/assets/images/select2.png differ
diff --git a/src/layout/newyjLayout.vue b/src/layout/newyjLayout.vue
index d6dcece..84f9b9d 100644
--- a/src/layout/newyjLayout.vue
+++ b/src/layout/newyjLayout.vue
@@ -92,9 +92,16 @@ export default {
       ],
     };
   },
+  watch: {
+    $route:{
+      handler(newRouter,oldRouter){
+        this.routerIndex = newRouter.meta.index
+      },
+      immediate: true,
+    }
+  },
   methods: {
     changePath(e, item) {
-      this.routerIndex = e;
       this.$router.push(item.path);
     },
     getDrop(e) {
diff --git a/src/router/index.js b/src/router/index.js
index 603e41d..a34487d 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -82,21 +82,25 @@ export const constantRoutes = [
         path: "/home",
         component: () => import("@/views/yingji/home.vue"),
         name: "home",
+        meta:{index:0}
       },
       {
         path: "/planManage",
         component: () => import("@/views/yingji/planManage.vue"),
         name: "planManage",
+        meta:{index:1}
       },
       {
         path: "/enforcing",
         component: () => import("@/views/yingji/enforcing.vue"),
         name: "enforcing",
+        meta:{index:2}
       },
       {
         path: "/enterprise",
         component: () => import("@/views/yingji/enterprise.vue"),
         name: "enterprise",
+        meta:{index:3}
       },
 
     ],
diff --git a/src/views/components/dialog/index.vue b/src/views/components/dialog/index.vue
index b50a6f9..3605197 100644
--- a/src/views/components/dialog/index.vue
+++ b/src/views/components/dialog/index.vue
@@ -18,7 +18,7 @@
     </div>
     <div class="content">
       <div class="module">
-        <div class="select" :class="!nextStep ? 'nextStepSelect':''">
+        <div class="select" :class="nextStep ? '':'nextStepSelect'">
           <span class="span-one">Ⅰ</span>
           <span>选择企业</span>
         </div>
@@ -343,6 +343,7 @@ export default {
         align-items: center;
         justify-content: center;
         cursor: pointer;
+        color: #525966;
         span {
           font-size: 15px;
           font-family: 'Alibaba PuHuiTi';
@@ -353,26 +354,26 @@ export default {
         }
       }
       .select {
-        background-image: url('../../../assets/images/select1.png');
+        background-image: url('../../../assets/images/select2.png');
         background-size: 100% 100%;
         margin-right: 10px;
       }
+      .issue {
+        background-image: url('../../../assets/images/issue2.png');
+        background-size: 100% 100%;
+      }
       .nextStepSelect {
-        // background-image: url('../../../assets/images/select2.png');
+        background-image: url('../../../assets/images/select1.png');
         span {
           color: #2378EC;
         }
       }
       .nextStepIssue {
-        // background-image: url('../../../assets/images/issue1.png');
+        background-image: url('../../../assets/images/issue1.png');
         span {
           color: #2378EC;
         }
       }
-      .issue {
-        background-image: url('../../../assets/images/issue2.png');
-        background-size: 100% 100%;
-      }
     }
     .filtrate {
       display: flex;
@@ -411,12 +412,6 @@ export default {
             left: 50%;
             transform: translate(-50%, -50%);
           }
-          .el-input__suffix .el-input__suffix-inner .el-select__caret {
-            width: 22px;
-          }
-          .el-input__suffix {
-            margin-right: 5px;
-          }
         }
       }
       .input-input {
@@ -513,12 +508,6 @@ export default {
             left: 50%;
             transform: translate(-50%, -50%);
           }
-          .el-input__suffix .el-input__suffix-inner .el-select__caret {
-            width: 22px;
-          }
-          .el-input__suffix {
-            margin-right: 5px;
-          }
         }
         .input {
           flex: 1;
diff --git a/src/views/yingji/echarts/finishRate.vue b/src/views/yingji/echarts/finishRate.vue
index 826ab60..e5f2bae 100644
--- a/src/views/yingji/echarts/finishRate.vue
+++ b/src/views/yingji/echarts/finishRate.vue
@@ -134,7 +134,6 @@ export default {
               normal: {
                 position: "center",
                 formatter: function (params) {
-                  console.log(params);
                   return `{a|${params.data.pt}%}\n{b|${params.data.name}}`;
                 },
                 rich: {
diff --git a/src/views/yingji/enforcing.vue b/src/views/yingji/enforcing.vue
index db0a50a..a5474af 100644
--- a/src/views/yingji/enforcing.vue
+++ b/src/views/yingji/enforcing.vue
@@ -1,5 +1,378 @@
+<!--
+ * @Descripttion: 
+ * @version: 
+ * @Author: JC9527
+ * @Date: 2023-09-04 10:20:06
+ * @LastEditors: JC9527
+ * @LastEditTime: 2023-09-05 15:45:49
+-->
 <template>
-    <div>
-        执法结果
+    <div class="container-main" ref="main" :style="main">
+      <div class="enforce-the-law-title">
+        <div class="filtrate-condition">
+          <div class="select-input">
+            <div class="select-span">年份:</div>
+            <el-select v-model="form.year" placeholder="请选择">
+              <el-option
+                v-for="item in options"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="select-input">
+            <div class="select-span">区划:</div>
+            <el-select v-model="form.compartment" placeholder="请选择">
+              <el-option
+                v-for="item in options"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="my-checkbox">
+            <el-checkbox-group v-model="checkList" @change="setmealSelect">
+              <el-checkbox label="全部"></el-checkbox>
+              <el-checkbox label="已执法"></el-checkbox>
+              <el-checkbox label="未执法"></el-checkbox>
+            </el-checkbox-group>
+          </div>
+        </div>
+        <div class="export" @click="exportFile">
+          <img src="@/assets/images/export.png" alt="">
+          <span>导出excel</span>
+        </div>
+      </div>
+      <div class="tables">
+        <el-table
+          :data="tableData"
+          style="width: 100%"
+          :border="false"
+          :row-class-name="tableRowClassName"
+          :cell-style="columnStyle"
+        >
+          <el-table-column
+            prop="date"
+            label="计划年份"
+            width="180"
+            header-align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="address"
+            label="行政区划"
+            width="180"
+            header-align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="frim"
+            label="企业名称"
+            header-align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="state"
+            label="状态"
+            header-align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            label="操作"
+            header-align="center"
+          >
+            <template slot-scope="scope">
+              <div class="tabs-btns">
+                <div class="look" @click="look(scope.row)">
+                  <span>查看执法详情</span>
+                </div>
+              </div>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+      <div class="pagination">
+        <my-pagination :total="28" @pagesChange="pagesChange"></my-pagination>
+      </div>
     </div>
-</template>
\ No newline at end of file
+  </template>
+  
+  <script>
+  import myPagination from "@/views/components/myPagination/index.vue"
+  export default {
+    components:{myPagination},
+    name: "Article",
+    data() {
+      return {
+        tableData: [{
+          date: '2022年',
+          name: '王小虎',
+          address: '苏州',
+          frim:'扬子石化有限公司',
+          state:'未执法'
+        }, {
+          date: '2022年',
+          name: '王小虎',
+          address: '张家港市',
+          frim:'扬子石化有限公司',
+          state:'未执法'
+        }, {
+          date: '2022年',
+          name: '王小虎',
+          address: '常熟市',
+          frim:'扬子石化有限公司',
+          state:'未执法'
+        }, {
+          date: '2022年',
+          name: '王小虎',
+          address: '太仓市',
+          frim:'扬子石化有限公司',
+          state:'未执法'
+        }, {
+          date: '2022年',
+          name: '王小虎',
+          address: '昆山市',
+          frim:'扬子石化有限公司',
+          state:'未执法'
+        }, {
+          date: '2022年',
+          name: '王小虎',
+          address: '吴江区',
+          frim:'扬子石化有限公司',
+          state:'已执法'
+        }, {
+          date: '2022年',
+          name: '王小虎',
+          address: '吴中区',
+          frim:'扬子石化有限公司',
+          state:'已执法'
+        }, {
+          date: '2022年',
+          name: '王小虎',
+          address: '姑苏区',
+          frim:'扬子石化有限公司',
+          state:'已执法'
+        }, {
+          date: '2022年',
+          name: '王小虎',
+          address: '相城区',
+          frim:'扬子石化有限公司',
+          state:'已执法'
+        }, {
+          date: '2022年',
+          name: '王小虎',
+          address: '工业园区',
+          frim:'扬子石化有限公司',
+          state:'已执法'
+        }],
+        options:[],
+        form:{
+          year:'',
+          compartment:'',
+        },
+        checkList: ['全部'],
+        checkListTwo: [],
+        main:{
+          height:'',
+        }
+      };
+    },
+    // watch: {
+    //   checkListTwo:{
+    //     handler(newArray,oldArray){
+    //       console.log(newArray,'newArray')
+    //       console.log(oldArray,'oldArray')
+    //     },
+    //     deep:true,
+    //     immediate:true,
+    //   }
+    // },
+    methods: {
+      // 多选框变化事件
+      setmealSelect(){
+        this.checkList = this.checkList.slice(-1);
+        if(this.checkList.length > 0) {
+          this.checkListTwo = this.checkList;
+          this.changeList()
+        } else {
+          this.checkList = this.checkListTwo
+        }
+      },
+      changeList(){
+        console.log(this.checkList[0])  // 拿到需要筛选的值
+      },
+      // tabs不同行给不同class
+      tableRowClassName({row, rowIndex}) {
+        if (rowIndex % 2 !== 0) {
+          return 'success-row';
+        }
+        return '';
+      },
+      // 根据状态数据修改字体颜色
+      columnStyle({ row, column, rowIndex, columnIndex }) {
+        if (columnIndex == 3) {
+          if(row.state == '未执法') {
+            return "color: #F71052"
+          } else if(row.state == '已执法') {
+            return "color: #23B06C"
+          }
+        }
+      },
+      // 页码，当前页切换事件
+      pagesChange(pages){
+        console.log(pages)
+      },
+      // 导出
+      exportFile(){
+        // console.log(this.multipleSelection)
+      },
+    },
+    mounted() {
+      this.checkListTwo = this.checkList;
+      this.$nextTick(()=>{
+        let dom = document.getElementsByClassName('container-main');
+        let height = dom[0].getBoundingClientRect();
+        let windowHeight = window.innerHeight;
+        let relativeHeight = windowHeight - height.top
+        this.main.height = relativeHeight + 'px'
+      })
+    },
+  };
+  </script>
+  <style lang="scss" scoped>
+  .container-main {
+    // height: calc(100vh - 84px);
+    overflow: hidden;
+    padding: 0 20px;
+    background-color: #fff;
+    .enforce-the-law-title {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 31px 0 12px 0;
+      .filtrate-condition {
+        display: flex;
+        align-items: center;
+        .select-input {
+          margin-right: 20px;
+          display: flex;
+          align-items: center;
+          .select-span {
+            font-size: 14px;
+            font-family: 'Alibaba PuHuiTi';
+            font-weight: 400;
+            color: #525966;
+            line-height: 40px;
+            margin-right: 10px;
+          }
+          ::v-deep .el-select {
+            background-color: transparent;
+            width: 210px;
+            .el-input__inner {
+              height: 33px;
+            }
+            // border-radius: 2px;
+            .el-input .el-input__suffix .el-input__suffix-inner .el-icon-arrow-up::before {
+              content: "";
+              background: url(../../assets/images/down2.png) center center no-repeat;
+              background-size: cover;
+              position: absolute;
+              width: 10px;
+              height: 7px;
+              top: 50%;
+              left: 50%;
+              transform: translate(-50%, -50%);
+            }
+          }
+        }
+        .my-checkbox {
+          margin-left: 50px;
+          ::v-deep .el-checkbox-group {
+            .el-checkbox__label {
+              font-size: 14px;
+              font-family: 'Alibaba PuHuiTi';
+              font-weight: 400;
+              color: #525966;
+            }
+          }
+        }
+      }
+      .export {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding: 6px 19px;
+        background-color: #2378EC;
+        cursor: pointer;
+        img {
+          width: 22px;
+          margin-right: 10px;
+        }
+        span {
+          color: #ffffff;
+          font-size: 14px;
+          font-family: 'Alibaba PuHuiTi';
+          font-weight: 400;
+        }
+      }
+    }
+    .tables {
+      margin-top: 10px;
+      background-color: #EAF2FD;
+      .tabs-btns {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        .look {
+          display: flex;
+          align-items: center;
+          cursor: pointer;
+          span {
+            font-size: 15px;
+            font-family: Alibaba PuHuiTi;
+            font-weight: 400;
+            color: #045FFD;
+            text-decoration: underline;
+          }
+        }
+      }
+      ::v-deep .el-table {
+        .success-row {
+          background-color: rgba(234, 242, 253, 0.25);
+        }
+        td {
+          height: 42px;
+          text-align: center;
+          font-size: 14px;
+          font-family: 'Alibaba PuHuiTi';
+          font-weight: 400;
+          color: #525966;
+        }
+        th {
+          height: 45px;
+          background-color: #EAF2FD;
+          font-size: 15px;
+          font-family: 'Alibaba PuHuiTi';
+          font-weight: bold;
+          color: #525966;
+          .el-checkbox {
+            display: none;
+          }
+        }
+        .el-table__body-wrapper {
+          height: 430px !important;
+          overflow-y: auto;
+        }
+      }
+      ::v-deep .el-table::before {
+        height: 0;
+      }
+    }
+    .pagination {
+      margin-top: 30px;
+    }
+  }
+  </style>
+  
\ No newline at end of file
diff --git a/src/views/yingji/enterprise.vue b/src/views/yingji/enterprise.vue
index bc43060..9f17a90 100644
--- a/src/views/yingji/enterprise.vue
+++ b/src/views/yingji/enterprise.vue
@@ -1,5 +1,383 @@
 <template>
-    <div>
-        企业名录
+    <div class="container-main" ref="main" :style="main">
+      <div class="filtrate">
+        <div class="one-line">
+          <div class="select-input">
+            <div class="select-span">行政区划:</div>
+            <el-select v-model="form.compartment" placeholder="请选择">
+              <el-option
+                v-for="item in options"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="select-input">
+            <div class="select-span">企业类型:</div>
+            <el-select v-model="form.frimType" placeholder="请选择">
+              <el-option
+                v-for="item in options"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="select-input">
+            <div class="select-span">经济类型:</div>
+            <el-select v-model="form.economicsType" placeholder="请选择">
+              <el-option
+                v-for="item in options"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="select-input">
+            <div class="select-span">行业类型:</div>
+            <el-select v-model="form.industryType" placeholder="请选择">
+              <el-option
+                v-for="item in options"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+        </div>
+        <div class="two-line">
+          <div class="two-line-left">
+            <div class="select-input">
+              <div class="select-span">重大危险源等级:</div>
+              <el-select v-model="form.riskGrade" placeholder="请选择">
+                <el-option
+                  v-for="item in options"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value">
+                </el-option>
+              </el-select>
+            </div>
+            <div class="select-input">
+              <div class="select-span">企业分色:</div>
+              <el-select v-model="form.frimColor" placeholder="请选择">
+                <el-option
+                  v-for="item in options"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value">
+                </el-option>
+              </el-select>
+            </div>
+            <div class="input-input">
+              <div class="select-span">企业名称/统一社会信用代码:</div>
+              <el-input v-model="form.frimName" placeholder="请输入企业名称/统一社会信用代码"></el-input>
+            </div>
+          </div>
+          <div class="select-btn">搜索</div>
+        </div>
+      </div>
+      <div class="tables">
+        <el-table
+          :data="tableData"
+          style="width: 100%"
+          :border="false"
+          :row-class-name="tableRowClassName"
+        >
+          <el-table-column
+            prop="date"
+            label="企业名称"
+            width="180"
+            header-align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="name"
+            label="行政区划"
+            width="180"
+            header-align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="address"
+            label="企业类型"
+            header-align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            prop="address"
+            label="统一社会信用代码"
+            header-align="center"
+          >
+          </el-table-column>
+          <el-table-column
+            label="操作"
+            header-align="center"
+          >
+            <template slot-scope="scope">
+              <div class="tabs-btns">
+                <div class="look" @click="look(scope.row)">
+                  <img src="@/assets/images/lookInfo.png" alt="">
+                  <span>查看详情</span>
+                </div>
+              </div>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+      <div class="pagination">
+        <my-pagination :total="28" @pagesChange="pagesChange"></my-pagination>
+      </div>
     </div>
-</template>
\ No newline at end of file
+  </template>
+  
+  <script>
+  import myPagination from "@/views/components/myPagination/index.vue"
+  export default {
+    components:{myPagination},
+    name: "Order",
+    data() {
+      return {
+        tableData: [{
+          date: '2016-05-03',
+          name: '王小虎',
+          address: '上海市普陀区金沙江路 1518 弄'
+        }, {
+          date: '2016-05-02',
+          name: '王小虎',
+          address: '上海市普陀区金沙江路 1518 弄'
+        }, {
+          date: '2016-05-04',
+          name: '王小虎',
+          address: '上海市普陀区金沙江路 1518 弄'
+        }, {
+          date: '2016-05-01',
+          name: '王小虎',
+          address: '上海市普陀区金沙江路 1518 弄'
+        }, {
+          date: '2016-05-08',
+          name: '王小虎',
+          address: '上海市普陀区金沙江路 1518 弄'
+        }, {
+          date: '2016-05-06',
+          name: '王小虎',
+          address: '上海市普陀区金沙江路 1518 弄'
+        }, {
+          date: '2016-05-07',
+          name: '王小虎',
+          address: '上海市普陀区金沙江路 1518 弄'
+        }, {
+          date: '2016-05-08',
+          name: '王小虎',
+          address: '上海市普陀区金沙江路 1518 弄'
+        }, {
+          date: '2016-05-06',
+          name: '王小虎',
+          address: '上海市普陀区金沙江路 1518 弄'
+        }, {
+          date: '2016-05-07',
+          name: '王小虎',
+          address: '上海市普陀区金沙江路 1518 弄'
+        }],
+        form:{
+          compartment:'',
+          frimType:'',
+          economicsType:'',
+          industryType:'',
+          riskGrade:'',
+          frimColor:'',
+          frimName:'',
+        },
+        options:[],
+        main:{
+          height:'',
+        }
+      };
+    },
+    created() {},
+    methods: {
+      tableRowClassName({row, rowIndex}) {
+        if (rowIndex % 2 !== 0) {
+          return 'success-row';
+        }
+        return '';
+      },
+      // 页码，当前页切换事件
+      pagesChange(pages){
+        console.log(pages)
+      },
+    },
+    mounted() {
+      this.checkListTwo = this.checkList;
+      this.$nextTick(()=>{
+        let dom = document.getElementsByClassName('container-main');
+        let height = dom[0].getBoundingClientRect();
+        let windowHeight = window.innerHeight;
+        let relativeHeight = windowHeight - height.top
+        this.main.height = relativeHeight + 'px'
+      })
+    },
+  };
+  </script>
+  <style lang="scss" scoped>
+  .container-main {
+    // height: calc(100vh - 84px);
+    // height: 100%;
+    overflow: hidden;
+    padding: 0 10px;
+    background-color: #fff;
+    .filtrate {
+      // display: flex;
+      // align-items: center;
+      // justify-content: space-between;
+      // flex-wrap: wrap;
+      padding-bottom: 10px;
+      .one-line,.two-line {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        .two-line-left {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          padding-right: 50px;
+          width: 88%;
+          .input-input {
+            margin: 10px 0 0 0;
+            width: 455px;
+            display: flex;
+            align-items: center;
+            .select-span {
+              font-size: 14px;
+              font-family: 'Alibaba PuHuiTi';
+              font-weight: 400;
+              color: #525966;
+              line-height: 40px;
+              margin-right: 10px;
+              
+            }
+            ::v-deep .el-input {
+              flex: 1;
+              .el-input__inner {
+                height: 33px;
+              }
+            }
+          }
+        }
+        .select-btn {
+          margin: 10px 0 0 0;
+          width: 140px;
+          height: 33px;
+          background: #2378EC;
+          border-radius: 2px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          font-size: 15px;
+          font-family: Alibaba PuHuiTi;
+          font-weight: 500;
+          color: #FFFFFF;
+          cursor: pointer;
+        }
+      }
+      // .two-line {
+      //   display: flex;
+      //   align-items: center;
+      //   justify-content: space-between;
+      // }
+      .select-input {
+        // margin-right: 10px;
+        margin-top: 10px;
+        display: flex;
+        align-items: center;
+        .select-span {
+          font-size: 14px;
+          font-family: 'Alibaba PuHuiTi';
+          font-weight: 400;
+          color: #525966;
+          line-height: 40px;
+          margin-right: 10px;
+        }
+        ::v-deep .el-select {
+          background-color: transparent;
+          width: 210px;
+          .el-input__inner {
+            height: 33px;
+          }
+          // border-radius: 2px;
+          .el-input .el-input__suffix .el-input__suffix-inner .el-icon-arrow-up::before {
+            content: "";
+            background: url(../../assets/images/down2.png) center center no-repeat;
+            background-size: cover;
+            position: absolute;
+            width: 10px;
+            height: 7px;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+          }
+        }
+      }
+    }
+    .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;
+    }
+  }
+  </style>
+  
\ No newline at end of file
diff --git a/src/views/yingji/home.vue b/src/views/yingji/home.vue
index c080bd7..4ce90c4 100644
--- a/src/views/yingji/home.vue
+++ b/src/views/yingji/home.vue
@@ -198,7 +198,7 @@ export default {
   width: 100%;
   padding: 20px;
   .select-nav {
-    height: 38px;
+    // height: 38px;
     display: flex;
     align-items: center;
     margin-bottom: 15px;
@@ -206,6 +206,25 @@ export default {
       font-family: "Alibaba-PuHuiTi-Regular.otf";
       margin-right: 5px;
     }
+    ::v-deep .el-select {
+      background-color: transparent;
+      width: 210px;
+      .el-input__inner {
+        height: 33px;
+      }
+      // border-radius: 2px;
+      .el-input .el-input__suffix .el-input__suffix-inner .el-icon-arrow-up::before {
+        content: "";
+        background: url(../../assets/images/down2.png) center center no-repeat;
+        background-size: cover;
+        position: absolute;
+        width: 10px;
+        height: 7px;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+      }
+    }
   }
   .bodyBox {
     width: 100%;
diff --git a/src/views/yingji/planManage.vue b/src/views/yingji/planManage.vue
index 3bdab44..f85e764 100644
--- a/src/views/yingji/planManage.vue
+++ b/src/views/yingji/planManage.vue
@@ -1,5 +1,394 @@
+<!--
+ * @Descripttion: 
+ * @version: 
+ * @Author: JC9527
+ * @Date: 2023-09-04 10:20:06
+ * @LastEditors: JC9527
+ * @LastEditTime: 2023-09-05 15:54:32
+-->
 <template>
-    <div>
-        计划管理
+    <div class="plan-management" :style="main">
+      <div class="plan-topBox">
+        <div class="drup-downs">
+          <div class="year">
+            <div class="year-span">年份:</div>
+            <el-select v-model="value" placeholder="请选择">
+              <el-option
+                v-for="item in options"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+          <div class="area">
+            <div class="area-span">区划:</div>
+            <el-select v-model="value2" placeholder="请选择">
+              <el-option
+                v-for="item in options"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
+        </div>
+        <div class="btns">
+          <div class="export" @click="exportFile">
+            <img src="@/assets/images/export.png" alt="">
+            <span>导出excel</span>
+          </div>
+          <div class="newProject" @click="newProject">
+            <img src="@/assets/images/newProject.png" alt="">
+            <span>新增计划</span>
+          </div>
+        </div>
+      </div>
+      <div class="plan-bottomBox">
+        <div class="tables">
+          <el-table
+            :data="tableData"
+            style="width: 100%"
+            :border="false"
+            @selection-change="handleSelectionChange"
+            :row-class-name="tableRowClassName"
+          >
+            <el-table-column
+              type="selection"
+              width="55"
+              header-align="center"
+            >
+            </el-table-column>
+            <el-table-column
+              prop="date"
+              label="计划年份"
+              width="180"
+              header-align="center"
+            >
+            </el-table-column>
+            <el-table-column
+              prop="name"
+              label="行政区划"
+              width="180"
+              header-align="center"
+            >
+            </el-table-column>
+            <el-table-column
+              prop="address"
+              label="计划企业数量"
+              header-align="center"
+            >
+            </el-table-column>
+            <el-table-column
+              prop="address"
+              label="创建时间"
+              header-align="center"
+            >
+            </el-table-column>
+            <el-table-column
+              label="操作"
+              header-align="center"
+            >
+              <template slot-scope="scope">
+                <div class="tabs-btns">
+                  <div class="look" @click="look(scope.row)">
+                    <img src="@/assets/images/look.png" alt="">
+                    <span>查看</span>
+                  </div>
+                  <div class="change" @click="change(scope.row)">
+                    <img src="@/assets/images/change.png" alt="">
+                    <span>修改</span>
+                  </div>
+                  <div class="delete" @click="deleteItem(scope.row)">
+                    <img src="@/assets/images/delete.png" alt="">
+                    <span>删除</span>
+                  </div>
+                </div>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <div class="pagination">
+          <my-pagination :total="28" @pagesChange="pagesChange"></my-pagination>
+        </div>
+      </div>
+      <my-dialog ref="myDialog"></my-dialog>
     </div>
-</template>
\ No newline at end of file
+  </template>
+  <script>
+  import myPagination from "@/views/components/myPagination/index.vue"
+  import myDialog from "@/views/components/dialog/index.vue"
+  export default {
+    components:{myPagination,myDialog},
+    data() {
+      return {
+        options:[
+  
+        ],
+        value:'2022',
+        value2:'苏州',
+        tableData: [{
+            date: '2016-05-03',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1518 弄'
+          }, {
+            date: '2016-05-02',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1518 弄'
+          }, {
+            date: '2016-05-04',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1518 弄'
+          }, {
+            date: '2016-05-01',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1518 弄'
+          }, {
+            date: '2016-05-08',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1518 弄'
+          }, {
+            date: '2016-05-06',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1518 弄'
+          }, {
+            date: '2016-05-07',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1518 弄'
+          }, {
+            date: '2016-05-08',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1518 弄'
+          }, {
+            date: '2016-05-06',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1518 弄'
+          }, {
+            date: '2016-05-07',
+            name: '王小虎',
+            address: '上海市普陀区金沙江路 1518 弄'
+        }],
+        multipleSelection: [],
+        main:{
+          height:'',
+        }
+      }
+    },
+    methods:{
+      // 页码，当前页切换事件
+      pagesChange(pages){
+        console.log(pages)
+      },
+      // 选中的数据
+      handleSelectionChange(val) {
+        this.multipleSelection = val;
+      },
+      // 导出
+      exportFile(){
+        console.log(this.multipleSelection)
+      },
+      // 新增计划
+      newProject(){
+        this.$refs.myDialog.open()
+      },
+      // 查看
+      look(row){
+  
+      },
+      // 修改
+      change(row){
+  
+      },
+      // 删除
+      deleteItem(row){
+        this.$modal.confirm("你确认要删除所选数据吗？", "提示", {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        })
+        .then(() => {
+          // this.$api.overview.delete(row.id).then((response) => {
+          //   console.log(response);
+          // });
+          // this.getList();
+          console.log(row)
+          console.log('确定删除')
+        })
+        .catch(() => {
+          console.log('取消删除')
+        });
+      },
+      tableRowClassName({row, rowIndex}) {
+        if (rowIndex % 2 !== 0) {
+          return 'success-row';
+        }
+        return '';
+      },
+    },
+    mounted() {
+      this.checkListTwo = this.checkList;
+      this.$nextTick(()=>{
+        let dom = document.getElementsByClassName('plan-management');
+        let height = dom[0].getBoundingClientRect();
+        let windowHeight = window.innerHeight;
+        let relativeHeight = windowHeight - height.top
+        this.main.height = relativeHeight + 'px'
+      })
+    },
+  }
+  </script>
+  <style lang="scss" scoped>
+  .plan-management {
+    padding: 0 40px 0 30px;
+    background-color: #fff;
+    .plan-topBox {
+      display: flex;
+      justify-content: space-between;
+      padding: 31px 0 12px 0;
+      // background-color: yellow;
+      .drup-downs {
+        display: flex;
+        align-items: center;
+        .year {
+          display: flex;
+          align-items: center;
+          margin-right: 81px;
+          .year-span {
+            font-size: 13px;
+            font-family: 'Alibaba PuHuiTi';
+            font-weight: 400;
+            color: #525966;
+            line-height: 40px;
+            margin-right: 10px;
+          }
+        }
+        .area {
+          display: flex;
+          align-items: center;
+          .area-span {
+            font-size: 13px;
+            font-family: 'Alibaba PuHuiTi';
+            font-weight: 400;
+            color: #525966;
+            line-height: 40px;
+            margin-right: 10px;
+          }
+        }
+        ::v-deep .el-select {
+          background-color: transparent;
+          width: 276px;
+          .el-input__inner {
+            height: 33px;
+          }
+          // border-radius: 2px;
+          .el-input .el-input__suffix .el-input__suffix-inner .el-icon-arrow-up::before {
+            content: "";
+            background: url(../../assets/images/down2.png) center center no-repeat;
+            background-size: cover;
+            position: absolute;
+            width: 10px;
+            height: 7px;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
+          }
+        }
+      }
+      .btns {
+        display: flex;
+        align-items: center;
+        .export,.newProject {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          padding: 6px 19px;
+          cursor: pointer;
+          img {
+            width: 22px;
+            margin-right: 10px;
+          }
+          span {
+            color: #ffffff;
+            font-size: 14px;
+            font-family: 'Alibaba PuHuiTi';
+            font-weight: 400;
+          }
+        }
+        .export {
+          background-color: #2378EC;
+          margin-right: 30px;
+        }
+        .newProject {
+          background-color: #28B384;
+        }
+      }
+    }
+    .plan-bottomBox {
+      .tables {
+        background-color: #EAF2FD;
+        .tabs-btns {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          .look,.change,.delete {
+            display: flex;
+            align-items: center;
+            margin-right: 30px;
+            cursor: pointer;
+            img {
+              width: 20px;
+              margin-right: 5px;
+            }
+            span {
+              font-size: 15px;
+              font-family: Alibaba PuHuiTi;
+              font-weight: 400;
+              color: #045FFD;
+            }
+          }
+          .delete {
+            margin-right: 0;
+            span {
+              color: #F71052;
+            }
+          }
+        }
+        ::v-deep .el-table {
+          .success-row {
+            background-color: rgba(234, 242, 253, 0.25);
+          }
+          td {
+            height: 42px;
+            text-align: center;
+            font-size: 14px;
+            font-family: 'Alibaba PuHuiTi';
+            font-weight: 400;
+            color: #525966;
+          }
+          th {
+            height: 45px;
+            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: 20px;
+      }
+    }
+  }
+  </style>
+  
\ No newline at end of file