From 83d1cc7a95bb4dec574a98c14a20039df4f9656e Mon Sep 17 00:00:00 2001
From: laozt <2721205210@qq.com>
Date: Fri, 15 Dec 2023 10:04:01 +0800
Subject: [PATCH] =?UTF-8?q?=E8=8D=89=E7=A8=BF=E7=AE=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../{dialog => AddDialog}/index copy.vue      |   0
 .../{dialog => AddDialog}/index.vue           |  13 +-
 .../components/{dialog => AddDialog}/tab1.vue |   0
 src/views/components/AddDialog/tab3.vue       | 502 ++++++++++++++++++
 src/views/yingji/planManage copy.vue          |   2 +-
 src/views/yingji/planManage.vue               |   2 +-
 6 files changed, 509 insertions(+), 10 deletions(-)
 rename src/views/components/{dialog => AddDialog}/index copy.vue (100%)
 rename src/views/components/{dialog => AddDialog}/index.vue (97%)
 rename src/views/components/{dialog => AddDialog}/tab1.vue (100%)
 create mode 100644 src/views/components/AddDialog/tab3.vue

diff --git a/src/views/components/dialog/index copy.vue b/src/views/components/AddDialog/index copy.vue
similarity index 100%
rename from src/views/components/dialog/index copy.vue
rename to src/views/components/AddDialog/index copy.vue
diff --git a/src/views/components/dialog/index.vue b/src/views/components/AddDialog/index.vue
similarity index 97%
rename from src/views/components/dialog/index.vue
rename to src/views/components/AddDialog/index.vue
index 5e472e1..8b7cded 100644
--- a/src/views/components/dialog/index.vue
+++ b/src/views/components/AddDialog/index.vue
@@ -59,12 +59,8 @@
             </div>
           </div>
           <div v-show="activeTab == 2">
-            <div class="next">
-              <div class="selected">
-                草稿箱(<span> {{ 100 }} 家</span>)
-              </div>
-              <div class="btn" ref="next">正式提交</div>
-            </div>
+            <tab3 />
+            
           </div>
         </div>
       </div>
@@ -72,8 +68,9 @@
   </div>
 </template>
 <script>
-//tab1
+//tab
 import tab1 from "./tab1.vue";
