diff --git a/public/favicon.ico b/public/favicon.ico
index e263760..ae3ab89 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/src/assets/images/修改@2x.png b/src/assets/images/change.png
similarity index 100%
rename from src/assets/images/修改@2x.png
rename to src/assets/images/change.png
diff --git a/src/assets/images/关闭@2x.png b/src/assets/images/close.png
similarity index 100%
rename from src/assets/images/关闭@2x.png
rename to src/assets/images/close.png
diff --git a/src/assets/images/删除@2x.png b/src/assets/images/delete.png
similarity index 100%
rename from src/assets/images/删除@2x.png
rename to src/assets/images/delete.png
diff --git a/src/assets/images/下啦@2x.png b/src/assets/images/down.png
similarity index 100%
rename from src/assets/images/下啦@2x.png
rename to src/assets/images/down.png
diff --git a/src/assets/images/下啦@2x(1).png b/src/assets/images/down2.png
similarity index 100%
rename from src/assets/images/下啦@2x(1).png
rename to src/assets/images/down2.png
diff --git a/src/assets/images/导出@2x.png b/src/assets/images/export.png
similarity index 100%
rename from src/assets/images/导出@2x.png
rename to src/assets/images/export.png
diff --git a/src/assets/images/元素1@2x.png b/src/assets/images/issue2.png
similarity index 100%
rename from src/assets/images/元素1@2x.png
rename to src/assets/images/issue2.png
diff --git a/src/assets/images/logo@2x.png b/src/assets/images/logo.png
similarity index 100%
rename from src/assets/images/logo@2x.png
rename to src/assets/images/logo.png
diff --git a/src/assets/images/查看 @2x.png b/src/assets/images/look.png
similarity index 100%
rename from src/assets/images/查看 @2x.png
rename to src/assets/images/look.png
diff --git a/src/assets/images/lookInfo.png b/src/assets/images/lookInfo.png
new file mode 100644
index 0000000..209bc11
Binary files /dev/null and b/src/assets/images/lookInfo.png differ
diff --git a/src/assets/images/新增@2x.png b/src/assets/images/newProject.png
similarity index 100%
rename from src/assets/images/新增@2x.png
rename to src/assets/images/newProject.png
diff --git a/src/assets/images/元素1-选中@2x.png b/src/assets/images/select1.png
similarity index 100%
rename from src/assets/images/元素1-选中@2x.png
rename to src/assets/images/select1.png
diff --git a/src/assets/styles/fonts.scss b/src/assets/styles/fonts.scss
new file mode 100644
index 0000000..7379939
--- /dev/null
+++ b/src/assets/styles/fonts.scss
@@ -0,0 +1,4 @@
+@font-face {
+  font-family: 'Alibaba PuHuiTi';
+  src: url('./fonts/Alibaba-PuHuiTi-Regular.ttf');
+}
\ No newline at end of file
diff --git a/src/assets/styles/fonts/Alibaba-PuHuiTi-Regular.ttf b/src/assets/styles/fonts/Alibaba-PuHuiTi-Regular.ttf
new file mode 100644
index 0000000..4261e49
Binary files /dev/null and b/src/assets/styles/fonts/Alibaba-PuHuiTi-Regular.ttf differ
diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss
index e1bf2c1..b340ee4 100644
--- a/src/assets/styles/index.scss
+++ b/src/assets/styles/index.scss
@@ -5,6 +5,7 @@
 @import "./sidebar.scss";
 @import "./btn.scss";
 @import "./diythem.scss";
