From a19bf8e8800a53f2cd90f8472e8ae1315a8027cf Mon Sep 17 00:00:00 2001
From: TiaStars <L18864257234@163.com>
Date: Wed, 6 Sep 2023 09:34:31 +0800
Subject: [PATCH] =?UTF-8?q?=E7=9B=91=E5=90=AC=E8=B7=AF=E7=94=B1=E4=BF=9D?=
 =?UTF-8?q?=E6=8C=81=E9=AB=98=E4=BA=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/issue1.png            | Bin 0 -> 3645 bytes
 src/assets/images/select2.png           | Bin 0 -> 2528 bytes
 src/layout/newyjLayout.vue              |   9 +-
 src/router/index.js                     |   4 +
 src/views/components/dialog/index.vue   |  29 +-
 src/views/yingji/echarts/finishRate.vue |   1 -
 src/views/yingji/enforcing.vue          | 379 ++++++++++++++++++++++-
 src/views/yingji/enterprise.vue         | 384 ++++++++++++++++++++++-
 src/views/yingji/home.vue               |  21 +-
 src/views/yingji/planManage.vue         | 395 +++++++++++++++++++++++-
 10 files changed, 1190 insertions(+), 32 deletions(-)
 create mode 100644 src/assets/images/issue1.png
 create mode 100644 src/assets/images/select2.png

diff --git a/src/assets/images/issue1.png b/src/assets/images/issue1.png
new file mode 100644
index 0000000000000000000000000000000000000000..deaaef466a04d454125043969515a70bff8a56fd
GIT binary patch
literal 3645
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

literal 0
HcmV?d00001

diff --git a/src/assets/images/select2.png b/src/assets/images/select2.png
new file mode 100644
index 0000000000000000000000000000000000000000..6859ec38ad908cad242f8ec9bc88fc2ca863c338
GIT binary patch
literal 2528
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
YEVQ=_Qrlt-UD*(O9Neg7ztPzL0{PiGlK=n!

literal 0
HcmV?d00001

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