+import tab3 from "./tab3.vue";
 
 export default {
   dicts: [
@@ -83,7 +80,7 @@ export default {
     "entpr_color",
     "major_hazard_level",
   ],
-  components: { tab1 },
+  components: { tab1, tab3 },
   data() {
     return {
       activeTab: 0,
diff --git a/src/views/components/dialog/tab1.vue b/src/views/components/AddDialog/tab1.vue
similarity index 100%
rename from src/views/components/dialog/tab1.vue
rename to src/views/components/AddDialog/tab1.vue
diff --git a/src/views/components/AddDialog/tab3.vue b/src/views/components/AddDialog/tab3.vue
new file mode 100644
index 0000000..628a4d9
--- /dev/null
+++ b/src/views/components/AddDialog/tab3.vue
@@ -0,0 +1,502 @@
+<template>
+  <div>
+    <div class="tables" v-loading="loading">
+      <el-table
+        v-loading="loading"
+        :data="enterpriseList"
+        :border="false"
+        tooltip-effect="light"
+        row-key="id"
+        :row-class-name="tableRowClassName"
+      >
+        <el-table-column label="计划年份" align="center" prop="plannedYear" />
+
+        <el-table-column label="计划月份" align="center" prop="plannedMonth">
+          <template slot-scope="scope">
+            <span>
+              {{ scope.row.plannedMonth }}
+            </span>
+          </template>
+        </el-table-column>
+
+        <el-table-column
+          label="企业名称"
+          align="center"
+          prop="enterpriseName"
+        />
+        <el-table-column label="行政区划" align="center" prop="district">
+          <template slot-scope="scope">
+            <span>{{ componendDistrict(scope.row.district) || "/" }}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="执法地区" align="center" prop="lawAreas" />
+        <el-table-column label="执法级别" align="center" prop="lawLevel" />
+        <el-table-column label="执法层级" align="center" prop="lawHierarchy" />
+        <el-table-column label="是否省重点" align="center" prop="isPoint">
+          <template slot-scope="scope">
+            <span>{{ scope.row.isPoint == 1 ? "是" : "否" }}</span>
+          </template>
+        </el-table-column>
+        
+        <el-table-column label="安全风险等级" align="center" prop="" />
+        <el-table-column label="标准化等级" align="center" prop="" />
+        <el-table-column label="上次检查时间" align="center" prop="" />
+
+        <el-table-column label="状态" align="center" prop="status">
+          <template slot-scope="scope">
+            <span>{{ scope.row.isPoint == 1 ? "正式" : "草稿" }}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="操作" header-align="center">
+          <template slot-scope="scope">
+            <div class="tabs-btns">
+              <div class="look" @click="handleDelete(scope.row)">
+                <span>删除</span>
+              </div>
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <pagination
+        v-show="total > 0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+      />
+    </div>
+
+    <div class="next">
+      <div class="selected">
+        草稿箱(<span> {{ 100 }} 家</span>)
+      </div>
+      <div class="btn" ref="next">正式提交</div>
+    </div>
+  </div>
+</template>
+<script>
+// 字典
+import dictzh from "@/utils/dictzh.js";
+// 行政区域
+import executive from "../../yingji/echarts/executive.vue";
+import {
+  listEnterprise,
+  getEnterprise,
+  delEnterprise,
+  addEnterprise,
+  updateEnterprise,
+} from "@/api/yingji/enterprise";
+
+export default {
+  dicts: [
+    "category",
+    "economic_categories",
+    "is_point",
+    "entpr_color",
+    "major_hazard_level",
+  ],
+  components: { executive },
+  data() {
+    return {
+      activeTab: 0,
+      dictzh: dictzh,
+      dialogVisible: false,
+      options: [],
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 企业新表格数据
+      newList: [],
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        enterpriseId: null,
+        createId: null,
+        updateId: null,
+        userId: null,
+        deptId: null,
+        district: null,
+        plannedYear: null,
+        isPoint: "",
+        enterpriseName: null,
+        lawSort: null,
+        lawAreas: null,
+        lawLevel: null,
+        lawHierarchy: null,
+        plannedMonth: null,
+        status: 1,
+        checkStatus: null,
+        checkId: null,
+        checkAgeing: null,
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {},
+    };
+  },
+  created() {
+    this.getList();
+  },
+  methods: {
+    /** 查询计划企业列表 */
+    getList() {
+      this.loading = true;
+      listEnterprise(this.queryParams).then((response) => {
+        this.enterpriseList = response.data;
+        this.total = response.data.length;
+        this.loading = false;
+      });
+    },
+    // 删除
+    handleDelete(row) {},
+    // 匹配行政区划
+    componendDistrict(district) {
+      let fullName;
+      let treeData = JSON.parse(localStorage.getItem("TREE_DATA"));
+      treeData.map((item) => {
+        if (item.districtCode == district) {
+          fullName = item.district;
+        } else {
+          item.children.map((itemTwo) => {
+            if (itemTwo.countyCode == district) {
+              fullName = item.district + "-" + itemTwo.county;
+            }
+          });
+        }
+      });
+      return fullName;
+    },
+  },
+  mounted() {},
+  computed: {},
+  filters: {
+    supervisionLarge: function (value) {
+      let array = value.split(",");
+      array.map((item, ind) => {
+        array[ind] = dictzh[item];
+      });
+      return array.join(",") || "/";
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.isStyle {
+  color: #f71052;
+}
+.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;
+        color: #525966;
+        span {
+          font-size: 15px;
+          font-family: "Alibaba PuHuiTi";
+          font-weight: 400;
+        }
+        .span-one {
+          margin-right: 10px;
+        }
+      }
+      .select {
+        background-image: url("../../../assets/images/select2.png");
+        background-size: 100% 100%;
+        margin-right: 10px;
+      }
+      .issue {
+        background-image: url("../../../assets/images/issue2.png");
+        background-size: 100% 100%;
+      }
+      .nextStepSelect {
+        background-image: url("../../../assets/images/select1.png");
+        span {
+          color: #2378ec;
+        }
+      }
+      .nextStepIssue {
+        background-image: url("../../../assets/images/issue1.png");
+        span {
+          color: #2378ec;
+        }
+      }
+    }
+    .filtrate {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      flex-wrap: wrap;
+      padding-top: 10px;
+      padding-bottom: 10px;
+      .btn-search {
+        background: #2378ec;
+        color: #ffffff;
+        font-size: 15px;
+        font-family: Alibaba PuHuiTi;
+        border-radius: 2px;
+        border: none;
+      }
+
+      .btn-reset {
+        background: #fdab5b;
+        color: #ffffff;
+        font-size: 15px;
+        font-family: Alibaba PuHuiTi;
+        border-radius: 2px;
+        border: none;
+      }
+    }
+    .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: red;
+          }
+        }
+      }
+      ::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;
+      .unselectedNumber {
+        color: #f71052;
+      }
+      .selectedNumber {
+        color: #48e1bb;
+      }
+      .sum {
+        color: #48e1bb;
+      }
+    }
+    .release-planning {
+      padding: 10px 10px 0 0;
+      .form-inline {
+        ::v-deep .el-select {
+          background-color: transparent;
+          width: 190px;
+          .el-input__inner {
+            height: 33px;
+            font-size: 15px;
+            font-family: "Alibaba PuHuiTi";
+            font-weight: 400;
+            color: #525966;
+          }
+          // border-radius: 2px;
+        }
+        ::v-deep .el-input {
+          .el-input__inner {
+            font-size: 15px;
+            font-family: "Alibaba PuHuiTi";
+            font-weight: 400;
+            color: #525966;
+          }
+        }
+        .form-textarea {
+          ::v-deep .el-textarea {
+            height: 180px;
+            .el-textarea__inner {
+              height: 100%;
+              font-size: 15px;
+              font-family: "Alibaba PuHuiTi";
+              font-weight: 400;
+              color: #525966;
+            }
+          }
+        }
+      }
+      .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;
+        }
+        .input {
+          flex: 1;
+          ::v-deep .el-textarea {
+            height: 180px;
+            .el-textarea__inner {
+              height: 100%;
+            }
+          }
+        }
+      }
+      .centered {
+        align-items: center;
+        // position: relative;
+        // .data_icon {
+        //   width: 10px;
+        //   height: 7px;
+        //   position: absolute;
+        //   top: 50%;
+        //   left: 280px;
+        //   z-index: 9;
+        //   color: #c0c4cc;
+        //   font-size: 14px;
+        //   transform: translateY(-50%);
+        // }
+        // ::v-deep .el-input__prefix {
+        //   display: none;
+        // }
+      }
+    }
+    .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;
+      }
+      .selectBtn {
+        background-color: #2378ec;
+        color: #ffffff;
+      }
+    }
+  }
+}
+::v-deep .el-dialog__body {
+  padding: 30px 15px;
+}
+</style>
diff --git a/src/views/yingji/planManage copy.vue b/src/views/yingji/planManage copy.vue
index 602e80b..467d6d8 100644
--- a/src/views/yingji/planManage copy.vue	
+++ b/src/views/yingji/planManage copy.vue	
@@ -129,7 +129,7 @@
 </template>
 <script>
 import myPagination from "@/views/components/myPagination/index.vue";
-import myDialog from "@/views/components/dialog/index.vue";
+import myDialog from "@/views/components/AddDialog/index.vue";
 import myDialogtwo from "@/views/components/dialogTwo/index.vue";
 import tempDialog from "@/views/components/tempDialog/index.vue";
 import { Loading } from "element-ui";
diff --git a/src/views/yingji/planManage.vue b/src/views/yingji/planManage.vue
index 85a3370..9a27360 100644
--- a/src/views/yingji/planManage.vue
+++ b/src/views/yingji/planManage.vue
@@ -172,7 +172,7 @@ import {
   addEnterprise,
   updateEnterprise,
 } from "@/api/yingji/enterprise";
-import AddDialog from "@/views/components/dialog/index.vue";
+import AddDialog from "@/views/components/AddDialog/index.vue";
 import { mapState } from "vuex";
 
 export default {