From 44855929f7d3c12b401a507ee5d951adf5b3b80c Mon Sep 17 00:00:00 2001
From: lukeyan <1727408482@qq.com>
Date: Thu, 29 Jun 2023 09:20:09 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=81=E4=B8=9A=E8=B5=8B=E5=88=86=E6=98=AF?=
 =?UTF-8?q?=E5=90=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/request.js                          |   4 +-
 .../systemManagement/companyList/index.vue    | 108 ++++++++----
 .../components/companyDetails.vue             |   2 +-
 .../companyScore/components/detailsTable.vue  | 154 ++++++++++++++----
 .../components/detailsTableDialog.vue         | 111 ++++++++++---
 .../components/indexTableDetail.vue           | 144 ++++++----------
 6 files changed, 337 insertions(+), 186 deletions(-)

diff --git a/src/utils/request.js b/src/utils/request.js
index 17c8c35..dd427d8 100644
--- a/src/utils/request.js
+++ b/src/utils/request.js
@@ -4,10 +4,10 @@ import vm from "../main";
 import { getToken } from '@/utils/auth'
 axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
 const request = axios.create({
-  //baseURL: 'http://172.18.113.50:8080/zhapi',
+  baseURL: 'http://172.18.113.50:8080/zhapi',
   //baseURL: 'http://172.18.113.13:8080/zhapi', // 孙强
   //baseURL: 'http://192.168.0.188:8888/zhapi',
-  baseURL: `http://${window.location.host}/zhapi`,
+  //baseURL: `http://${window.location.host}/zhapi`,
   timeout: 50000,
   headers: { 'content-type': 'application/json' },
 })
diff --git a/src/views/systemManagement/companyList/index.vue b/src/views/systemManagement/companyList/index.vue
index 8b35a01..df26513 100644
--- a/src/views/systemManagement/companyList/index.vue
+++ b/src/views/systemManagement/companyList/index.vue
@@ -13,7 +13,11 @@
           <!-- 顶部搜索区域 -->
           <div class="top">
             <div class="top_search">
-              <el-input class="top_search_input" placeholder="输入企业名称搜索" v-model="searchCompany">
+              <el-input
+                class="top_search_input"
+                placeholder="输入企业名称搜索"
+                v-model="searchCompany"
+              >
               </el-input>
               <div class="top_search_button">
                 <i class="el-icon-search" @click="getData_icon()"></i>
@@ -30,17 +34,26 @@
                 <img :src="item.picUrl" alt="" @error="setDefaultImage" />
                 <span class="company_name"> {{ item.companyName }} </span>
                 <div class="company_label">
-                  <div :class="{
-                    shewei: val == '剧毒' || val == '易制毒',
-                    zhongdian: val == '消防重点' || val == '所管消防',
-                    zhibao: val == '放射源' || val == '易制爆',
-                    zhian: val == '治安重点' || val == '创安单位' || val == '外资合资',
-                  }" v-for="(val, index) in item.companyTypes" :key="index">
+                  <div
+                    :class="{
+                      shewei: val == '剧毒' || val == '易制毒',
+                      zhongdian: val == '消防重点' || val == '所管消防',
+                      zhibao: val == '放射源' || val == '易制爆',
+                      zhian:
+                        val == '治安重点' ||
+                        val == '创安单位' ||
+                        val == '外资合资',
+                    }"
+                    v-for="(val, index) in item.companyTypes"
+                    :key="index"
+                  >
                     {{ val }}
                   </div>
                 </div>
-                <span class="company_unit"><i class="el-icon-location"></i>
-                  {{ item.companyAddress }}</span>
+                <span class="company_unit"
+                  ><i class="el-icon-location"></i>
+                  {{ item.companyAddress }}</span
+                >
                 <!-- 遮罩层 -->
                 <div class="image_mask">
                   <div class="btn">
@@ -58,9 +71,15 @@
           </div>
           <!-- 分页区域 -->
           <div class="footer">
-            <el-pagination :background="true" @current-change="handleCurrentChange" :page-sizes="[6]"
-              :page-size="pageSize" :current-page="pageNum" layout="total, sizes, prev, pager, next, jumper"
-              :total="total">
+            <el-pagination
+              :background="true"
+              @current-change="handleCurrentChange"
+              :page-sizes="[6]"
+              :page-size="pageSize"
+              :current-page="pageNum"
+              layout="total, sizes, prev, pager, next, jumper"
+              :total="total"
+            >
             </el-pagination>
           </div>
         </div>