+@import "./fonts.scss";
 
 body {
   height: 100%;
diff --git a/src/assets/styles/ruoyi.scss b/src/assets/styles/ruoyi.scss
index b4f5fbd..27c4c04 100644
--- a/src/assets/styles/ruoyi.scss
+++ b/src/assets/styles/ruoyi.scss
@@ -101,30 +101,30 @@ h6 {
   padding: 10px 20px 0;
 }
 
-.el-table {
-  // min-height: 480px !important;
-  // overflow-y: auto;
-
-  .el-table__header-wrapper,
-  .el-table__fixed-header-wrapper {
-    th {
-      word-break: break-word;
-      background-color: #f8f8f9;
-      color: #515a6e;
-      height: 40px;
-      font-size: 13px;
-    }
-  }
-
-  .el-table__body-wrapper {
-    height: 430px !important;
-    overflow-y: auto;
-
-    .el-button [class*="el-icon-"]+span {
-      margin-left: 1px;
-    }
-  }
-}
+// .el-table {
+//   // min-height: 480px !important;
+//   // overflow-y: auto;
+
+//   .el-table__header-wrapper,
+//   .el-table__fixed-header-wrapper {
+//     th {
+//       word-break: break-word;
+//       background-color: #f8f8f9;
+//       color: #515a6e;
+//       height: 40px;
+//       font-size: 13px;
+//     }
+//   }
+
+//   .el-table__body-wrapper {
+//     height: 430px !important;
+//     overflow-y: auto;
+
+//     .el-button [class*="el-icon-"]+span {
+//       margin-left: 1px;
+//     }
+//   }
+// }
 
 /** 表单布局 **/
 .form-header {
diff --git a/src/settings.js b/src/settings.js
index 86707b3..570dc74 100644
--- a/src/settings.js
+++ b/src/settings.js
@@ -1,11 +1,3 @@
-/*
- * @Descripttion: 
- * @version: 
- * @Author: JC9527
- * @Date: 2023-09-04 10:20:06
- * @LastEditors: JC9527
- * @LastEditTime: 2023-09-04 10:30:46
- */
 module.exports = {
   /**
    * 侧边栏主题 深色主题theme-dark，浅色主题theme-light
diff --git a/src/views/components/dialog/index.vue b/src/views/components/dialog/index.vue
new file mode 100644
index 0000000..fc9c966
--- /dev/null
+++ b/src/views/components/dialog/index.vue
@@ -0,0 +1,575 @@
+<template>
+  <el-dialog
+    :visible.sync="dialogVisible"
+    :show-close="false"
+    :destroy-on-close="true"
+    :close-on-click-modal="false"
+    append-to-body
+    custom-class="dialog-boxed"
+    width="70%"
+  >
+  <div class="dialog-slot">
+    <div class="closeClick">
+      <div class="newplan">
+        <div class="line"></div>
+        <div class="span">新增计划</div>
+      </div>
+      <img src="@/assets/images/close.png" alt="" @click="Close">
+    </div>
+    <div class="content">
+      <div class="module">
+        <div class="select" :class="!nextStep ? 'nextStepSelect':''">
+          <span class="span-one">Ⅰ</span>
+          <span>选择企业</span>
+        </div>
+        <div class="issue" :class="nextStep ? 'nextStepIssue':''">
+          <span class="span-one">Ⅱ</span>
+          <span>发布计划</span>
+        </div>
+      </div>
+      <div v-if="!nextStep">
+        <div class="filtrate">
+          <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 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">
+            <el-input v-model="form.frimName" placeholder="请输入企业名称/统一信用代码"></el-input>
+          </div>
+          <div class="select-btn">搜索</div>
+        </div>
+        <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>
+        </div>
+        <div class="pagination">
+          <my-pagination :total="28" @pagesChange="pagesChange"></my-pagination>
+        </div>
+      </div>
+      <div v-else="nextStep" class="release-planning">
+        <div class="inputs centered">
+          <div class="inputs-span">计划年份:</div>
+          <el-select v-model="form2.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="inputs centered">
+          <div class="inputs-span">计划标题:</div>
+          <div class="input">
+            <el-input v-model="form2.title" :maxlength="50" placeholder="请输入计划标题"></el-input>
+          </div>
+        </div>
+        <div class="inputs">
+          <div class="inputs-span">计划内容:</div>
+          <div class="input">
+            <el-input v-model="form2.content" type="textarea" resize="none" placeholder="请输入计划内容"></el-input>
+          </div>
+        </div>
+        <div class="inputs">
+          <div class="inputs-span">备注:</div>
+          <div class="input">
+            <el-input v-model="form2.remark" type="textarea" resize="none" placeholder="请输入备注"></el-input>
+          </div>
+        </div>
+      </div>
+      <div class="next">
+        <div class="selected">已选择<span>{{ selected }}</span>家企业</div>
+        <div class="btn" @click="next" ref="next">{{ nextText }}</div>
+      </div>
+    </div>
+  </div>
+  </el-dialog>
+</template>
+<script>
+import myPagination from "@/views/components/myPagination/index.vue"
+export default {
+  components:{myPagination},
+  data() {
+    return {
+      dialogVisible:false,
+      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 弄'
+      }],
+      options:[],
+      multipleSelection: [],
+      selected:0,
+      nextStep:false,
+      nextText:'下一步',
+      form:{
+        compartment:'',
+        frimType:'',
+        economicsType:'',
+        industryType:'',
+        riskGrade:'',
+        frimColor:'',
+        frimName:'',
+      },
+      form2:{
+        year:'',
+        title:'',
+        content:'',
+        remark:'',
+      }
+    }
+  },
+  methods:{
+    open(){
+      this.dialogVisible = true;
+    },
+    Close(){
+      this.dialogVisible = false;
+      this.nextStep = false;
+      this.nextText = '下一步';
+    },
+    // 页码，当前页切换事件
+    pagesChange(pages){
+      console.log(pages)
+    },
+    // 选中的数据
+    handleSelectionChange(val) {
+      this.multipleSelection = val;
+      this.selected = this.multipleSelection.length;
+    },
+    // 下一步
+    next(){
+      if(this.$refs.next.innerText == '下一步') {
+        this.nextStep = true;
+        this.nextText = '发布计划'
+      } else {
+        console.log(form2)
+        // console.log('该发布计划了')
+      }
+    },
+    tableRowClassName({row, rowIndex}) {
+      if (rowIndex % 2 !== 0) {
+        return 'success-row';
+      }
+      return '';
+    }
+  },
+}
+</script>
+<style lang="scss" scoped>
+.dialog-slot {
+  .closeClick {
+    position: absolute;
+    top: 0;
+    right: 0;
+    padding: 10px 20px;
+    width: 100%;
+    z-index: 1000;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    text-align: center;
+    background: #f8f9fa;
+    box-shadow: 0px 1px 0px 0px #dbe0e8;
+    background-color: #E0EAF8;
+    img {
+      width: 18px;
+      height: 18px;
+      cursor: pointer;
+    }
+    .newplan {
+      display: flex;
+      align-items: center;
+      .line {
+        margin-right: 10px;
+        width: 5px;
+        height: 16px;
+        background-color: #1E70DE;
+      }
+      .span {
+        font-size: 16px;
+        font-family: 'Alibaba PuHuiTi';
+        font-weight: bold;
+        color: #1E70DE;
+      }
+    }
+  }
+  .content {
+    // padding: 15px 10px;
+    .module {
+      padding-bottom: 15px;
+      display: flex;
+      border-bottom: 1px solid #E8ECF0;
+      .select,.issue {
+        width: 150px;
+        height: 30px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        cursor: pointer;
+        span {
+          font-size: 15px;
+          font-family: 'Alibaba PuHuiTi';
+          font-weight: 400;
+        }
+        .span-one {
+          margin-right: 10px;
+        }
+      }
+      .select {
+        background-image: url('../../../assets/images/select1.png');
+        background-size: 100% 100%;
+        margin-right: 10px;
+      }
+      .nextStepSelect {
+        // background-image: url('../../../assets/images/select2.png');
+        span {
+          color: #2378EC;
+        }
+      }
+      .nextStepIssue {
+        // 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;
+      align-items: center;
+      justify-content: space-between;
+      flex-wrap: wrap;
+      padding-bottom: 10px;
+      .select-input {
+        // margin-right: 10px;
+        margin-top: 20px;
+        display: flex;
+        align-items: center;
+        .select-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: 180px;
+          .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: 14px;
+            height: 10px;
+            top: 50%;
+            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 {
+        margin: 20px 40px 0 0;
+        width: 250px;
+        ::v-deep .el-input {
+          .el-input__inner {
+            height: 33px;
+          }
+        }
+      }
+      .select-btn {
+        margin: 20px 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;
+      }
+    }
+    .tables {
+      background-color: #EAF2FD;
+      ::v-deep .el-table {
+        .success-row {
+          background-color: rgba(234, 242, 253, 0.25);
+        }
+        td {
+          height: 30px;
+          text-align: center;
+          font-size: 15px;
+          font-family: 'Alibaba PuHuiTi';
+          font-weight: 400;
+          color: #525966;
+        }
+        th {
+          height: 30px;
+          background-color: #EAF2FD;
+          font-size: 16px;
+          font-family: 'Alibaba PuHuiTi';
+          font-weight: bold;
+          color: #525966;
+          .el-checkbox {
+            display: none;
+          }
+        }
+        .el-table__body-wrapper {
+          height: 448px !important;
+          overflow-y: auto;
+        }
+      }
+      ::v-deep .el-table::before {
+        height: 0;
+      }
+    }
+    .pagination {
+      margin-top: 10px;
+    }
+    .release-planning {
+      padding: 0 10px 0 0;
+      .inputs {
+        display: flex;
+        margin-top: 20px;
+        .inputs-span {
+          width: 80px;
+          text-align: right;
+          margin-right: 10px;
+          font-size: 15px;
+          font-family: 'Alibaba PuHuiTi';
+          font-weight: 400;
+          color: #525966;
+        }
+        ::v-deep .el-select {
+          background-color: transparent;
+          width: 190px;
+          .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: 14px;
+            height: 10px;
+            top: 50%;
+            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;
+          ::v-deep .el-textarea {
+            height: 180px;
+            .el-textarea__inner {
+              height: 100%;
+            }
+          }
+        }
+      }
+      .centered {
+        align-items: center;
+      }
+    }
+    .next {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      margin-top: 10px;
+      .selected {
+        display: flex;
+        align-items: center;
+        font-size: 15px;
+        font-family: 'Alibaba PuHuiTi';
+        font-weight: 400;
+        color: #525966;
+        margin-right: 15px;
+        span {
+          color: #2378EC;
+        }
+      }
+      .btn {
+        width: 150px;
+        height: 30px;
+        border: 1px solid #2378EC;
+        border-radius: 2px;
+        background-color: #EFF6FF;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 15px;
+        font-family: 'Alibaba PuHuiTi';
+        font-weight: 400;
+        color: #2378EC;
+        cursor: pointer;
+      }
+    }
+  }
+}
+::v-deep .el-dialog__body {
+  padding: 30px 15px;
+}
+</style>
diff --git a/src/views/components/myPagination/index.vue b/src/views/components/myPagination/index.vue
new file mode 100644
index 0000000..a8cba02
--- /dev/null
+++ b/src/views/components/myPagination/index.vue
@@ -0,0 +1,108 @@
+<!--
+ * @Descripttion: 
+ * @version: 
+ * @Author: JC9527
+ * @Date: 2023-09-04 13:11:33
+ * @LastEditors: JC9527
+ * @LastEditTime: 2023-09-04 15:41:07
+-->
+<template>
+  <div class="pagination">
+    <span class="custom"
+      >共{{ total }}条，显示{{
+        total == 0
+          ? "0"
+          : current == 1
+          ? "1"
+          : size * (current - 1) + 1
+      }}-{{ numberMap() }}条</span
+    >
+    <el-pagination
+      background
+      :small="true"
+      :page-sizes="[10, 15]"
+      :total="total"
+      layout=" prev, pager, next, sizes, jumper"
+      @current-change="currentChange"
+      @size-change="sizeChange"
+      :current-page.sync="current"
+      :page-size.sync="size"
+    >
+    </el-pagination>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      current:1,
+      size:10,
+    }
+  },
+  props:{
+    total:{
+      type:Number,
+      required:true
+    },
+  },
+  methods:{
+    currentChange(e) {
+      this.current = e;
+      this.$emit('pagesChange',{size:this.size,current:e})
+    },
+    // 每页显示数改变
+    sizeChange(e) {
+      this.size = e;
+      this.current = 1;
+      this.$emit('pagesChange',{size:e,current:this.current})
+    },
+    //算数
+    numberMap() {
+      // if (this.total == this.tableData.length) {
+      //   return this.total;
+      // } else 
+      if (
+        this.total >
+        this.current * this.size
+      ) {
+        return this.current * this.size;
+      } else if (
+        this.total < this.current * this.size ||
+        this.total == this.current * this.size
+      ) {
+        return this.total;
+      }
+    },
+  },
+  mounted() {
+    document.getElementsByClassName(
+      "el-pagination__jump"
+    )[0].childNodes[0].nodeValue = "跳至";
+  },
+}
+</script>
+<style lang="scss" scoped>
+.pagination {
+  // margin-top: vh(20);
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  // padding-bottom: vh(20);
+  ::v-deep .el-pagination__jump {
+    margin: 0;
+  }
+  ::v-deep .el-input--mini .el-input__inner {
+    height: 23px;
+    line-height: 23px;
+  }
+  ::v-deep .el-input--mini .el-input__icon {
+    line-height: 23px;
+  }
+  .custom {
+    font-size: 12px;
+    font-family: Alibaba PuHuiTi;
+    font-weight: 400;
+    color: #525966;
+  }
+}
+</style>
diff --git a/src/views/mudu/article/index.vue b/src/views/mudu/article/index.vue
index 3baac17..6a617b3 100644
--- a/src/views/mudu/article/index.vue
+++ b/src/views/mudu/article/index.vue
@@ -1,730 +1,372 @@
+<!--
+ * @Descripttion: 
+ * @version: 
+ * @Author: JC9527
+ * @Date: 2023-09-04 10:20:06
+ * @LastEditors: JC9527
+ * @LastEditTime: 2023-09-05 15:03:34
+-->
 <template>
   <div class="container-main" ref="main">
-    <div class="search-hearder" ref="topSearch">
-      <el-form
-        :model="queryParams"
-        ref="queryForm"
-        :inline="true"
-        v-show="showSearch"
-        label-width="auto"
-      >
-        <el-form-item label="标题" prop="title">
-          <el-input
-            v-model="queryParams.title"
-            placeholder="请输入标题"
-            clearable
-            size="small"
-            @keyup.enter.native="handleQuery"
-          />
-        </el-form-item>
-        <el-form-item label="文章类型" prop="type">
-          <el-select
-            v-model="queryParams.type"
-            placeholder="请选择文章类型"
-            clearable
-            size="small"
-          >
-            <el-option
-              v-for="dict in dict.type.article_type"
-              :key="dict.value"
-              :label="dict.label"
-              :value="dict.value"
-            />
-          </el-select>
-        </el-form-item>
-        <el-form-item label="是否轮播" prop="isCarousel">
-          <el-select
-            v-model="queryParams.isCarousel"
-            placeholder="请选择是否轮播"
-            clearable
-            size="small"
-          >
+    <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="dict in dict.type.zero_or_one"
-              :key="dict.value"
-              :label="dict.label"
-              :value="dict.value"
-            />
+              v-for="item in options"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+            </el-option>
           </el-select>
-        </el-form-item>
-        <el-form-item label="状态" prop="status">
-          <el-select
-            v-model="queryParams.status"
-            placeholder="请选择状态"
-            clearable
-            size="small"
-          >
+        </div>
+        <div class="select-input">
+          <div class="select-span">区划:</div>
+          <el-select v-model="form.compartment" placeholder="请选择">
             <el-option
-              v-for="dict in dict.type.status_type"
-              :key="dict.value"
-              :label="dict.label"
-              :value="dict.value"
-            />
+              v-for="item in options"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value">
+            </el-option>
           </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-button
-            type="primary"
-            icon="el-icon-search"
-            size="mini"
-            @click="handleQuery"
-            >搜索</el-button
-          >
-          <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
-            >重置</el-button
-          >
-        </el-form-item>
-      </el-form>
-    </div>
-    <div class="layui-table-tool" ref="tableTool">
-      <el-button type="primary" size="mini" @click="handleAdd">新增</el-button>
-      <el-button
-        type="warning"
-        size="mini"
-        :loading="exportLoading"
-        @click="handleExport"
-        >导出</el-button
-      >
+        </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>
-
-    <el-table
-      v-loading="loading"
-      :data="articleList"
-      @selection-change="handleSelectionChange"
-    >
-      <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="编号" align="center" prop="id" width="55">
-        <template slot-scope="scop">
-          {{
-            scop.$index + 1 + (queryParams.pageNum - 1) * queryParams.pageSize
-          }}
-        </template>
-      </el-table-column>
-      <el-table-column
-        label="标题"
-        align="center"
-        prop="title"
-        :show-overflow-tooltip="true"
-      />
-      <el-table-column label="发布人" align="center" prop="publisher" />
-      <el-table-column label="文章类型" align="center" prop="type" width="100">
-        <template slot-scope="scope">
-          <dict-tag :options="dict.type.article_type" :value="scope.row.type" />
-        </template>
-      </el-table-column>
-      <el-table-column label="点赞量" align="center" prop="id">
-        <template slot-scope="scope">
-          {{ objectKey[scope.row.id] || 0 }}
-        </template>
-      </el-table-column>
-      <el-table-column
-        label="是否轮播"
-        align="center"
-        prop="isCarousel"
-        width="70"
+    <div class="tables">
+      <el-table
+        :data="tableData"
+        style="width: 100%"
+        :border="false"
+        :row-class-name="tableRowClassName"
+        :cell-style="columnStyle"
       >
-        <template slot-scope="scope">
-          <dict-tag
-            :options="dict.type.zero_or_one"
-            :value="scope.row.isCarousel"
-          />
-        </template>
-      </el-table-column>
-      <el-table-column label="轮播排序" align="center" prop="sort" width="70" />
-      <!-- <el-table-column label="状态" align="center" prop="status">
-        <template slot-scope="scope">
-          <dict-tag
-            :options="dict.type.status_type"
-            :value="scope.row.status"
-          />
-        </template>
-      </el-table-column> -->
-      <el-table-column label="状态" align="center" width="100">
-        <template slot-scope="scope">
-          <el-switch
-            v-model="scope.row.status"
-            :active-value="1"
-            :inactive-value="0"
-            @change="handleStatusChange(scope.row)"
-          ></el-switch>
-        </template>
-      </el-table-column>
-      <el-table-column
-        label="操作"
-        align="center"
-        class-name="small-padding fixed-width"
-        width="210"
-        fixed="right"
-      >
-        <template slot-scope="scope">
-          <el-button
-            size="mini"
-            icon="el-icon-view"
-            @click="handleInfo(scope.row)"
-          >
-            预览
-          </el-button>
-          <el-button
-            type="primary"
-            size="mini"
-            icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
-            >修改</el-button
-          >
-          <el-button
-            type="danger"
-            size="mini"
-            icon="el-icon-delete"
-            @click="handleDelete(scope.row)"
-            >删除</el-button
-          >
-        </template>
-      </el-table-column>
-    </el-table>
-
-    <pagination
-      v-show="total > 0"
-      :total="total"
-      :page.sync="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList"
-    />
-
-    <!-- 添加或修改文章对话框 -->
-    <el-dialog
-      :visible.sync="open"
-      width="75%"
-      append-to-body
-      custom-class="dialog-box"
-    >
-      <div slot="title" class="dialog-title">{{ title }}</div>
-
-      <el-form ref="form" :model="form" :rules="rules" label-width="auto">
-        <el-form-item label="标题" prop="title">
-          <el-input v-model="form.title" placeholder="请输入标题" />
-        </el-form-item>
-
-        <el-row>
-          <el-col :span="8">
-            <el-form-item label="发布人" prop="publisher">
-              <el-input v-model="form.publisher" placeholder="请输入发布人" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-
-        <el-row>
-          <el-col :span="8">
-            <el-form-item label="文章类型" prop="type">
-              <el-select v-model="form.type" placeholder="请选择文章类型">
-                <el-option
-                  v-for="dict in dict.type.article_type"
-                  :key="dict.value"
-                  :label="dict.label"
-                  :value="parseInt(dict.value)"
-                ></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item label="是否轮播" prop="isCarousel">
-              <el-select v-model="form.isCarousel" placeholder="请选择是否轮播">
-                <el-option
-                  v-for="dict in dict.type.zero_or_one"
-                  :key="dict.value"
-                  :label="dict.label"
-                  :value="dict.value"
-                ></el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="8">
-            <el-form-item
-              label="轮播排序"
-              prop="sort"
-              v-show="form.isCarousel == '1'"
-            >
-              <el-input-number
-                v-model="form.sort"
-                placeholder="请输入轮播排序"
-                maxlength="1"
-                :min="0"
-                show-word-limit
-              />
-            </el-form-item>
-          </el-col>
-        </el-row>
-
-        <el-form-item label="封面">
-          <imageUpload v-model="form.cover" :limit="1" />
-        </el-form-item>
-
-        <el-form-item label="发布内容">
-          <editor v-model="form.content" :min-height="192" />
-        </el-form-item>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="info" @click="submitForm(0)">暂 存</el-button>
-        <el-button type="primary" @click="submitForm(1)">确 定</el-button>
-        <el-button @click="cancel">取 消</el-button>
-      </div>
-    </el-dialog>
-    <!--查看文章详情页-->
-    <el-dialog
-      :visible.sync="infoOpen"
-      width="385px"
-      append-to-body
-      :close-on-click-modal="false"
-      :destroy-on-close="true"
-      custom-class="dialog-box"
-      class="info-dialog"
-    >
-      <div slot="title" class="dialog-title">{{ infoTitle }}</div>
-
-      <div class="info-box ql-editor">
-        <div class="pre-phone">
-          <!-- <div class="pre-nav-bar">{{ form.title }}</div> -->
-          <div class="pre-box">
-            <div class="pre-title">{{ form.title }}</div>
-            <div class="pre-line">
-              <div>{{ form.publisher }}</div>
-              <div>{{ form.createTime | changeTime }}</div>
+        <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>
-            <div
-              class="pre-content"
-              v-html="$options.filters.codehtml(form.content)"
-            ></div>
-          </div>
-        </div>
-      </div>
-    </el-dialog>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+    <div class="pagination">
+      <my-pagination :total="28" @pagesChange="pagesChange"></my-pagination>
+    </div>
   </div>
 </template>
 
 <script>
-import moment from "moment";
-import {
-  listArticle,
-  getArticle,
-  delArticle,
-  addArticle,
-  updateArticle,
-  exportArticle,
-} from "@/api/mudu/article";
-import {
-  listLikes,
-  getLikes,
-  delLikes,
-  addLikes,
-  updateLikes,
-  exportLikes,
-} from "@/api/mudu/likes";
+import myPagination from "@/views/components/myPagination/index.vue"
 export default {
+  components:{myPagination},
   name: "Article",
-  //注释字典
-  dicts: ["article_type", "zero_or_one", "status_type"],
   data() {
     return {
-      // 实际请求list
-      formCopy: [],
-      //查看详情
-      infoOpen: false,
-      //详情标题
-      infoTitle: "",
-      // 遮罩层
-      loading: true,
-      // 导出遮罩层
-      exportLoading: false,
-      // 选中数组
-      ids: [],
-      // 非单个禁用
-      single: true,
-      // 非多个禁用
-      multiple: true,
-      // 显示搜索条件
-      showSearch: true,
-      // 总条数
-      total: 0,
-      // 文章表格数据
-      articleList: [],
-      objectKey: {},
-      likesList: [],
-      // 弹出层标题
-      title: "",
-      // 是否显示弹出层
-      open: false,
-      // 查询参数
-      queryParams: {
-        pageNum: 1,
-        pageSize: 10,
-        title: null,
-        type: null,
-        isCarousel: null,
-        sort: null,
-      },
-      // 表单参数
-      form: {},
-      // 表单校验
-      rules: {
-        title: [{ required: true, message: "标题不能为空", trigger: "blur" }],
-        publisher: [
-          { required: true, message: "发布人不能为空", trigger: "blur" },
-        ],
-        content: [
-          { required: true, message: "发布内容不能为空", trigger: "blur" },
-        ],
-        type: [
-          { required: true, message: "发布类型不能为空", trigger: "change" },
-        ],
-        cover: [{ required: true, message: "封面不能为空", trigger: "blur" }],
+      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: [],
     };
   },
-  created() {
-    this.getlistLikes();
-  },
-  filters: {
-    codehtml: function (value) {
-      const code = `${value}`.replace(/\\t/g, "&nbsp;&nbsp;");
-      return code;
-    },
-
-    changeTime: function (value) {
-      const times = moment(value).format("YYYY-MM-DD HH:mm:ss");
-      return times;
-    },
-  },
+  // watch: {
+  //   checkListTwo:{
+  //     handler(newArray,oldArray){
+  //       console.log(newArray,'newArray')
+  //       console.log(oldArray,'oldArray')
+  //     },
+  //     deep:true,
+  //     immediate:true,
+  //   }
+  // },
   methods: {
-    /** 查询点赞列表 */
-    getlistLikes() {
-      listLikes(this.queryParams).then((response) => {
-        this.likesList = response.rows;
-        this.likesList.map((item) => {
-          this.objectKey[item.titleId] = item.count;
-        });
-        this.getList();
-      });
-    },
-    /** 查询文章列表 */
-    getList() {
-      this.loading = true;
-      listArticle(this.queryParams).then((response) => {
-        this.articleList = response.rows;
-        this.total = response.total;
-        this.loading = false;
-      });
-    },
-    // 取消按钮
-    cancel() {
-      this.open = false;
-      this.reset();
-    },
-    // 表单重置
-    reset() {
-      this.form = {
-        id: null,
-        title: null,
-        publisher: null,
-        content: null,
-        type: null,
-        cover: null,
-        isCarousel: null,
-        sort: 0,
-        createId: null,
-        createBy: null,
-        createTime: null,
-        updateId: null,
-        updateBy: null,
-        updateTime: null,
-        remark: null,
-        userId: null,
-        deptId: null,
-        status: 0,
-      };
-      this.resetForm("form");
-    },
-    /** 搜索按钮操作 */
-    handleQuery() {
-      this.queryParams.pageNum = 1;
-      this.getList();
-    },
-    /** 重置按钮操作 */
-    resetQuery() {
-      this.resetForm("queryForm");
-      this.handleQuery();
-    },
-    // 多选框选中数据
-    handleSelectionChange(selection) {
-      this.ids = selection.map((item) => item.id);
-      this.single = selection.length !== 1;
-      this.multiple = !selection.length;
-    },
-    /**查看按钮操作 */
-    handleInfo(row) {
-      this.reset();
-      const id = row.id || this.ids;
-      getArticle(id).then((response) => {
-        this.form = response.data;
-        this.infoOpen = true;
-        this.infoTitle = "预览文章";
-      });
-    },
-    /** 新增按钮操作 */
-    handleAdd() {
-      this.reset();
-      this.open = true;
-      this.title = "添加文章";
-    },
-    /** 修改按钮操作 */
-    handleUpdate(row) {
-      this.reset();
-      const id = row.id || this.ids;
-      getArticle(id).then((response) => {
-        this.form = response.data;
-        this.formCopy = response.data.isCarousel;
-
-        this.open = true;
-        this.title = "修改文章";
-      });
+    // 多选框变化事件
+    setmealSelect(){
+      this.checkList = this.checkList.slice(-1);
+      if(this.checkList.length > 0) {
+        this.checkListTwo = this.checkList;
+        this.changeList()
+      } else {
+        this.checkList = this.checkListTwo
+      }
     },
-    // 状态修改
-    handleStatusChange(row) {
-      let _this = this;
-      let text = row.status === 0 ? "暂存草稿" : "正式发布";
-      this.$modal
-        .confirm('确认要"' + text + '""' + row.title + '"文章吗？')
-        .then(function () {
-          _this.reset();
-          const id = row.id || _this.ids;
-          return getArticle(id).then((response) => {
-            _this.form = response.data;
-            _this.form.isCarousel = 0;
-            _this.oneEdit(row.status);
-          });
-        })
-        .then(() => {
-          this.$modal.msgSuccess(text + "成功");
-        })
-        .catch(function () {
-          row.status = row.status === 0 ? 1 : 0;
-        });
+    changeList(){
+      console.log(this.checkList[0])  // 拿到需要筛选的值
     },
-    /** 提交按钮 */
-    submitForm(status) {
-      listArticle({
-        pageNum: 1,
-        pageSize: 10,
-        isCarousel: 1,
-        status: 1,
-      }).then((res) => {
-        let tabSize = res.total;
-        // alert(tabSize);
-        // console.log(tabSize, this.formCopy);
-        if (
-          tabSize < 5 ||
-          this.formCopy == 1 ||
-          (tabSize >= 5 && this.form.isCarousel == 0)
-        ) {
-          // console.log(this.form);
-          this.$refs["form"].validate((valid) => {
-            if (valid) {
-              this.form.status = status;
-              if (this.form.id != null) {
-                updateArticle(this.form).then((response) => {
-                  this.$model.msgSuccess("修改成功");
-                  this.open = false;
-                  this.getList();
-                });
-              } else {
-                addArticle(this.form).then((response) => {
-                  this.$model.msgSuccess("新增成功");
-                  this.open = false;
-                  this.getList();
-                });
-              }
-            }
-          });
-        } else {
-          this.$model.msgError("轮播设置不能超过5个");
-        }
-      });
+    // tabs不同行给不同class
+    tableRowClassName({row, rowIndex}) {
+      if (rowIndex % 2 !== 0) {
+        return 'success-row';
+      }
+      return '';
     },
-    /** 一键修改 */
-    oneEdit(status) {
-      listArticle({
-        // pageNum: 1,
-        // pageSize: 10,
-        isCarousel: 1,
-        status: 1,
-      }).then((res) => {
-        let tabSize = res.total;
-        if (tabSize < 5 || (tabSize >= 5 && this.form.isCarousel == 0)) {
-          this.form.status = status;
-          this.form.sort = status === 0 ? 0 : this.form.sort;
-          if (this.form.id != null) {
-            updateArticle(this.form).then((response) => {
-              // this.$model.msgSuccess("修改成功");
-              this.open = false;
-              this.getList();
-            });
-          }
-        } else {
-          this.$model.msgError("轮播设置不能超过5个");
+    // 根据状态数据修改字体颜色
+    columnStyle({ row, column, rowIndex, columnIndex }) {
+      if (columnIndex == 3) {
+        if(row.state == '未执法') {
+          return "color: #F71052"
+        } else if(row.state == '已执法') {
+          return "color: #23B06C"
         }
-      });
+      }
     },
-    /** 删除按钮操作 */
-    handleDelete(row) {
-      const ids = row.id || this.ids;
-      this.$confirm('是否确认删除文章编号为"' + ids + '"的数据项?', "警告", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(function () {
-          return delArticle(ids);
-        })
-        .then(() => {
-          this.getList();
-          this.$model.msgSuccess("删除成功");
-        })
-        .catch(() => {});
+    // 页码，当前页切换事件
+    pagesChange(pages){
+      console.log(pages)
     },
-    /** 导出按钮操作 */
-    handleExport() {
-      const queryParams = this.queryParams;
-      this.$confirm("是否确认导出所有文章数据项?", "警告", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          this.download(
-            "/mudu/article/export",
-            {
-              ...this.queryParams,
-            },
-            "文章_" + new Date().getTime() + ".xlsx"
-          );
-          this.exportLoading = false;
-        })
-        .catch(() => {});
+    // 导出
+    exportFile(){
+      // console.log(this.multipleSelection)
     },
   },
+  mounted() {
+    this.checkListTwo = this.checkList;
+  },
 };
 </script>
 <style lang="scss" scoped>
-::v-deep .el-upload--picture-card {
-  width: 345px;
-  height: 135px;
-}
-::v-deep .hide {
-  width: 345px;
-  height: 135px;
-}
-::v-deep .el-upload-list--picture-card .el-upload-list__item {
-  width: 345px;
-  height: 135px;
-}
 .container-main {
-  height: calc(100vh - 84px);
-  // height: 100%;
+  // height: calc(100vh - 84px);
   overflow: hidden;
-  padding: 0 10px;
-}
-::v-deep .el-descriptions-row th {
-  background: #f5f5f5;
-  color: #333;
-  font-weight: bold !important;
-  width: 16% !important;
-}
-::v-deep .el-descriptions-row td {
-  width: 34% !important;
-}
-
-.info-dialog {
-  display: flex;
-  justify-content: center;
-  align-items: Center;
-  overflow: hidden;
-  .el-dialog {
-    margin: 0 auto !important;
-    height: 90%;
-    overflow: hidden;
-    .el-dialog__body {
-      position: absolute;
-      left: 0;
-      top: 54px;
-      bottom: 0;
-      right: 0;
-      padding: 0;
-      z-index: 1;
-      overflow: hidden;
-      overflow-y: auto;
-    }
-
-    .info-box {
-      height: 80vh;
-      overflow-y: auto;
-
-      .pre-phone {
-        // width: 330px;
-        // height: 570px;
-        margin: 0 auto;
-        // background-image: url("../../../assets/images/phone_bg.png");
-        background-repeat: no-repeat;
-        background-size: 100%;
-        // padding-top: 80px;
-        // padding-bottom: 80px;
-
-        .pre-nav-bar {
-          // width: 236px;
-          color: white;
-          margin: 0 auto;
-          background-color: #0856c0;
-          text-align: center;
-          padding: 10px 10px;
-          white-space: nowrap;
-          text-overflow: ellipsis;
-          overflow: hidden;
+  padding: 0 20px;
+  .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;
         }
-
-        .pre-box {
-          // width: 226px;
-          // height: 355px;
-          margin-left: auto;
-          margin-right: auto;
-          overflow-y: auto;
-          overflow-x: hidden;
-          .pre-title {
-            // width: 236px;
-            color: #000;
-            margin: 0 auto;
-            text-align: center;
-            padding: 10px 10px;
-            font-weight: bold;
+        ::v-deep .el-select {
+          background-color: transparent;
+          width: 210px;
+          .el-input__inner {
+            height: 33px;
           }
-
-          .pre-line {
-            // width: 236px;
-            color: #000;
-            margin: 0 auto;
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
+          // 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: 14px;
+            height: 10px;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%, -50%);
           }
-
-          .pre-content {
-            ::v-deep p img {
-              width: 100%;
-            }
-
-            ::v-deep video {
-              width: 100%;
-            }
+          .el-input__suffix .el-input__suffix-inner .el-select__caret {
+            width: 22px;
+          }
+          .el-input__suffix {
+            margin-right: 5px;
+          }
+        }
+      }
+      .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>
diff --git a/src/views/mudu/hcheck/index.vue b/src/views/mudu/hcheck/index.vue
deleted file mode 100644
index 851a44e..0000000
--- a/src/views/mudu/hcheck/index.vue
+++ /dev/null
@@ -1,601 +0,0 @@
-<template>
-  <div class="container-main" ref="main">
-    <div class="search-hearder" ref="topSearch">
-      <el-form
-        :model="queryParams"
-        ref="queryForm"
-        :inline="true"
-        v-show="showSearch"
-        label-width="auto"
-      >
-        <el-form-item label="区域" prop="area">
-          <el-input
-            v-model="queryParams.area"
-            placeholder="请输入区域"
-            clearable
-            size="small"
-            @keyup.enter.native="handleQuery"
-          />
-        </el-form-item>
-        <el-form-item label="年月" prop="datetime">
-          <el-input
-            v-model="queryParams.datetime"
-            placeholder="请输入年月"
-            clearable
-            size="small"
-            @keyup.enter.native="handleQuery"
-          />
-        </el-form-item>
-        <el-form-item>
-          <el-button
-            type="primary"
-            icon="el-icon-search"
-            size="mini"
-            @click="handleQuery"
-            >搜索</el-button
-          >
-          <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
-            >重置</el-button
-          >
-        </el-form-item>
-      </el-form>
-    </div>
-    <div class="layui-table-tool" ref="tableTool">
-      <el-row :gutter="10" class="mb8">
-        <el-col :span="1.5">
-          <el-button type="primary" size="mini" @click="handleAdd"
-            >新增</el-button
-          >
-        </el-col>
-        <!-- <el-col :span="1.5">
-        <el-button
-          type="success"
-          plain
-          icon="el-icon-edit"
-          size="mini"
-          :disabled="single"
-          @click="handleUpdate"
-          >修改</el-button
-        >
-      </el-col>
-      <el-col :span="1.5">
-        <el-button
-          type="danger"
-          plain
-          icon="el-icon-delete"
-          size="mini"
-          :disabled="multiple"
-          @click="handleDelete"
-          >删除</el-button
-        >
-      </el-col> -->
-        <el-col :span="1.5">
-          <el-button type="success" size="mini" @click="importHcheck()">
-            导入
-          </el-button>
-        </el-col>
-        <el-col :span="1.5">
-          <el-button
-            type="warning"
-            size="mini"
-            :loading="exportLoading"
-            @click="handleExport"
-            >导出</el-button
-          >
-        </el-col>
-        <right-toolbar
-          :showSearch.sync="showSearch"
-          @queryTable="getList"
-        ></right-toolbar>
-      </el-row>
-    </div>
-
-    <el-table
-      v-loading="loading"
-      :data="hcheckList"
-      @selection-change="handleSelectionChange"
-    >
-      <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="编号" align="center" prop="id" />
-      <el-table-column label="区域" align="center" prop="area" />
-      <el-table-column label="合计" align="center" prop="total" />
-      <el-table-column label="待完成" align="center" prop="processing" />
-      <el-table-column label="已完成" align="center" prop="completed" />
-      <el-table-column label="超时未完成" align="center" prop="timedOut" />
-      <el-table-column label="完成率" align="center" prop="completionRate" />
-      <el-table-column label="年月" align="center" prop="datetime" />
-      <el-table-column
-        label="操作"
-        align="center"
-        class-name="small-padding fixed-width"
-        width="200"
-      >
-        <template slot-scope="scope">
-          <el-button
-            size="mini"
-            icon="el-icon-view"
-            @click="handleInfo(scope.row)"
-          >
-            查看
-          </el-button>
-          <el-button
-            size="mini"
-            icon="el-icon-edit"
-            type="primary"
-            @click="handleUpdate(scope.row)"
-            >修改</el-button
-          >
-          <el-button
-            size="mini"
-            icon="el-icon-delete"
-            type="danger"
-            @click="handleDelete(scope.row)"
-            >删除</el-button
-          >
-        </template>
-      </el-table-column>
-    </el-table>
-
-    <pagination
-      v-show="total > 0"
-      :total="total"
-      :page.sync="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList"
-    />
-
-    <!-- 添加或修改巡查工单对话框 -->
-    <el-dialog
-      :visible.sync="open"
-      width="1200px"
-      append-to-body
-      custom-class="dialog-box"
-    >
-      <div slot="title" class="dialog-title">
-        {{ title }}
-      </div>
-      <el-form ref="form" :model="form" :rules="rules" label-width="auto">
-        <el-row>
-          <el-col :span="12"
-            ><el-form-item label="区域" prop="area">
-              <el-input v-model="form.area" placeholder="请输入区域" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12"
-            ><el-form-item label="合计" prop="total">
-              <el-input v-model="form.total" placeholder="请输入合计" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="12">
-            <el-form-item label="待完成" prop="processing">
-              <el-input v-model="form.processing" placeholder="请输入待完成" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="已完成" prop="completed">
-              <el-input v-model="form.completed" placeholder="请输入已完成" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="12">
-            <el-form-item label="超时未完成" prop="timedOut">
-              <el-input
-                v-model="form.timedOut"
-                placeholder="请输入超时未完成"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="完成率" prop="completionRate">
-              <el-input
-                v-model="form.completionRate"
-                placeholder="请输入完成率"
-              />
-            </el-form-item>
-          </el-col>
-        </el-row>
-
-        <el-form-item label="年月" prop="datetime">
-          <el-input v-model="form.datetime" placeholder="请输入年月" />
-        </el-form-item>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm">确 定</el-button>
-        <el-button @click="cancel">取 消</el-button>
-      </div>
-    </el-dialog>
-    <!--查看巡查工单详情页-->
-    <el-dialog
-      :visible.sync="infoOpen"
-      width="1200px"
-      custom-class="dialog-box"
-    >
-      <div slot="title" class="dialog-title">{{ infoTitle }}</div>
-
-      <div class="info_box">
-        <el-descriptions :column="2" border>
-          <el-descriptions-item label="区域">{{
-            form.area
-          }}</el-descriptions-item>
-
-          <el-descriptions-item label="合计">{{
-            form.total
-          }}</el-descriptions-item>
-
-          <el-descriptions-item label="待完成">{{
-            form.processing
-          }}</el-descriptions-item>
-
-          <el-descriptions-item label="已完成">{{
-            form.completed
-          }}</el-descriptions-item>
-
-          <el-descriptions-item label="超时未完成">{{
-            form.timedOut
-          }}</el-descriptions-item>
-
-          <el-descriptions-item label="完成率">{{
-            form.completionRate
-          }}</el-descriptions-item>
-
-          <el-descriptions-item label="年月">{{
-            form.datetime
-          }}</el-descriptions-item>
-        </el-descriptions>
-      </div>
-    </el-dialog>
-    <!-- 导入弹窗 -->
-    <el-dialog
-      :visible.sync="fileOpen"
-      width="500px"
-      append-to-body
-      custom-class="dialog-box"
-    >
-      <div slot="title" class="dialog-title">导入文件</div>
-
-      <el-form
-        ref="formFiles"
-        :model="fileQuery"
-        :rules="filesRules"
-        label-width="70px"
-        class="dialog-from"
-      >
-        <el-form-item label="日期:" prop="date">
-          <el-date-picker
-            v-model="fileQuery.date"
-            type="month"
-            placeholder="选择日期"
-            value-format="yyyy-MM"
-          >
-          </el-date-picker>
-        </el-form-item>
-        <el-form-item label="文件:" prop="file">
-          <el-upload
-            :multiple="false"
-            :show-file-list="true"
-            class="upload-demo"
-            ref="upload"
-            action="a"
-            :http-request="httpRequest"
-            :limit="1"
-            :file-list="fileList"
-          >
-            <el-button type="primary">选择文件</el-button>
-          </el-upload>
-        </el-form-item>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitImport">确 定</el-button>
-        <el-button @click="cancelImport">取 消</el-button>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import {
-  listHcheck,
-  getHcheck,
-  delHcheck,
-  addHcheck,
-  updateHcheck,
-  exportHcheck,
-  importHcheckTable,
-} from "@/api/mudu/hcheck";
-export default {
-  name: "Hcheck",
-  //注释字典
-  data() {
-    return {
-      //查看详情
-      infoOpen: false,
-      //详情标题
-      infoTitle: "",
-      // 遮罩层
-      loading: true,
-      // 导出遮罩层
-      exportLoading: false,
-      // 选中数组
-      ids: [],
-      // 非单个禁用
-      single: true,
-      // 非多个禁用
-      multiple: true,
-      // 显示搜索条件
-      showSearch: true,
-      // 总条数
-      total: 0,
-      // 巡查工单表格数据
-      hcheckList: [],
-      // 弹出层标题
-      title: "",
-      // 是否显示弹出层
-      open: false,
-      fileOpen: false,
-      fileQuery: {
-        date: null,
-        file: null,
-      },
-      filesRules: {
-        date: { required: true, message: "请选择日期", trigger: "change" },
-        file: { required: true, message: "请选择文件", trigger: "change" },
-      },
-      fileList: [],
-      // 查询参数
-      queryParams: {
-        pageNum: 1,
-        pageSize: 10,
-        area: null,
-        datetime: null,
-      },
-      // 表单参数
-      form: {},
-      // 表单校验
-      // 表单校验
-      rules: {
-        area: [{ required: true, message: "区域不能为空", trigger: "change" }],
-        total: [
-          { required: true, message: "合计不能为空", trigger: "change" },
-          {
-            type: "number",
-            message: "请输入正确的合计",
-            trigger: "change",
-          },
-        ],
-        processing: [
-          { required: true, message: "待完成不能为空", trigger: "change" },
-          {
-            type: "number",
-            message: "请输入正确的待完成",
-            trigger: "change",
-          },
-        ],
-        completed: [
-          { required: true, message: "已完成不能为空", trigger: "change" },
-          {
-            type: "number",
-            message: "请输入正确的已完成",
-            trigger: "change",
-          },
-        ],
-        timedOut: [
-          { required: true, message: "超时未完成不能为空", trigger: "change" },
-          {
-            type: "number",
-            message: "请输入正确的超时未完成",
-            trigger: "change",
-          },
-        ],
-        completionRate: [
-          { required: true, message: "完成率不能为空", trigger: "change" },
-        ],
-        datetime: [
-          { required: true, message: "年月不能为空", trigger: "change" },
-        ],
-      },
-    };
-  },
-  created() {
-    this.getList();
-  },
-  methods: {
-    httpRequest(require) {
-      this.fileQuery.file = require.file;
-    },
-    importHcheck() {
-      this.fileOpen = true;
-      this.resetFile();
-    },
-    cancelImport() {
-      this.resetFile();
-      this.fileOpen = false;
-    },
-    resetFile() {
-      this.fileQuery = {
-        date: null,
-        file: null,
-      };
-      this.fileList = [];
-    },
-    submitImport() {
-      this.$refs.formFiles.validate((valid) => {
-        if (valid) {
-          var form1 = new FormData();
-          form1.append("date", this.fileQuery.date);
-          form1.append("file", this.fileQuery.file);
-          importHcheckTable(form1)
-            .then((response) => {
-              if (response.code == 200) {
-                this.$model.msgSuccess(response.msg);
-                this.getList();
-              }
-              this.fileOpen = false;
-            })
-            .catch((res) => {
-              this.$model.msgError("导入失败,请检查文件");
-            });
-        }
-      });
-    },
-    /** 查询巡查工单列表 */
-    getList() {
-      this.loading = true;
-      listHcheck(this.queryParams).then((response) => {
-        this.hcheckList = response.rows;
-        this.total = response.total;
-        this.loading = false;
-      });
-    },
-    // 取消按钮
-    cancel() {
-      this.open = false;
-      this.reset();
-    },
-    // 表单重置
-    reset() {
-      this.form = {
-        id: null,
-
-        area: null,
-
-        total: null,
-
-        processing: null,
-
-        completed: null,
-
-        timedOut: null,
-
-        completionRate: null,
-
-        datetime: null,
-
-        createId: null,
-
-        createBy: null,
-
-        createTime: null,
-
-        updateId: null,
-
-        updateBy: null,
-
-        updateTime: null,
-
-        remark: null,
-
-        userId: null,
-
-        deptId: null,
-      };
-      this.resetForm("form");
-    },
-    /** 搜索按钮操作 */
-    handleQuery() {
-      this.queryParams.pageNum = 1;
-      this.getList();
-    },
-    /** 重置按钮操作 */
-    resetQuery() {
-      this.resetForm("queryForm");
-      this.handleQuery();
-    },
-    // 多选框选中数据
-    handleSelectionChange(selection) {
-      this.ids = selection.map((item) => item.id);
-      this.single = selection.length !== 1;
-      this.multiple = !selection.length;
-    },
-    /**查看按钮操作 */
-    handleInfo(row) {
-      this.reset();
-      const id = row.id || this.ids;
-      getHcheck(id).then((response) => {
-        this.form = response.data;
-        this.infoOpen = true;
-        this.infoTitle = "查看巡查工单详情";
-      });
-    },
-    /** 新增按钮操作 */
-    handleAdd() {
-      this.reset();
-      this.open = true;
-      this.title = "添加巡查工单";
-    },
-    /** 修改按钮操作 */
-    handleUpdate(row) {
-      this.reset();
-      const id = row.id || this.ids;
-      getHcheck(id).then((response) => {
-        this.form = response.data;
-        this.open = true;
-        this.title = "修改巡查工单";
-      });
-    },
-    /** 提交按钮 */
-    submitForm() {
-      this.$refs["form"].validate((valid) => {
-        if (valid) {
-          if (this.form.id != null) {
-            updateHcheck(this.form).then((response) => {
-              this.$model.msgSuccess("修改成功");
-              this.open = false;
-              this.getList();
-            });
-          } else {
-            addHcheck(this.form).then((response) => {
-              this.$model.msgSuccess("新增成功");
-              this.open = false;
-              this.getList();
-            });
-          }
-        }
-      });
-    },
-    /** 删除按钮操作 */
-    handleDelete(row) {
-      const ids = row.id || this.ids;
-      this.$confirm(
-        '是否确认删除巡查工单编号为"' + ids + '"的数据项?',
-        "警告",
-        {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
-        }
-      )
-        .then(function () {
-          return delHcheck(ids);
-        })
-        .then(() => {
-          this.getList();
-          this.$model.msgSuccess("删除成功");
-        })
-        .catch(() => {});
-    },
-    /** 导出按钮操作 */
-    handleExport() {
-      const queryParams = this.queryParams;
-      this.$confirm("是否确认导出所有巡查工单数据项?", "警告", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          this.download(
-            "/mudu/hcheck/export",
-            {
-              ...this.queryParams,
-            },
-            "巡查工单_" + new Date().getTime() + ".xlsx"
-          );
-          this.exportLoading = false;
-        })
-        .catch(() => {});
-    },
-  },
-};
-</script>
diff --git a/src/views/mudu/newFire/index.vue b/src/views/mudu/newFire/index.vue
index 3eaabeb..4c1a290 100644
--- a/src/views/mudu/newFire/index.vue
+++ b/src/views/mudu/newFire/index.vue
@@ -1,116 +1,374 @@
 <template>
   <div class="container-main" ref="main">
-    <div class="tabClassHeader">
-      <div
-        class="tabItems"
-        :class="changeNum == index ? 'color1' : 'color2'"
-        v-for="(item, index) in options"
-        :key="item.id"
-        @click="handoff(item)"
-      >
-        {{ item.name }}
+    <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 v-if="changeNum == 0">
-      <xuncha></xuncha>
+    <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 v-if="changeNum == 1">
-      <yinhuan></yinhuan>
+    <div class="pagination">
+      <my-pagination :total="28" @pagesChange="pagesChange"></my-pagination>
     </div>
   </div>
 </template>
 
 <script>
-import yinhuan from "../trouble/index";
-import xuncha from "../hcheck/index.vue";
+import myPagination from "@/views/components/myPagination/index.vue"
 export default {
+  components:{myPagination},
   name: "Order",
-  //注释字典
   data() {
     return {
-      options: [
-        {
-          id: 0,
-          name: "巡查工单",
-        },
-        {
-          id: 1,
-          name: "隐患工单",
-        },
-      ],
-      changeNum: 0,
+      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:[],
     };
   },
   created() {},
-  components: {
-    yinhuan,
-    xuncha,
-  },
   methods: {
-    handoff(item) {
-      this.changeNum = item.id;
+    tableRowClassName({row, rowIndex}) {
+      if (rowIndex % 2 !== 0) {
+        return 'success-row';
+      }
+      return '';
+    },
+    // 页码，当前页切换事件
+    pagesChange(pages){
+      console.log(pages)
     },
   },
 };
 </script>
 <style lang="scss" scoped>
 .container-main {
-  height: calc(100vh - 84px);
+  // height: calc(100vh - 84px);
   // height: 100%;
   overflow: hidden;
   padding: 0 10px;
-}
-::v-deep .el-descriptions-row th {
-  background: #f5f5f5;
-  color: #333;
-  font-weight: bold !important;
-  width: 16% !important;
-}
-::v-deep .el-descriptions-row td {
-  width: 34% !important;
-}
-.layui-table-tool {
-  display: flex;
-}
-::v-deep .upload-demo {
-  margin: 0 8px;
-}
-::v-deep .el-date-editor.el-input {
-  width: 50%;
-}
-::v-deep .el-select {
-  width: 50%;
-}
-::v-deep .upload-demo {
-  margin: 0;
-}
-.tabClassHeader {
-  border-bottom: 1px solid #dce3ec;
-  margin: 10px 0;
-  display: flex;
-  .tabItems {
-    width: 100px;
-    height: 25px;
-    border-radius: 10px 10px 0px 0px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: #fff;
-    margin-right: 10px;
-    font-size: 13px;
-    cursor: pointer;
+  .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: 14px;
+          height: 10px;
+          top: 50%;
+          left: 50%;
+          transform: translate(-50%, -50%);
+        }
+        .el-input__suffix .el-input__suffix-inner .el-select__caret {
+          width: 22px;
+        }
+        .el-input__suffix {
+          margin-right: 5px;
+        }
+      }
+    }
   }
-  .color1 {
-    background: linear-gradient(180deg, #3976f1 0%, #79a5fe 100%);
+  .tables {
+    background-color: #EAF2FD;
+    .tabs-btns {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        .look {
+          display: flex;
+          align-items: center;
+          cursor: pointer;
+          img {
+            width: 20px;
+            margin-right: 5px;
+          }
+          span {
+            font-size: 15px;
+            font-family: Alibaba PuHuiTi;
+            font-weight: 400;
+            color: #045FFD;
+          }
+        }
+      }
+    ::v-deep .el-table {
+      .success-row {
+        background-color: rgba(234, 242, 253, 0.25);
+      }
+      td {
+        height: 45px;
+        text-align: center;
+        font-size: 14px;
+        font-family: 'Alibaba PuHuiTi';
+        font-weight: 400;
+        color: #525966;
+      }
+      th {
+        height: 42px;
+        background-color: #EAF2FD;
+        font-size: 15px;
+        font-family: 'Alibaba PuHuiTi';
+        font-weight: bold;
+        color: #525966;
+        .el-checkbox {
+          display: none;
+        }
+      }
+      .el-table__body-wrapper {
+        height: 450px !important;
+        overflow-y: auto;
+      }
+    }
+    ::v-deep .el-table::before {
+      height: 0;
+    }
   }
-  .color2 {
-    background: #f8f9f9;
-    border: 1px solid #dce3ec;
-    border-bottom: none;
-    color: #313332;
+  .pagination {
+    margin-top: 10px;
   }
 }
-::v-deep .el-table .el-table__body-wrapper {
-  height: 350px !important;
-}
 </style>
diff --git a/src/views/mudu/profile/index.vue b/src/views/mudu/profile/index.vue
index 65ec532..93c64de 100644
--- a/src/views/mudu/profile/index.vue
+++ b/src/views/mudu/profile/index.vue
@@ -1,1161 +1,385 @@
+<!--
+ * @Descripttion: 
+ * @version: 
+ * @Author: JC9527
+ * @Date: 2023-09-04 10:20:06
+ * @LastEditors: JC9527
+ * @LastEditTime: 2023-09-05 15:04:02
+-->
 <template>
-  <div class="container-main" ref="main">
-    <div class="search-hearder" ref="topSearch">
-      <el-form
-        :model="queryParams"
-        ref="queryForm"
-        :inline="true"
-        v-show="showSearch"
-        label-width="auto"
-      >
-        <el-form-item label="园区名称" prop="parkName">
-          <el-input
-            v-model="queryParams.parkName"
-            placeholder="请输入园区名称"
-            clearable
-            size="small"
-            @keyup.enter.native="handleQuery"
-          />
-        </el-form-item>
-        <el-form-item>
-          <el-button
-            type="primary"
-            icon="el-icon-search"
-            size="mini"
-            @click="handleQuery"
-            >搜索</el-button
-          >
-          <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
-            >重置</el-button
-          >
-        </el-form-item>
-      </el-form>
-    </div>
-    <div class="layui-table-tool" ref="tableTool">
-      <el-button
-        type="primary"
-        size="mini"
-        @click="handleAdd"
-        v-hasPermi="['mudu:profile:add']"
-        >新增</el-button
-      >
-      <el-button
-        type="warning"
-        size="mini"
-        :loading="exportLoading"
-        @click="handleExport"
-        v-hasPermi="['mudu:profile:export']"
-        >导出</el-button
-      >
-    </div>
-
-    <el-table
-      v-loading="loading"
-      :data="profileList"
-      @selection-change="handleSelectionChange"
-    >
-      <el-table-column type="selection" align="center" />
-      <el-table-column label="编号" align="center" prop="id" width="55">
-        <template slot-scope="scop">
-          {{
-            scop.$index + 1 + (queryParams.pageNum - 1) * queryParams.pageSize
-          }}
-        </template>
-      </el-table-column>
-      <el-table-column
-        label="园区名称"
-        align="center"
-        prop="parkName"
-        width="200"
-      />
-      <el-table-column label="归属地" align="center" prop="homeLocation" />
-      <el-table-column
-        label="企业数量"
-        align="center"
-        prop="numberEnterprises"
-      />
-      <el-table-column label="占地面积" align="center" prop="floorArea" />
-      <el-table-column label="占地面积" align="center" prop="floorAreaT" />
-      <!-- <el-table-column label="更新时间" align="center" prop="updateTime">
-        <template slot-scope="scope">
-          <span>{{ parseTime(scope.row.updateTime, "{y}-{m}-{d}") }}</span>
-        </template>
-      </el-table-column> -->
-      <el-table-column
-        label="操作"
-        align="center"
-        class-name="small-padding fixed-width"
-        width="200"
-      >
-        <template slot-scope="scope">
-          <el-button
-            size="mini"
-            icon="el-icon-view"
-            @click="handleInfo(scope.row)"
-            v-hasPermi="['mudu:profile:list']"
-          >
-            查看
-          </el-button>
-          <el-button
-            size="mini"
-            icon="el-icon-edit"
-            type="primary"
-            @click="handleUpdate(scope.row)"
-            v-hasPermi="['mudu:profile:edit']"
-            >修改</el-button
-          >
-          <el-button
-            size="mini"
-            icon="el-icon-delete"
-            type="danger"
-            @click="handleDelete(scope.row)"
-            v-hasPermi="['mudu:profile:remove']"
-            >删除</el-button
-          >
-        </template>
-      </el-table-column>
-    </el-table>
-
-    <pagination
-      v-show="total > 0"
-      :total="total"
-      :page.sync="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList"
-    />
-
-    <!-- 添加或修改园区概况对话框 -->
-    <el-dialog
-      :visible.sync="open"
-      width="1200px"
-      append-to-body
-      custom-class="dialog-box"
-      :before-close="handleClose"
-    >
-      <div slot="title" class="dialog-title">
-        {{ title }}
-      </div>
-
-      <el-steps :active="active" finish-status="success" align-center>
-        <el-step
-          :title="title.slice(0, 2) + '园区概括'"
-          @click.native="elTabSwitch2(0)"
-        >
-        </el-step>
-        <el-step
-          :title="title.slice(0, 2) + '负责人'"
-          @click.native="elTabSwitch2(1)"
-        ></el-step>
-        <el-step
-          :title="title.slice(0, 2) + '园内专有物资'"
-          @click.native="elTabSwitch2(2)"
-        ></el-step>
-        <el-step
-          :title="title.slice(0, 2) + '园内监控'"
-          @click.native="elTabSwitch2(3)"
-        ></el-step>
-        <el-step
-          :title="title.slice(0, 2) + '园内风险企业'"
-          @click.native="elTabSwitch2(4)"
-        ></el-step>
-      </el-steps>
-      <div style="height: 440px; overflow: auto" v-loading="loadS">
-        <!-- 园区概括 -->
-        <div v-if="active == 0">
-          <header class="tops">
-            <span>园区概括</span>
-          </header>
-          <el-form
-            ref="form"
-            :model="form"
-            :rules="rules"
-            label-width="130px"
-            custom-class="dialog-from"
-          >
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="园区名称" prop="parkName">
-                  <el-input
-                    v-model="form.parkName"
-                    placeholder="请输入园区名称"
-                  />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="园区地址" prop="parkAddress">
-                  <el-input
-                    v-model="form.parkAddress"
-                    placeholder="请输入园区地址"
-                  />
-                </el-form-item>
-              </el-col>
-            </el-row>
-
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="归属地" prop="homeLocation">
-                  <el-input
-                    v-model="form.homeLocation"
-                    placeholder="请输入归属地"
-                  />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="楼幢数量" prop="numberBuildings">
-                  <el-input
-                    v-model.number="form.numberBuildings"
-                    placeholder="请输入楼幢数量(幢)"
-                  />
-                </el-form-item>
-              </el-col>
-            </el-row>
-
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="企业数量" prop="numberEnterprises">
-                  <el-input
-                    v-model.number="form.numberEnterprises"
-                    placeholder="请输入企业数量(家)"
-                  />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="员工总人数" prop="totalEmployees">
-                  <el-input
-                    v-model.number="form.totalEmployees"
-                    placeholder="请输入员工总人数(人)"
-                  />
-                </el-form-item>
-              </el-col>
-            </el-row>
-
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="占地面积" prop="floorArea">
-                  <el-input
-                    v-model.number="form.floorArea"
-                    placeholder="请输入占地面积(m²)"
-                  />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="占地面积" prop="floorAreaT">
-                  <el-input
-                    v-model.number="form.floorAreaT"
-                    placeholder="请输入占地面积(亩)"
-                  />
-                </el-form-item>
-              </el-col>
-            </el-row>
-
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="总建筑面积" prop="totalBuildingArea">
-                  <el-input
-                    v-model.number="form.totalBuildingArea"
-                    placeholder="请输入总建筑面积(m²)"
-                  />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="出租面积" prop="rentalArea">
-                  <el-input
-                    v-model.number="form.rentalArea"
-                    placeholder="请输入出租面积(m²)"
-                  /> </el-form-item
-              ></el-col>
-            </el-row>
-
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="自用面积" prop="selfArea">
-                  <el-input
-                    v-model.number="form.selfArea"
-                    placeholder="请输入自用面积(m²)"
-                  />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="年租金总额" prop="totalAnnualRent">
-                  <el-input
-                    v-model.number="form.totalAnnualRent"
-                    placeholder="请输入年租金总额(万元)"
-                  />
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="平均月租金单价"
-                  prop="averageMonthlyRentalUnitPrice"
-                >
-                  <el-input
-                    v-model.number="form.averageMonthlyRentalUnitPrice"
-                    placeholder="请输入平均月租金单价(元/m²/月)"
-                  />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="土地证面积" prop="landCertificateArea">
-                  <el-input
-                    v-model.number="form.landCertificateArea"
-                    placeholder="请输入土地证面积(亩)"
-                  />
-                </el-form-item>
-              </el-col>
-            </el-row>
-
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="无证面积" prop="unlicensedArea">
-                  <el-input
-                    v-model.number="form.unlicensedArea"
-                    placeholder="请输入无证面积(m²)"
-                  />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="无证面积" prop="unlicensedAreaT">
-                  <el-input
-                    v-model.number="form.unlicensedAreaT"
-                    placeholder="请输入无证面积(亩)"
-                  />
-                </el-form-item>
-              </el-col>
-            </el-row>
-
-            <el-row>
-              <el-col :span="12">
-                <el-form-item
-                  label="房产证面积"
-                  prop="realEstateCertificateArea"
-                >
-                  <el-input
-                    v-model.number="form.realEstateCertificateArea"
-                    placeholder="请输入房产证面积(m²)"
-                  />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="年总税收" prop="annualGrossTaxRevenue">
-                  <el-input
-                    v-model.number="form.annualGrossTaxRevenue"
-                    placeholder="请输入年总税收(万元)"
-                  />
-                </el-form-item>
-              </el-col>
-            </el-row>
-
-            <el-row>
-              <el-col :span="12">
-                <el-form-item label="亩均税收" prop="taxPerMu">
-                  <el-input
-                    v-model.number="form.taxPerMu"
-                    placeholder="请输入亩均税收(万元/千平方米)"
-                  />
-                </el-form-item>
-              </el-col>
-              <el-col :span="12">
-                <el-form-item label="层级" prop="zoom">
-                  <el-input
-                    v-model.number="form.zoom"
-                    placeholder="请输入层级"
-                  />
-                </el-form-item>
-              </el-col>
-            </el-row>
-            <el-form-item label="经纬度" prop="latlng">
-              <el-input v-model.number="form.latlng" placeholder="请输入经纬度" />
-            </el-form-item>
-            <el-form-item label="园区原始ID" prop="parkOrgId">
-              <el-input v-model.number="form.parkOrgId" placeholder="请输入园区原始ID" />
-            </el-form-item>
-          </el-form>
-          <!-- <div class="dialog-footer">
-              <el-button type="primary" @click="submitForm">确 定</el-button>
-              <el-button @click="cancel">取 消</el-button>
-            </div> -->
-        </div>
-        <!-- 负责人 -->
-        <div v-if="active == 1">
-          <header class="tops">
-            <span>负责人管理</span>
-          </header>
-          <principal :addId="addId" :addName="addName"></principal>
+  <div class="plan-management">
+    <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 v-if="active == 2">
-          <header class="tops">
-            <span>园内专有物资管理</span>
-          </header>
-          <materials :addId="addId" :addName="addName"></materials>
+        <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 v-if="active == 3">
-          <header class="tops">
-            <span>园内监控管理</span>
-          </header>
-          <monitor :addId="addId" :addName="addName"></monitor>
+      </div>
+      <div class="btns">
+        <div class="export" @click="exportFile">
+          <img src="@/assets/images/export.png" alt="">
+          <span>导出excel</span>
         </div>
-        <!-- 风险企业管理 -->
-        <div v-if="active == 4">
-          <header class="tops">
-            <span>风险企业管理 </span>
-          </header>
-          <management :addId="addId" :addName="addName"></management>
+        <div class="newProject" @click="newProject">
+          <img src="@/assets/images/newProject.png" alt="">
+          <span>新增计划</span>
         </div>
       </div>
-      <div slot="footer" class="dialog-footer">
-        <el-button
-          type="primary"
-          @click="stepAdd()"
-          v-if="active >= 1 && active <= 4"
-          >上一步</el-button
+    </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-button type="primary" @click="nextPage()">{{
-          titleName
-        }}</el-button>
-      </div>
-
-      <!-- <div slot="footer" class="dialog-footer">
-        <el-button type="primary">确 定</el-button>
-        <el-button>取 消</el-button>
-      </div> -->
-    </el-dialog>
-    <!--查看园区概况详情页-->
-    <el-dialog
-      :visible.sync="infoOpen"
-      width="1200px"
-      custom-class="dialog-box"
-      :before-close="detailClose"
-    >
-      <div slot="title" class="dialog-title">{{ infoTitle }}</div>
-
-      <div class="info_box">
-        <el-steps :active="activeLook" finish-status="success" align-center>
-          <el-step
-            :title="title.slice(0, 2) + '园区概括'"
-            @click.native="elTabSwitch(0)"
+          <el-table-column
+            type="selection"
+            width="55"
+            header-align="center"
           >
-          </el-step>
-          <el-step
-            :title="title.slice(0, 2) + '负责人'"
-            @click.native="elTabSwitch(1)"
-          ></el-step>
-          <el-step
-            :title="title.slice(0, 2) + '园内专有物资'"
-            @click.native="elTabSwitch(2)"
-          ></el-step>
-          <el-step
-            :title="title.slice(0, 2) + '园内监控'"
-            @click.native="elTabSwitch(3)"
-          ></el-step>
-          <el-step
-            :title="title.slice(0, 2) + '园内风险企业'"
-            @click.native="elTabSwitch(4)"
-          ></el-step>
-        </el-steps>
-        <div style="height: 440px; overflow: auto">
-          <!-- 园区概括 -->
-          <div v-if="activeLook == 0">
-            <header class="tops">
-              <span>园区概括</span>
-            </header>
-            <el-descriptions :column="2" border>
-              <el-descriptions-item label="园区名称">{{
-                one.parkName
-              }}</el-descriptions-item>
-              <el-descriptions-item label="园区地址">{{
-                one.parkAddress
-              }}</el-descriptions-item>
-              <el-descriptions-item label="归属地">{{
-                one.homeLocation
-              }}</el-descriptions-item>
-              <el-descriptions-item label="楼幢数量(幢)">{{
-                one.numberBuildings
-              }}</el-descriptions-item>
-              <el-descriptions-item label="企业数量(家)">{{
-                one.numberEnterprises
-              }}</el-descriptions-item>
-              <el-descriptions-item label="员工总人数(人)">{{
-                one.totalEmployees
-              }}</el-descriptions-item>
-              <el-descriptions-item label="占地面积(m²)">{{
-                one.floorArea
-              }}</el-descriptions-item>
-              <el-descriptions-item label="占地面积(亩)">{{
-                one.floorAreaT
-              }}</el-descriptions-item>
-              <el-descriptions-item label="总建筑面积(m²)">{{
-                one.totalBuildingArea
-              }}</el-descriptions-item>
-              <el-descriptions-item label="出租面积(m²)">{{
-                one.rentalArea
-              }}</el-descriptions-item>
-              <el-descriptions-item label="自用面积(m²)">{{
-                one.selfArea
-              }}</el-descriptions-item>
-              <el-descriptions-item label="年租金总额(万元)">{{
-                one.totalAnnualRent
-              }}</el-descriptions-item>
-              <el-descriptions-item label="平均月租金单价(元/m²/月)">{{
-                one.averageMonthlyRentalUnitPrice
-              }}</el-descriptions-item>
-              <el-descriptions-item label="土地证面积(亩)">{{
-                one.landCertificateArea
-              }}</el-descriptions-item>
-              <el-descriptions-item label="无证面积(m²)">{{
-                one.unlicensedArea
-              }}</el-descriptions-item>
-              <el-descriptions-item label="无证面积(亩)">{{
-                one.unlicensedAreaT
-              }}</el-descriptions-item>
-              <el-descriptions-item label="房产证面积(m²)">{{
-                one.realEstateCertificateArea
-              }}</el-descriptions-item>
-              <el-descriptions-item label="年总税收(万元)">{{
-                one.annualGrossTaxRevenue
-              }}</el-descriptions-item>
-              <el-descriptions-item label="亩均税收(万元/千平方米)">{{
-                one.taxPerMu
-              }}</el-descriptions-item>
-              <el-descriptions-item label="层级">{{
-                one.zoom
-              }}</el-descriptions-item>
-              <el-descriptions-item label="经纬度">{{
-                one.latlng
-              }}</el-descriptions-item>
-            </el-descriptions>
-          </div>
-          <!-- 负责人 -->
-          <div v-if="activeLook == 1">
-            <header class="tops">
-              <span>负责人管理</span>
-            </header>
-            <principal
-              :addId="addId"
-              :addName="addName"
-              :isLook="isLook"
-            ></principal>
-          </div>
-          <!-- 园内专有物资管理 -->
-          <div v-if="activeLook == 2">
-            <header class="tops">
-              <span>园内专有物资管理</span>
-            </header>
-            <materials :addId="addId" :addName="addName" :isLook="isLook">
-            </materials>
-          </div>
-          <!-- 园内监控管理 -->
-          <div v-if="activeLook == 3">
-            <header class="tops">
-              <span>园内监控管理</span>
-            </header>
-            <monitor
-              :addId="addId"
-              :addName="addName"
-              :isLook="isLook"
-            ></monitor>
-          </div>
-          <!-- 风险企业管理 -->
-          <div v-if="activeLook == 4">
-            <header class="tops">
-              <span>风险企业管理 </span>
-            </header>
-            <management
-              :addId="addId"
-              :addName="addName"
-              :isLook="isLook"
-            ></management>
-          </div>
-        </div>
+          </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 slot="footer" class="dialog-footer">
-        <el-button
-          type="primary"
-          @click="stepMsg()"
-          v-if="activeLook >= 1 && activeLook <= 4"
-          >上一步</el-button
-        >
-        <el-button type="primary" @click="nextInfo()">{{
-          titleName
-        }}</el-button>
+      <div class="pagination">
+        <my-pagination :total="28" @pagesChange="pagesChange"></my-pagination>
       </div>
-    </el-dialog>
+    </div>
+    <my-dialog ref="myDialog"></my-dialog>
   </div>
 </template>
-
 <script>
-import {
-  listProfile,
-  getProfile,
-  delProfile,
-  addProfile,
-  updateProfile,
-  exportProfile,
-} from "@/api/mudu/profile";
-
-//引入负责人管理
-import principal from "./components/principal.vue";
-//引入园内专有物资管理
-import materials from "./components/materials.vue";
-//添加园内监控
-import monitor from "./components/monitor.vue";
-//添加园内风险企业
-import management from "./components/management.vue";
+import myPagination from "@/views/components/myPagination/index.vue"
+import myDialog from "@/views/components/dialog/index.vue"
 export default {
-  name: "Profile",
-  //注释字典
+  components:{myPagination,myDialog},
   data() {
     return {
-      //查看详情
-      infoOpen: false,
-      //详情标题
-      infoTitle: "",
-      // 遮罩层
-      loading: true,
-      // 导出遮罩层
-      exportLoading: false,
-      // 选中数组
-      ids: [],
-      // 非单个禁用
-      single: true,
-      // 非多个禁用
-      multiple: true,
-      // 显示搜索条件
-      showSearch: true,
-      // 总条数
-      total: 0,
-      // 园区概况表格数据
-      profileList: [],
-      // 弹出层标题
-      title: "",
-      // 是否显示弹出层
-      open: false,
-      // 查询参数
-      queryParams: {
-        pageNum: 1,
-        pageSize: 10,
-        parkName: null,
-      },
-      // 表单参数
-      form: {},
-      titleName: "下一步",
-      //索引
-      active: 0,
-      //新增后的id
-      addId: null,
-      //新增之后要返回给各个组件的园区名字
-      addName: "",
-      //是否是通过查看进去的页面
-      isLook: false,
-      one: {
-        id: null,
-        parkOrgId: null,
-        parkName: null,
-        parkAddress: null,
-        homeLocation: null,
-        numberBuildings: null,
-        numberEnterprises: null,
-        totalEmployees: null,
-        floorArea: null,
-        floorAreaT: null,
-        totalBuildingArea: null,
-        rentalArea: null,
-        selfArea: null,
-        totalAnnualRent: null,
-        averageMonthlyRentalUnitPrice: null,
-        landCertificateArea: null,
-        unlicensedArea: null,
-        unlicensedAreaT: null,
-        realEstateCertificateArea: null,
-        annualGrossTaxRevenue: null,
-        taxPerMu: null,
-        latlng: null,
-        zoom: null,
-        createId: null,
-        createBy: null,
-        createTime: null,
-        updateId: null,
-        updateBy: null,
-        updateTime: null,
-        remark: null,
-        userId: null,
-        deptId: null,
-      },
-      activeLook: 0,
-      // 表单校验
-      rules: {
-        parkName: [
-          { required: true, message: "园区名称不能为空", trigger: "change" },
-        ],
-        parkAddress: [
-          { required: true, message: "园区地址不能为空", trigger: "change" },
-        ],
-        homeLocation: [
-          { required: true, message: "归属地不能为空", trigger: "change" },
-        ],
-        numberBuildings: [
-          { required: true, message: "楼幢数量不能为空", trigger: "change" },
-          {
-            type: "number",
-            message: "请输入正确的楼幢数量(幢)",
-            trigger: "change",
-          },
-        ],
-        numberEnterprises: [
-          { required: true, message: "企业数量不能为空", trigger: "change" },
-          {
-            type: "number",
-            message: "请输入正确的企业数量(家)",
-            trigger: "change",
-          },
-        ],
-        totalEmployees: [
-          { required: true, message: "员工总人数不能为空", trigger: "change" },
-          {
-            type: "number",
-            message: "请输入正确的员工总人数(人)",
-            trigger: "change",
-          },
-        ],
-        floorArea: [
-          { required: true, message: "占地面积不能为空", trigger: "change" },
-          {
-            type: "number",
-            message: "请输入正确的占地面积(m²)",
-            trigger: "change",
-          },
-        ],
-        floorAreaT: [
-          { required: true, message: "占地面积不能为空", trigger: "change" },
-          {
-            type: "number",
-            message: "请输入正确的占地面积(亩)",
-            trigger: "change",
-          },
-        ],
-        totalBuildingArea: [
-          { required: true, message: "总建筑面积不能为空", trigger: "change" },
-          {
-            type: "number",
-            message: "请输入正确的总建筑面积(m²)",
-            trigger: "change",
-          },
-        ],
-        rentalArea: [
-          { required: true, message: "出租面积不能为空", trigger: "change" },
-          {
-            type: "number",
-            message: "请输入正确的出租面积(m²)",
-            trigger: "change",
-          },
-        ],
-        selfArea: [
-          { required: true, message: "自用面积不能为空", trigger: "change" },
-          {
-            type: "number",
-            message: "请输入正确的自用面积(m²)",
-            trigger: "change",
-          },
-        ],
-        totalAnnualRent: [
-          { required: true, message: "年租金总额不能为空", trigger: "change" },
-          {
-            type: "number",
-            message: "请输入正确的年租金总额(万元)",
-            trigger: "change",
-          },
-        ],
-        averageMonthlyRentalUnitPrice: [
-          {
-            required: true,
-            message: "平均月租金单价不能为空",
-            trigger: "change",
-          },
-          {
-            type: "number",
-            message: "请输入正确的平均月租金单价(元/m²/月)",
-            trigger: "change",
-          },
-        ],
-        landCertificateArea: [
-          { required: true, message: "土地证面积不能为空", trigger: "change" },
-          {
-            type: "number",
-            message: "请输入正确的土地证面积(亩)",
-            trigger: "change",
-          },
-        ],
-        unlicensedArea: [
-          { required: true, message: "无证面积不能为空", trigger: "change" },
-          {
-            type: "number",
-            message: "请输入正确的无证面积(m²)",
-            trigger: "change",
-          },
-        ],
-        unlicensedAreaT: [
-          { required: true, message: "无证面积不能为空", trigger: "change" },
-          {
-            type: "number",
-            message: "请输入正确的无证面积(亩)",
-            trigger: "change",
-          },
-        ],
-        realEstateCertificateArea: [
-          { required: true, message: "房产证面积不能为空", trigger: "change" },
-          {
-            type: "number",
-            message: "请输入正确的房产证面积(m²)",
-            trigger: "change",
-          },
-        ],
-        annualGrossTaxRevenue: [
-          { required: true, message: "年总税收不能为空", trigger: "change" },
-          {
-            type: "number",
-            message: "请输入正确的年总税收(万元)",
-            trigger: "change",
-          },
-        ],
-        taxPerMu: [
-          { required: true, message: "亩均税收不能为空", trigger: "change" },
-          {
-            type: "number",
-            message: "请输入正确的亩均税收(万元/千平方米)",
-            trigger: "change",
-          },
-        ],
-        zoom: [
-          { required: true, message: "层级不能为空", trigger: "change" },
-          {
-            type: "number",
-            message: "请输入正确的层级",
-            trigger: "change",
-          },
-        ],
-        latlng: [
-          { required: true, message: "经纬度不能为空", trigger: "change" },
-          {
-            type: "number",
-            message: "请输入正确的经纬度",
-            trigger: "change",
-          },
-        ],
-      },
-      loadS: false,
-    };
-  },
-  components: {
-    principal,
-    materials,
-    monitor,
-    management,
-  },
-  created() {
-    this.getList();
+      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: []
+    }
   },
-  methods: {
-    // 查看e-tabs切换
-    elTabSwitch(ind) {
-      this.activeLook = ind;
-    },
-    elTabSwitch2(ind) {
-      // 修改
-      if (this.form.id != null) {
-        this.active = ind;
-      }
-      // 新增
-      else if (ind >= 0 && !this.form.id) {
-      }
-    },
-    // 添加修改e-tabs切换
-    stepAdd() {
-      this.active -= 1;
-      if (this.active == 3) {
-        this.titleName = "下一步";
-      } else if (this.active == 0) {
-        this.loadS = true;
-        getProfile(this.addId).then((response) => {
-          this.form = response.data;
-          this.loadS = false;
-        });
-      }
-    },
-    handleClose() {
-      this.active = 0;
-      this.open = false;
-      this.titleName = "下一步";
-      this.getList()
-    },
-    nextPage() {
-      if (this.active == 0) {
-        this.submitForm();
-      } else if (this.active >= 4) {
-        this.active = 0;
-        this.open = false;
-        this.getList();
-      } else if (this.active == 3) {
-        this.titleName = "关闭";
-        this.active += 1;
-      } else {
-        this.active += 1;
-      }
-    },
-    stepMsg() {
-      this.activeLook -= 1;
-      if (this.activeLook < 4) {
-        this.titleName = "下一步";
-      }
-    },
-    detailClose() {
-      this.activeLook = 0;
-      this.infoOpen = false;
-      this.titleName = "下一步";
-    },
-    nextInfo() {
-      if (this.activeLook >= 4) {
-        this.activeLook = 0;
-        this.infoOpen = false;
-      } else if (this.activeLook == 3) {
-        this.titleName = "关闭";
-        this.activeLook += 1;
-      } else {
-        this.activeLook += 1;
-      }
-    },
-    /** 查询园区概况列表 */
-    getList() {
-      this.loading = true;
-      listProfile(this.queryParams).then((response) => {
-        this.profileList = response.rows;
-        this.total = response.total;
-        this.loading = false;
-      });
-    },
-    // 取消按钮
-    cancel() {
-      this.open = false;
-      this.reset();
-      this.getList();
-    },
-    // 表单重置
-    reset() {
-      this.form = {
-        id: null,
-        parkOrgId: null,
-        parkName: null,
-        parkAddress: null,
-        homeLocation: null,
-        numberBuildings: null,
-        numberEnterprises: null,
-        totalEmployees: null,
-        floorArea: null,
-        floorAreaT: null,
-        totalBuildingArea: null,
-        rentalArea: null,
-        selfArea: null,
-        totalAnnualRent: null,
-        averageMonthlyRentalUnitPrice: null,
-        landCertificateArea: null,
-        unlicensedArea: null,
-        unlicensedAreaT: null,
-        realEstateCertificateArea: null,
-        annualGrossTaxRevenue: null,
-        taxPerMu: null,
-        latlng: null,
-        zoom: null,
-        createId: null,
-        createBy: null,
-        createTime: null,
-        updateId: null,
-        updateBy: null,
-        updateTime: null,
-        remark: null,
-        userId: null,
-        deptId: null,
-      };
-      this.resetForm("form");
-    },
-    /** 搜索按钮操作 */
-    handleQuery() {
-      this.queryParams.pageNum = 1;
-      this.getList();
-    },
-    /** 重置按钮操作 */
-    resetQuery() {
-      this.resetForm("queryForm");
-      this.handleQuery();
+  methods:{
+    // 页码，当前页切换事件
+    pagesChange(pages){
+      console.log(pages)
     },
-    // 多选框选中数据
-    handleSelectionChange(selection) {
-      this.ids = selection.map((item) => item.id);
-      this.single = selection.length !== 1;
-      this.multiple = !selection.length;
+    // 选中的数据
+    handleSelectionChange(val) {
+      this.multipleSelection = val;
     },
-    /**查看按钮操作 */
-    handleInfo(row) {
-      const id = row.id || this.ids;
-      this.infoTitle = "查看园区概况详情";
-      this.titleName = "下一步";
-      this.isLook = true;
-      this.addId = id;
-      this.addName = row.parkName;
-      this.infoOpen = true;
-      getProfile(id).then((response) => {
-        this.one = response.data;
-      });
-    },
-    /** 新增按钮操作 */
-    handleAdd() {
-      this.reset();
-      this.open = true;
-      this.title = "添加园区概况";
-      this.titleName = "下一步";
+    // 导出
+    exportFile(){
+      console.log(this.multipleSelection)
     },
-    /** 修改按钮操作 */
-    handleUpdate(row) {
-      this.reset();
-      const id = row.id || this.ids;
-      this.loadS = true;
-      getProfile(id).then((response) => {
-        this.form = response.data;
-        this.open = true;
-        this.title = "修改园区概况";
-        this.titleName = "下一步";
-        this.loadS = false;
-      });
+    // 新增计划
+    newProject(){
+      this.$refs.myDialog.open()
     },
-    /** 提交按钮 */
-    submitForm() {
-      this.$refs["form"].validate((valid) => {
-        if (valid) {
-          if (this.form.id != null) {
-            this.$confirm("确定修改该条园区概括并且进行下一步吗?", "提示", {
-              confirmButtonText: "确定",
-              cancelButtonText: "取消",
-              type: "warning",
-            })
-              .then(() => {
-                updateProfile(this.form).then((response) => {
-                  this.$model.msgSuccess("修改成功");
-                  this.addId = this.form.id;
-                  getProfile(this.form.id).then((res) => {
-                    this.addName = res.data.parkName;
-                  });
-                  this.active += 1;
-                });
-              })
-              .catch(() => {
-                this.$message({
-                  type: "info",
-                  message: "取消添加",
-                });
-              });
-          } else {
-            this.$confirm("确定添加该条园区概括并且进行下一步吗?", "提示", {
-              confirmButtonText: "确定",
-              cancelButtonText: "取消",
-              type: "warning",
-            })
-              .then(() => {
-                addProfile(this.form).then((response) => {
-                  this.$model.msgSuccess("新增成功");
-                  this.addId = response.data;
-                  this.form.id = response.data;
-                  getProfile(response.data).then((res) => {
-                    this.addName = res.data.parkName;
-                  });
-                  this.active += 1;
-                });
-              })
-              .catch(() => {
-                this.$message({
-                  type: "info",
-                  message: "取消添加",
-                });
-              });
-          }
-        }
-      });
+    // 查看
+    look(row){
+
     },
-    /** 删除按钮操作 */
-    handleDelete(row) {
-      const ids = row.id || this.ids;
-      this.$confirm(
-        '是否确认删除园区概况编号为"' + ids + '"的数据项?',
-        "警告",
-        {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
-        }
-      )
-        .then(function () {
-          return delProfile(ids);
-        })
-        .then(() => {
-          this.getList();
-          this.$model.msgSuccess("删除成功");
-        })
-        .catch(() => {});
+    // 修改
+    change(row){
+
     },
-    /** 导出按钮操作 */
-    handleExport() {
-      const queryParams = this.queryParams;
-      this.$confirm("是否确认导出所有园区概况数据项?", "警告", {
+    // 删除
+    deleteItem(row){
+      this.$modal.confirm("你确认要删除所选数据吗？", "提示", {
         confirmButtonText: "确定",
         cancelButtonText: "取消",
         type: "warning",
       })
-        .then(() => {
-          this.download(
-            "/mudu/profile/export",
-            {
-              ...this.queryParams,
-            },
-            "园区概况_" + new Date().getTime() + ".xlsx"
-          );
-          this.exportLoading = false;
-        })
-        .catch(() => {});
+      .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 '';
     },
   },
-};
+}
 </script>
 <style lang="scss" scoped>
-::v-deep .el-descriptions {
-  margin: 10px 0;
-}
-.tops {
-  font-size: 22px;
-  font-weight: bold;
-  border-bottom: 1px solid #e2e2e2;
-  color: #000000d9;
-  padding-left: 10px;
-  height: 40px;
-  margin-bottom: 30px;
-  margin-top: 8px;
-  span {
-    padding: 8px;
-    border-bottom: 3px solid #549bfd;
+.plan-management {
+  padding: 0 40px 0 30px;
+  .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: 14px;
+          height: 10px;
+          top: 50%;
+          left: 50%;
+          transform: translate(-50%, -50%);
+        }
+        .el-input__suffix .el-input__suffix-inner .el-select__caret {
+          width: 22px;
+        }
+        .el-input__suffix {
+          margin-right: 5px;
+        }
+      }
+    }
+    .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;
+    }
   }
-}
-.container-main {
-  height: calc(100vh - 84px);
-  // height: 100%;
-  overflow: hidden;
-  padding: 0 10px;
-}
-::v-deep .el-descriptions-row th {
-  background: #f5f5f5;
-  color: #333;
-  font-weight: bold !important;
-  width: 16% !important;
-}
-::v-deep .el-descriptions-row td {
-  width: 34% !important;
 }
 </style>
diff --git a/src/views/mudu/trouble/index.vue b/src/views/mudu/trouble/index.vue
deleted file mode 100644
index d103756..0000000
--- a/src/views/mudu/trouble/index.vue
+++ /dev/null
@@ -1,578 +0,0 @@
-<template>
-  <div class="container-main" ref="main">
-    <div class="search-hearder" ref="topSearch">
-      <el-form
-        :model="queryParams"
-        ref="queryForm"
-        :inline="true"
-        v-show="showSearch"
-        label-width="auto"
-      >
-        <el-form-item label="区域" prop="area">
-          <el-input
-            v-model="queryParams.area"
-            placeholder="请输入区域"
-            clearable
-            size="small"
-            @keyup.enter.native="handleQuery"
-          />
-        </el-form-item>
-        <el-form-item label="年月" prop="datetime">
-          <el-input
-            v-model="queryParams.datetime"
-            placeholder="请输入年月"
-            clearable
-            size="small"
-            @keyup.enter.native="handleQuery"
-          />
-        </el-form-item>
-        <el-form-item>
-          <el-button
-            type="primary"
-            icon="el-icon-search"
-            size="mini"
-            @click="handleQuery"
-            >搜索</el-button
-          >
-          <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
-            >重置</el-button
-          >
-        </el-form-item>
-      </el-form>
-    </div>
-    <div class="layui-table-tool" ref="tableTool">
-      <el-row :gutter="10" class="mb8">
-        <el-col :span="1.5">
-          <el-button type="primary" size="mini" @click="handleAdd"
-            >新增</el-button
-          >
-        </el-col>
-        <!-- <el-col :span="1.5">
-        <el-button
-          type="success"
-          plain
-          icon="el-icon-edit"
-          size="mini"
-          :disabled="single"
-          @click="handleUpdate"
-          >修改</el-button
-        >
-      </el-col> -->
-        <!-- <el-col :span="1.5">
-        <el-button
-          type="danger"
-          plain
-          icon="el-icon-delete"
-          size="mini"
-          :disabled="multiple"
-          @click="handleDelete"
-          >删除</el-button
-        >
-      </el-col> -->
-        <el-col :span="1.5">
-          <el-button type="success" size="mini" @click="importTrouble()">
-            导入
-          </el-button>
-        </el-col>
-        <el-col :span="1.5">
-          <el-button
-            type="warning"
-            size="mini"
-            :loading="exportLoading"
-            @click="handleExport"
-            >导出</el-button
-          >
-        </el-col>
-        <right-toolbar
-          :showSearch.sync="showSearch"
-          @queryTable="getList"
-        ></right-toolbar>
-      </el-row>
-    </div>
-
-    <el-table
-      v-loading="loading"
-      :data="troubleList"
-      @selection-change="handleSelectionChange"
-    >
-      <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="编号" align="center" prop="id" />
-      <el-table-column label="区域" align="center" prop="area" />
-      <el-table-column label="工单总数" align="center" prop="total" />
-      <el-table-column label="处理中" align="center" prop="processing" />
-      <el-table-column label="已完成" align="center" prop="completed" />
-      <el-table-column label="完成率" align="center" prop="completionRate" />
-      <el-table-column label="年月" align="center" prop="datetime" />
-      <el-table-column
-        label="操作"
-        align="center"
-        class-name="small-padding fixed-width"
-        width="200"
-      >
-        <template slot-scope="scope">
-          <el-button
-            size="mini"
-            icon="el-icon-view"
-            @click="handleInfo(scope.row)"
-          >
-            查看
-          </el-button>
-          <el-button
-            size="mini"
-            type="primary"
-            icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
-            >修改</el-button
-          >
-          <el-button
-            size="mini"
-            type="danger"
-            icon="el-icon-delete"
-            @click="handleDelete(scope.row)"
-            >删除</el-button
-          >
-        </template>
-      </el-table-column>
-    </el-table>
-
-    <pagination
-      v-show="total > 0"
-      :total="total"
-      :page.sync="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList"
-    />
-
-    <!-- 添加或修改隐患工单对话框 -->
-    <el-dialog
-      :visible.sync="open"
-      width="1200px"
-      append-to-body
-      custom-class="dialog-box"
-    >
-      <div slot="title" class="dialog-title">
-        {{ title }}
-      </div>
-      <el-form ref="form" :model="form" :rules="rules" label-width="auto">
-        <el-row>
-          <el-col :span="12">
-            <el-form-item label="区域" prop="area">
-              <el-input v-model="form.area" placeholder="请输入区域" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="工单总数" prop="total">
-              <el-input v-model="form.total" placeholder="请输入工单总数" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="12">
-            <el-form-item label="处理中" prop="processing">
-              <el-input v-model="form.processing" placeholder="请输入处理中" />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="已完成" prop="completed">
-              <el-input v-model="form.completed" placeholder="请输入已完成" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-        <el-row>
-          <el-col :span="12">
-            <el-form-item label="完成率" prop="completionRate">
-              <el-input
-                v-model="form.completionRate"
-                placeholder="请输入完成率"
-              />
-            </el-form-item>
-          </el-col>
-          <el-col :span="12">
-            <el-form-item label="年月" prop="datetime">
-              <el-input v-model="form.datetime" placeholder="请输入年月" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitForm">确 定</el-button>
-        <el-button @click="cancel">取 消</el-button>
-      </div>
-    </el-dialog>
-    <!--查看隐患工单详情页-->
-    <el-dialog
-      :visible.sync="infoOpen"
-      width="1200px"
-      custom-class="dialog-box"
-    >
-      <div slot="title" class="dialog-title">{{ infoTitle }}</div>
-
-      <div class="info_box">
-        <el-descriptions :column="2" border>
-          <el-descriptions-item label="区域">
-            {{ form.area }}
-          </el-descriptions-item>
-
-          <el-descriptions-item label="工单总数">
-            {{ form.total }}
-          </el-descriptions-item>
-
-          <el-descriptions-item label="处理中">
-            {{ form.processing }}
-          </el-descriptions-item>
-
-          <el-descriptions-item label="已完成">
-            {{ form.completed }}
-          </el-descriptions-item>
-
-          <el-descriptions-item label="完成率">
-            {{ form.completionRate }}
-          </el-descriptions-item>
-
-          <el-descriptions-item label="年月">
-            {{ form.datetime }}
-          </el-descriptions-item>
-        </el-descriptions>
-      </div>
-    </el-dialog>
-    <!-- 导入弹窗 -->
-    <el-dialog
-      :visible.sync="fileOpen"
-      width="500px"
-      append-to-body
-      custom-class="dialog-box"
-    >
-      <div slot="title" class="dialog-title">导入文件</div>
-
-      <el-form
-        ref="formFiles"
-        :model="fileQuery"
-        :rules="filesRules"
-        label-width="70px"
-        class="dialog-from"
-      >
-        <el-form-item label="日期:" prop="date">
-          <el-date-picker
-            v-model="fileQuery.date"
-            type="month"
-            placeholder="选择日期"
-            value-format="yyyy-MM"
-          >
-          </el-date-picker>
-        </el-form-item>
-        <el-form-item label="文件:" prop="file">
-          <el-upload
-            :multiple="false"
-            :show-file-list="true"
-            class="upload-demo"
-            ref="upload"
-            action="a"
-            :http-request="httpRequest"
-            :limit="1"
-            :file-list="fileList"
-          >
-            <el-button type="primary">选择文件</el-button>
-          </el-upload>
-        </el-form-item>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submitImport">确 定</el-button>
-        <el-button @click="cancelImport">取 消</el-button>
-      </div>
-    </el-dialog>
-  </div>
-</template>
-
-<script>
-import {
-  listTrouble,
-  getTrouble,
-  delTrouble,
-  addTrouble,
-  updateTrouble,
-  exportTrouble,
-  importTroubleTable,
-} from "@/api/mudu/trouble";
-export default {
-  name: "Trouble",
-  //注释字典
-  data() {
-    return {
-      //查看详情
-      infoOpen: false,
-      //详情标题
-      infoTitle: "",
-      // 遮罩层
-      loading: true,
-      // 导出遮罩层
-      exportLoading: false,
-      // 选中数组
-      ids: [],
-      // 非单个禁用
-      single: true,
-      // 非多个禁用
-      multiple: true,
-      // 显示搜索条件
-      showSearch: true,
-      // 总条数
-      total: 0,
-      // 隐患工单表格数据
-      troubleList: [],
-      // 弹出层标题
-      title: "",
-      // 是否显示弹出层
-      open: false,
-      // 查询参数
-      queryParams: {
-        pageNum: 1,
-        pageSize: 10,
-        area: null,
-        datetime: null,
-      },
-      fileOpen: false,
-      fileQuery: {
-        date: null,
-        file: null,
-      },
-      filesRules: {
-        date: { required: true, message: "请选择日期", trigger: "change" },
-        file: { required: true, message: "请选择文件", trigger: "change" },
-      },
-      fileList: [],
-      // 表单参数
-      form: {},
-      // 表单校验
-      rules: {
-        area: [{ required: true, message: "区域不能为空", trigger: "change" }],
-        total: [
-          { required: true, message: "工单总数不能为空", trigger: "change" },
-          {
-            type: "number",
-            message: "请输入正确的工单总数",
-            trigger: "change",
-          },
-        ],
-        processing: [
-          { required: true, message: "处理中不能为空", trigger: "change" },
-          {
-            type: "number",
-            message: "请输入正确的处理中",
-            trigger: "change",
-          },
-        ],
-        completed: [
-          { required: true, message: "已完成不能为空", trigger: "change" },
-          {
-            type: "number",
-            message: "请输入正确的已完成",
-            trigger: "change",
-          },
-        ],
-        completionRate: [
-          { required: true, message: "完成率不能为空", trigger: "change" },
-        ],
-        datetime: [
-          { required: true, message: "年月不能为空", trigger: "change" },
-        ],
-      },
-    };
-  },
-  created() {
-    this.getList();
-  },
-  methods: {
-    httpRequest(require) {
-      this.fileQuery.file = require.file;
-    },
-    importTrouble() {
-      this.fileOpen = true;
-      this.resetFile();
-    },
-    cancelImport() {
-      this.resetFile();
-      this.fileOpen = false;
-    },
-    resetFile() {
-      this.fileQuery = {
-        date: null,
-        file: null,
-      };
-      this.fileList = [];
-    },
-    submitImport() {
-      this.$refs.formFiles.validate((valid) => {
-        if (valid) {
-          var form1 = new FormData();
-          form1.append("date", this.fileQuery.date);
-          form1.append("file", this.fileQuery.file);
-          importTroubleTable(form1)
-            .then((response) => {
-              if (response.code == 200) {
-                this.$model.msgSuccess(response.msg);
-                this.getList();
-              }
-              this.fileOpen = false;
-            })
-            .catch((res) => {
-              this.$model.msgError("导入失败,请检查文件");
-            });
-        }
-      });
-    },
-    /** 查询隐患工单列表 */
-    getList() {
-      this.loading = true;
-      listTrouble(this.queryParams).then((response) => {
-        this.troubleList = response.rows;
-        this.total = response.total;
-        this.loading = false;
-      });
-    },
-    // 取消按钮
-    cancel() {
-      this.open = false;
-      this.reset();
-    },
-    // 表单重置
-    reset() {
-      this.form = {
-        id: null,
-
-        area: null,
-
-        total: null,
-
-        processing: null,
-
-        completed: null,
-
-        completionRate: null,
-
-        datetime: null,
-
-        createId: null,
-
-        createBy: null,
-
-        createTime: null,
-
-        updateId: null,
-
-        updateBy: null,
-
-        updateTime: null,
-
-        remark: null,
-
-        userId: null,
-
-        deptId: null,
-      };
-      this.resetForm("form");
-    },
-    /** 搜索按钮操作 */
-    handleQuery() {
-      this.queryParams.pageNum = 1;
-      this.getList();
-    },
-    /** 重置按钮操作 */
-    resetQuery() {
-      this.resetForm("queryForm");
-      this.handleQuery();
-    },
-    // 多选框选中数据
-    handleSelectionChange(selection) {
-      this.ids = selection.map((item) => item.id);
-      this.single = selection.length !== 1;
-      this.multiple = !selection.length;
-    },
-    /**查看按钮操作 */
-    handleInfo(row) {
-      this.reset();
-      const id = row.id || this.ids;
-      getTrouble(id).then((response) => {
-        this.form = response.data;
-        this.infoOpen = true;
-        this.infoTitle = "查看隐患工单详情";
-      });
-    },
-    /** 新增按钮操作 */
-    handleAdd() {
-      this.reset();
-      this.open = true;
-      this.title = "添加隐患工单";
-    },
-    /** 修改按钮操作 */
-    handleUpdate(row) {
-      this.reset();
-      const id = row.id || this.ids;
-      getTrouble(id).then((response) => {
-        this.form = response.data;
-        this.open = true;
-        this.title = "修改隐患工单";
-      });
-    },
-    /** 提交按钮 */
-    submitForm() {
-      this.$refs["form"].validate((valid) => {
-        if (valid) {
-          if (this.form.id != null) {
-            updateTrouble(this.form).then((response) => {
-              this.$model.msgSuccess("修改成功");
-              this.open = false;
-              this.getList();
-            });
-          } else {
-            addTrouble(this.form).then((response) => {
-              this.$model.msgSuccess("新增成功");
-              this.open = false;
-              this.getList();
-            });
-          }
-        }
-      });
-    },
-    /** 删除按钮操作 */
-    handleDelete(row) {
-      const ids = row.id || this.ids;
-      this.$confirm(
-        '是否确认删除隐患工单编号为"' + ids + '"的数据项?',
-        "警告",
-        {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning",
-        }
-      )
-        .then(function () {
-          return delTrouble(ids);
-        })
-        .then(() => {
-          this.getList();
-          this.$model.msgSuccess("删除成功");
-        })
-        .catch(() => {});
-    },
-    /** 导出按钮操作 */
-    handleExport() {
-      const queryParams = this.queryParams;
-      this.$confirm("是否确认导出所有隐患工单数据项?", "警告", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
-      })
-        .then(() => {
-          this.download(
-            "/mudu/trouble/export",
-            {
-              ...this.queryParams,
-            },
-            "隐患工单_" + new Date().getTime() + ".xlsx"
-          );
-          this.exportLoading = false;
-        })
-        .catch(() => {});
-    },
-  },
-};
-</script>
diff --git a/vue.config.js b/vue.config.js
index 10a79ec..e099e71 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -7,7 +7,7 @@ function resolve(dir) {
 
 const CompressionPlugin = require("compression-webpack-plugin");
 
-const name = process.env.VUE_APP_TITLE || "木渎二期管理系统"; // 网页标题
+const name = process.env.VUE_APP_TITLE || "苏州应急执法计划管理系统"; // 网页标题
 
 const port = process.env.port || process.env.npm_config_port || 80; // 端口