@@ -150,11 +169,10 @@ export default {
       this.getData();
     },
     jump(val) {
-      console.log(val, 'Val');
-      sessionStorage.setItem('companyID', val.id)
-      sessionStorage.setItem('companyName', val.companyName)
+      console.log(val, "Val");
+      sessionStorage.setItem("companyID", val.id);
+      sessionStorage.setItem("companyName", val.companyName);
       this.$router.push("/home/archives");
-
     },
     setDefaultImage(e) {
       // 加载失败默认图片
@@ -335,7 +353,8 @@ export default {
               height: 26px;
               line-height: 26px;
               width: 80px;
-              background: url("~@/assets/companyFile/编组 11222221.png") no-repeat;
+              background: url("~@/assets/companyFile/编组 11222221.png")
+                no-repeat;
               padding: 0 5px;
               font-size: 14px;
               color: #e3deff;
@@ -351,7 +370,8 @@ export default {
               height: 26px;
               line-height: 26px;
               width: 60px;
-              background: url("~@/assets/companyFile/编组 11991备份 10.png") no-repeat;
+              background: url("~@/assets/companyFile/编组 11991备份 10.png")
+                no-repeat;
               padding: 0 5px;
               font-size: 14px;
               color: #e3deff;
@@ -367,7 +387,8 @@ export default {
               height: 26px;
               line-height: 26px;
               width: 80px;
-              background: url("~@/assets/companyFile/编组 11991备份 21.png") no-repeat;
+              background: url("~@/assets/companyFile/编组 11991备份 21.png")
+                no-repeat;
               padding: 0 5px;
               font-size: 14px;
               color: #e3deff;
@@ -480,37 +501,62 @@ export default {
 
     /* 底部分页展示区域 */
     .footer {
-      .el-pagination {
-        margin-left: 50%;
-
-        /deep/.el-pagination__total {
+      height: 5vh;
+      display: flex;
+      flex-direction: row-reverse;
+      /deep/.el-input--suffix .el-input__inner {
+        color: #fff;
+        border: 0.1px solid #277f79;
+        border-radius: 0px;
+        background: rgba(0, 0, 0, 0);
+        width: 5vw;
+        height: 2.6vh;
+        line-height: 2.6vh;
+      }
+      /deep/.el-input__icon {
+        color: #fff;
+        line-height: 2.6vh;
+        height: 2.6vh;
+      }
+      /deep/.el-pagination {
+        margin-top: 1vh;
+        .el-pagination__total {
           color: #fff;
         }
-
-        /deep/.el-input__inner {
+        .el-input__inner {
           border-radius: 0px;
+          border: 0.1px solid #28847e;
           background: #3c4b4a;
           color: #fff;
         }
-
-        /deep/.btn-prev {
+        .btn-prev {
           border-radius: 0px;
+          border: 0.1px solid #28847e;
           background: #3c4b4a;
           color: #fff;
         }
-
-        /deep/ul {
+        ul {
           li {
+            border: 0.1px solid #28847e;
             background: #3c4b4a;
             color: #fff;
           }
         }
-
-        /deep/.btn-next {
+        .btn-next {
+          border: 0.1px solid #28847e;
           border-radius: 0px;
           background: #3c4b4a;
           color: #fff;
         }
+        .el-pager {
+          li {
+            border: 0.1px solid #28847e;
+            background: #3c4b4a !important;
+          }
+        }
+      }
+      /deep/.el-pagination.is-background .el-pager li:not(.disabled).active {
+        border: 2px solid #76eae4;
       }
     }
   }
diff --git a/src/views/systemManagement/companyScore/components/companyDetails.vue b/src/views/systemManagement/companyScore/components/companyDetails.vue
index fc2de02..e7e207e 100644
--- a/src/views/systemManagement/companyScore/components/companyDetails.vue
+++ b/src/views/systemManagement/companyScore/components/companyDetails.vue
@@ -403,7 +403,7 @@ export default {
     display: flex;
     justify-content: space-between;
     .left {
-      width: 16vw;
+      width: 35vw;
       height: 4vh;
       // border: 0.1px solid #4d8f89;
       font-size: 20px;
diff --git a/src/views/systemManagement/companyScore/components/detailsTable.vue b/src/views/systemManagement/companyScore/components/detailsTable.vue
index da5e523..e83c513 100644
--- a/src/views/systemManagement/companyScore/components/detailsTable.vue
+++ b/src/views/systemManagement/companyScore/components/detailsTable.vue
@@ -7,14 +7,23 @@
       {{ this.input_text }}
     </div>
     <div class="input_body">
-      <el-input v-model="person_input" placeholder="请输入数量" oninput="value=value.replace(/^(0+)|[^\d]+/g,'')"></el-input>
+      <el-input
+        v-if="is_flag"
+        v-model="person_input"
+        placeholder="请输入数量"
+        oninput="value=value.replace(/^(0+)|[^\d]+/g,'')"
+      ></el-input>
+      <div v-else class="radio">
+        <el-radio v-model="is_radio" label="是">是</el-radio>
+        <el-radio v-model="is_radio" label="否">否</el-radio>
+      </div>
       <el-button @click="add_detail">提交</el-button>
     </div>
     <div class="table_body">
       <el-table
         :data="detail_table_data"
         class="company_table"
-        height="300"
+        height="285"
         :header-cell-style="table_header"
         :cell-style="{ background: 'revert', 'text-align': 'center' }"
       >
@@ -27,10 +36,13 @@
         </el-table-column>
         <el-table-column prop="operation" label="操作">
           <template slot-scope="scope">
-            <el-button size="small" class="operation"  @click="open(scope.row)"
+            <el-button size="small" class="operation" @click="open(scope.row)"
               >编辑
             </el-button>
-            <el-button size="small" class="operation" @click="open_delete(scope.row)"
+            <el-button
+              size="small"
+              class="operation"
+              @click="open_delete(scope.row)"
               >删除
             </el-button>
           </template>
@@ -51,8 +63,14 @@
         </el-pagination>
       </div>
     </div>
-    <DetailsTableDialog ref="detailsTableDialog" @refresh="refresh"></DetailsTableDialog>
-    <DetailsTableDelete ref="detailsTableDelete" @refresh="refresh"></DetailsTableDelete>
+    <DetailsTableDialog
+      ref="detailsTableDialog"
+      @refresh="refresh"
+    ></DetailsTableDialog>
+    <DetailsTableDelete
+      ref="detailsTableDelete"
+      @refresh="refresh"
+    ></DetailsTableDelete>
   </div>
 </template>
 <script>
@@ -62,13 +80,13 @@ import {
   getSafeCompanyDetail,
   addSafeCompanyDetail,
 } from "@/api/systemManagement/companyScore";
-import DetailsTableDialog from './detailsTableDialog'
-import DetailsTableDelete from './detailsTableDelete'
+import DetailsTableDialog from "./detailsTableDialog";
+import DetailsTableDelete from "./detailsTableDelete";
 export default {
   name: "DetailsTable",
-  components:{
+  components: {
     DetailsTableDialog,
-    DetailsTableDelete
+    DetailsTableDelete,
   },
   props: {
     company_id: {
@@ -86,6 +104,7 @@ export default {
       massage_title: "", // 标题文字过多鼠标悬浮展示
       input_text: "", // 添加人数input框标题
       person_input: "",
+      is_radio: "是",
       table_list: [
         {
           prop: "updateTime",
@@ -111,7 +130,9 @@ export default {
       pageSize: 10,
       pageNum: 1,
       total: 0,
-      dateTime:'', // 记录时间 根据时间条件控制是否可编辑
+      dateTime: "", // 记录时间 根据时间条件控制是否可编辑
+      is_flag: true,
+      table_num: "1",
     };
   },
   async created() {
@@ -146,16 +167,23 @@ export default {
   },
   mounted() {
     bus.$on("send_three", (data) => {
-      this.detail_table_data = []
+      this.detail_table_data = [];
       console.log("dataaaa", data);
       this.three_level_id = data.safeRuleId; // 根据传来的id找对应的三级数据
+      this.table_num = data.table_num;
       const new_arr = this.three_level_arr.filter(
         (item) => item.id == this.three_level_id
       );
       this.note = JSON.parse(new_arr[0].note);
       this.input_text = new_arr[0].levelIndexThree;
-      this.table_list[1].label = new_arr[0].levelIndexThree
+      this.table_list[1].label = new_arr[0].levelIndexThree;
       this.massage_title = this.note.titleNote;
+      if (data.table_num === "1") {
+        this.is_flag = true;
+      } else {
+        // data.table_num为2时，input框变为radio单选
+        this.is_flag = false;
+      }
       this.get_detail_data();
     });
   },
@@ -200,20 +228,40 @@ export default {
       m = m < 10 ? "0" + m : m;
       let d = date.getDate();
       d = d < 10 ? "0" + d : d;
-      this.dateTime =
-        y + "-" + m + "-" + d;
+      this.dateTime = y + "-" + m + "-" + d;
     },
     // 添加人数
     add_detail() {
-      let param = {
-        companyId: this.company_id,
-        safeRuleId: this.three_level_id,
-        pageSize: this.pageSize,
-        pageNum: this.pageNum,
-        numValue: this.person_input,
-        levelIndexThree: this.input_text
-      };
-      addSafeCompanyDetail(param)
+      if (this.table_num == "1") {
+        let param = {
+          companyId: this.company_id,
+          safeRuleId: this.three_level_id,
+          pageSize: this.pageSize,
+          pageNum: this.pageNum,
+          numValue: this.person_input,
+          levelIndexThree: this.input_text,
+        };
+        addSafeCompanyDetail(param)
+        .then((res) => {
+          console.log(res);
+          this.$message.success("新增成功");
+          this.get_detail_data(); // 刷新
+        })
+        .catch((err) => {
+          console.log(err);
+          this.$message.warning("今日记录已经存在记录,可使用编辑功能修改");
+          this.get_detail_data(); // 刷新
+        });
+      } else if (this.table_num == '2') {
+        let param = {
+          companyId: this.company_id,
+          safeRuleId: this.three_level_id,
+          pageSize: this.pageSize,
+          pageNum: this.pageNum,
+          numValue: this.is_radio,
+          levelIndexThree: this.input_text,
+        };
+        addSafeCompanyDetail(param)
         .then((res) => {
           console.log(res);
           this.$message.success("新增成功");
@@ -224,25 +272,27 @@ export default {
           this.$message.warning("今日记录已经存在记录,可使用编辑功能修改");
           this.get_detail_data(); // 刷新
         });
-        this.person_input = '' // input框刷新
+      }
+      this.person_input = ""; // input框刷新
+      this.is_radio = '是' // radio
     },
     open(val) {
-      this.get_today()
-      let now_time = val.updateTime.slice(0,10)
-      if ( this.dateTime === now_time) {
-        this.$refs.detailsTableDialog.open(val)
+      this.get_today();
+      let now_time = val.updateTime.slice(0, 10);
+      if (this.dateTime === now_time) {
+        this.$refs.detailsTableDialog.open(val,this.table_num);
       } else {
-        this.$message.warning('只可编辑当天数据')
+        this.$message.warning("只可编辑当天数据");
       }
     },
     open_delete(val) {
-      console.log('valll2',val);
-      this.$refs.detailsTableDelete.open(val)
+      console.log("valll2", val);
+      this.$refs.detailsTableDelete.open(val);
     },
     // 刷新
     refresh() {
-      this.get_detail_data()
-      this.person_input = ''
+      this.get_detail_data();
+      this.person_input = "";
     },
     // 表头样式
     table_header({ row, rowIndex }) {
@@ -299,6 +349,30 @@ export default {
   height: 4.5vh;
   // border: 0.1px solid #4d8f89;
   display: flex;
+  .radio {
+    width: 10vw;
+    margin-left: 2vw;
+    height: 4vh;
+    line-height: 4vh;
+    /deep/.el-radio__input.is-checked {
+      .el-radio__inner {
+        border-color: #23a27e;
+        background: #23a27e;
+        width: 18px;
+        height: 18px;
+      }
+    }
+    /deep/.el-radio.is-checked {
+      .el-radio__label {
+        color: #23a27e;
+      }
+    }
+    /deep/.el-radio {
+      .el-radio__label {
+        color: #fff;
+      }
+    }
+  }
   .el-input {
     width: 18vw;
     height: 4.5vh;
@@ -420,18 +494,21 @@ export default {
       background: #3c4b4a;
       border: 0.1px solid #277f79;
       color: #fff;
+      height: 2.6vh;
     }
     .btn-prev {
       border-radius: 0px;
       background: #3c4b4a;
       border: 0.1px solid #277f79;
       color: #fff;
+      height: 2.6vh;
     }
     ul {
       li {
         border: 0.1px solid #277f79;
         background: #3c4b4a;
         color: #fff;
+        height: 2.6vh;
       }
     }
     .btn-next {
@@ -439,12 +516,21 @@ export default {
       border-radius: 0px;
       background: #3c4b4a;
       color: #fff;
+      height: 2.6vh;
     }
     .el-pager {
       li {
         background: #3c4b4a !important;
       }
     }
+    .el-pagination__jump {
+      height: 2.6vh;
+      line-height: 2.6vh;
+      color: #fff;
+    }
+  }
+  /deep/.el-pagination.is-background .el-pager li:not(.disabled).active {
+    border: 2px solid #76eae4;
   }
 }
 </style>
\ No newline at end of file
diff --git a/src/views/systemManagement/companyScore/components/detailsTableDialog.vue b/src/views/systemManagement/companyScore/components/detailsTableDialog.vue
index 4e79a3e..daa4bb1 100644
--- a/src/views/systemManagement/companyScore/components/detailsTableDialog.vue
+++ b/src/views/systemManagement/companyScore/components/detailsTableDialog.vue
@@ -11,7 +11,16 @@
     <div class="main_text">
       <div class="input_title">{{ this.input_title }}</div>
       <div class="input">
-        <el-input v-model="input_num" placeholder="请输入数量" oninput="value=value.replace(/^(0+)|[^\d]+/g,'')"></el-input>
+        <el-input
+          v-if="is_flag"
+          v-model="input_num"
+          placeholder="请输入数量"
+          oninput="value=value.replace(/^(0+)|[^\d]+/g,'')"
+        ></el-input>
+        <div v-else class="radio">
+          <el-radio v-model="is_radio" label="是">是</el-radio>
+          <el-radio v-model="is_radio" label="否">否</el-radio>
+        </div>
       </div>
     </div>
     <div class="form_btn" slot="footer">
@@ -30,39 +39,65 @@ export default {
       input_title: "",
       input_num: "",
       param: {},
+      is_show_num: "", // 显示input或者radio
+      is_flag: true,
+      is_radio: "是",
     };
   },
   methods: {
-    open(val) {
-      this.visible = true;
-      console.log("val12_111", val);
-      this.input_title = val.levelIndexThree;
-      this.input_num = val.numValue;
-      this.param = {
-        companyId: val.companyId,
-        safeRuleId: val.safeRuleId,
-        numValue: val.numValue,
-        id:val.id,
-        levelIndexThree: val.levelIndexThree
+    open(val, num) {
+      this.is_show_num = num;
+      if (this.is_show_num == "1") {
+        this.is_flag = true;
+        this.visible = true;
+        console.log("val12_111", val);
+        this.input_title = val.levelIndexThree;
+        this.input_num = val.numValue;
+        this.param = {
+          companyId: val.companyId,
+          safeRuleId: val.safeRuleId,
+          numValue: val.numValue,
+          id: val.id,
+          levelIndexThree: val.levelIndexThree,
+        };
+      } else if (this.is_show_num == "2") {
+        this.is_flag = false;
+        this.visible = true;
+        console.log("val12_111", val);
+        this.input_title = val.levelIndexThree;
+        this.is_radio = val.numValue;
+        this.param = {
+          companyId: val.companyId,
+          safeRuleId: val.safeRuleId,
+          numValue: val.numValue,
+          id: val.id,
+          levelIndexThree: val.levelIndexThree,
+        };
       }
     },
     close() {
       this.visible = false;
     },
     save() {
-        this.param.numValue = this.input_num
-        console.log('this.param',this.param);
-      changeSafeCompanyDetail(this.param).then(res=>{
-        console.log(res);
-        this.$message.success('编辑成功')
-        this.visible = false;
-        this.$emit("refresh");
-      }).catch(err=>{
-        console.log(err);
-        this.$message.warning('编辑失败')
-        this.visible = false;
-        this.$emit("refresh");
-      });
+      if (this.is_show_num == "1") {
+        this.param.numValue = this.input_num;
+      } else if (this.is_show_num == '2') {
+        this.param.numValue = this.is_radio;
+      }
+      console.log("this.param", this.param);
+      changeSafeCompanyDetail(this.param)
+        .then((res) => {
+          console.log(res);
+          this.$message.success("编辑成功");
+          this.visible = false;
+          this.$emit("refresh");
+        })
+        .catch((err) => {
+          console.log(err);
+          this.$message.warning("编辑失败");
+          this.visible = false;
+          this.$emit("refresh");
+        });
     },
   },
 };
@@ -96,7 +131,7 @@ export default {
       width: 470px;
       height: 180px;
       color: #fff;
-    //   border: 1px solid #fff;
+      //   border: 1px solid #fff;
       //   text-align: center;
       //   line-height: 280px;
       //   font-size: 35px;
@@ -114,6 +149,12 @@ export default {
         margin-left: 20px;
         width: 440px;
         height: 60px;
+        .radio {
+          width: 10vw;
+          margin-left: 2vw;
+          height: 4vh;
+          line-height: 4vh;
+        }
       }
     }
   }
@@ -143,4 +184,22 @@ export default {
   border: 0.1px solid #374956;
   background: #212d2f;
 }
+/deep/.el-radio__input.is-checked {
+  .el-radio__inner {
+    border-color: #23a27e;
+    background: #23a27e;
+    width: 18px;
+    height: 18px;
+  }
+}
+/deep/.el-radio.is-checked {
+  .el-radio__label {
+    color: #23a27e;
+  }
+}
+/deep/.el-radio {
+  .el-radio__label {
+    color: #fff;
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/views/systemManagement/companyScore/components/indexTableDetail.vue b/src/views/systemManagement/companyScore/components/indexTableDetail.vue
index 94cb57f..e7bad1c 100644
--- a/src/views/systemManagement/companyScore/components/indexTableDetail.vue
+++ b/src/views/systemManagement/companyScore/components/indexTableDetail.vue
@@ -9,20 +9,20 @@
       </tr>
       <!-- 防疫安全 -->
       <tr class="table_body">
-        <td rowspan="5" @click="click_onelevel('3')">防疫安全</td>
-        <td @click="click_twolevel('4')">疫苗接种数</td>
+        <td rowspan="5">防疫安全</td>
+        <td >疫苗接种数</td>
         <td @click="click_threelevel('5', '1')">疫苗接种数</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_twolevel('7')">核酸检测率</td>
+        <td >核酸检测率</td>
         <td @click="click_threelevel('8', '1')">核算检测率</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_twolevel('9')">场所码数据</td>
+        <td >场所码数据</td>
         <td @click="click_threelevel('10', '1')">场所码异常数</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_twolevel('11')" rowspan="2">中高风险返企数</td>
+        <td rowspan="2">中高风险返企数</td>
         <td @click="click_threelevel('12', '1')">境外人员</td>
       </tr>
       <tr class="table_body">
@@ -30,8 +30,8 @@
       </tr>
       <!-- 人员安全 -->
       <tr class="table_body">
-        <td rowspan="14" @click="click_onelevel('14')">人员安全</td>
-        <td rowspan="4" @click="click_twolevel('15')">流动人员</td>
+        <td rowspan="14">人员安全</td>
+        <td rowspan="4">流动人员</td>
         <td @click="click_threelevel('16', '1')">未登记人员</td>
       </tr>
       <tr class="table_body">
@@ -44,7 +44,7 @@
         <td @click="click_threelevel('19', '1')">高危人员</td>
       </tr>
       <tr class="table_body">
-        <td rowspan="7" @click="click_twolevel('20')">重点人员</td>
+        <td rowspan="7">重点人员</td>
         <td @click="click_threelevel('21', '1')">重性精神病人</td>
       </tr>
       <tr class="table_body">
@@ -66,22 +66,22 @@
         <td @click="click_threelevel('27', '1')">酗酒人员</td>
       </tr>
       <tr class="table_body">
-        <td rowspan="2" @click="click_twolevel('28')">重点岗位人员</td>
+        <td rowspan="2">重点岗位人员</td>
         <td @click="click_threelevel('29', '1')">危险品领用、保管、使用人员</td>
       </tr>
       <tr class="table_body">
         <td @click="click_threelevel('30', '1')">危险品技术资质人员</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_twolevel('31')">专家人员</td>
+        <td >专家人员</td>
         <td @click="click_threelevel('32', '1')">
           领域内有较高专业知识技术的专家、人才
         </td>
       </tr>
       <!-- 消防安全 -->
       <tr class="table_body">
-        <td rowspan="13" @click="click_onelevel('33')">消防安全</td>
-        <td rowspan="3" @click="click_twolevel('34')">消防设施维护</td>
+        <td rowspan="13">消防安全</td>
+        <td rowspan="3">消防设施维护</td>
         <td @click="click_threelevel('35', '1')">设备录入率</td>
       </tr>
       <tr class="table_body">
@@ -91,7 +91,7 @@
         <td @click="click_threelevel('37', '1')">日常保养及时率</td>
       </tr>
       <tr class="table_body">
-        <td rowspan="3" @click="click_twolevel('38')">企业台账建设</td>
+        <td rowspan="3">企业台账建设</td>
         <td @click="click_threelevel('39', '2')">必要资质</td>
       </tr>
       <tr class="table_body">
@@ -101,7 +101,7 @@
         <td @click="click_threelevel('41', '2')">日常检查表</td>
       </tr>
       <tr class="table_body">
-        <td rowspan="3" @click="click_twolevel('42')">消防制度执行</td>
+        <td rowspan="3">消防制度执行</td>
         <td @click="click_threelevel('43', '1')">人员培训率</td>
       </tr>
       <tr class="table_body">
@@ -111,7 +111,7 @@
         <td @click="click_threelevel('45', '2')">管理层专业知晓程度</td>
       </tr>
       <tr class="table_body">
-        <td rowspan="4" @click="click_twolevel('46')">消防事件发生</td>
+        <td rowspan="4">消防事件发生</td>
         <td @click="click_threelevel('47', '1')">火灾事故</td>
       </tr>
       <tr class="table_body">
@@ -125,15 +125,15 @@
       </tr>
       <!-- 危化运输安全 -->
       <tr class="table_body">
-        <td rowspan="15" @click="click_onelevel('51')">危化运输安全</td>
-        <td rowspan="2" @click="click_twolevel('52')">源头检查</td>
+        <td rowspan="15">危化运输安全</td>
+        <td rowspan="2">源头检查</td>
         <td @click="click_threelevel('53', '1')">区内企业评分</td>
       </tr>
       <tr class="table_body">
         <td @click="click_threelevel('54', '1')">区外企业评分</td>
       </tr>
       <tr class="table_body">
-        <td rowspan="5" @click="click_twolevel('55')">违章数据</td>
+        <td rowspan="5">违章数据</td>
         <td @click="click_threelevel('56', '1')">违停</td>
       </tr>
       <tr class="table_body">
@@ -149,7 +149,7 @@
         <td @click="click_threelevel('60', '1')">未按车道行驶</td>
       </tr>
       <tr class="table_body">
-        <td rowspan="3" @click="click_twolevel('61')">交通事故</td>
+        <td rowspan="3">交通事故</td>
         <td @click="click_threelevel('62', '1')">经损事故</td>
       </tr>
       <tr class="table_body">
@@ -159,18 +159,18 @@
         <td @click="click_threelevel('64', '1')">泄漏事故</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_twolevel('65')">行政/刑事案件</td>
+        <td >行政/刑事案件</td>
         <td @click="click_threelevel('66', '2')">有无拘留、判刑</td>
       </tr>
       <tr class="table_body">
-        <td rowspan="2" @click="click_twolevel('67')">企业整改</td>
+        <td rowspan="2">企业整改</td>
         <td @click="click_threelevel('68', '1')">反馈整改完成</td>
       </tr>
       <tr class="table_body">
         <td @click="click_threelevel('69', '1')">整改反馈未完成</td>
       </tr>
       <tr class="table_body">
-        <td rowspan="2" @click="click_twolevel('70')">企业演习、培训</td>
+        <td rowspan="2">企业演习、培训</td>
         <td @click="click_threelevel('71', '1')">企业演习</td>
       </tr>
       <tr class="table_body">
@@ -178,8 +178,8 @@
       </tr>
       <!-- 列管物品安全 -->
       <tr class="table_body">
-        <td rowspan="10" @click="click_onelevel('73')">列管物品安全</td>
-        <td rowspan="2" @click="click_twolevel('74')">危险化学品</td>
+        <td rowspan="10">列管物品安全</td>
+        <td rowspan="2">危险化学品</td>
         <td @click="click_threelevel('75', '1')">
           易制爆物品生产、购买、销售、储存、使用
         </td>
@@ -190,7 +190,7 @@
         </td>
       </tr>
       <tr class="table_body">
-        <td rowspan="3" @click="click_twolevel('77')">放射源物品</td>
+        <td rowspan="3">放射源物品</td>
         <td @click="click_threelevel('78', '1')">放射源储存</td>
       </tr>
       <tr class="table_body">
@@ -200,14 +200,14 @@
         <td @click="click_threelevel('80', '1')">放射源使用</td>
       </tr>
       <tr class="table_body">
-        <td rowspan="2" @click="click_twolevel('81')">民爆物品</td>
+        <td rowspan="2">民爆物品</td>
         <td @click="click_threelevel('82', '1')">烟花爆竹运输、销售、燃放</td>
       </tr>
       <tr class="table_body">
         <td @click="click_threelevel('83', '1')">炸药、雷管保管、运输、使用</td>
       </tr>
       <tr class="table_body">
-        <td rowspan="3" @click="click_twolevel('84')">民用枪支管理</td>
+        <td rowspan="3">民用枪支管理</td>
         <td @click="click_threelevel('85', '1')">猎枪</td>
       </tr>
       <tr class="table_body">
@@ -218,8 +218,8 @@
       </tr>
       <!-- 内部治安安全 -->
       <tr class="table_body">
-        <td rowspan="15" @click="click_onelevel('88')">内部治安安全</td>
-        <td rowspan="4" @click="click_twolevel('89')">企业三防基础数据</td>
+        <td rowspan="15">内部治安安全</td>
+        <td rowspan="4">企业三防基础数据</td>
         <td @click="click_threelevel('90', '2')">企业保卫人员名单</td>
       </tr>
       <tr class="table_body">
@@ -234,7 +234,7 @@
         <td @click="click_threelevel('93', '2')">企业技防设施连入平台情况</td>
       </tr>
       <tr class="table_body">
-        <td rowspan="3" @click="click_twolevel('94')">
+        <td rowspan="3">
           企业各类规章制度、应急预案、应急演练
         </td>
         <td @click="click_threelevel('95', '2')">规章制度</td>
@@ -246,7 +246,7 @@
         <td @click="click_threelevel('97', '2')">应急演练</td>
       </tr>
       <tr class="table_body">
-        <td rowspan="3" @click="click_twolevel('98')">部门检查及系统研判</td>
+        <td rowspan="3">部门检查及系统研判</td>
         <td @click="click_threelevel('99', '2')">部门检查合格进行评分</td>
       </tr>
       <tr class="table_body">
@@ -260,14 +260,14 @@
         </td>
       </tr>
       <tr class="table_body">
-        <td rowspan="2" @click="click_twolevel('102')">企业整改</td>
+        <td rowspan="2">企业整改</td>
         <td @click="click_threelevel('103', '1')">企业反馈整改完成</td>
       </tr>
       <tr class="table_body">
         <td @click="click_threelevel('104', '1')">企业反馈整改未完成</td>
       </tr>
       <tr class="table_body">
-        <td rowspan="3" @click="click_twolevel('105')">
+        <td rowspan="3">
           企业发生的案件及企业员工涉及的案件
         </td>
         <td @click="click_threelevel('106', '1')">
@@ -282,15 +282,15 @@
       </tr>
       <!-- 道路安全 -->
       <tr class="table_body">
-        <td rowspan="13" @click="click_onelevel('109')">道路安全</td>
-        <td rowspan="2" @click="click_twolevel('110')">源头检查</td>
+        <td rowspan="13">道路安全</td>
+        <td rowspan="2">源头检查</td>
         <td @click="click_threelevel('111', '1')">区内企业评分</td>
       </tr>
       <tr class="table_body">
         <td @click="click_threelevel('112', '1')">区外企业评分</td>
       </tr>
       <tr class="table_body">
-        <td rowspan="5" @click="click_twolevel('113')">违章数据</td>
+        <td rowspan="5">违章数据</td>
         <td @click="click_threelevel('114', '1')">违停</td>
       </tr>
       <tr class="table_body">
@@ -306,21 +306,21 @@
         <td @click="click_threelevel('118', '1')">闯红灯</td>
       </tr>
       <tr class="table_body">
-        <td rowspan="2" @click="click_twolevel('119')">交通事故</td>
+        <td rowspan="2">交通事故</td>
         <td @click="click_threelevel('120', '1')">经损事故</td>
       </tr>
       <tr class="table_body">
         <td @click="click_threelevel('121', '1')">伤亡事故</td>
       </tr>
       <tr class="table_body">
-        <td rowspan="2" @click="click_twolevel('122')">企业整改</td>
+        <td rowspan="2">企业整改</td>
         <td @click="click_threelevel('123', '1')">反馈整改完成</td>
       </tr>
       <tr class="table_body">
         <td @click="click_threelevel('124', '1')">反馈整改未完成</td>
       </tr>
       <tr class="table_body">
-        <td rowspan="2" @click="click_twolevel('125')">企业周边交通设施检查</td>
+        <td rowspan="2">企业周边交通设施检查</td>
         <td @click="click_threelevel('126', '1')">设施完善</td>
       </tr>
       <tr class="table_body">
@@ -328,8 +328,8 @@
       </tr>
       <!-- 防攻击安全 -->
       <tr class="table_body">
-        <td rowspan="16" @click="click_onelevel('128')">防攻击安全</td>
-        <td rowspan="6" @click="click_twolevel('129')">企业人防达标情况</td>
+        <td rowspan="16">防攻击安全</td>
+        <td rowspan="6">企业人防达标情况</td>
         <td @click="click_threelevel('130', '2')">
           重要岗位人员是否进行安全背景调查
         </td>
@@ -350,7 +350,7 @@
         <td @click="click_threelevel('135', '2')">是否定期开展实战演练</td>
       </tr>
       <tr class="table_body">
-        <td rowspan="3" @click="click_twolevel('136')">企业物防达标情况</td>
+        <td rowspan="3">企业物防达标情况</td>
         <td @click="click_threelevel('137', '2')">是否有实体防护设施</td>
       </tr>
       <tr class="table_body">
@@ -362,7 +362,7 @@
         </td>
       </tr>
       <tr class="table_body">
-        <td rowspan="3" @click="click_twolevel('140')">企业技防达标情况</td>
+        <td rowspan="3">企业技防达标情况</td>
         <td @click="click_threelevel('141', '2')">
           是否全方位安装视频监控系统
         </td>
@@ -376,14 +376,14 @@
         </td>
       </tr>
       <tr class="table_body">
-        <td rowspan="2" @click="click_twolevel('144')">企业整改情况</td>
+        <td rowspan="2">企业整改情况</td>
         <td @click="click_threelevel('145', '1')">企业反馈完成整改</td>
       </tr>
       <tr class="table_body">
         <td @click="click_threelevel('146', '1')">企业反馈未完成整改</td>
       </tr>
       <tr class="table_body">
-        <td rowspan="2" @click="click_twolevel('147')">
+        <td rowspan="2">
           企业定期开展反恐实战演练、培训
         </td>
         <td @click="click_threelevel('148', '2')">是否定期开展反恐实战演练</td>
@@ -393,23 +393,23 @@
       </tr>
       <!-- 网络安全 -->
       <tr class="table_body">
-        <td rowspan="10" @click="click_onelevel('150')">网络安全</td>
-        <td rowspan="2" @click="click_twolevel('151')">漏洞整改</td>
+        <td rowspan="10">网络安全</td>
+        <td rowspan="2">漏洞整改</td>
         <td @click="click_threelevel('152', '1')">反馈整改完成</td>
       </tr>
       <tr class="table_body">
         <td @click="click_threelevel('153', '1')">反馈整改未完成</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_twolevel('154')">行政案件</td>
+        <td>行政案件</td>
         <td @click="click_threelevel('155', '2')">是否有过行政处罚</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_twolevel('156')">重大网络安全事件</td>
+        <td>重大网络安全事件</td>
         <td @click="click_threelevel('157', '2')">是否发生过</td>
       </tr>
       <tr class="table_body">
-        <td rowspan="3" @click="click_twolevel('158')">网站应急系统备案</td>
+        <td rowspan="3">网站应急系统备案</td>
         <td @click="click_threelevel('159', '2')">网站备案</td>
       </tr>
       <tr class="table_body">
@@ -419,11 +419,11 @@
         <td @click="click_threelevel('161', '2')">应用评估</td>
       </tr>
       <tr class="table_body">
-        <td @click="click_twolevel('162')">等保定级评审</td>
+        <td>等保定级评审</td>
         <td @click="click_threelevel('163', '2')">等保定级评审完成/未完成</td>
       </tr>
       <tr class="table_body">
-        <td rowspan="2" @click="click_twolevel('164')">企业演习、培训</td>
+        <td rowspan="2">企业演习、培训</td>
         <td @click="click_threelevel('165', '2')">应急演练</td>
       </tr>
       <tr class="table_body">
@@ -466,46 +466,6 @@ export default {
     //     this.display_data = res.data;
     //   });
     // },
-    // 一级指标点击事件
-    click_onelevel(id) {
-      let obj = document.querySelectorAll("td");
-      let index = 0;
-      if (id < 6) {
-        index = id - 3;
-      } else {
-        index = id - 4;
-      }
-      obj.forEach((item) => {
-        item.className = "";
-      });
-      obj[index].className = "lightcolor";
-      // const massage = {
-      //   safeRuleId: id,
-      //   level: "1",
-      // };
-      // this.$emit("back", massage);
-      // bus.$emit("send", massage); // 传给一级指标详情
-    },
-    // 二级点击事件
-    click_twolevel(id) {
-      let obj = document.querySelectorAll("td");
-      let index = 0;
-      if (id < 6) {
-        index = id - 3;
-      } else {
-        index = id - 4;
-      }
-      obj.forEach((item) => {
-        item.className = "";
-      });
-      obj[index].className = "lightcolor";
-      // const massage = {
-      //   safeRuleId: id,
-      //   level: "2",
-      // };
-      // this.$emit("back", massage);
-      // bus.$emit("send", massage); // 传给二级指标详情
-    },
     // 三级点击事件
     click_threelevel(id, num) {
       const massage = {