<template>
  <div class="home" @click="isShowDeploySearchEnterprisesReuslt = false">
    <div :class="{ hide: !isFilterPointer }" class="head-wrapper">
      <div class="funcItems">
        <div class="funcLeftItems">
          <div
            :class="{ active: mapActiveIndex === 1 }"
            class="urgentfunc"
            @click="urgentFuncClick"
          >
            风险分级管控
          </div>
          <div
            :class="{ active: mapActiveIndex === 2 }"
            class="hidedangerfunc"
            @click="hidedangerfuncClick"
          >
            隐患排查治理
          </div>
          <div
            :class="{ active: mapActiveIndex === 3 }"
            class="specialapprovalfunc"
            @click.stop="toSTLink"
          >
            安全教育培训
          </div>
          <div
            :class="{ active: mapActiveIndex === 4 }"
            class="specialdevicefunc"
            @click.stop="specialdevicefunc"
          >
            数据统计分析
          </div>
        </div>
        <div class="funcRightItems">
          <div
            :class="{ active: mapActiveIndex === 8 }"
            class="backendfunc"
            @click.stop="indusInfoWarnFunc"
          >
            行业信息预警
          </div>
          <div
            :class="{ active: mapActiveIndex === 5 }"
            class="datastaticfunc"
            @click.stop="datastaticfunc"
          >
            危险作业备案
          </div>
          <div
            :class="{ active: mapActiveIndex === 6 }"
            class="secureteachfunc"
            @click.stop="secureteachfunc"
          >
            特种设备管理
          </div>
          <div
            :class="{ active: mapActiveIndex === 7 }"
            class="policiesfunc"
            @click.stop="certifiesManage"
          >
            企业证书管理
          </div>
        </div>
        <div class="middleHeaderDecoration" />
      </div>
    </div>
    <div class="container-wrapper">
      <div :class="{ hide: !isFilterPointer }" class="map-wrapper">
        <!--地图容器-->
        <div id="container" />
        <!-- 重要工作部署 -->
        <div class="worker-deploy1" @click.stop="policiesfunc">
          <div class="worker-deploy-icon1" />
          <span>重要工作部署</span>
        </div>
        <!-- 安全教育培训 -->
        <div v-show="mapActiveIndex === 3" class="secure-teach1-wrapper">
          <div
            class="secure-teach1-item1-wrapper"
            @click.stop="clickToSecureTeachItem1"
          >
            <div class="secure-teach1-item1-sum">416</div>
            <div class="secure-teach1-enterprise1-sum">参加培训企业数量</div>
            <div
              class="secure-teach1-icon1"
              :class="{ active: isCurTeachIndex === 1 }"
            />
          </div>
          <div
            class="secure-teach1-item2-wrapper"
            @click.stop="clickToSecureTeachItem2"
          >
            <div class="secure-teach1-item2-sum">2103</div>
            <div class="secure-teach1-enterprise2-sum">参加总人数</div>
            <div
              class="secure-teach1-icon2"
              :class="{ active: isCurTeachIndex === 2 }"
            />
          </div>
          <div class="decorate-left-top" />
          <div class="decorate-right-bottom" />
        </div>
        <div v-show="mapActiveIndex === 3" class="secure-teach2-wrapper">
          <div
            class="secure-teach2-item1-wrapper"
            @click.stop="clickToSecureTeachItem3"
          >
            <div class="secure-teach2-item1-sum">0</div>
            <div class="secure-teach2-enterprise1-sum">
              今日参加培训企业数量
            </div>
            <div
              class="secure-teach2-icon1"
              :class="{ active: isCurTeachIndex === 3 }"
            />
          </div>
          <div
            class="secure-teach2-item2-wrapper"
            @click.stop="clickToSecureTeachItem4"
          >
            <div class="secure-teach2-item2-sum">0</div>
            <div class="secure-teach2-enterprise2-sum">今日参加总人数</div>
            <div
              class="secure-teach2-icon2"
              :class="{ active: isCurTeachIndex === 4 }"
            />
          </div>
          <div class="decorate-left-top" />
          <div class="decorate-right-bottom" />
        </div>
        <!-- 企业证书管理 -->
        <div v-show="mapActiveIndex === 7" class="certify-manage-wrapper">
          <div
            class="certify-manage-item1-wrapper"
            @click.stop="clickToCertifyItem1"
          >
            <div class="certify-manage-sum">{{dualSystemEnters.length}}</div>
            <div class="certify-manage-title">上传双体系企业数量</div>
            <div
              class="certify-manage-icon certify-icon1"
              :class="{ active: isCurCertifyIndex === 1 }"
            />
          </div>
          <div
            class="certify-manage-item2-wrapper"
            @click.stop="clickToCertifyItem2"
          >
            <div class="certify-manage-sum">{{emergencyPlanEnters.length}}</div>
            <div class="certify-manage-title">上传应急预案企业数量</div>
            <div
              class="certify-manage-icon certify-icon2"
              :class="{ active: isCurCertifyIndex === 2 }"
            />
          </div>
          <div
            class="certify-manage-item3-wrapper"
            @click.stop="clickToCertifyItem3"
          >
            <div class="certify-manage-sum">{{standardization.length}}</div>
            <div class="certify-manage-title">上传标准化企业数量</div>
            <div
              class="certify-manage-icon certify-icon3"
              :class="{ active: isCurCertifyIndex === 3 }"
            />
          </div>
        </div>
        <!--右下角的地图类型切换和隐患标识-->
        <div
          v-show="mapActiveIndex !== 4 && mapActiveIndex !== 8"
          class="satelliteorgis-wrapper"
        >
          <div
            :class="{ active: isregularMap }"
            class="regularmapstyle"
            @click="changemapstyle(true)"
          >
            常规地图
          </div>
          <div
            :class="{ active: !isregularMap }"
            class="satellitemapstyle"
            @click="changemapstyle(false)"
          >
            卫星地图
          </div>
          <div class="backitemstyle" @click.stop="backendfunc">后台管理</div>
          <!-- <div class="hidedanger-identification" @click="hdidentifychange">
            <div :class="{active: isShowhdidentify}" class="hd-block" />
            <div class="hd-title">隐患标识</div>
          </div> -->
        </div>
        <!-- 四个风险 -->
        <div v-show="mapActiveIndex === 1" class="riskTypes">
          <div
            ref="risktypes1"
            :class="{ active: riskTypeIndex === 1 }"
            class="majorrisk-survey-wrapper"
            @click.stop="clickMajorRisk"
          >
            <div class="majorrisk-survey-degrees">
              {{ majorRiskAllDegrees
              }}<span style="font-size: 24px;font-weight: normal;">家</span>
            </div>
            <div class="majorrisk-survey-title">重大风险</div>
          </div>
          <div
            ref="risktypes2"
            :class="{ active: riskTypeIndex === 2 }"
            class="greaterrisk-survey-wrapper"
            @click.stop="clickGreaterRisk"
          >
            <div class="greaterrisk-survey-degrees">
              {{ greaterRiskAllDegrees
              }}<span style="font-size: 24px;font-weight: normal;">家</span>
            </div>
            <div class="greaterrisk-survey-title">较大风险</div>
          </div>
          <div
            ref="risktypes3"
            :class="{ active: riskTypeIndex === 3 }"
            class="generalrisk-survey-wrapper"
            @click.stop="clickGeneralRisk"
          >
            <div class="generalrisk-survey-degrees">
              {{ generalRiskAllDegrees
              }}<span style="font-size: 24px;font-weight: normal;">家</span>
            </div>
            <div class="generalrisk-survey-title">一般风险</div>
          </div>
          <div
            ref="risktypes4"
            :class="{ active: riskTypeIndex === 4 }"
            class="lowrisk-survey-wrapper"
            @click.stop="clickLowRisk"
          >
            <div class="lowrisk-survey-degrees">
              {{ lowRiskAllDegrees
              }}<span style="font-size: 24px;font-weight: normal;">家</span>
            </div>
            <div class="lowrisk-survey-title">低风险</div>
          </div>
          <!-- 左上角装饰 -->
          <div class="riskTypes-left-top-dec" />
          <!-- 左下角装饰 -->
          <div class="riskTypes-left-bottom-dec" />
          <!-- 右下角装饰 -->
          <div class="riskTypes-right-bottom-dec" />
          <!-- 右上角装饰 -->
          <div class="riskTypes-right-top-dec" />
        </div>
        <!-- 三个隐患 -->
        <div v-show="mapActiveIndex === 2" class="dangerTypes">
          <div
            ref="dangertypes1"
            :class="{ active: hdTypeIndex === 1 }"
            class="majorhd-survey-wrapper"
            @click.stop="clickMajorHD"
          >
            <div class="majorhd-survey-degress">
              {{ majorHDDegrees + "家" }}
            </div>
            <div class="majorhd-survey-title">重大隐患</div>
          </div>
          <div
            ref="dangertypes2"
            :class="{ active: hdTypeIndex === 2 }"
            class="generalhd-survey-wrapper"
            @click.stop="clickGeneralHD"
          >
            <div class="generalhd-survey-degrees">
              {{ generalHDDegrees + "家" }}
            </div>
            <div class="generalhd-survey-title">一般隐患</div>
          </div>
          <div
            ref="dangertypes3"
            :class="{ active: hdTypeIndex === 3 }"
            class="overtime-survey-wrapper"
            @click.stop="clickOverExist"
          >
            <div class="overtime-survey-degrees">
              {{ overtimeDegrees + "家" }}
            </div>
            <div class="overtime-survey-title">隐患超期</div>
          </div>
          <!-- 左上角装饰 -->
          <div class="dangerTypes-left-top-dec" />
          <!-- 左下角装饰 -->
          <div class="dangerTypes-left-bottom-dec" />
          <!-- 右上角装饰 -->
          <div class="dangerTypes-right-top-dec" />
          <!-- 右下角装饰 -->
          <div class="dangerTypes-right-bottom-dec" />
        </div>
        <!-- 行业主管部门 -->
        <div v-show="justifyChargeDepart" class="department-indus-wrapper">
          <div class="department-indus-title-wrapper">行业主管部门</div>
          <div class="department-indus-content-wrapper">
            <!-- <div class="department-indus-content-item">经发局（应急局）
              <svg class="arrow-to-right" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2070" width="24" height="24"><path d="M698.181818 546.909091a35.141818 35.141818 0 0 1-24.669091-10.24l-372.363636-372.363636a34.909091 34.909091 0 0 1 49.338182-49.338182l372.363636 372.363636a34.676364 34.676364 0 0 1 0 49.338182 35.141818 35.141818 0 0 1-24.669091 10.24z" p-id="2071" fill="currentColor" /><path d="M325.818182 919.272727a35.141818 35.141818 0 0 1-24.669091-10.24 34.676364 34.676364 0 0 1 0-49.338182l372.363636-372.363636a34.909091 34.909091 0 0 1 49.338182 49.338182l-372.363636 372.363636a35.141818 35.141818 0 0 1-24.669091 10.24z" p-id="2072" fill="currentColor" /></svg>
            </div> -->
            <div
              v-for="(item, index) in curDepartIndusEnters"
              :key="item.depart"
              :class="{ active: curSelectDepartmentIndex === index }"
              class="department-indus-content-item"
              @click.stop="departIndusClick(item, index)"
            >
              {{ item.depart + "(" + departmentNum[index] + ")" }}
              <svg
                class="arrow-to-right"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="2070"
                width="24"
                height="24"
              >
                <path
                  d="M698.181818 546.909091a35.141818 35.141818 0 0 1-24.669091-10.24l-372.363636-372.363636a34.909091 34.909091 0 0 1 49.338182-49.338182l372.363636 372.363636a34.676364 34.676364 0 0 1 0 49.338182 35.141818 35.141818 0 0 1-24.669091 10.24z"
                  p-id="2071"
                  fill="currentColor"
                />
                <path
                  d="M325.818182 919.272727a35.141818 35.141818 0 0 1-24.669091-10.24 34.676364 34.676364 0 0 1 0-49.338182l372.363636-372.363636a34.909091 34.909091 0 0 1 49.338182 49.338182l-372.363636 372.363636a35.141818 35.141818 0 0 1-24.669091 10.24z"
                  p-id="2072"
                  fill="currentColor"
                />
              </svg>
            </div>
          </div>
        </div>
        <!-- 行业分类 -->
        <div
          v-show="justifyChargeDepart && justifyIndusShow"
          class="indus-types-wrapper"
        >
          <div class="indus-types-title-wrapper">行业分类</div>
          <div class="indus-types-content-wrapper">
            <div
              v-for="(item, index) in curIndusEnters"
              :key="item.indus"
              :class="{ active: curSelectIndusIndex === index }"
              class="indus-types-content-item"
              @click.stop="indusClick(item, index)"
            >
              {{ item.indus + "(" + item.coms.length + ")" }}
              <svg
                class="arrow-to-right"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="2070"
                width="24"
                height="24"
              >
                <path
                  d="M698.181818 546.909091a35.141818 35.141818 0 0 1-24.669091-10.24l-372.363636-372.363636a34.909091 34.909091 0 0 1 49.338182-49.338182l372.363636 372.363636a34.676364 34.676364 0 0 1 0 49.338182 35.141818 35.141818 0 0 1-24.669091 10.24z"
                  p-id="2071"
                  fill="currentColor"
                />
                <path
                  d="M325.818182 919.272727a35.141818 35.141818 0 0 1-24.669091-10.24 34.676364 34.676364 0 0 1 0-49.338182l372.363636-372.363636a34.909091 34.909091 0 0 1 49.338182 49.338182l-372.363636 372.363636a35.141818 35.141818 0 0 1-24.669091 10.24z"
                  p-id="2072"
                  fill="currentColor"
                />
              </svg>
            </div>
          </div>
        </div>
        <!-- 企业列表 -->
        <div
          v-show="
            justifyEnterpriseShow && justifyIndusShow && justifyChargeDepart
          "
          class="enter-list-wrapper"
        >
          <div class="enter-list-title-wrapper">企业列表</div>
          <div class="enter-list-content-wrapper">
            <div
              v-for="(item, index) in curEnters"
              :key="item.companyId"
              :class="{ active: index === curSelectEnterIndex }"
              class="enter-list-content-item"
              @click.stop="enterClick(item, index)"
            >
              {{ item.companyName }}
              <svg
                class="arrow-to-right"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="2070"
                width="24"
                height="24"
              >
                <path
                  d="M698.181818 546.909091a35.141818 35.141818 0 0 1-24.669091-10.24l-372.363636-372.363636a34.909091 34.909091 0 0 1 49.338182-49.338182l372.363636 372.363636a34.676364 34.676364 0 0 1 0 49.338182 35.141818 35.141818 0 0 1-24.669091 10.24z"
                  p-id="2071"
                  fill="currentColor"
                />
                <path
                  d="M325.818182 919.272727a35.141818 35.141818 0 0 1-24.669091-10.24 34.676364 34.676364 0 0 1 0-49.338182l372.363636-372.363636a34.909091 34.909091 0 0 1 49.338182 49.338182l-372.363636 372.363636a35.141818 35.141818 0 0 1-24.669091 10.24z"
                  p-id="2072"
                  fill="currentColor"
                />
              </svg>
            </div>
          </div>
        </div>
        <!-- 证书管理 -->
        <div v-show="isShowCertifyList && mapActiveIndex === 7" class="certify-list-wrapper">
          <div class="certify-list-title-wrapper">证书列表</div>
          <div class="certify-list-content-wrapper">
            <div
              v-for="(item, index) in certifies"
              :key="item.filePath"
              :class="{ active: index === curSelectCertifyIndex }"
              class="certify-list-content-item"
              @click.stop="certifyClick(item, index)"
            >
              {{ item.name }}
              <svg
                class="arrow-to-right"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="2070"
                width="24"
                height="24"
              >
                <path
                  d="M698.181818 546.909091a35.141818 35.141818 0 0 1-24.669091-10.24l-372.363636-372.363636a34.909091 34.909091 0 0 1 49.338182-49.338182l372.363636 372.363636a34.676364 34.676364 0 0 1 0 49.338182 35.141818 35.141818 0 0 1-24.669091 10.24z"
                  p-id="2071"
                  fill="currentColor"
                />
                <path
                  d="M325.818182 919.272727a35.141818 35.141818 0 0 1-24.669091-10.24 34.676364 34.676364 0 0 1 0-49.338182l372.363636-372.363636a34.909091 34.909091 0 0 1 49.338182 49.338182l-372.363636 372.363636a35.141818 35.141818 0 0 1-24.669091 10.24z"
                  p-id="2072"
                  fill="currentColor"
                />
              </svg>
            </div>
          </div>
        </div>
        <!-- 备案列表 -->
        <div v-show="isShowDangerList && mapActiveIndex === 5" class="danger-list-wrapper">
          <div class="danger-list-title-wrapper">备案列表</div>
          <div class="danger-list-content-wrapper">
            <div
              v-for="(item, index) in dangers"
              :key="item.filePath"
              :class="{ active: index === curSelectDangerIndex }"
              class="certify-list-content-item"
              @click.stop="dangerClick(item, index)"
            >
              {{ item.name }}
              <svg
                class="arrow-to-right"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="2070"
                width="24"
                height="24"
              >
                <path
                  d="M698.181818 546.909091a35.141818 35.141818 0 0 1-24.669091-10.24l-372.363636-372.363636a34.909091 34.909091 0 0 1 49.338182-49.338182l372.363636 372.363636a34.676364 34.676364 0 0 1 0 49.338182 35.141818 35.141818 0 0 1-24.669091 10.24z"
                  p-id="2071"
                  fill="currentColor"
                />
                <path
                  d="M325.818182 919.272727a35.141818 35.141818 0 0 1-24.669091-10.24 34.676364 34.676364 0 0 1 0-49.338182l372.363636-372.363636a34.909091 34.909091 0 0 1 49.338182 49.338182l-372.363636 372.363636a35.141818 35.141818 0 0 1-24.669091 10.24z"
                  p-id="2072"
                  fill="currentColor"
                />
              </svg>
            </div>
          </div>
        </div>
        <!-- 重要工作部署 -->
        <div
          v-show="mapActiveIndex === 9"
          class="import-work-deployment-wrapper"
        >
          <div class="import-work-deployment-title">重要工作部署</div>
          <div class="department-selection-wrapper">
            <div class="department-selection-title">
              按行业主管部门选择:&nbsp;
            </div>
            <div
              class="department-selection-item-wrapper"
              @click.stop="
                curSelectDeployChargeIndex === 0
                  ? (curSelectDeployChargeIndex = -1)
                  : (curSelectDeployChargeIndex = 0)
              "
            >
              <div
                class="department-selection-check"
                :class="{ active: curSelectDeployChargeIndex === 0 }"
              />
              <div class="department-selection-item">全选</div>
            </div>
            <div
              class="department-selection-item-wrapper"
              @click.stop="
                curSelectDeployChargeIndex === 1
                  ? (curSelectDeployChargeIndex = -1)
                  : (curSelectDeployChargeIndex = 1)
              "
            >
              <div
                class="department-selection-check"
                :class="{ active: curSelectDeployChargeIndex === 1 }"
              />
              <div class="department-selection-item">经发局（应急局）</div>
            </div>
            <div
              class="department-selection-item-wrapper"
              @click.stop="
                curSelectDeployChargeIndex === 2
                  ? (curSelectDeployChargeIndex = -1)
                  : (curSelectDeployChargeIndex = 2)
              "
            >
              <div
                class="department-selection-check"
                :class="{ active: curSelectDeployChargeIndex === 2 }"
              />
              <div class="department-selection-item">建设局</div>
            </div>
            <div
              class="department-selection-item-wrapper"
              @click.stop="
                curSelectDeployChargeIndex === 3
                  ? (curSelectDeployChargeIndex = -1)
                  : (curSelectDeployChargeIndex = 3)
              "
            >
              <div
                class="department-selection-check"
                :class="{ active: curSelectDeployChargeIndex === 3 }"
              />
              <div class="department-selection-item">市场监督管理局</div>
            </div>
            <div
              class="department-selection-item-wrapper"
              @click.stop="
                curSelectDeployChargeIndex === 4
                  ? (curSelectDeployChargeIndex = -1)
                  : (curSelectDeployChargeIndex = 4)
              "
            >
              <div
                class="department-selection-check"
                :class="{ active: curSelectDeployChargeIndex === 4 }"
              />
              <div class="department-selection-item">生态环境局</div>
            </div>
            <div
              class="department-selection-item-wrapper"
              @click.stop="
                curSelectDeployChargeIndex === 5
                  ? (curSelectDeployChargeIndex = -1)
                  : (curSelectDeployChargeIndex = 5)
              "
            >
              <div
                class="department-selection-check"
                :class="{ active: curSelectDeployChargeIndex === 5 }"
              />
              <div class="department-selection-item">商务局</div>
            </div>
          </div>
          <div class="indus-selection-wrapper">
            <div class="indus-selection-title">按行业分类选择:&nbsp;</div>
            <div class="indus-selection">
              <el-select
                v-model="curSelectIndusesByDeployment"
                multiple
                placeholder="请选择"
              >
                <el-option
                  v-for="item in curAllInduses"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                />
              </el-select>
            </div>
            <div class="decangle-to-deployment">
              <svg
                data-v-57ae6488=""
                t="1630310819989"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="4543"
                width="20"
                height="20"
                class="icon"
              >
                <path
                  data-v-57ae6488=""
                  d="M512.2 881l384-665H128.3z"
                  p-id="4544"
                  fill="#00FFFF"
                />
              </svg>
            </div>
          </div>
          <div class="search-deploy-entryname-wrapper">
            <div class="search-deploy-entername">按公司名称来搜索:</div>
            <div class="search-deploy-wrapper">
              <div class="search-icon">
                <svg
                  t="1634104736708"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="2533"
                  width="20"
                  height="20"
                >
                  <path
                    d="M938.64603 886.273219l-173.071777-173.074847c53.665247-63.987337 86.075401-146.400325 86.075401-236.446154 0-203.406666-164.895561-368.298134-368.301204-368.298134-203.409736 0-368.302227 164.892491-368.302227 368.298134 0 203.409736 164.892491 368.302227 368.302227 368.302227 89.246627 0 171.055864-31.767518 234.798631-84.579327l173.148525 173.148525c1.576915 1.576915 8.15575-2.443655 14.6957-8.979512l23.675212-23.675212C936.205445 894.428969 940.222945 887.850134 938.64603 886.273219zM483.347426 778.093381c-166.425404 0-301.338093-134.912689-301.338093-301.338093s134.912689-301.338093 301.338093-301.338093S784.685519 310.329884 784.685519 476.755288 649.773853 778.093381 483.347426 778.093381z"
                    p-id="2534"
                    fill="#00E1EA"
                  />
                </svg>
              </div>
              <div
                class="search-deploy-name"
                contenteditable
                spellcheck="true"
                @compositionend="toSearchDeployEnters"
              />
              <div
                v-show="isShowDeploySearchEnterprisesReuslt"
                class="search-enterprises-result-wrapper"
              >
                <div
                  v-for="item in curDeployEnterpriseResult"
                  class="search-enterprises-result-item"
                >
                  {{ item.companyName }}
                </div>
              </div>
            </div>
          </div>
          <div class="two-content-wrapper">
            <div class="cur-search-entryname-wrapper">
              <div
                class="choose-all-entryname"
                @click.stop="
                  curSelectDeployEnterpriseIndex === -1
                    ? (curSelectDeployEnterpriseIndex = -2)
                    : (curSelectDeployEnterpriseIndex = -1)
                "
              >
                <div
                  class="search-block-check"
                  :class="{ active: curSelectDeployEnterpriseIndex === -1 }"
                />
                <div class="choose-all">全选</div>
              </div>
              <div class="cur-search-second-wrapper">
                <div
                  v-for="item in curAllSerchEntries"
                  class="cur-search-second-item"
                  @click.stop="item.checked = !item.checked"
                >
                  <div
                    class="search-block-check"
                    :class="{ active: item.checked }"
                  />
                  <div class="cur-search-entry-name">{{ item.name }}</div>
                </div>
              </div>
            </div>
            <div class="content-publish-wrapper">
              <div class="content-publish-title-wrapper">
                <div class="content-publish-icon-dec" />
                <div class="content-publish-title">内容发布</div>
              </div>
              <div class="content-publish-biaoti-wrapper">
                <div class="content-publish-biaoti-title">标题</div>
                <div
                  class="content-publish-biaoti"
                  contenteditable
                  spellcheck="false"
                />
              </div>
              <div class="content-publish-neirong-wrapper">
                <div class="content-pubish-neirong-title">内容</div>
                <div
                  class="content-publish-neirong"
                  contenteditable
                  spellcheck="false"
                />
              </div>
              <div class="cotent-publish-send-wrapper">
                <div class="content-publish-send">发送</div>
              </div>
            </div>
          </div>
        </div>
        <!-- 行业信息预警 -->
        <div
          v-show="mapActiveIndex === 8"
          class="hd-info-to-enter-vocabulary-wrapper"
        >
          <div class="hd-info-to-enter-title">隐患频次排行</div>
          <div
            v-for="(item, index) in vocabulary"
            :key="index"
            class="hd-info-to-enter-vocabulary-item"
            @click.stop="findHDKWDepart(item.kw)"
          >
            <div class="hd-info-to-enter-vocabulary">
              {{ index + 1 + ". " + item.kw + " (" + item.company_count + ")" }}
            </div>
            <div class="hd-info-to-enter-vocabulary-progress-wrapper">
              <div
                class="hd-info-to-enter-vocabulary-progress"
                :style="{
                  width:
                    (300 * item.company_count) / vocabulary[0].company_count +
                    'px'
                }"
              />
              <div class="hd-info-to-enter-vocabulary-progress-sum">
                {{ item.company_count + "次" }}
              </div>
            </div>
          </div>
        </div>
        <!-- 行业信息预警 行业主管部门 -->
        <div
          v-show="mapActiveIndex === 8 && isShowHDKWIndusDepart"
          class="info-department-indus-wrapper"
        >
          <div class="department-indus-title-wrapper">行业主管部门</div>
          <div class="department-indus-content-wrapper">
            <!-- <div class="department-indus-content-item">经发局（应急局）
              <svg class="arrow-to-right" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2070" width="24" height="24"><path d="M698.181818 546.909091a35.141818 35.141818 0 0 1-24.669091-10.24l-372.363636-372.363636a34.909091 34.909091 0 0 1 49.338182-49.338182l372.363636 372.363636a34.676364 34.676364 0 0 1 0 49.338182 35.141818 35.141818 0 0 1-24.669091 10.24z" p-id="2071" fill="currentColor" /><path d="M325.818182 919.272727a35.141818 35.141818 0 0 1-24.669091-10.24 34.676364 34.676364 0 0 1 0-49.338182l372.363636-372.363636a34.909091 34.909091 0 0 1 49.338182 49.338182l-372.363636 372.363636a35.141818 35.141818 0 0 1-24.669091 10.24z" p-id="2072" fill="currentColor" /></svg>
            </div> -->
            <!-- :class="{active: curSelectDepartmentIndex === index}" -->
            <div
              v-for="(item, index) in HDKWDepartArray"
              :key="item.icd_name"
              :class="{ active: curSelectHDKWDepartIndex === index }"
              class="department-indus-content-item"
              @click.stop="HDKWDepartClick(item, index)"
            >
              {{ item.icd_name + "(" + item.count + ")" }}
              <svg
                class="arrow-to-right"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="2070"
                width="24"
                height="24"
              >
                <path
                  d="M698.181818 546.909091a35.141818 35.141818 0 0 1-24.669091-10.24l-372.363636-372.363636a34.909091 34.909091 0 0 1 49.338182-49.338182l372.363636 372.363636a34.676364 34.676364 0 0 1 0 49.338182 35.141818 35.141818 0 0 1-24.669091 10.24z"
                  p-id="2071"
                  fill="currentColor"
                />
                <path
                  d="M325.818182 919.272727a35.141818 35.141818 0 0 1-24.669091-10.24 34.676364 34.676364 0 0 1 0-49.338182l372.363636-372.363636a34.909091 34.909091 0 0 1 49.338182 49.338182l-372.363636 372.363636a35.141818 35.141818 0 0 1-24.669091 10.24z"
                  p-id="2072"
                  fill="currentColor"
                />
              </svg>
            </div>
          </div>
        </div>
        <!-- 行业信息预警 行业分类 -->
        <div
          v-show="mapActiveIndex === 8 && isShowHDKWIndusTypes"
          class="info-indus-types-wrapper"
        >
          <div class="indus-types-title-wrapper">行业分类</div>
          <div class="indus-types-content-wrapper">
            <!-- <div class="indus-types-content-item">危险化工品
              <svg class="arrow-to-right" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2070" width="24" height="24"><path d="M698.181818 546.909091a35.141818 35.141818 0 0 1-24.669091-10.24l-372.363636-372.363636a34.909091 34.909091 0 0 1 49.338182-49.338182l372.363636 372.363636a34.676364 34.676364 0 0 1 0 49.338182 35.141818 35.141818 0 0 1-24.669091 10.24z" p-id="2071" fill="currentColor" /><path d="M325.818182 919.272727a35.141818 35.141818 0 0 1-24.669091-10.24 34.676364 34.676364 0 0 1 0-49.338182l372.363636-372.363636a34.909091 34.909091 0 0 1 49.338182 49.338182l-372.363636 372.363636a35.141818 35.141818 0 0 1-24.669091 10.24z" p-id="2072" fill="currentColor" /></svg>
            </div> -->
            <!-- v-show="item.coms && item.coms.length > 0" -->
            <div
              v-for="(item, index) in HDKWIndusArray"
              :key="item.indus"
              :class="{ active: curSelectHDKWIndusIndex === index }"
              class="indus-types-content-item"
              @click.stop="HDKWIndusClick(item, index)"
            >
              {{ item.industry_name + "(" + item.count + ")" }}
              <svg
                class="arrow-to-right"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="2070"
                width="24"
                height="24"
              >
                <path
                  d="M698.181818 546.909091a35.141818 35.141818 0 0 1-24.669091-10.24l-372.363636-372.363636a34.909091 34.909091 0 0 1 49.338182-49.338182l372.363636 372.363636a34.676364 34.676364 0 0 1 0 49.338182 35.141818 35.141818 0 0 1-24.669091 10.24z"
                  p-id="2071"
                  fill="currentColor"
                />
                <path
                  d="M325.818182 919.272727a35.141818 35.141818 0 0 1-24.669091-10.24 34.676364 34.676364 0 0 1 0-49.338182l372.363636-372.363636a34.909091 34.909091 0 0 1 49.338182 49.338182l-372.363636 372.363636a35.141818 35.141818 0 0 1-24.669091 10.24z"
                  p-id="2072"
                  fill="currentColor"
                />
              </svg>
            </div>
          </div>
        </div>
        <!-- 行业信息预警 企业列表 -->
        <div
          v-show="mapActiveIndex === 8 && isShowHDKWEnterLists"
          class="info-enter-list-wrapper"
        >
          <div class="enter-list-title-wrapper">企业列表</div>
          <div class="enter-list-content-wrapper">
            <div
              v-for="(item, index) in HDKWEntryArray"
              :key="item.companyId"
              :class="{ active: index === curSelectEnterIndex }"
              class="enter-list-content-item"
              @click.stop="HDKWEntryClick(item, index)"
            >
              {{ item.company_name }}
              <svg
                class="arrow-to-right"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="2070"
                width="24"
                height="24"
              >
                <path
                  d="M698.181818 546.909091a35.141818 35.141818 0 0 1-24.669091-10.24l-372.363636-372.363636a34.909091 34.909091 0 0 1 49.338182-49.338182l372.363636 372.363636a34.676364 34.676364 0 0 1 0 49.338182 35.141818 35.141818 0 0 1-24.669091 10.24z"
                  p-id="2071"
                  fill="currentColor"
                />
                <path
                  d="M325.818182 919.272727a35.141818 35.141818 0 0 1-24.669091-10.24 34.676364 34.676364 0 0 1 0-49.338182l372.363636-372.363636a34.909091 34.909091 0 0 1 49.338182 49.338182l-372.363636 372.363636a35.141818 35.141818 0 0 1-24.669091 10.24z"
                  p-id="2072"
                  fill="currentColor"
                />
              </svg>
            </div>
          </div>
        </div>
        <div
          v-show="isShowRiskHDEnterList"
          class="check-indus-enter-enter-wrapper"
          @click.stop=""
        >
          <div class="check-indus-enter-enter-tools-wrapper">
            <div class="check-indus-enter-enter-list-wrapper">企业列表</div>
          </div>
          <div class="check-indus-enter-enter-item-wrapper">
            <div
              v-for="item in riskhdEnter"
              :key="item.companyId"
              class="check-indus-enter-enter-item"
              @click="mapToEnterPos(item)"
            >
              {{ item.companyName }}
            </div>
          </div>
        </div>
        <!--
          数据大屏
        -->
        <div v-show="mapActiveIndex === 4" class="wrapper-data-top-analysis">
          <!--
            安全监管指标
          -->
          <div v-show="mapActiveIndex === 4" class="safety-supervision-index">
            <!-- 安全监管标题 -->
            <div class="safety-supervision-index-title-wrapper">
              安全监管指标
              <div class="safety-supervision-index-icon" />
            </div>
            <!-- 安全监管指标内容 -->
            <div class="safety-supervision-index-items-wrapper">
              <div class="safety-supervision-index-item">
                <div
                  class="safety-supervision-index-item-icon safety-supervision-index-item-icon1"
                />
                <div class="safety-supervision-index-degrees">
                  <div class="safety-supervision-index-degree">
                    {{ index1 }}
                  </div>
                  <div class="safety-supervision-index-title">企业数量</div>
                </div>
              </div>
              <div class="safety-supervision-index-item">
                <div
                  class="safety-supervision-index-item-icon safety-supervision-index-item-icon2"
                />
                <div class="safety-supervision-index-degrees">
                  <div class="safety-supervision-index-degree">
                    {{ index2 }}
                  </div>
                  <div class="safety-supervision-index-title">重大风险企业</div>
                </div>
              </div>
              <div class="safety-supervision-index-item">
                <div
                  class="safety-supervision-index-item-icon safety-supervision-index-item-icon3"
                />
                <div class="safety-supervision-index-degrees">
                  <div class="safety-supervision-index-degree">
                    {{ index3 }}
                  </div>
                  <div class="safety-supervision-index-title">风险总量</div>
                </div>
              </div>
              <div class="safety-supervision-index-item">
                <div
                  class="safety-supervision-index-item-icon safety-supervision-index-item-icon4"
                />
                <div class="safety-supervision-index-degrees">
                  <div class="safety-supervision-index-degree">
                    {{ index4 }}
                  </div>
                  <div class="safety-supervision-index-title">重大风险</div>
                </div>
              </div>
              <div class="safety-supervision-index-item">
                <div
                  class="safety-supervision-index-item-icon safety-supervision-index-item-icon5"
                />
                <div class="safety-supervision-index-degrees">
                  <div class="safety-supervision-index-degree">
                    {{ index5 }}
                  </div>
                  <div class="safety-supervision-index-title">年隐患数量</div>
                </div>
              </div>
              <div class="safety-supervision-index-item">
                <div
                  class="safety-supervision-index-item-icon safety-supervision-index-item-icon6"
                />
                <div class="safety-supervision-index-degrees">
                  <div class="safety-supervision-index-degree">
                    {{ index6 }}
                  </div>
                  <div class="safety-supervision-index-title">未整改隐患</div>
                </div>
              </div>
              <div class="safety-supervision-index-item">
                <div
                  class="safety-supervision-index-item-icon safety-supervision-index-item-icon7"
                />
                <div class="safety-supervision-index-degrees">
                  <div class="safety-supervision-index-degree">
                    {{ index7 }}
                  </div>
                  <div class="safety-supervision-index-title">年隐患整改率</div>
                </div>
              </div>
              <div class="safety-supervision-index-item">
                <div
                  class="safety-supervision-index-item-icon safety-supervision-index-item-icon8"
                />
                <div class="safety-supervision-index-degrees">
                  <div class="safety-supervision-index-degree">
                    {{ index8 }}
                  </div>
                  <div class="safety-supervision-index-title">月新增隐患</div>
                </div>
              </div>
              <div class="safety-supervision-index-item">
                <div
                  class="safety-supervision-index-item-icon safety-supervision-index-item-icon9"
                />
                <div class="safety-supervision-index-degrees">
                  <div class="safety-supervision-index-degree">
                    {{ index9 }}
                  </div>
                  <div class="safety-supervision-index-title">
                    月新增重大隐患
                  </div>
                </div>
              </div>
              <div class="safety-supervision-index-item">
                <div
                  class="safety-supervision-index-item-icon safety-supervision-index-item-icon10"
                />
                <div class="safety-supervision-index-degrees">
                  <div class="safety-supervision-index-degree">
                    {{ index10 }}
                  </div>
                  <div class="safety-supervision-index-title">月隐患整改率</div>
                </div>
              </div>
              <div class="safety-supervision-index-item1">
                <div
                  class="safety-supervision-index-item-icon safety-supervision-index-item-icon11"
                />
                <div class="safety-supervision-index-degrees">
                  <div class="safety-supervision-index-degree">
                    {{ index11.join(",") }}
                  </div>
                  <div class="safety-supervision-index-title">
                    年隐患整改率最低区域
                  </div>
                </div>
              </div>
              <div
                class="safety-supervision-index-item2 safety-supervision-index-icon12"
              />
            </div>
            <!-- 安全监管右下角装饰 -->
            <!-- <div class="safety-supervision-index-points-dec" /> -->
            <!-- 上边装饰 -->
            <!-- <div class="safety-supervision-index-top-dec" /> -->
            <!-- 右边装饰 -->
            <!-- <div class="safety-supervision-index-right-dec" /> -->
          </div>
          <!--
            不同等级风险数量统计
          -->
          <div v-show="mapActiveIndex === 4" class="diff-risk-level-sum-total">
            <!-- 不同等级风险数量统计标题 -->
            <div class="diff-risk-level-sum-title-wrapper">
              不同等级风险数量统计
              <div class="diff-risk-level-sum-title-dec" />
            </div>
            <!-- 不同等级风险数量内容 -->
            <div class="diff-risk-level-sum-content" />
            <!-- 不同等级风险数量内容右下角 -->
            <!-- <div class="diff-risk-level-sum-points-dec" /> -->
            <!-- 不同等级风险数量内容上边装饰 -->
            <!-- <div class="diff-risk-level-sum-top-dec" /> -->
            <!-- 不同等级风险数量内容右边装饰 -->
            <!-- <div class="diff-risk-level-sum-right-dec" /> -->
          </div>
          <!--
            各地区风险数量统计
          -->
          <div v-show="mapActiveIndex === 4" class="diff-area-risk-sum-total">
            <!-- 各地区风险数量统计标题 -->
            <div class="diff-area-risk-sum-title-wrapper">
              各地区风险数量统计
              <div class="diff-area-risk-sum-title-dec" />
            </div>
            <!-- 各地区风险数量内容 -->
            <div class="diff-area-risk-sum-content" />
            <!-- 各地区风险数量内容右下角装饰 -->
            <!-- <div class="diff-area-risk-sum-points-dec" /> -->
            <!-- 各地区风险数量内容上边装饰 -->
            <!-- <div class="diff-area-risk-sum-top-dec" /> -->
            <!-- 各地区风险数量内容右边装饰 -->
            <!-- <div class="diff-area-risk-sum-right-dec" /> -->
          </div>
        </div>
        <!-- 三合一 -->
        <div v-show="mapActiveIndex === 4" class="three-to-one-wrapper">
          <!-- 工具栏 -->
          <div class="tools-toolbar">
            <!--开始时间-->
            <div class="tools-toolbar-start-time">
              <div class="time-icon">
                <svg
                  t="1630310711765"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="3780"
                  width="32"
                  height="32"
                >
                  <path
                    d="M741.486703 273.989189h-116.699099V249.081081a18.45045 18.45045 0 0 0-36.900901 0v24.908108h-149.448649V249.081081a18.45045 18.45045 0 0 0-36.900901 0v24.908108h-116.699099a65.037838 65.037838 0 0 0-65.037838 65.037838v401.297297a65.037838 65.037838 0 0 0 65.037838 65.037838h456.648649a65.037838 65.037838 0 0 0 65.037838-65.037838v-401.297297a65.037838 65.037838 0 0 0-65.037838-65.037838z m28.136937 455.264865a39.207207 39.207207 0 0 1-39.207208 39.207207h-434.508108a39.188757 39.188757 0 0 1-39.207207-39.207207V448.345946h512.922523z m0-317.809009h-512.922523v-61.347748a39.188757 39.188757 0 0 1 39.207207-39.207207h105.628829V333.953153a18.45045 18.45045 0 0 0 36.900901 0v-23.063063h149.448649V333.953153a18.45045 18.45045 0 0 0 36.900901 0v-23.063063h105.628828a39.207207 39.207207 0 0 1 39.207208 39.207207z"
                    p-id="3781"
                    fill="#00FFFF"
                  />
                  <path
                    d="M327.735351 533.218018m18.450451 0l52.343928 0q18.45045 0 18.45045 18.45045l0 2.767568q0 18.45045-18.45045 18.45045l-52.343928 0q-18.45045 0-18.450451-18.45045l0-2.767568q0-18.45045 18.450451-18.45045Z"
                    p-id="3782"
                    fill="#00FFFF"
                  />
                  <path
                    d="M468.530739 533.218018m18.45045 0l52.343928 0q18.45045 0 18.450451 18.45045l0 2.767568q0 18.45045-18.450451 18.45045l-52.343928 0q-18.45045 0-18.45045-18.45045l0-2.767568q0-18.45045 18.45045-18.45045Z"
                    p-id="3783"
                    fill="#00FFFF"
                  />
                  <path
                    d="M609.344577 533.218018m18.45045 0l52.343928 0q18.45045 0 18.45045 18.45045l0 2.767568q0 18.45045-18.45045 18.45045l-52.343928 0q-18.45045 0-18.45045-18.45045l0-2.767568q0-18.45045 18.45045-18.45045Z"
                    p-id="3784"
                    fill="#00FFFF"
                  />
                  <path
                    d="M327.735351 618.496m18.450451 0l52.343928 0q18.45045 0 18.45045 18.45045l0 2.767568q0 18.45045-18.45045 18.45045l-52.343928 0q-18.45045 0-18.450451-18.45045l0-2.767568q0-18.45045 18.450451-18.45045Z"
                    p-id="3785"
                    fill="#00FFFF"
                  />
                  <path
                    d="M468.530739 618.496m18.45045 0l52.343928 0q18.45045 0 18.450451 18.45045l0 2.767568q0 18.45045-18.450451 18.45045l-52.343928 0q-18.45045 0-18.45045-18.45045l0-2.767568q0-18.45045 18.45045-18.45045Z"
                    p-id="3786"
                    fill="#00FFFF"
                  />
                  <path
                    d="M609.344577 618.496m18.45045 0l52.343928 0q18.45045 0 18.45045 18.45045l0 2.767568q0 18.45045-18.45045 18.45045l-52.343928 0q-18.45045 0-18.45045-18.45045l0-2.767568q0-18.45045 18.45045-18.45045Z"
                    p-id="3787"
                    fill="#00FFFF"
                  />
                </svg>
              </div>
              <!-- <div class="time-wrapper">选择开始时间</div> -->
              <el-date-picker
                v-model="startTime"
                type="date"
                placeholder="选择开始时间"
              />
              <div class="pulldown-triangle">
                <svg
                  t="1630310819989"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4543"
                  width="20"
                  height="20"
                >
                  <path
                    d="M512.2 881l384-665H128.3z"
                    p-id="4544"
                    fill="#00FFFF"
                  />
                </svg>
              </div>
            </div>
            <!-- 中间装饰线 -->
            <div class="tools-toolbar-dec-line" />
            <!--结束时间-->
            <div class="tools-toolbar-end-time">
              <div class="time-icon">
                <svg
                  t="1630310711765"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="3780"
                  width="32"
                  height="32"
                >
                  <path
                    d="M741.486703 273.989189h-116.699099V249.081081a18.45045 18.45045 0 0 0-36.900901 0v24.908108h-149.448649V249.081081a18.45045 18.45045 0 0 0-36.900901 0v24.908108h-116.699099a65.037838 65.037838 0 0 0-65.037838 65.037838v401.297297a65.037838 65.037838 0 0 0 65.037838 65.037838h456.648649a65.037838 65.037838 0 0 0 65.037838-65.037838v-401.297297a65.037838 65.037838 0 0 0-65.037838-65.037838z m28.136937 455.264865a39.207207 39.207207 0 0 1-39.207208 39.207207h-434.508108a39.188757 39.188757 0 0 1-39.207207-39.207207V448.345946h512.922523z m0-317.809009h-512.922523v-61.347748a39.188757 39.188757 0 0 1 39.207207-39.207207h105.628829V333.953153a18.45045 18.45045 0 0 0 36.900901 0v-23.063063h149.448649V333.953153a18.45045 18.45045 0 0 0 36.900901 0v-23.063063h105.628828a39.207207 39.207207 0 0 1 39.207208 39.207207z"
                    p-id="3781"
                    fill="#00FFFF"
                  />
                  <path
                    d="M327.735351 533.218018m18.450451 0l52.343928 0q18.45045 0 18.45045 18.45045l0 2.767568q0 18.45045-18.45045 18.45045l-52.343928 0q-18.45045 0-18.450451-18.45045l0-2.767568q0-18.45045 18.450451-18.45045Z"
                    p-id="3782"
                    fill="#00FFFF"
                  />
                  <path
                    d="M468.530739 533.218018m18.45045 0l52.343928 0q18.45045 0 18.450451 18.45045l0 2.767568q0 18.45045-18.450451 18.45045l-52.343928 0q-18.45045 0-18.45045-18.45045l0-2.767568q0-18.45045 18.45045-18.45045Z"
                    p-id="3783"
                    fill="#00FFFF"
                  />
                  <path
                    d="M609.344577 533.218018m18.45045 0l52.343928 0q18.45045 0 18.45045 18.45045l0 2.767568q0 18.45045-18.45045 18.45045l-52.343928 0q-18.45045 0-18.45045-18.45045l0-2.767568q0-18.45045 18.45045-18.45045Z"
                    p-id="3784"
                    fill="#00FFFF"
                  />
                  <path
                    d="M327.735351 618.496m18.450451 0l52.343928 0q18.45045 0 18.45045 18.45045l0 2.767568q0 18.45045-18.45045 18.45045l-52.343928 0q-18.45045 0-18.450451-18.45045l0-2.767568q0-18.45045 18.450451-18.45045Z"
                    p-id="3785"
                    fill="#00FFFF"
                  />
                  <path
                    d="M468.530739 618.496m18.45045 0l52.343928 0q18.45045 0 18.450451 18.45045l0 2.767568q0 18.45045-18.450451 18.45045l-52.343928 0q-18.45045 0-18.45045-18.45045l0-2.767568q0-18.45045 18.45045-18.45045Z"
                    p-id="3786"
                    fill="#00FFFF"
                  />
                  <path
                    d="M609.344577 618.496m18.45045 0l52.343928 0q18.45045 0 18.45045 18.45045l0 2.767568q0 18.45045-18.45045 18.45045l-52.343928 0q-18.45045 0-18.45045-18.45045l0-2.767568q0-18.45045 18.45045-18.45045Z"
                    p-id="3787"
                    fill="#00FFFF"
                  />
                </svg>
              </div>
              <el-date-picker
                v-model="endTime"
                type="date"
                placeholder="选择结束时间"
              />
              <div class="pulldown-triangle">
                <svg
                  t="1630310819989"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4543"
                  width="20"
                  height="20"
                >
                  <path
                    d="M512.2 881l384-665H128.3z"
                    p-id="4544"
                    fill="#00FFFF"
                  />
                </svg>
              </div>
            </div>
            <!-- 装饰按钮 -->
            <div
              class="tools-toolbar-circle"
              @click.stop="
                curSelectOption === 1
                  ? (curSelectOption = 1)
                  : (curSelectOption = 1) && dataAnalysisMap()
              "
            >
              <!-- 内部圆圈 -->
              <div
                v-show="curSelectOption === 1"
                class="tools-toolbar-innerCircle"
              />
            </div>
            <!-- 装饰文字 -->
            <div class="tools-toolbar-dec">按区域选择</div>
            <!-- 下拉框 选择街道 -->
            <div class="tools-toolbar-pulldown-street">
              <!-- <div class="tools-toolbar-street-title">选择街道</div> -->
              <el-select
                v-model="selectStreet"
                placeholder="选择街道"
                :disabled="curSelectOption !== 1"
                @change="dataAnalysisMap"
              >
                <el-option
                  v-for="item in streetOptions"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                />
              </el-select>
              <div class="tools-toolbar-street-pulldown">
                <svg
                  t="1630310819989"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4543"
                  width="20"
                  height="20"
                >
                  <path
                    d="M512.2 881l384-665H128.3z"
                    p-id="4544"
                    fill="#00FFFF"
                  />
                </svg>
              </div>
            </div>

            <!-- 装饰按钮 -->
            <div
              class="tools-toolbar-circle"
              @click.stop="
                curSelectOption === 2
                  ? (curSelectOption = 2)
                  : (curSelectOption = 2) && dataAnalysisMap()
              "
            >
              <!-- 内部圆圈 -->
              <div
                v-show="curSelectOption === 2"
                class="tools-toolbar-innerCircle"
              />
            </div>
            <!-- 装饰文字 -->
            <div class="tools-toolbar-dec">按行业选择</div>
            <!-- 下拉框 -->
            <div class="tools-toolbar-pulldown-indus">
              <!-- <div class="tools-toolbar-indus-title">选择行业</div> -->
              <el-select
                v-model="selectIndustry"
                placeholder="选择行业"
                :disabled="curSelectOption !== 2"
                @change="dataAnalysisMap"
              >
                <el-option
                  v-for="item in industryOptions"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                />
              </el-select>
              <div class="tools-toolbar-indus-pulldown">
                <svg
                  t="1630310819989"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4543"
                  width="20"
                  height="20"
                >
                  <path
                    d="M512.2 881l384-665H128.3z"
                    p-id="4544"
                    fill="#00FFFF"
                  />
                </svg>
              </div>
            </div>
            <!-- 装饰按钮 -->
            <div
              class="tools-toolbar-circle"
              @click.stop="
                curSelectOption === 3
                  ? (curSelectOption = 3)
                  : (curSelectOption = 3) && dataAnalysisMap()
              "
            >
              <!-- 内部圆圈 -->
              <div
                v-show="curSelectOption === 3"
                class="tools-toolbar-innerCircle"
              />
            </div>
            <!-- 装饰文字 -->
            <div class="tools-toolbar-dec">按主管部门选择</div>
            <!-- 下拉框 -->
            <div class="tools-toolbar-pulldown-depart">
              <!-- <div class="tools-toolbar-depart-title">选择主管部门</div> -->
              <el-select
                v-model="selectManager"
                placeholder="选择主管部门"
                :disabled="curSelectOption !== 3"
                @change="dataAnalysisMap"
              >
                <el-option
                  v-for="item in managerOptions"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                />
              </el-select>
              <div class="tools-toolbar-depart-pulldown">
                <svg
                  t="1630310819989"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="4543"
                  width="20"
                  height="20"
                >
                  <path
                    d="M512.2 881l384-665H128.3z"
                    p-id="4544"
                    fill="#00FFFF"
                  />
                </svg>
              </div>
            </div>
          </div>
          <!-- 三合一内容 -->
          <div class="three-to-one-content">
            <!--
              年度隐患数量及整改情况统计
            -->
            <div v-show="mapActiveIndex === 4" class="annual-hd-sum-rect-total">
              <!-- 年度隐患数量及整改情况统计标题 -->
              <div class="annual-hd-sum-rect-title-wrapper">
                年度隐患数量及整改情况统计
                <div class="annual-hd-sum-rect-title-dec" />
              </div>
              <!-- 年度隐患数量及整改情况统计内容 -->
              <div class="annual-hd-sum-rect-content" />
            </div>
            <!--
              各地区隐患趋势分析
            -->
            <div class="diff-area-hd-trend-total">
              <!-- 各地区隐患趋势分析标题 -->
              <div class="diff-area-hd-trend-title-wrapper">
                各地区隐患趋势分析
                <div class="diff-area-hd-trend-title-dec" />
              </div>
              <!-- 各地区隐患趋势分析内容 -->
              <div class="diff-area-hd-trend-total-content" />
            </div>
            <!--
            各地区本年度隐患数量排行
            -->
            <div class="diff-area-annual-hd-sum-rank">
              <!-- 各地区本年度隐患数量排行标题 -->
              <div class="diff-area-annual-hd-sum-rank-title-wrapper">
                各地区本年度隐患排行
                <div class="diff-area-annual-hd-sum-rank-title-dec" />
              </div>
              <!-- 各地区本年度隐患数量排行内容 -->
              <div class="diff-area-annual-hd-sum-rank-content" />
            </div>
          </div>
        </div>
        <div
          v-show="mapActiveIndex === 4"
          class="curyear-select-wrapper"
          @click.stop=""
        >
          <div class="curyear-wrapper">
            <div class="curyear-title">统计年度</div>
            <div class="curyear-degree">{{ curYear }}</div>
          </div>
          <div class="arrow-wrapper">
            <div class="up-arrow-wrapper" @click.stop="upcurYear" />
            <div class="down-arrow-wrapper" @click.stop="downcurYear" />
          </div>
        </div>
        <div v-show="mapActiveIndex === 4" class="chooseHDTotalOrNoRect">
          <div class="select-hd-total-wrapper">
            <div
              class="select-hd-total"
              :class="{ active: curSelectHDTotal }"
              @click="clickSelectHdTotal"
            />
            <div
              class="select-hd-total-title"
              :class="{ active: curSelectHDTotal }"
            >
              隐患总量
            </div>
          </div>
          <div class="select-no-rect-total-wrapper">
            <div
              class="select-no-rect-total"
              :class="{ active: !curSelectHDTotal }"
              @click="clickNoRectTotal"
            />
            <div
              class="select-no-rect-title"
              :class="{ active: !curSelectHDTotal }"
            >
              未整改总量
            </div>
          </div>
        </div>
        <!-- 搜索框 只搜索当前地图上显示的 -->
        <div
          v-show="
            mapActiveIndex !== 4 && mapActiveIndex !== 8 && mapActiveIndex !== 9
          "
          class="search-enter-info"
        >
          <div class="search-icon-enter-name-wrapper">
            <div class="search-enter-icon">
              <svg
                class="search-enter-real-icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="2094"
                width="32"
                height="32"
              >
                <path
                  d="M963.81 874.915L746.64 653.057a38.174 38.174 0 0 0-12.11-8.353c46.656-62.601 74.36-140.751 74.36-225.526 0-205.789-163.237-372.568-364.61-372.568-201.37 0-364.602 166.78-364.602 372.568 0 205.793 163.231 372.57 364.603 372.57 92.422 0 176.808-35.135 241.07-93.045a39.044 39.044 0 0 0 7.027 9.872l217.115 221.857c14.97 15.3 39.293 15.3 54.317 0 14.97-15.3 14.97-40.218 0-55.517zM444.28 732.95c-169.564 0-307.061-140.493-307.061-313.772 0-173.333 137.496-313.766 307.061-313.766 169.571 0 307.062 140.433 307.062 313.766 0 173.28-137.492 313.772-307.062 313.772z"
                  fill="currentColor"
                />
              </svg>
            </div>
            <div
              class="input-enter-name-to-search"
              contenteditable="true"
              spellcheck="false"
              @keydown="searchEnterKeyDown"
              @keyup="searchEnterKeyUp($event)"
            />
          </div>
          <div
            v-show="isShowSearchListsDown"
            class="search-enter-lists-down-wrapper"
          >
            <div v-if="curSearchAllEnters.length === 0" class="noentersearch">
              暂无企业信息
            </div>
            <div
              v-for="(item, index) in curSearchAllEnters"
              :key="item.companyId"
              class="search-enter-lists-down-item"
              @click.stop="searchEnterClick(item, index)"
            >
              {{ item.companyName }}
            </div>
          </div>
        </div>
        <!--弹出层-->
        <!-- 企业信息弹出 -->
        <div
          v-show="isShowEnterInfo"
          class="curSelect-enter-comprehensiveinfo-wrapper"
        >
          <!-- 企业大标题 -->
          <div class="curSelect-enter-comprehensiveinfo-total-title-wrapper">
            <div class="curSelect-enter-comprehensiveinfo--total-star" />
            <div class="curSelect-enter-comprehensiveinfo-total-title">
              企业综合信息
            </div>
          </div>
          <!-- 企业名称和法人信息-->
          <div class="curSelect-enter-comprehensiveinfo-basic-wrapper">
            <div class="curSelect-enter-comprehensiveinfo-title-wrapper">
              <div class="curSelect-enter-comprehensiveinfo-icon" />
              <div class="curSelect-enter-comprehensiveinfo-title-name">
                {{ curSelectEnter.companyName }}
              </div>
            </div>
            <div
              class="curSelect-enter-comprehensiveinfo-to-brefintroduce-icon"
              @click.stop="briefIntroClick"
            />
            <!-- <div class="curSelect-enter-comprehensiveinfo-name-wrapper">
              <div class="curSelect-enter-comprehensiveinfo-name-icon" />
              <div class="curSelect-enter-comprehensiveinfo-name-title">{{ curSelectEnter.companyChargePer }}</div>
              <div class="curSelect-enter-comprehensiveinfo-name-phone">{{ curSelectEnter.companyChargeTel }}</div>
            </div> -->
          </div>
          <!-- 企业简介 -->
          <!-- <div class="curSelect-enter-comprehensiveinfo-briefintroduce-title">经营范围:</div>
          <div class="curSelect-enter-comprehensiveinfo-brefintroduce-content">
            {{ getEnterBriefIntroduce }}
          </div> -->
          <!-- 安全管理情况 -->
          <div
            class="curSelect-enter-comprehensiveinfo-safetymanagement-wrapper"
          >
            <div
              class="curSelect-enter-comprehensiveinfo-safetymanagement-icon"
            />
            <div
              class="curSelect-enter-comprehensiveinfo-safetymanagement-title"
            >
              安全管理情况
            </div>
            <div
              class="curSelect-enter-comprehensiveinfo-safetymanagement-stars-wrapper"
            >
              <div
                v-for="(item, index) in curEnterStar"
                class="curSelect-enter-comprehensiveinfo-safetymanagement-ystar"
              />
              <div
                v-for="(item, index) in 5 - curEnterStar"
                class="curSelect-enter-comprehensiveinfo-safetymanagement-wstar"
              />
            </div>
            <div
              class="curSelect-enter-comprehensiveinfo-to-safetymanagament-icon"
              @click.stop="
                isShowEnterSC = true;
                isShowEnterCerl = false;
              "
            />
          </div>
          <!-- 主体责任清单 -->
          <div
            class="curSelect-enter-comprehensiveinfo-mainresponsebilitylists"
          >
            <div
              class="curSelect-enter-comprehensiveinfo-mainresponsebilitylists-left-icon"
            />
            <div
              class="curSelect-enter-comprehensiveinfo-mainresponsebilitylists-left-title"
            >
              生产经营单位全员安全&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            </div>
            <div
              class="curSelect-enter-comprehensiveinfo-mainresponsebilitylists-left-title2"
            >
              生产责任清单
            </div>
            <div
              class="curSelect-enter-comprehensiveinfo-safetymanagement-stars-wrapper"
            >
              <div
                v-for="(item, index) in curEnterStar2"
                class="curSelect-enter-comprehensiveinfo-mainresposebilitylists-ystar"
              />
              <div
                v-for="(item, index) in 5 - curEnterStar2"
                class="curSelect-enter-comprehensiveinfo-mainresposebilitylists-wstar"
              />
            </div>
            <div
              class="curSelect-enter-comprehensiveinfo-mainresponsebilitylists-icon"
              @click.stop="
                isShowEnterCerl = true;
                isShowEnterSC = false;
              "
            />
          </div>
          <!-- 左上角的边框修饰 -->
          <div class="curSelect-enter-comprehensiveinfo-lefttopdec" />
          <!-- 右下角的边框修饰 -->
          <div class="curSelect-enter-comprehensiveinfo-rightbottomdec" />
          <!-- 右上角的关闭 -->
          <div
            class="curSelect-enter-comprehensiveinfo-righttopclose"
            @click.stop="isShowEnterInfo = false"
          >
            <svg
              t="1628917546504"
              viewBox="0 0 1024 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="1354"
              width="32"
              height="32"
            >
              <path
                d="M551.424 512l195.072-195.072c9.728-9.728 9.728-25.6 0-36.864l-1.536-1.536c-9.728-9.728-25.6-9.728-35.328 0L514.56 475.136 319.488 280.064c-9.728-9.728-25.6-9.728-35.328 0l-1.536 1.536c-9.728 9.728-9.728 25.6 0 36.864L477.696 512 282.624 707.072c-9.728 9.728-9.728 25.6 0 36.864l1.536 1.536c9.728 9.728 25.6 9.728 35.328 0L514.56 548.864l195.072 195.072c9.728 9.728 25.6 9.728 35.328 0l1.536-1.536c9.728-9.728 9.728-25.6 0-36.864L551.424 512z"
                fill="currentColor"
                p-id="1355"
              />
            </svg>
          </div>
        </div>
        <!-- 企业风险 -->
        <div v-show="isShowEnterRisk" class="curSelect-enter-risk-wrapper">
          <!-- 企业的title -->
          <div class="curSelect-enter-risk-title-wrapper">
            <div class="curSelect-enter-risk-total-star" />
            <div class="curSelect-enter-risk-total-title">企业风险</div>
          </div>
          <!-- 企业的风险数量概况 -->
          <div class="curSelect-enter-risk-total-sum-wrapper">
            <div class="curSelect-enter-majorRisk-sum-wrapper">
              <div class="curSelect-enter-majorRisk-sum">
                {{ riskMajorRiskSum }}
              </div>
              <div class="curSelect-enter-majorRisk-title">重大风险</div>
            </div>
            <div class="curSelect-enter-greaterRisk-sum-wrapper">
              <div class="curSelect-enter-greaterRisk-sum">
                {{ riskGreaterRiskSum }}
              </div>
              <div class="curSelect-enter-greaterRisk-title">较大风险</div>
            </div>
            <div class="curSelect-enter-generalRisk-sum-wrapper">
              <div class="curSelect-enter-generalRisk-sum">
                {{ riskNormalRiskSum }}
              </div>
              <div class="curSelect-enter-generalRisk-title">一般风险</div>
            </div>
            <div class="curSelect-enter-low-sum-wrapper">
              <div class="curSelect-enter-low-sum">{{ riskLowRiskSum }}</div>
              <div class="curSelect-enter-low-title">低风险</div>
            </div>
          </div>
          <!-- 企业的风险点item -->
          <div class="curSelect-enter-risk-content-wrapper">
            <div class="curSelect-enter-risk-content-title-wrapper">
              <div class="curSelect-enter-risk-content-title-point">风险点</div>
              <div class="curSelect-enter-risk-content-title-area">
                区域位置
              </div>
              <div class="curSelect-enter-risk-content-title-department">
                责任单位
              </div>
              <div class="curSelect-enter-risk-content-title-charger">
                责任人
              </div>
              <div class="curSelect-enter-risk-content-title-video">
                监控视频
              </div>
            </div>
            <div class="curSelect-enter-risk-content-items-wrapper">
              <div class="curSelect-enter-risk-content-items-animation-wrapper">
                <div
                  v-for="(item, index) in curSelectRisk"
                  :key="item.riskId"
                  class="curSelect-enter-risk-content-item"
                >
                  <div
                    class="curSelect-enter-risk-content-item-point"
                    @click.stop="enterRiskPointClick(item)"
                  >
                    {{ item.riskPoint }}
                  </div>
                  <div
                    class="curSelect-enter-risk-content-item-area"
                    @click.stop="enterRiskPointClick(item)"
                  >
                    {{ item.riskArea }}
                  </div>
                  <div
                    class="curSelect-enter-risk-content-item-department"
                    @click.stop="enterRiskPointClick(item)"
                  >
                    {{ item.riskChargeDepartment }}
                  </div>
                  <div
                    class="curSelect-enter-risk-content-item-charger"
                    @click.stop="enterRiskPointClick(item)"
                  >
                    {{ item.riskChargePer }}
                  </div>
                  <div class="curSelect-enter-risk-content-item-video">
                    <div
                      v-if="item.riskVideoPath && item.riskVideoPath !== 'null'"
                      class="curSelect-enter-risk-content-item-video-icon"
                      @click.stop="showVideo(index % 2, item)"
                    />
                    <div
                      v-else-if="
                        (curSelectEnter.companyName ===
                          '中惠泽石油（威海）有限公司' &&
                          item.riskId === 1225) ||
                          (curSelectEnter.companyName ===
                            '威海交通运输集团有限公司第一加油站' &&
                          item.riskId === 63) ||
                          (curSelectEnter.companyName ===
                            '威海市大威石油有限公司环海路加油站' &&
                          item.riskId === 53) ||
                          (curSelectEnter.companyName ===
                            '威海市大威石油有限公司第十五加油站' &&
                          item.riskId === 58) ||
                          item.riskId === 1939 ||
                          item.riskId === 165 ||
                          item.riskId === 1964 ||
                          (curSelectEnter.companyName ===
                            '威海威洋石油有限公司' &&
                          item.riskId === 108)
                      "
                      class="curSelect-enter-risk-content-item-monitor-icon"
                      @click.stop="showVideo(index % 2, item)"
                    />
                    <!-- <div
                      v-else
                      v-show="false"
                      class="curSelect-enter-risk-content-item-video-icon"
                    /> -->
                  </div>
                </div>
                <div
                  v-for="(item, index) in curSelectRisk"
                  v-show="curSelectRisk.length > 4"
                  :key="item.riskId + '1'"
                  class="curSelect-enter-risk-content-item"
                >
                  <div
                    class="curSelect-enter-risk-content-item-point"
                    @click.stop="enterRiskPointClick(item)"
                  >
                    {{ item.riskPoint }}
                  </div>
                  <div
                    class="curSelect-enter-risk-content-item-area"
                    @click.stop="enterRiskPointClick(item)"
                  >
                    {{ item.riskArea }}
                  </div>
                  <div
                    class="curSelect-enter-risk-content-item-department"
                    @click.stop="enterRiskPointClick(item)"
                  >
                    {{ item.riskChargeDepartment }}
                  </div>
                  <div
                    class="curSelect-enter-risk-content-item-charger"
                    @click.stop="enterRiskPointClick(item)"
                  >
                    {{ item.riskChargePer }}
                  </div>
                  <div class="curSelect-enter-risk-content-item-video">
                    <div
                      v-if="item.riskVideoPath && item.riskVideoPath !== 'null'"
                      class="curSelect-enter-risk-content-item-video-icon"
                      @click.stop="showVideo(index % 2, item)"
                    />
                    <div
                      v-else-if="
                        (curSelectEnter.companyName ===
                          '中惠泽石油（威海）有限公司' &&
                          item.riskId === 1225) ||
                          (curSelectEnter.companyName ===
                            '威海交通运输集团有限公司第一加油站' &&
                          item.riskId === 63) ||
                          (curSelectEnter.companyName ===
                            '威海市大威石油有限公司环海路加油站' &&
                          item.riskId === 53) ||
                          (curSelectEnter.companyName ===
                            '威海市大威石油有限公司第十五加油站' &&
                          item.riskId === 58) ||
                          item.riskId === 1939 ||
                          item.riskId === 165 ||
                          item.riskId === 1964 ||
                          (curSelectEnter.companyName ===
                            '威海威洋石油有限公司' &&
                          item.riskId === 108)
                      "
                      class="curSelect-enter-risk-content-item-monitor-icon"
                      @click.stop="showVideo(index % 2, item)"
                    />
                    <!-- <div
                      v-else
                      v-show="false"
                      class="curSelect-enter-risk-content-item-video-icon"
                    /> -->
                  </div>
                </div>
              </div>
              <div class="curSelect-enter-risk-content-items-filtertop" />
              <div class="curSelect-enter-risk-content-items-filterbottom" />
            </div>
          </div>
          <!-- 左上角的装饰 -->
          <div class="curSelect-enter-risk-lefttopdec" />
          <!-- 右下角的装饰 -->
          <div class="curSelect-enter-risk-rightbottomdec" />
          <!-- 右上角的关闭 -->
          <div
            class="curSelect-enter-risk-righttopclose"
            @click.stop="enterRiskClose"
          >
            <svg
              t="1628917546504"
              viewBox="0 0 1024 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="1354"
              width="32"
              height="32"
            >
              <path
                d="M551.424 512l195.072-195.072c9.728-9.728 9.728-25.6 0-36.864l-1.536-1.536c-9.728-9.728-25.6-9.728-35.328 0L514.56 475.136 319.488 280.064c-9.728-9.728-25.6-9.728-35.328 0l-1.536 1.536c-9.728 9.728-9.728 25.6 0 36.864L477.696 512 282.624 707.072c-9.728 9.728-9.728 25.6 0 36.864l1.536 1.536c9.728 9.728 25.6 9.728 35.328 0L514.56 548.864l195.072 195.072c9.728 9.728 25.6 9.728 35.328 0l1.536-1.536c9.728-9.728 9.728-25.6 0-36.864L551.424 512z"
                fill="currentColor"
                p-id="1355"
              />
            </svg>
          </div>
        </div>
        <!-- 企业隐患 -->
        <div v-show="isShowEnterHD" class="curSelect-enter-hd-wrapper">
          <!-- 大标题 -->
          <div class="curSelect-enter-hd-total-title-wrapper">
            <div class="curSelect-enter-hd-total-title-star" />
            <div class="curSelect-enter-hd-total-title-title">企业隐患</div>
          </div>
          <!-- 隐患数量 -->
          <div class="curSelect-enter-hd-sum-wrapper">
            <div
              class="curSelect-enter-hd-majorhd-wrapper"
              @click.prevent="
                isShowHDListMajor = true;
                isShowHDListNormal = false;
              "
            >
              <div class="curSelect-enter-hd-majorhd-degree">
                {{ curSelectHDMajorSum }}
              </div>
              <div class="curSelect-enter-hd-majorhd-title">重大隐患</div>
            </div>
            <div
              class="curSelect-enter-hd-generalhd-wrapper"
              @click.prevent="
                isShowHDListNormal = true;
                isShowHDListMajor = false;
              "
            >
              <div class="curSelect-enter-hd-generalhd-degree">
                {{ curSelectHDGenSum }}
              </div>
              <div class="curSelect-enter-hd-generalhd-title">一般隐患</div>
            </div>
            <div class="curSelect-enter-hd-norect-wrapper">
              <div class="curSelect-enter-hd-norect-sum">
                {{ curSelectHDNorectSum }}
              </div>
              <div class="curSelect-enter-hd-norect-title">未整改</div>
            </div>
            <div class="curSelect-enter-hd-rectpercent-wrapper">
              <div class="curSelect-enter-hd-rectpercent-sum">
                {{ curSelectHDRectPercentSum }}%
              </div>
              <div class="curSelect-enter-hd-rectpercent-title">整改率</div>
            </div>
          </div>
          <!-- 隐患小标题 -->
          <div class="curSelect-enter-hd-child-title-wrapper">
            <div class="curSelect-enter-hd-child-title">隐患名称</div>
          </div>
          <!-- 隐患内容 -->
          <div class="curSelect-enter-hd-content-wrapper">
            <div class="curSelect-enter-hd-items-animation-wrapper">
              <div
                v-for="item in curSelectHD"
                :key="item.hdId"
                :class="{ active: item.hdStatus }"
                :style="{
                  color:
                    item.hdStatus === 0
                      ? '#fb0611'
                      : item.hdLevel === 1
                        ? '#fff330'
                        : '#fa6705'
                }"
                class="curSelect-enter-hd-content-item"
                @click.stop="enterHDItemClick(item)"
              >
                {{ item.hdName }}
              </div>
              <div
                v-for="item in curSelectHD"
                v-show="curSelectHD.length > 6"
                :key="item.hdId + '1'"
                :style="{
                  color:
                    item.hdStatus === 0
                      ? '#fb0611'
                      : item.hdLevel === 1
                        ? '#fff330'
                        : '#fa6705'
                }"
                :class="{ active: item.hdStatus }"
                class="curSelect-enter-hd-content-item"
                @click.stop="enterHDItemClick(item)"
              >
                {{ item.hdName }}
              </div>
            </div>
            <!-- 上蒙层 -->
            <div class="curSelect-enter-hd-content-filtertop" />
            <!-- 下蒙层 -->
            <div class="curSelect-enter-hd-content-filterbottom" />
          </div>
          <!-- 左上角装饰 -->
          <div class="curSelect-enter-hd-lefttopdecoration" />
          <!-- 右下角装饰 -->
          <div class="curSelect-enter-hd-rightbottomdecoration" />
          <!-- 右上角关闭 -->
          <div
            class="curSelect-enter-hd-righttopclose"
            @click.stop="enterHDClick"
          >
            <svg
              t="1628917546504"
              viewBox="0 0 1024 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="1354"
              width="32"
              height="32"
            >
              <path
                d="M551.424 512l195.072-195.072c9.728-9.728 9.728-25.6 0-36.864l-1.536-1.536c-9.728-9.728-25.6-9.728-35.328 0L514.56 475.136 319.488 280.064c-9.728-9.728-25.6-9.728-35.328 0l-1.536 1.536c-9.728 9.728-9.728 25.6 0 36.864L477.696 512 282.624 707.072c-9.728 9.728-9.728 25.6 0 36.864l1.536 1.536c9.728 9.728 25.6 9.728 35.328 0L514.56 548.864l195.072 195.072c9.728 9.728 25.6 9.728 35.328 0l1.536-1.536c9.728-9.728 9.728-25.6 0-36.864L551.424 512z"
                fill="currentColor"
                p-id="1355"
              />
            </svg>
          </div>
        </div>
        <!-- 企业一般隐患的列表 -->
        <div
          v-show="isShowHDListNormal"
          class="curSelect-enter-normal-hd-list-wrapper"
        >
          <div class="curSelect-enter-normal-hd-list-title">一般隐患列表</div>
          <div class="curSelect-enter-normal-hd-list-item-wrapper">
            <div
              v-for="item in curSelectNormalHD"
              :key="item.riskId"
              class="curSelect-enter-normal-hd-list-item"
              :style="{ color: item.hdStatus === 0 ? '#fb0611' : '#00c9fd' }"
              @click="enterHDItemClick(item)"
            >
              {{ item.hdName }}
            </div>
          </div>
          <div
            class="curSelect-enter-normal-hd-list-close"
            @click.stop="
              isShowHDListNormal = false;
              isShowHDListMajor = false;
            "
          >
            <svg
              t="1628917546504"
              viewBox="0 0 1024 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="1354"
              width="32"
              height="32"
            >
              <path
                d="M551.424 512l195.072-195.072c9.728-9.728 9.728-25.6 0-36.864l-1.536-1.536c-9.728-9.728-25.6-9.728-35.328 0L514.56 475.136 319.488 280.064c-9.728-9.728-25.6-9.728-35.328 0l-1.536 1.536c-9.728 9.728-9.728 25.6 0 36.864L477.696 512 282.624 707.072c-9.728 9.728-9.728 25.6 0 36.864l1.536 1.536c9.728 9.728 25.6 9.728 35.328 0L514.56 548.864l195.072 195.072c9.728 9.728 25.6 9.728 35.328 0l1.536-1.536c9.728-9.728 9.728-25.6 0-36.864L551.424 512z"
                fill="currentColor"
                p-id="1355"
              />
            </svg>
          </div>
        </div>
        <!-- 企业重大隐患的列表 -->
        <div
          v-show="isShowHDListMajor"
          class="curSelect-enter-major-hd-list-wrapper"
        >
          <div class="curSelect-enter-major-hd-list-title">重大隐患列表</div>
          <div class="curSelect-enter-major-hd-list-item-wrapper">
            <div
              v-for="item in curSelectMajorHD"
              :key="item.riskId"
              class="curSelect-enter-major-list-item"
              :style="{ color: item.hdStatus === 0 ? '#fb0611' : '#00c9fd' }"
              @click="enterHDItemClick(item)"
            >
              {{ item.hdName }}
            </div>
          </div>
          <div
            class="curSelect-enter-major-hd-list-close"
            @click.stop="
              isShowHDListMajor = false;
              isShowHDListNormal = false;
            "
          >
            <svg
              t="1628917546504"
              viewBox="0 0 1024 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="1354"
              width="32"
              height="32"
            >
              <path
                d="M551.424 512l195.072-195.072c9.728-9.728 9.728-25.6 0-36.864l-1.536-1.536c-9.728-9.728-25.6-9.728-35.328 0L514.56 475.136 319.488 280.064c-9.728-9.728-25.6-9.728-35.328 0l-1.536 1.536c-9.728 9.728-9.728 25.6 0 36.864L477.696 512 282.624 707.072c-9.728 9.728-9.728 25.6 0 36.864l1.536 1.536c9.728 9.728 25.6 9.728 35.328 0L514.56 548.864l195.072 195.072c9.728 9.728 25.6 9.728 35.328 0l1.536-1.536c9.728-9.728 9.728-25.6 0-36.864L551.424 512z"
                fill="currentColor"
                p-id="1355"
              />
            </svg>
          </div>
        </div>
        <!-- 企业安全检查 -->
        <div v-show="isShowEnterSC" class="curSelect-enter-sc-wrapper">
          <!-- 企业安全检查标题 -->
          <div class="curSelect-enter-sc-total-title-wrapper">
            <div class="curSelect-enter-sc-total-title">安全管理情况</div>
            <div
              class="curSelect-enter-sc-total-title-righttopclose"
              @click.stop="isShowEnterSC = false"
            >
              <svg
                t="1628917546504"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="1354"
                width="32"
                height="32"
              >
                <path
                  d="M551.424 512l195.072-195.072c9.728-9.728 9.728-25.6 0-36.864l-1.536-1.536c-9.728-9.728-25.6-9.728-35.328 0L514.56 475.136 319.488 280.064c-9.728-9.728-25.6-9.728-35.328 0l-1.536 1.536c-9.728 9.728-9.728 25.6 0 36.864L477.696 512 282.624 707.072c-9.728 9.728-9.728 25.6 0 36.864l1.536 1.536c9.728 9.728 25.6 9.728 35.328 0L514.56 548.864l195.072 195.072c9.728 9.728 25.6 9.728 35.328 0l1.536-1.536c9.728-9.728 9.728-25.6 0-36.864L551.424 512z"
                  fill="currentColor"
                  p-id="1355"
                />
              </svg>
            </div>
          </div>
          <!-- 企业安全检查项 -->
          <div
            v-for="(item, index) in curSelectSC"
            :key="item.rsbtType + index"
            class="curSelect-enter-sc-total-items-wrapper"
            @click.stop="enterSCItemShow(item.items, item.rsbtType)"
          >
            <div class="curSelect-enter-sc-total-items-point" />
            <div class="curSelect-enter-sc-total-items-title">
              {{
                item.rsbtType +
                  "(" +
                  item.items.filter(sc => !sc.rsbInspectCase).length +
                  ")"
              }}
            </div>
          </div>
        </div>
        <!-- 企业责任清单 -->
        <div v-show="isShowEnterCerl" class="curSelect-enter-cerl-wrapper">
          <!-- 企业主体责任清单 -->
          <div class="curSelect-enter-cerl-total-title-wrapper">
            <div class="curSelect-enter-cerl-total-title">
              生产经营单位全员安全生产责任清单
            </div>
            <div
              class="curSelect-enter-cerl-total-title-righttopclose"
              @click.stop="isShowEnterCerl = false"
            >
              <svg
                t="1628917546504"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="1354"
                width="32"
                height="32"
              >
                <path
                  d="M551.424 512l195.072-195.072c9.728-9.728 9.728-25.6 0-36.864l-1.536-1.536c-9.728-9.728-25.6-9.728-35.328 0L514.56 475.136 319.488 280.064c-9.728-9.728-25.6-9.728-35.328 0l-1.536 1.536c-9.728 9.728-9.728 25.6 0 36.864L477.696 512 282.624 707.072c-9.728 9.728-9.728 25.6 0 36.864l1.536 1.536c9.728 9.728 25.6 9.728 35.328 0L514.56 548.864l195.072 195.072c9.728 9.728 25.6 9.728 35.328 0l1.536-1.536c9.728-9.728 9.728-25.6 0-36.864L551.424 512z"
                  fill="currentColor"
                  p-id="1355"
                />
              </svg>
            </div>
          </div>
          <!-- 主体责任清单项 -->
          <div
            v-for="(item, index) in curSelectCerl"
            :key="index"
            class="curSelect-enter-cerl-total-items-wrapper"
            @click.stop="enterCerlItemShow(item.items, item.cerlType)"
          >
            <div class="curSelect-enter-cerl-total-items-point" />
            <div class="curSelect-enter-cerl-total-items-title">
              {{
                item.cerlType +
                  "(" +
                  item.items.filter(cerl => !cerl.cerlQualified).length +
                  ")"
              }}
            </div>
          </div>
        </div>
        <!-- 右边的所有区域和行业 -->
        <div
          :class="{ hide: !isPullMenuShow }"
          class="selection-wrapper"
          @click.stop=""
        >
          <div class="radio-wrapper">
            <div class="region-wrapper" @click="showreorinClick(true)">
              <div :class="{ active: isShowrenoin }" class="region-block" />
              <div class="region-title">区域</div>
            </div>
            <div class="industry-wrapper" @click="showorhidePullDown">
              <div v-show="isShowPullDown" class="indus-kind-wrapper">
                <div
                  :class="{ active: isemornation === 1 }"
                  class="emergency"
                  @click="showEmergencyIndustryEyes"
                >
                  应急行业
                </div>
                <div
                  :class="{ active: isemornation === 2 }"
                  class="nation"
                  @click="showNationIndustryEyes"
                >
                  国民经济行业
                </div>
                <div class="trangle" />
              </div>
              <div class="induspulldownselect">
                <div class="pulldownselect" />
              </div>
              <div class="industry-title">行业</div>
            </div>
          </div>
          <div class="isshowall-wrapper" @click="isShowClick">
            <div :class="{ active: isShowAll }" class="showall-icon" />
            <div class="showall-title">全部显示</div>
          </div>
          <div class="wrapper-region">
            <div
              v-for="(item, index) in regionsWithShow"
              v-show="isShowrenoin"
              :key="item.region"
              :ref="`regionmarkers${index}`"
              :class="{ active: regionsWithShow[index].isShow }"
              class="select-item-wrapper"
              @click="clickRegion(index)"
            >
              <div
                :class="{ active: regionsWithShow[index].isShow }"
                class="eye-icon"
              />
              <div
                :class="{ active: regionsWithShow[index].isShow }"
                class="region-info-wrapper"
              >
                <div
                  :class="{ active: regionsWithShow[index].isShow }"
                  class="region-enter-title"
                >
                  {{ item.region }}
                </div>
                <div class="region-enter-degree-wrapper">
                  <div class="region-enter-degree">
                    {{ item.sum }}<span>家</span>
                  </div>
                </div>
              </div>
            </div>
            <div
              v-for="(item, index) in emergenciesWithShow"
              v-show="!isShowrenoin && isShowEmergencyOrNation"
              :ref="`eginmarkers${index}`"
              :key="item.indus + index"
              :class="{ active: item.isShow }"
              class="select-item-wrapper"
              @click="clickEmergency(index)"
            >
              <div :class="{ active: item.isShow }" class="eye-icon" />
              <div :class="{ active: item.isShow }" class="region-info-wrapper">
                <div
                  :class="{ active: item.isShow }"
                  class="region-enter-title"
                >
                  {{ item.indus }}
                </div>
                <div class="region-enter-degree-wrapper">
                  <div class="region-enter-degree">
                    {{ item.sum }}<span>家</span>
                  </div>
                </div>
              </div>
            </div>
            <div
              v-for="(item, index) in dimIndustriesWithShow"
              v-show="!isShowrenoin && !isShowEmergencyOrNation"
              :ref="`ntinmarkers${index}`"
              :key="item.indus + index"
              :class="{ active: item.isShow }"
              class="select-item-wrapper"
              @click="clickDimIndus(index)"
            >
              <div :class="{ active: item.isShow }" class="eye-icon" />
              <div :class="{ active: item.isShow }" class="region-info-wrapper">
                <div
                  :class="{ active: item.isShow }"
                  class="region-enter-title"
                >
                  {{ item.indus }}
                </div>
                <div class="region-enter-degree-wrapper">
                  <div class="region-enter-degree">
                    {{ item.sum }}<span>家</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="btn-pull" @click="changePullMenuShow">
            <div v-if="!isPullMenuShow" class="btn-pull-down">
              <svg
                t="1625212214001"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="5717"
                width="32"
                height="32"
              >
                <path
                  d="M272.9 512l265.4-339.1c4.1-5.2 0.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L186.8 492.3c-9.1 11.6-9.1 27.9 0 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H532c6.7 0 10.4-7.7 6.3-12.9L272.9 512z m304 0l265.4-339.1c4.1-5.2 0.4-12.9-6.3-12.9h-77.3c-4.9 0-9.6 2.3-12.6 6.1L490.8 492.3c-9.1 11.6-9.1 27.9 0 39.5l255.3 326.1c3 3.9 7.7 6.1 12.6 6.1H836c6.7 0 10.4-7.7 6.3-12.9L576.9 512z"
                  p-id="5718"
                  fill="#00ffff"
                />
              </svg>
            </div>
            <div v-else class="btn-pull-down">
              <svg
                t="1625212176984"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="5318"
                width="32"
                height="32"
              >
                <path
                  d="M608 896h-128l256-381.44L480 128h128l256 378.56zM288 896H160l256-381.44L160 128h128l256 378.56z"
                  fill="#00ffff"
                  p-id="5319"
                />
              </svg>
            </div>
          </div>
        </div>
        <!-- 天弘的企业标识 -->
        <div v-show="mapActiveIndex !== 4" class="icontianhong">
          技术支撑单位:<span class="iconicc">ICC&nbsp;&nbsp;</span>山东天弘质量检验中心
          <div class="iconR" />
        </div>
      </div>
    </div>
    <!-- 蒙层 -->
    <div :class="{ hide: isFilterPointer }" class="to-filter-pointer-events">
      <!-- 安全措施弹框 -->
      <div
        v-show="isShowEnterSCItem"
        class="enter-sc-child-item-wrapper"
        style="display: none;"
      >
        <!-- 安全措施标题 -->
        <div class="enter-sc-child-item-title-wrapper">{{ currsbtType }}</div>
        <!-- 关闭按钮 -->
        <div class="enter-sc-child-item-close" @click.stop="enterSCItemClose" />
        <!-- 安全措施内容-->
        <div class="enter-sc-child-item-content-wrapper">
          <div
            v-for="(item, index) in curSelectSCItems"
            :key="index"
            :class="{ active: item.rsbInspectCase }"
            class="enter-sc-child-item"
          >
            {{ item.rsbInspectContent }}
          </div>
        </div>
      </div>
      <!-- 责任清单项 -->
      <div
        v-show="isShowEnterCerlItem"
        class="enter-cerl-child-item-wrapper"
        style="display: none;"
      >
        <!-- 责任清单标题 -->
        <div class="enter-cerl-child-item-title-wrapper">{{ curcerlType }}</div>
        <!-- 关闭按钮 -->
        <div
          class="enter-cerl-child-item-close"
          @click.stop="enterCerlItemClose"
        />
        <!-- 安全措施内容 -->
        <div class="enter-cerl-child-item-content-wrapper">
          <div
            v-for="(item, index) in curSelectCerlItems"
            :key="index"
            :class="{ active: item.cerlQualified }"
            class="enter-cerl-child-item"
          >
            {{ item.cerlContent }}
          </div>
        </div>
      </div>
      <!-- 隐患措施弹框 -->
      <div
        v-show="isShowEnterHDItem"
        class="enter-hd-child-item-wrapper"
        style="display: none;"
      >
        <!-- 关闭按钮 -->
        <div
          class="enter-hd-child-item-closebtn"
          @click.stop="enterHDItemClose"
        />
        <!-- 隐患措施标题 -->
        <div class="enter-hd-child-item-title-wrapper">
          {{ curSelectHDDetail.hdName }}
        </div>
        <!-- 隐患措施内容 -->
        <div class="enter-hd-child-item-content-wrapper">
          <!-- 左侧整改前的内容 -->
          <div class="enter-hd-child-item-norect-content">
            <!-- 整改前的标题 -->
            <div class="enter-hd-child-item-norect-child-title">整改前</div>
            <!-- 隐患图片 -->
            <div class="enter-hd-child-item-norect-img-total-wrapper">
              <div
                v-show="curSelectHDDetail.hdPic"
                class="enter-hd-child-item-norect-img-wrapper"
              >
                <!-- <img :src="'data:image/jpg;base64,' + curSelectHDDetail.hdPic" alt="norect"> -->
                <el-image
                  style="width: 100%; height: 100%;"
                  :src="'data:image/jpg;base64,' + curSelectHDDetail.hdPic"
                  :preview-src-list="[
                    'data:image/jpg;base64,' + curSelectHDDetail.hdPic
                  ]"
                />
              </div>
            </div>
            <!-- 检查专家 -->
            <div class="enter-hd-child-item-norect-expert-wrapper">
              <div class="enter-hd-child-item-norect-expert-title">
                检查专家:&nbsp;
              </div>
              <div class="enter-hd-child-item-norect-expert">
                {{ curSelectHDDetail.hdInspectExpert }}
              </div>
            </div>
            <!-- 整改建议 -->
            <div class="enter-hd-child-item-norect-suggest-wrapper">
              <span
                class="enter-hd-child-item-norect-suggest-title"
              >整改建议:&nbsp;<span
                class="enter-hd-child-item-norect-suggest"
              >{{ curSelectHDDetail.hdRectificationSug }}</span></span>
            </div>
            <!-- 隐患描述 -->
            <div class="enter-hd-child-item-norect-desc-wrapper">
              <span
                class="enter-hd-child-item-norect-desc-title"
              >隐患描述:&nbsp;<span class="enter-hd-child-item-norect-desc">{{
                curSelectHDDetail.hdDesc
              }}</span></span>
            </div>
          </div>
          <!-- 右侧整改后的内容 -->
          <div class="enter-hd-child-item-rect-content">
            <!-- 整改后的标题 -->
            <div class="enter-hd-child-item-rect-child-tltle">整改后</div>
            <!-- 整改图片 -->
            <div class="enter-hd-child-item-rect-img-total-wrapper">
              <div
                v-show="curSelectHDDetail.hdRectificationPic"
                class="enter-hd-child-item-rect-img-wrapper"
              >
                <!-- <img :src="'data:image/jpg;base64,' + curSelectHDDetail.hdRectificationPic" alt="rect"> -->
                <el-image
                  style="width: 100%; height: 100%;"
                  :src="
                    'data:image/jpg;base64,' +
                      curSelectHDDetail.hdRectificationPic
                  "
                  :preview-src-list="[
                    'data:image/jpg;base64,' +
                      curSelectHDDetail.hdRectificationPic
                  ]"
                />
              </div>
            </div>
            <!-- 整改日期 -->
            <div class="enter-hd-child-item-rect-date-wrapper">
              <div class="enter-hd-child-item-rect-date-title">
                整改日期:&nbsp;
              </div>
              <div class="enter-hd-child-item-rect-date">
                {{ curSelectHDDetail.hdRectificationDate }}
              </div>
            </div>
            <!-- 整改状态 -->
            <div class="enter-hd-child-item-rect-status-wrapper">
              <div class="enter-hd-child-item-rect-status-title">
                状态:&nbsp;
              </div>
              <div class="enter-hd-child-item-rect-status">
                {{ curSelectHDDetail.hdStatus === 1 ? "整改完成" : "未整改" }}
              </div>
            </div>
            <!-- 验收人 -->
            <div class="enter-hd-child-item-rect-hdAcceptancePerson-wrapper">
              <div class="enter-hd-child-item-rect-hdAcceptancePerson-title">
                验收人:&nbsp;
              </div>
              <div class="enter-hd-child-item-rect-hdAcceptancePerson">
                {{ curSelectHDDetail.hdInspectExpert }}
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- 风险措施弹框 -->
      <div
        v-show="isShowEnterRiskItem"
        class="enter-risk-child-item-wrapper"
        style="display: none;"
      >
        <!-- 关闭按钮 -->
        <div
          class="enter-risk-child-item-closebtn"
          @click.stop="enterRiskItemClose"
        />
        <!-- 风险措施标题 -->
        <div class="enter-risk-child-item-title-wrapper">
          <div class="enter-risk-child-item-title">
            {{ curSelectRiskDetail.riskPoint }}
          </div>
        </div>
        <!-- 风险类型 -->
        <div class="enter-risk-child-item-riskType-wrapper">
          <div class="enter-risk-child-item-riskType-title">风险类型</div>
          <div class="enter-risk-child-item-riskType-content">
            {{ curSelectRiskDetail.riskType }}
          </div>
        </div>
        <!-- 可能发生的事故类型及后果 -->
        <div class="enter-risk-child-item-riskPossibleCase-wrapper">
          <div class="enter-risk-child-item-riskPossibleCase-title">
            可能发生的事故类型及后果
          </div>
          <div class="enter-risk-child-item-riskPossibleCase-content">
            {{ curSelectRiskDetail.riskPossibleCase }}
          </div>
        </div>
        <!-- 风险管控措施 -->
        <div class="enter-risk-child-item-riskMeasure-wrapper">
          <div class="enter-risk-child-item-riskMeasure-title">
            风险管控措施
          </div>
          <div class="enter-risk-child-item-riskMeasure-content">
            {{ curSelectRiskDetail.riskMeasure }}
          </div>
        </div>
      </div>
      <!-- 企业信息弹框 -->
      <div
        v-show="isShowEnterInfoItem"
        class="enter-info-child-item-wrapper"
        style="display: none;"
      >
        <!-- 关闭按钮 -->
        <div
          class="enter-info-child-item-close"
          @click.stop="enterInfoItemClose"
        />
        <!-- 企业名称 -->
        <div class="enter-info-child-item-title-wrapper">
          <div class="enter-info-child-item-title">企业名称</div>
          <div class="enter-info-child-item-content">
            {{ curSelectEnter.companyName }}
          </div>
        </div>
        <!-- 企业简介-->
        <div class="enter-info-child-item-content-wrapper">
          <div class="enter-info-child-item-content-title">经营范围</div>
          <div class="enter-info-child-item-content">
            {{ curSelectEnter.companyBusinessNature }}
          </div>
        </div>
      </div>
      <!-- 企业备案 -->
      <div
        v-show="isShowDanger"
        class="enter-info-child-item-wrapper"
        style="display: none"
      >
        <!-- 关闭按钮 -->
        <div
          class="enter-info-child-item-close"
          @click.stop="enterDangerItemClose"
        />
        <div class="danger-record-wrapper">
          <img class="img-record-wrapper" v-if="curSelectDangerIndex > -1 && dangers[curSelectDangerIndex].filePath" :src="dangers[curSelectDangerIndex].filePath" />
        </div>
        <!-- 作业名称 -->
        <!-- <div class="enter-info-child-item-title-wrapper">
          <div class="enter-info-child-item-title">作业名称</div>
          <div class="enter-info-child-item-content">
            {{ curSelectDangerIndex != -1?dangers[curSelectDangerIndex].name : '' }}
          </div>
        </div> -->
        <!-- 作业日期 -->
        <!-- <div class="enter-info-child-item-title-wrapper">
          <div class="enter-info-child-item-title">作业日期</div>
          <div class="enter-info-child-item-content">
            {{ curSelectDangerIndex != -1?dangers[curSelectDangerIndex].date : '' }}
          </div>
        </div> -->
        <!-- 企业内容-->
        <!-- <div class="enter-info-child-item-content-wrapper">
          <div class="enter-info-child-item-content-title">作业内容</div>
          <div class="enter-info-child-item-content">
            {{ curSelectDangerIndex != -1?dangers[curSelectDangerIndex].content : '' }}
          </div>
        </div> -->
        <!-- 作业风险分析 -->
        <!-- <div class="enter-info-child-item-content-wrapper">
          <div class="enter-info-child-item-content-title">作业风险分析</div>
          <div class="enter-info-child-item-content">
            {{ curSelectDangerIndex != -1?dangers[curSelectDangerIndex].analysis : '' }}
          </div>
        </div> -->
        <!-- 作业安全措施 -->
        <!-- <div class="enter-info-child-item-content-wrapper">
          <div class="enter-info-child-item-content-title">作业安全措施</div>
          <div class="enter-info-child-item-content">
            {{ curSelectDangerIndex != -1?dangers[curSelectDangerIndex].operator : '' }}
          </div>
        </div> -->
      </div>
      <!-- 企业证书 -->
      <div
        v-if="isShowCertify"
        class="enter-certify-item-wrapper"
      >
        <!-- 关闭按钮 -->
        <div
          class="enter-certify-item-close"
          @click.stop="enterCertifyItemClose"
        />
        <!-- 证书 -->
        <div class="enter-certify-wrapper">
          <div class="enter-certify-item-title-wrapper">证书</div>
          <div class="enter-certify-pic">
            <!-- <pdf
              v-for="i in pdfNumPage"
              v-if="isPdfFile"
              :key="i"
              :page="i"
              :src="loadingTask"
            /> -->
            <img
              v-if="
                curSelectCertifyIndex != -1 &&
                  certifies[curSelectCertifyIndex].filePath && isCurCertifyPdfFile === false
              "
              :src="certifies[curSelectCertifyIndex].filePath"
              style="width:100%"
            ></img>
            <pdf
              v-for="i in pdfNumPage"
              v-if="isCurCertifyPdfFile === true"
              :key="i"
              :page="i"
              :src="loadingTask"
            />
          </div>
        </div>
      </div>
    </div>
    <!-- 青柠监控 -->
    <div v-show="qingning" class="qingning-wrapper">
      <div class="qingning">
        <LivePlayer
          aspect="fullscreen"
          :video-url="videoUrl"
          fluent
          autoplay
          live
          stretch
        />
        <div class="closeQingNing" @click="qingning = false">
          <svg
            t="1631931498367"
            class="icon"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="2406"
            width="42"
            height="42"
          >
            <path
              d="M511.98711 73.139605a438.834339 438.834339 0 0 1 310.84099 749.675329 438.834339 438.834339 0 1 1-621.68198-621.68198 436.091625 436.091625 0 0 1 310.84099-127.993349m0-73.139056a511.973396 511.973396 0 1 0 362.03833 149.935065A510.144919 510.144919 0 0 0 511.98711 0.000549z"
              p-id="2407"
              fill="#ffffff"
            />
            <path
              d="M318.016685 654.193814m18.100993-18.100993l299.959313-299.959313q18.100993-18.100993 36.201986 0l15.515137 15.515137q18.100993 18.100993 0 36.201986l-299.959313 299.959313q-18.100993 18.100993-36.201986 0l-15.515137-15.515137q-18.100993-18.100993 0-36.201986Z"
              p-id="2408"
              fill="#ffffff"
            />
            <path
              d="M318.016685 369.749638m18.100993-18.100993l15.515137-15.515137q18.100993-18.100993 36.201986 0l299.959313 299.959313q18.100993 18.100993 0 36.201986l-15.515137 15.515137q-18.100993 18.100993-36.201986 0l-299.959313-299.959313q-18.100993-18.100993 0-36.201986Z"
              p-id="2409"
              fill="#ffffff"
            />
          </svg>
        </div>
      </div>
    </div>
    <div v-show="riskvideo" class="risk-video-wrapper">
      <div class="riskvideo">
        <video style="width:100%;height: 100%;" controls :src="curRiskVideo" />
        <div class="closeQingNing" @click="riskvideo = false">
          <svg
            t="1631931498367"
            class="icon"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="2406"
            width="42"
            height="42"
          >
            <path
              d="M511.98711 73.139605a438.834339 438.834339 0 0 1 310.84099 749.675329 438.834339 438.834339 0 1 1-621.68198-621.68198 436.091625 436.091625 0 0 1 310.84099-127.993349m0-73.139056a511.973396 511.973396 0 1 0 362.03833 149.935065A510.144919 510.144919 0 0 0 511.98711 0.000549z"
              p-id="2407"
              fill="#ffffff"
            />
            <path
              d="M318.016685 654.193814m18.100993-18.100993l299.959313-299.959313q18.100993-18.100993 36.201986 0l15.515137 15.515137q18.100993 18.100993 0 36.201986l-299.959313 299.959313q-18.100993 18.100993-36.201986 0l-15.515137-15.515137q-18.100993-18.100993 0-36.201986Z"
              p-id="2408"
              fill="#ffffff"
            />
            <path
              d="M318.016685 369.749638m18.100993-18.100993l15.515137-15.515137q18.100993-18.100993 36.201986 0l299.959313 299.959313q18.100993 18.100993 0 36.201986l-15.515137 15.515137q-18.100993 18.100993-36.201986 0l-299.959313-299.959313q-18.100993-18.100993 0-36.201986Z"
              p-id="2409"
              fill="#ffffff"
            />
          </svg>
        </div>
      </div>
    </div>
    <div class="popup">
      <!-- 监控部分 -->
      <div v-show="isShowVideo" id="popupVideo" class="popup-video">
        <div class="videoWrap">
          <div class="video" />
          <div class="spinner">
            <div class="rect1" />
            <div class="rect2" />
            <div class="rect3" />
            <div class="rect4" />
            <div class="rect5" />
          </div>
          <a class="close" @click="hideVideo">+</a>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
/* eslint-disable */
// import { getAll } from '@/api/system/role'
import * as echarts from "echarts";
import LivePlayer from "@liveqing/liveplayer";
import {
  findDimindustry,
  getindustry,
  getHideDangeByIdOrderHdLevel,
  getriskNumAnalysis,
  getthRisk,
  getRiskStandingBook,
  getTownComs,
  getHDTownEnterSum,
  getHDRigionEnterSum,
  getRiskRegionEnterSum,
  getRiskTownEnterSum,
  getHideDangerBychIds,
  getOverTimeRegionEnterSum,
  getResponseList,
  getCompanyInfoById,
  supervisionIndicators,
  countEachAreaRiskNum,
  countEachLevelRiskNum,
  getComsByAreaOver,
  getComsByAreaRisk,
  getComsByAreaHd,
  getComsByAreaEmer,
  getComsByAreaDimIndus,
  findCompanyCounty,
  findAllDimIndustries,
  getEnterSum,
  getEnterIndusSum,
  getEnterDimTwoIndustrySum,
  analyzeHdCountAndRectification,
  analyzeHdTrend,
  rankHd,
  getIndustryChargeDept,
  getAllCompanyInfo,
} from "../api/industry";
import {
  toptenHDKW,
  getHDWDDepartment,
  getHDWDIndus,
  getHDKWEntry,
} from "../api/keyword.js";
import { parseTime } from "../utils/index";
import axios from "axios";
import pdf from "vue-pdf";
import { 
  findUploadEnterprise, 
  hwapprovalEnters, 
  enterHwapproval,
  findUploadedDangerJobReport,
  dangerJobReport } from '@/api/hwapproval.js'
// import PDFViewer from 'pdf-viewer-vue';
export default {
  components: {
    LivePlayer,
    pdf,
  },
  data() {
    return {
      isCurCertifyPdfFile: false,
      // 危险作业
      dangerWorkRecord: [],
      // 证书-双体系企业
      dualSystemEnters: [],
      // 证书-应急预案
      emergencyPlanEnters: [],
      // 证书-标准化
      standardization: [],
      pdfNumPage: undefined,
      loadingTask: undefined,
      certifies: [
        {
          filePath:
            "https://8.143.198.78/certify/D68D75E09D639AE99B7A33E1A7E9F434.png",
        },
      ],
      dangers: [
        {
          name: "2021年三氟丙烯设备检修",
          date: "2021-09-19至2021-09-24",
          content:
            "1.设备及管道的吹扫、置换；\n2.拆卸封头、人孔、附属管道阀门；\n3.HF分离塔（釜）、HCl分离塔（釜）、脱气塔（釜）、精馏塔（釜）、TFP干燥器*2、HF相分离器、HF称重计量罐等设备拆卸封头、打磨焊口；\n4.配合特检院进行设备检验；\n5.检完后的设备恢复以及试压检查",
          analysis:
            "临时用电作业：使用角磨机等电气设备，存在触电风险。\n动火作业：打磨焊口，存在火灾风险。\n受限空间作业：进入釜内打磨焊口，配合特检院完成设备检验，存在中毒和窒息风险。\n",
          operator:
            "1.现场消防器材齐全，应急救援器材齐全。\n2.作业人员劳动防护用品佩戴齐全。\n3.作业前对设备、管道进行吹扫、清洗、置换，作业前进行检测。\n4.根据特殊作业规定，作业前开具合格的作业票证。\n5.对作业人员进行培训和技术交底，专人监护。",
        },
      ],
      curSelectDeployEnterpriseIndex: -2,
      curSelectDeployChargeIndex: -1,
      isShowDangerChargeDeaprt: false,
      isShowDangerIndusTypes: false,
      isShowDangerEnterLists: false,
      isShowDangerList: false,
      isShowDanger: false,
      curSelectDangerIndex: -1,
      isShowCertifyChargeDepart: false,
      isShowCertifyIndusTypes: false,
      isShowCertifyEnterLists: false,
      isShowCertifyList: false,
      isShowCertify: false,
      curSelectCertifyIndex: -1,
      isCurCertifyIndex: 0,
      isShowTeachChargeDepart: false,
      isShowTeachIndusTypes: false,
      isShowTeachEnterLists: false,
      isCurTeachIndex: 0,
      riskvideo: false,
      curRiskVideo: "",
      qingning: false,
      videoUrl: "",
      // 大屏中的哪个被激活
      mapActiveIndex: 0,
      // 风险类型中的哪个被激活
      riskTypeIndex: 0,
      // 隐患类型中的哪个被激活
      hdTypeIndex: 0,
      // 行业主管部门box 显示 当前选中的index
      isShowIndusDepartment: false,
      curSelectDepartmentIndex: -1,
      curDepartIndusEnters: [
        {
          depart: "经发局（应急局）",
          induses: [
            {
              indus: "危险化学品行业",
              coms: [],
            },
            {
              indus: "一般化工行业",
              coms: [],
            },
            {
              indus: "民用爆炸物品行业",
              coms: [],
            },
            {
              indus: "工贸行业（含涉氨制冷）",
              coms: [],
            },
            {
              indus: "电力行业",
              coms: [],
            },
            {
              indus: "船舶行业",
              coms: [],
            },
          ],
        },
        {
          depart: "建设局",
          induses: [
            {
              indus: "城市建设",
              coms: [],
            },
            {
              indus: "燃气",
              coms: [],
            },
            {
              indus: "交通运输行业",
              coms: [],
            },
          ],
        },
        {
          depart: "商贸局",
          induses: [
            {
              indus: "威峰市场、齐鲁小商品、华客隆等",
              coms: [],
            },
            {
              indus: "商贸流通行业",
              coms: [],
            },
          ],
        },
        {
          depart: "生态环境局",
          induses: [
            {
              indus: "危险废物行业",
              coms: [],
            },
          ],
        },
        {
          depart: "市场监管局",
          induses: [
            {
              indus: "特种设备行业",
              coms: [],
            },
          ],
        },
        {
          depart: "消防救援大队",
          induses: [
            {
              indus: "消防（重点消防单位）",
              coms: [],
            },
          ],
        },
        {
          depart: "交警三大队",
          induses: [
            {
              indus: "道路运输",
              coms: [],
            },
          ],
        },
        {
          depart: "教育分局",
          induses: [
            {
              indus: "学校（校车）",
              coms: [],
            },
          ],
        },
        {
          depart: "卫健办",
          induses: [
            {
              indus: "医院",
              coms: [],
            },
          ],
        },
        {
          depart: "财政金融局",
          induses: [
            {
              indus: "国企",
              coms: [],
            },
          ],
        },
        {
          depart: "社会工作部",
          induses: [
            {
              indus: "海洋渔业 （船舶）",
              coms: [],
            },
            {
              indus: "水利",
              coms: [],
            },
            {
              indus: "养老场所",
              coms: [],
            },
          ],
        },
        {
          depart: "科技创新局",
          induses: [
            {
              indus: "培训机构",
              coms: [],
            },
          ],
        },
      ],
      // curDepartIndusEnters: [
      //   {
      //     depart: "经发局(应急局)",
      //     induses: [
      //       {
      //         indus: "危险化学品生产、经营、使用、装卸",
      //         coms: []
      //       },
      //       {
      //         indus: "一般化工行业",
      //         coms: []
      //       },
      //       {
      //         indus: "民用爆炸物品行业",
      //         coms: []
      //       },
      //       {
      //         indus: "工贸行业",
      //         coms: []
      //       },
      //       {
      //         indus: "电力、热力生产和供应业",
      //         coms: []
      //       },
      //       {
      //         indus: "船舶工业行业",
      //         coms: []
      //       },
      //       {
      //         indus: "涉氨制冷",
      //         coms: []
      //       },
      //       {
      //         indus: "粉尘防爆",
      //         coms: []
      //       },
      //       {
      //         indus: "有限空间",
      //         coms: []
      //       }
      //     ]
      //   },
      //   {
      //     depart: "建设局",
      //     induses: [
      //       {
      //         indus: "建筑工地行业",
      //         coms: []
      //       },
      //       {
      //         indus: "交通运输行业",
      //         coms: []
      //       }
      //     ]
      //   },
      //   {
      //     depart: "市场监督管理局",
      //     induses: [
      //       {
      //         indus: "特种设备行业",
      //         coms: []
      //       }
      //     ]
      //   },
      //   {
      //     depart: "生态环境局",
      //     induses: [
      //       {
      //         indus: " 危险废物行业",
      //         coms: []
      //       }
      //     ]
      //   },
      //   {
      //     depart: "商务局",
      //     induses: [
      //       {
      //         indus: "商贸流通行业",
      //         coms: []
      //       },
      //       {
      //         indus: "个体工商户",
      //         coms: []
      //       },
      //       {
      //         indus: "居民服务业",
      //         coms: []
      //       }
      //     ]
      //   }
      // ],
      // department下所有数量
      departmentNum: [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
      // 行业分类box 显示 当前选中的index
      isShowIndusTypes: false,
      curSelectIndusIndex: -1,
      curIndusEnters: [],
      // 企业列表box 显示 当前选中的index
      isShowEnterLists: false,
      curSelectEnterIndex: -1,
      curEnters: [],
      // 当前搜索的所有企业
      curSearchAllEnters: [],
      // 搜索列表
      isShowSearchListsDown: false,
      // 当前是常规地图或者是卫星地图
      isregularMap: false,
      // 显示区域还是行业
      isShowrenoin: true,
      // 显示国民经济行业或者应急行业
      isShowEmergencyOrNation: true,
      // 显示所有
      isShowAll: false,
      // 显示行业类型下拉框
      isShowPullDown: false,
      // 是否显示隐患标识
      isShowhdidentify: false,
      // 是否显示菜单
      isPullMenuShow: false,
      // 获取当前所有应急行业
      emergencyIndustryNames: [],
      // 获取当前所有国民经济行业
      nationIndustryNames: [],
      // 当前时间
      curTime: "",
      // 当前所有区域以及对应的公司和 marker
      regionmarkers: [],
      //
      //
      // 当前右边的区域、应急行业、国民经济二级行业
      regionsWithShow: [],
      emergenciesWithShow: [],
      dimIndustriesWithShow: [],
      //
      // 当前所有的区域
      regions: [],
      // 当前区域和应急行业
      regionsEmergencies: [],
      // 当前区域和国民行业
      regionsDimIndustries: [],
      // 当前区域、隐患
      regionsHDs: [],
      // 当前区域、风险
      regionsRisks: [],
      // 当前区域、超期
      regionsOvers: [],
      // 是应急行业，还是国民经济行业
      isemornation: 0,
      // 检查timer , 用于看当前是否已经获取完毕隐患列表和
      checkTimer: null,
      // 所有的隐患和风险是否已经初始化完毕
      isInitAllHDRisk: false,
      currsbtType: "",
      curcerlType: "",
      // 重大风险-行业-企业
      majorRiskIndusEnter: [],
      majorRiskAllDegrees: 0,
      majorRiskIndus: [],
      majorRiskEnter: [],
      // 较大风险-行业-企业
      GreaterRiskIndusEnter: [],
      greaterRiskAllDegrees: 0,
      greaterRiskIndus: [],
      greaterRiskEnter: [],
      // 一般风险-行业-企业
      GeneralRiskIndusEnter: [],
      generalRiskAllDegrees: 0,
      generalRiskIndus: [],
      generalRiskEnter: [],
      // 低风险-行业-企业
      LowRiskIndusEnter: [],
      lowRiskAllDegrees: 0,
      lowRiskIndus: [],
      lowRiskEnter: [],
      // 重大隐患-行业-企业
      MajorHDIndusEnter: [],
      majorHDIndus: [],
      majorHDDegrees: 0,
      // 一般隐患-行业-企业
      GeneralHDIndusEnter: [],
      generalHDDegrees: 0,
      generalHDIndus: [],
      // 隐患超期-行业-企业
      overTimeIndusEnter: [],
      overtimeDegrees: 0,
      // 六个风险 隐患
      activeRiskHDIndex: 0,
      // 风险隐患对应的 企业
      isShowRiskHDEnterList: false,
      riskhdEnter: [],
      // 企业重大风险数量
      riskMajorRiskSum: 0,
      // 企业较大风险数量
      riskGreaterRiskSum: 0,
      // 企业一般风险数量
      riskNormalRiskSum: 0,
      // 企业低风险数量
      riskLowRiskSum: 0,
      // 行业对应的下标
      riskhdIndusIndex: -1,
      // 当前企业的星级
      curEnterStar: 5,
      // 当前企业的安全管理的星级
      curEnterStar2: 5,
      // 当前 marker 选中的企业的企业信息
      curSelectEnter: {
        // 当前选中企业的企业名称
        companyName: "",
        // 当前选中企业的负责人
        companyChargePer: "",
        // 当前选中企业的电话
        companyChargeTel: "",
        // 当前选中企业简介
        companyIntroduction: "",
      },
      // 当前 marker 选中的企业的企业风险
      curSelectRisk: [],
      // 当前 marker 选中的企业的企业隐患
      curSelectHD: [],
      // 当前 marker 选中的企业的一般隐患的列表
      curSelectNormalHD: [],
      // 当前 marker 选中的企业的重大隐患的列表
      curSelectMajorHD: [],
      // 一般隐患数量
      curSelectHDGenSum: 0,
      // 重大隐患数量
      curSelectHDMajorSum: 0,
      // 未整改的数量
      curSelectHDNorectSum: 0,
      // 整改率
      curSelectHDRectPercentSum: 0,
      // 当前 marker 选中的企业的安全检查
      curSelectSC: [],
      // 当前选中的安全检查子项
      curSelectSCItems: [],
      // 当前企业的主体责任清单
      curSelectCerl: [],
      // 当前选中的主体责任子项
      curSelectCerlItems: [],
      // 当前选择的风险详情子项
      curSelectRiskDetail: {},
      // 当前选择的隐患详情子项
      curSelectHDDetail: {},
      // 当前选择的安全检查子项
      curSelectSCDetail: {},
      //
      // 企业信息
      // 企业信息显示
      isShowEnterInfo: false,
      // 企业风险显示
      isShowEnterRisk: false,
      // 企业隐患显示
      isShowEnterHD: false,
      // 企业一般隐患列表显示
      isShowHDListNormal: false,
      // 企业重大隐患列表显示
      isShowHDListMajor: false,
      // 企业安全检查显示
      isShowEnterSC: false,
      // 企业责任清单
      isShowEnterCerl: false,
      //
      // 企业子项显示
      // 蒙层是否过滤鼠标事件
      isFilterPointer: true,
      // 安全措施弹框
      isShowEnterSCItem: false,
      // 责任清单子项弹框
      isShowEnterCerlItem: false,
      // 隐患措施弹框
      isShowEnterHDItem: false,
      // 风险措施弹框
      isShowEnterRiskItem: false,
      // 企业信息弹框
      isShowEnterInfoItem: false,
      //
      // 是否显示监控
      isShowVideo: 0,
      // riskTimer 用于动画
      riskTimer: null,
      // hdTimer 用于动画
      hdTimer: null,
      // 数据大屏变量
      // 开始时间
      startTime: "",
      // 结束时间
      endTime: "",
      // 选择街道
      selectStreet: "",
      streetOptions: [
        {
          value: "全部",
          label: "全部",
        },
        {
          value: "皇冠街道",
          label: "皇冠街道",
        },
        {
          value: "凤林街道",
          label: "凤林街道",
        },
        {
          value: "西苑街道",
          label: "西苑街道",
        },
        {
          value: "崮山镇",
          label: "崮山镇",
        },
        {
          value: "泊于镇",
          label: "泊于镇",
        },
      ],
      selectIndustry: "",
      industryOptions: [
        {
          value: "全部",
          label: "全部",
        },
      ],
      selectManager: "",
      managerOptions: [
        {
          value: "全部",
          label: "全部",
        },
        {
          value: "经发局",
          label: "经发局",
        },
        {
          value: "建设局",
          label: "建设局",
        },
        {
          value: "市场监督管理局",
          label: "市场监督管理局",
        },
        {
          value: "生态环境局",
          label: "生态环境局",
        },
        {
          value: "商务局",
          label: "商务局",
        },
      ],
      // 数据分析
      // 安全监管指标
      curYear: 2021,
      index1: 0,
      index2: 0,
      index3: 0,
      index4: 0,
      index5: 0,
      index6: 0,
      index7: 0,
      index8: 0,
      index9: 0,
      index10: 0,
      index11: [],
      // 数据分析大屏，当前选择的是区域、行业还是主管部门
      curSelectOption: 0,
      // 当前选择隐患总量还是未整改总量
      curSelectHDTotal: true,
      // 行业信息预警
      vocabulary: [],
      curHDKeyWord: "",
      isShowHDKWIndusDepart: false,
      isShowHDKWIndusTypes: false,
      isShowHDKWEnterLists: false,
      HDKWDepartArray: [],
      HDKWIndusArray: [],
      HDKWEntryArray: [],
      curSelectHDKWDepartIndex: -1,
      curSelectHDKWIndusIndex: -1,
      tempHDKWEntry: [],
      // 重要工作部署
      curSelectIndusesByDeployment: [],
      curAllInduses: [
        {
          label: "危险化学品生产、经营、使用、装卸",
          value: "危险化学品生产、经营、使用、装卸",
        },
        {
          label: "一般化工行业",
          value: "一般化工行业",
        },
        {
          label: "民用爆炸物品行业",
          value: "民用爆炸物品行业",
        },
        {
          label: "工贸行业",
          value: "工贸行业",
        },
        {
          label: "船舶工业行业",
          value: "船舶工业行业",
        },
        {
          label: "建筑工地行业",
          value: "建筑工地行业",
        },
        {
          label: "交通运输行业",
          value: "交通运输行业",
        },
        {
          label: "商贸流通行业",
          value: "商贸流通行业",
        },
        {
          label: "涉氨制冷",
          value: "涉氨制冷",
        },
        {
          label: "有限空间",
          value: "有限空间",
        },
        {
          label: "粉尘防爆",
          value: "粉尘防爆",
        },
        {
          label: "电力、热力生产和供应业",
          value: "电力、热力生产和供应业",
        },
      ],
      curAllSerchEntries: [
        {
          checked: false,
          name: "中国石化销售股份有限公司",
        },
        {
          checked: false,
          name: "威海交通运输集团有限公司客运分公司",
        },
        {
          checked: false,
          name: "威海公共交通集团巴士有限公司",
        },
        {
          checked: false,
          name: "威海祥和建筑有限公司",
        },
        {
          checked: false,
          name: "威海市华王海洋生物工程有限公司",
        },
        {
          checked: false,
          name: "威海精诚特种纤维制品有限公司",
        },
        {
          checked: false,
          name: "日月光半导体（威海）有限公司",
        },
        {
          checked: false,
          name: "威海昆仑天然气有限公司经区海南路公交中心站",
        },
        {
          checked: false,
          name: "威海燃气有限公司经区储配站",
        },
        {
          checked: false,
          name: "威海交通运输集团有限公司四分公司",
        },
        {
          checked: false,
          name: "威海市茂安燃气有限公司",
        },
        {
          checked: false,
          name: "威海经济技术开发区立新建材经销处",
        },
        {
          checked: false,
          name: "威海经济技术开发区燕祥五金建材经销处",
        },
        {
          checked: false,
          name: "威海经济技术开发区润安五金建材经销处",
        },
        {
          checked: false,
          name: "保利澳瑞凯（威海）爆破器材有限公司",
        },
      ],
      curDeployEnterpriseResult: [],
      isShowDeploySearchEnterprisesReuslt: false,
    };
  },
  computed: {
    // 获取企业的简介
    getEnterBriefIntroduce() {
      if (this.curSelectEnter.companyBusinessNature) {
        if (this.curSelectEnter.companyBusinessNature.length > 45) {
          return (
            this.curSelectEnter.companyBusinessNature.substr(0, 45) + "..."
          );
        } else {
          return this.curSelectEnter.companyBusinessNature;
        }
      }
      return "暂无简介";
    },
    // 判断行业主管部门显示
    justifyChargeDepart() {
      return (
        ((this.mapActiveIndex === 1 || this.mapActiveIndex === 2) &&
          this.isShowIndusDepartment === true) ||
        (this.mapActiveIndex === 3 && this.isShowTeachChargeDepart) ||
        (this.mapActiveIndex === 5 && this.isShowDangerChargeDeaprt) ||
        (this.mapActiveIndex === 7 && this.isShowCertifyChargeDepart)
      );
    },
    // 判断行业显示
    justifyIndusShow() {
      return (
        ((this.mapActiveIndex === 1 || this.mapActiveIndex === 2) &&
          this.isShowIndusTypes) ||
        (this.mapActiveIndex === 3 && this.isShowTeachIndusTypes) ||
        (this.mapActiveIndex === 5 && this.isShowDangerIndusTypes) ||
        (this.mapActiveIndex === 7 && this.isShowCertifyIndusTypes)
      );
    },
    // 判断企业显示
    justifyEnterpriseShow() {
      return (
        ((this.mapActiveIndex === 1 || this.mapActiveIndex === 2) &&
          this.isShowEnterLists) ||
        (this.mapActiveIndex === 3 && this.isShowTeachEnterLists) ||
        (this.mapActiveIndex === 5 && this.isShowDangerEnterLists) ||
        (this.mapActiveIndex === 7 && this.isShowCertifyEnterLists)
      );
    },
    // 挂载取消事件
    cancelShowDeploySearchEnterprise() {
      console.log("会被调用吗", "cancelShowDeploySearchEnterprise");
      this.isShowDeploySearchEnterprisesReuslt = false;
    },
    // 判断是否是 pdf
    isPdfFile() {
      if (this.curSelectCertifyIndex === -1) return false;
      if (
        this.certifies[this.curSelectCertifyIndex].filePath.indexOf(".pdf") > 0
      ) {
        return true;
      }
      return false;
    },
  },
  mounted() {
    // axios.get('http://118.190.98.56:9090/jz/daq/nextList?id=36').then(res => {
    //   console.log(res, 'hahahhahaha')
    // })
    this.initAllDanger()
    this.initAllCertifies()
    findUploadEnterprise().then(res => {
      console.log(res, 'res findUploadEnterprise findUploadEnterprise')
    })
    axios
      .get(
        "https://8.143.198.78/tojiankong/api/v1/stream/start?serial=34020000001110000200&code=34020100001321111111"
      )
      .then((res) => {
        // this.videoUrl = res.data.FLV
        const splitArr = res.data.FLV.split("sms")[1];
        this.videoUrl = "https://8.143.198.78/sms" + splitArr;
      });
    if (!document.querySelector("#sto")) {
      const linkDom = document.createElement("link");
      linkDom.rel = "stylesheet";
      linkDom.href = "rep.css";
      linkDom.id = "sto";
      document.getElementsByTagName("head")[0].appendChild(linkDom);
    }
    this.initMap();
    this.initAllRegions();
    // 事件间隔
    this.timer1 = setInterval(() => {
      const curDate = new Date();
      this.curTime = `${curDate.getFullYear()}-${
        curDate.getMonth() + 1 < 10
          ? "0" + (curDate.getMonth() + 1)
          : curDate.getMonth() + 1
      }-${
        curDate.getDate() < 10 ? "0" + curDate.getDate() : curDate.getDate()
      } ${
        curDate.getHours() < 10 ? "0" + curDate.getHours() : curDate.getHours()
      }:${
        curDate.getMinutes() < 10
          ? "0" + curDate.getMinutes()
          : curDate.getMinutes()
      }:${
        curDate.getSeconds() < 10
          ? "0" + curDate.getSeconds()
          : curDate.getSeconds()
      }`;
    }, 1000);
    //
    var popupVideo = this.$el.querySelector("#popupVideo");
    this.videoEl = popupVideo.firstElementChild.firstElementChild;
    this.videoPlayer();
  },
  methods: {
    async initAllDanger() {
      let result = []
      await findUploadedDangerJobReport().then(res => {
        console.log(res, 'findUploadedDangerJobReport findUploadDangerJobReport')
        result = res
      })
      result = result.map(item => {
        item.companyId = item.enterpriseId
        item.companyName = item.enterpriseName
        return item
      })
      let proArr = []
      for (let i = 0 ; i < result.length; i++) {
        const p1 = dangerJobReport({
          companyId: result[i].companyId,
          page: 0,
          size: 999
        }).then(res => {
          console.log(res, 'danegrJobReport dangerJobReport')
          result[i].dangers = [...res.content]
          result[i].dangers = result[i].dangers.map(item => {
            const index1 = item.filePath.indexOf('\\')
            const index2= item.filePath.indexOf('\\', index1 + 1)
            const index3 = item.filePath.indexOf('\\', index2 + 1)
            item.filePath = item.filePath.substr(index3)
            return item
          })
        })
        proArr.push(p1)
      }
      await Promise.all(proArr)
      this.dangerWorkRecord = [...result]
      console.log(this.dangerWorkRecord, 'this.dangerWorkRecord this.dangerWorkRecord')
    },
    async initAllCertifies() {
      let result = null
      await findUploadEnterprise().then(res => {
        console.log(res, 'findUplaodEnterprise')
        result = res
      })
      for (let i = 0; i < result.length; i++) {
        result[i].companyId = result[i].enterpriseId
        result[i].companyName = result[i].enterpriseName
      }
      let proArr = []
      for (let i = 0; i < result.length; i++) {
        const p1 = hwapprovalEnters({
          enterpriseName: result[i].enterpriseName
        }).then(res => {
          console.log(res, 'initAllCertifies')
          result[i].dualSystemNum = res.content[0].dualSystemNum
          result[i].emergencyPlanNum = res.content[0].dualSystemNum
          result[i].standardizationNum = res.content[0].standardizationNum
        })
        proArr.push(p1)
      }
      await Promise.all(proArr)
      console.log(result, 'result reuslt _____________')
      for (let i = 0; i < result.length;i++) {
        if (result[i].dualSystemNum > 0) {
          this.dualSystemEnters.push(result[i])
        }
        if (result[i].emergencyPlanNum > 0) {
          this.emergencyPlanEnters.push(result[i])
        }
        if (result[i].standardizationNum > 0) {
          this.standardization.push(result[i])
        }
      }
      let proArr2 = []
      for(let i = 0; i < this.dualSystemEnters.length; i++) {
        const p1 = enterHwapproval({
          companyId: this.dualSystemEnters[i].companyId,
          category: '双体系证书',
          size: 999,
          page: 0
        }).then(res => {
          this.dualSystemEnters[i].certifies = [...res.content.map(item => {
            const index1 = item.filePath.indexOf('\\')
            const index2 = item.filePath.indexOf('\\', index1 + 1)
            const index3 = item.filePath.indexOf('\\', index2 + 1)
            item.filePath = item.filePath.substr(index3)
            return item
          })]
        })
        proArr2.push(p1)
      }
      for(let i = 0; i < this.emergencyPlanEnters.length; i++) {
        const p1 = enterHwapproval({
          companyId: this.emergencyPlanEnters[i].companyId,
          category: '应急预案',
          size: 999,
          page: 0
        }).then(res => {
          this.emergencyPlanEnters[i].certifies = [...res.content.map(item => {
            const index1 = item.filePath.indexOf('\\')
            const index2 = item.filePath.indexOf('\\', index1 + 1)
            const index3 = item.filePath.indexOf('\\', index2 + 1)
            item.filePath = item.filePath.substr(index3)
            return item
          })]
        })
        proArr2.push(p1)
      }
      for (let i = 0; i < this.standardizationNum.length; i++) {
        const p1 = enterHwapproval({
          companyId: this.standardizationNum[i].companyId,
          category: '标准化',
          size: 999,
          page: 0
        }).then(res => {
          this.standardizationNum[i].certifies = [...res.content.map(item => {
            const index1 = item.filePath.indexOf('\\')
            const index2 = item.filePath.indexOf('\\', index1 + 1)
            const index3 = item.filePath.indexOf('\\', index2 + 1)
            item.filePath = item.filePath.substr(index3)
            return item
          })]
        })
        proArr2.push(p1)
      }
      await Promise.all(proArr2)
    },
    certifyBtnNextPage(event) {
      console.log(
        event,
        "certifyBtnNextPage certifyBtnNextPage certifyBtnNextPage"
      );
      this.$refs.myPdfComponent.pdf.forEachPage(function (page) {
        return page.getTextContent().then(function (content) {
          var text = content.items.map((item) => item.str);
          console.log(text);
        });
      });
    },
    toSearchDeployEnters(event) {
      console.log(event, "toSearchDeployEnters");
      // 搜寻 event.target.innerText
      getAllCompanyInfo({
        page: 0,
        size: 10,
        companyName: event.target.innerText,
      }).then((res) => {
        this.curDeployEnterpriseResult = [...res.content];
        this.isShowDeploySearchEnterprisesReuslt = true;
      });
    },
    clickToCertifyItem1() {
      this.curSelectDepartmentIndex = -1;
      this.curSelectIndusIndex = -1;
      this.curSelectEnterIndex = -1;
      this.curSelectCertifyIndex = -1;
      if (this.isCurCertifyIndex === 1) {
        this.isCurCertifyIndex = -1;
        this.isShowCertifyChargeDepart = false;
        this.isShowCertifyIndusTypes = false;
        this.isShowCertifyEnterLists = false;
        this.isShowCertifyList = false;
        return;
      }
      // 补充当前企业到全局 管理局-行业-企业
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          this.curDepartIndusEnters[i].induses[j].coms = [];
        }
      }

      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          for (let k = 0; k < this.dualSystemEnters.length; k++) {
            if (this.dualSystemEnters[k].industryName === this.curDepartIndusEnters[i].induses[j].indus) {
              this.curDepartIndusEnters[i].induses[j].coms.push(this.dualSystemEnters[k])
            }
          }
        }
      }

      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        let sum = 0;
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          sum += this.curDepartIndusEnters[i].induses[j].coms
            ? this.curDepartIndusEnters[i].induses[j].coms.length
            : 0;
        }
        this.departmentNum[i] = sum;
      }
      this.isCurCertifyIndex = 1;
      this.isShowCertifyChargeDepart = true;
      this.isShowCertifyIndusTypes = false;
      this.isShowCertifyEnterLists = false;
      this.isShowCertifyList = false;
    },
    clickToCertifyItem2() {
      this.curSelectDepartmentIndex = -1;
      this.curSelectIndusIndex = -1;
      this.curSelectEnterIndex = -1;
      this.curSelectCertifyIndex = -1;
      if (this.isCurCertifyIndex === 2) {
        this.isCurCertifyIndex = -1;
        this.isShowCertifyChargeDepart = false;
        this.isShowCertifyIndusTypes = false;
        this.isShowCertifyEnterLists = false;
        this.isShowCertifyList = false;
        return;
      }
      // 补充当前企业到全局 管理局-行业-企业
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          this.curDepartIndusEnters[i].induses[j].coms = [];
        }
      }
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          for (let k = 0; k < this.emergencyPlanEnters.length; k++) {
            if (this.emergencyPlanEnters[k].industryName === this.curDepartIndusEnters[i].induses[j].indus) {
              this.curDepartIndusEnters[i].induses[j].coms.push(
                this.emergencyPlanEnters[k]
              )
            }
          }
        }
      }
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        let sum = 0;
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          sum += this.curDepartIndusEnters[i].induses[j].coms
            ? this.curDepartIndusEnters[i].induses[j].coms.length
            : 0;
        }
        this.departmentNum[i] = sum;
      }
      this.isCurCertifyIndex = 2;
      this.isShowCertifyChargeDepart = true;
      this.isShowCertifyIndusTypes = false;
      this.isShowCertifyEnterLists = false;
      this.isShowCertifyList = false;
    },
    clickToCertifyItem3() {
      this.curSelectDepartmentIndex = -1;
      this.curSelectIndusIndex = -1;
      this.curSelectEnterIndex = -1;
      this.curSelectCertifyIndex = -1;
      if (this.isCurCertifyIndex === 3) {
        this.isCurCertifyIndex = -1;
        this.isShowCertifyChargeDepart = false;
        this.isShowCertifyIndusTypes = false;
        this.isShowCertifyEnterLists = false;
        this.isShowCertifyList = false;
        return;
      }
      // 补充当前企业到全局 管理局-行业-企业
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          this.curDepartIndusEnters[i].induses[j].coms = [];
        }
      }
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          for (let k = 0; k < this.standardization.length; k++) {
            if (this.standardization[k].industryName === this.curDepartIndusEnters[i].induses[j].indus) {
              this.curDepartIndusEnters[i].induses[j].coms.push(
                this.standardization[k]
              )
            }
          }
        }
      }
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        let sum = 0;
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          sum += this.curDepartIndusEnters[i].induses[j].coms
            ? this.curDepartIndusEnters[i].induses[j].coms.length
            : 0;
        }
        this.departmentNum[i] = sum;
      }
      this.isCurCertifyIndex = 3;
      this.isShowCertifyChargeDepart = true;
      this.isShowCertifyIndusTypes = false;
      this.isShowCertifyEnterLists = false;
      this.isShowCertifyList = false;
    },
    clickToSecureTeachItem1() {
      if (this.isCurTeachIndex === 1) {
        this.isCurTeachIndex = -1;
        this.isShowTeachChargeDepart = false;
        this.isShowTeachIndusTypes = false;
        this.isShowTeachEnterLists = false;
        return;
      }
      // 补充当前企业到全局 管理局-行业-企业
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          this.curDepartIndusEnters[i].induses[j].coms = [];
        }
      }
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        let sum = 0;
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          sum += this.curDepartIndusEnters[i].induses[j].coms
            ? this.curDepartIndusEnters[i].induses[j].coms.length
            : 0;
        }
        this.departmentNum[i] = sum;
      }
      this.isCurTeachIndex = 1;
      this.isShowTeachChargeDepart = true;
    },
    clickToSecureTeachItem2() {
      if (this.isCurTeachIndex === 2) {
        this.isCurTeachIndex = -1;
        this.isShowTeachChargeDepart = false;
        this.isShowTeachIndusTypes = false;
        this.isShowTeachEnterLists = false;
        return;
      }
      // 补充当前企业到全局 管理局-行业-企业
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          this.curDepartIndusEnters[i].induses[j].coms = [];
        }
      }
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        let sum = 0;
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          sum += this.curDepartIndusEnters[i].induses[j].coms
            ? this.curDepartIndusEnters[i].induses[j].coms.length
            : 0;
        }
        this.departmentNum[i] = sum;
      }
      this.isCurTeachIndex = 2;
      this.isShowTeachChargeDepart = true;
    },
    clickToSecureTeachItem3() {
      if (this.isCurTeachIndex === 3) {
        this.isCurTeachIndex = -1;
        this.isShowTeachChargeDepart = false;
        this.isShowTeachIndusTypes = false;
        this.isShowTeachEnterLists = false;
        return;
      }
      // 补充当前企业到全局 管理局-行业-企业
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          this.curDepartIndusEnters[i].induses[j].coms = [];
        }
      }
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        let sum = 0;
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          sum += this.curDepartIndusEnters[i].induses[j].coms
            ? this.curDepartIndusEnters[i].induses[j].coms.length
            : 0;
        }
        this.departmentNum[i] = sum;
      }
      this.isCurTeachIndex = 3;
      this.isShowTeachChargeDepart = true;
    },
    clickToSecureTeachItem4() {
      if (this.isCurTeachIndex === 4) {
        this.isCurTeachIndex = -1;
        this.isShowTeachChargeDepart = false;
        this.isShowTeachIndusTypes = false;
        this.isShowTeachEnterLists = false;
        return;
      }
      // 补充当前企业到全局 管理局-行业-企业
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          this.curDepartIndusEnters[i].induses[j].coms = [];
        }
      }
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        let sum = 0;
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          sum += this.curDepartIndusEnters[i].induses[j].coms
            ? this.curDepartIndusEnters[i].induses[j].coms.length
            : 0;
        }
        this.departmentNum[i] = sum;
      }
      this.isCurTeachIndex = 4;
      this.isShowTeachChargeDepart = true;
    },
    // 展示应急地图
    emmapShow() {
      this.mapActiveIndex = 1;
    },
    // 展示数据统计
    dataAnalysisMap() {
      this.$nextTick(async () => {
        const curSelectRegion = this.regionsWithShow
          .filter((item) => item.isShow)
          .map((item) => item.region);
        console.log(curSelectRegion, "this. curSelectRegion");
        const pArray = [];
        const p1 = supervisionIndicators(
          ["威海市经济技术开发区"],
          curSelectRegion,
          this.curYear,
          []
        ).then((res) => {
          if (res) {
            this.index1 = res.index1;
            this.index2 = res.index2;
            this.index3 = res.index3;
            this.index4 = res.index4;
            this.index5 = res.index5;
            this.index6 = res.index6;
            this.index7 = res.index7;
            this.index8 = res.index8;
            this.index9 = res.index9;
            this.index10 = res.index10;
            this.index11 = res.index11;
          }
        });
        pArray.push(p1);
        let lowRiskNum = 0;
        let generalRiskNum = 0;
        let greaterRiskNum = 0;
        let majorRiskNum = 0;
        const p2 = countEachLevelRiskNum([], [], curSelectRegion).then(
          (res) => {
            // console.log(res, '22222222hehexixi')
            res.forEach((item) => {
              if (item.level === "一般风险") {
                generalRiskNum = item.number;
              }
              if (item.level === "低风险") {
                lowRiskNum = item.number;
              }
              if (item.level === "较大风险") {
                greaterRiskNum = item.number;
              }
              if (item.level === "重大风险") {
                majorRiskNum = item.number;
              }
            });
          }
        );
        pArray.push(p2);
        const eachAreaRiskNumArr = [];
        const p3 = countEachAreaRiskNum().then((res) => {
          for (let i = 0; i < res.length; i++) {
            const replaceArr = eachAreaRiskNumArr.filter(
              (item) => item.town === res[i].town
            );
            if (replaceArr.length === 0) {
              eachAreaRiskNumArr.push({
                town: res[i].town,
              });
              eachAreaRiskNumArr[eachAreaRiskNumArr.length - 1][res[i].level] =
                res[i].number;
            } else {
              replaceArr[0][res[i].level] = res[i].number;
            }
          }
        });
        pArray.push(p3);
        if (this.startTime) {
          this.startTime = parseTime(new Date(this.startTime), "{y}-{m}-{d}");
          this.trendStartTime = parseTime(new Date(this.startTime), "{y}-{m}");
        }
        if (this.endTime) {
          this.endTime = parseTime(new Date(this.endTime), "{y}-{m}-{d}");
          this.trendEndTime = parseTime(new Date(this.endTime), "{y}-{m}");
        }
        let p4 = null;
        let close = 0;
        let open = 0;
        let total = 0;
        let majorOpen = 0;
        let majorClose = 0;
        // const p4 = analyzeHdCountAndRectification()
        if (this.curSelectOption === 1) {
          if (this.selectStreet === "" || this.selectStreet === "全部") {
            p4 = analyzeHdCountAndRectification(
              1,
              undefined,
              this.startTime,
              this.endTime
            ).then((res) => {
              console.log(res, "hehehexixixi1");
              close = res.generalClose;
              open = res.generalOpen;
              total = res.total;
              majorOpen = res.majorOpen;
              majorClose = res.majorClose;
            });
          } else {
            p4 = analyzeHdCountAndRectification(
              1,
              [this.selectStreet],
              this.startTime,
              this.endTime
            ).then((res) => {
              console.log(res, "hehehexixixi2");
              close = res.generalClose;
              open = res.generalOpen;
              total = res.total;
              majorOpen = res.majorOpen;
              majorClose = res.majorClose;
            });
          }
        } else if (this.curSelectOption === 2) {
          if (this.selectIndustry === "" || this.selectIndustry === "全部") {
            p4 = analyzeHdCountAndRectification(
              2,
              undefined,
              this.startTime,
              this.endTime
            ).then((res) => {
              console.log(res, "hehehexixixi3");
              close = res.generalClose;
              open = res.generalOpen;
              total = res.total;
              majorOpen = res.majorOpen;
              majorClose = res.majorClose;
            });
          } else {
            p4 = analyzeHdCountAndRectification(
              2,
              [this.selectIndustry],
              this.startTime,
              this.endTime
            ).then((res) => {
              console.log(res, "hehehexixixi4");
              close = res.generalClose;
              open = res.generalOpen;
              total = res.total;
              majorOpen = res.majorOpen;
              majorClose = res.majorClose;
            });
          }
        } else if (this.curSelectOption === 3) {
          if (this.selectManager === "" || this.selectManager === "全部") {
            p4 = analyzeHdCountAndRectification(
              3,
              undefined,
              this.startTime,
              this.endTime
            ).then((res) => {
              console.log(res, "hehehexixixi5");
              close = res.generalClose;
              open = res.generalOpen;
              total = res.total;
              majorOpen = res.majorOpen;
              majorClose = res.majorClose;
            });
          } else {
            p4 = analyzeHdCountAndRectification(
              3,
              this.selectManager,
              this.startTime,
              this.endTime
            ).then((res) => {
              console.log(res, "hehehexixixi6");
              close = res.generalClose;
              open = res.generalOpen;
              total = res.total;
              majorOpen = res.majorOpen;
              majorClose = res.majorClose;
            });
          }
        }
        if (p4 !== null) {
          pArray.push(p4);
        }
        let p5 = null;
        let trendXAxis = [];
        let trendSeries = [];
        // curSelectHDTotal
        /**
         *   {
              type: 'line',
              name: '皇冠街道',
              smooth: true,
              stack: '总量',
              lineStyle: {
                color: '#A98E1F'
              },
              symbol: 'none',
              data: [120, 132, 101, 134, 90]
            },
         */
        if (this.curSelectOption === 1) {
          p5 = analyzeHdTrend(
            this.curSelectOption,
            this.selectStreet === "全部"
              ? this.streetOptions.map((item) => item.value).slice(1)
              : [this.selectStreet],
            this.curSelectHDTotal ? "未整改" : "隐患总数",
            this.trendStartTime,
            this.trendEndTime
          ).then((res) => {
            const tempArray1 = [];
            const tempArray2 = [];
            for (const key in res) {
              tempArray1.push(...res[key].map((item) => item.ym));
              break;
            }
            // console.log(trendXAxis, 'trend trend')
            for (const key in res) {
              const newObj = {
                type: "line",
                name: key,
                smooth: true,
                // stack: '总量',
                symbol: "none",
                data: res[key].map((item) => item.count),
              };
              tempArray2.push(newObj);
            }
            trendXAxis = [...tempArray1];
            trendSeries = [...tempArray2];
          });
        } else if (this.curSelectOption === 2) {
          p5 = analyzeHdTrend(
            this.curSelectOption,
            this.selectIndustry === "全部"
              ? this.industryOptions.map((item) => item.value).slice(1)
              : [this.selectIndustry],
            this.curSelectHDTotal ? "未整改" : "隐患总数",
            this.trendStartTime,
            this.trendEndTime
          ).then((res) => {
            const tempArray1 = [];
            const tempArray2 = [];
            for (const key in res) {
              tempArray1.push(...res[key].map((item) => item.ym));
              break;
            }
            // console.log(trendXAxis, 'trend trend')
            for (const key in res) {
              const newObj = {
                type: "line",
                name: key,
                smooth: true,
                // stack: '总量',
                symbol: "none",
                data: res[key].map((item) => item.count),
              };
              tempArray2.push(newObj);
            }
            trendXAxis = [...tempArray1];
            trendSeries = [...tempArray2];
          });
        } else if (this.curSelectOption === 3) {
          p5 = analyzeHdTrend(
            this.curSelectOption,
            this.selectManager === "全部"
              ? this.managerOptions.map((item) => item.value).slice(1)
              : [this.selectManager],
            this.curSelectHDTotal ? "未整改" : "隐患总数",
            this.trendStartTime,
            this.trendEndTime
          ).then((res) => {
            const tempArray1 = [];
            const tempArray2 = [];
            for (const key in res) {
              tempArray1.push(...res[key].map((item) => item.ym));
              break;
            }
            // console.log(trendXAxis, 'trend trend')
            for (const key in res) {
              const newObj = {
                type: "line",
                name: key,
                smooth: true,
                // stack: '总量',
                symbol: "none",
                data: res[key].map((item) => item.count),
              };
              tempArray2.push(newObj);
            }
            trendXAxis = [...tempArray1];
            trendSeries = [...tempArray2];
          });
        }
        // trendXAxis = [...trendXAxis]
        // trendSeries = [...trendSeries]
        if (p5) {
          pArray.push(p5);
        }
        let p6 = null;
        let p7 = null;
        let rankNumy = [];
        let rankData1 = [];
        let rankData2 = [];
        if (this.curSelectOption === 1) {
          p6 = rankHd(
            this.curSelectOption,
            this.selectStreet === "全部"
              ? this.streetOptions.map((item) => item.value).slice(1)
              : [this.selectStreet],
            1,
            this.startTime,
            this.endTime
          ).then((res) => {
            rankNumy = [...res.map((item) => item.index)];
            rankData1 = [...res.map((item) => item.count)];
          });
          p7 = rankHd(
            this.curSelectOption,
            this.selectStreet === "全部"
              ? this.streetOptions.map((item) => item.value).slice(1)
              : [this.selectStreet],
            2,
            this.startTime,
            this.endTime
          ).then((res) => {
            rankData2 = [...res.map((item) => item.count)];
          });
        } else if (this.curSelectOption === 2) {
          p6 = rankHd(
            this.curSelectOption,
            this.selectIndustry === "全部"
              ? this.industryOptions.map((item) => item.value).slice(1)
              : [this.selectIndustry],
            1,
            this.startTime,
            this.endTime
          ).then((res) => {
            rankNumy = [...res.map((item) => item.index)];
            rankData1 = [...res.map((item) => item.count)];
          });
          p7 = rankHd(
            this.curSelectOption,
            this.selectIndustry === "全部"
              ? this.industryOptions.map((item) => item.value).slice(1)
              : [this.selectIndustry],
            2,
            this.startTime,
            this.endTime
          ).then((res) => {
            rankData2 = [...res.map((item) => item.count)];
          });
        } else if (this.curSelectOption === 3) {
          p6 = rankHd(
            this.curSelectOption,
            this.selectManager === "全部"
              ? this.managerOptions.map((item) => item.value).slice(1)
              : [this.selectManager],
            1,
            this.startTime,
            this.endTime
          ).then((res) => {
            rankNumy = [...res.map((item) => item.index)];
            rankData1 = [...res.map((item) => item.count)];
          });
          p7 = rankHd(
            this.curSelectOption,
            this.selectManager === "全部"
              ? this.managerOptions.map((item) => item.value).slice(1)
              : [this.selectManager],
            2,
            this.startTime,
            this.endTime
          ).then((res) => {
            rankData2 = [...res.map((item) => item.count)];
          });
        }
        if (p6) {
          pArray.push(p6);
        }
        if (p7) {
          pArray.push(p7);
        }
        await Promise.all(pArray).then((res) => {});
        console.log(trendXAxis, "trendXAxis_______");
        console.log(trendSeries, "trendSeries_______");
        const transEachAreaRiskNumArr = eachAreaRiskNumArr.filter((item) =>
          curSelectRegion.includes(item.town)
        );
        const arr1ToEachAreaRiskNum = [];
        const arr2ToEachAreaRiskNum = [];
        const arr3ToEachAreaRiskNum = [];
        const arr4ToEachAreaRiskNum = [];
        const arr5ToEachAreaRiskNum = [];
        for (let i = 0; i < transEachAreaRiskNumArr.length; i++) {
          arr1ToEachAreaRiskNum.push(transEachAreaRiskNumArr[i].town);
          arr2ToEachAreaRiskNum.push(transEachAreaRiskNumArr[i]["低风险"]);
          arr3ToEachAreaRiskNum.push(transEachAreaRiskNumArr[i]["一般风险"]);
          arr4ToEachAreaRiskNum.push(transEachAreaRiskNumArr[i]["较大风险"]);
          arr5ToEachAreaRiskNum.push(transEachAreaRiskNumArr[i]["重大风险"]);
        }
        // 不同等级风险数量统计
        const charDom1 = document.querySelector(".diff-risk-level-sum-content");
        const myChart1 = echarts.init(charDom1);
        const option1 = {
          title: {
            text: "总数量",
            subtext:
              lowRiskNum + generalRiskNum + greaterRiskNum + majorRiskNum,
            left: "center",
            top: "40%",
            textStyle: {
              color: "#0FFFFF",
              fontSize: "20",
            },
            subtextStyle: {
              color: "#0FFFFF",
              fontSize: "20",
            },
          },
          tooltip: {
            trigger: "item",
          },
          legend: {
            show: false,
          },
          series: [
            {
              type: "pie",
              radius: ["38%", "74%"],
              avoidLabelOverlap: true,
              data: [
                {
                  value: lowRiskNum,
                  name: "低风险",
                  itemStyle: {
                    color: "#057AFD",
                  },
                },
                {
                  value: generalRiskNum,
                  name: "一般风险",
                  itemStyle: {
                    color: "#FDFA02",
                  },
                },
                {
                  value: greaterRiskNum,
                  name: "较大风险",
                  itemStyle: {
                    color: "#F88F12",
                  },
                },
                {
                  value: majorRiskNum,
                  name: "重大风险",
                  itemStyle: {
                    color: "#FF414A",
                  },
                },
              ],
              label: {
                align: "left",
                normal: {
                  formatter(v) {
                    return `${v.name}\n${v.value}`;
                  },
                  textStyle: {
                    fontSize: 16,
                  },
                },
              },
              labelLine: {
                length: 5,
                length2: 10,
              },
            },
          ],
        };
        myChart1.setOption(option1);
        // 各地区风险数量统计
        const charDom2 = document.querySelector(".diff-area-risk-sum-content");
        const myChart2 = echarts.init(charDom2);
        const option2 = {
          tooltip: {
            trigger: "axis",
            axisPointer: {
              type: "shadow",
            },
          },
          legend: {
            data: ["低风险", "一般风险", "较大风险", "重大风险"],
            // left: '35%',
            textStyle: {
              color: "#A6F6F9",
            },
          },
          grid: {
            top: "12%",
            left: "3%",
            right: "4%",
            bottom: "3%",
            containLabel: true,
          },
          xAxis: [
            {
              type: "category",
              data: arr1ToEachAreaRiskNum,
              axisTick: {
                show: false,
                alignWithLabel: true,
              },
              axisLabel: {
                color: "#A6F6F9",
              },
              axisLine: {
                show: false,
              },
            },
          ],
          yAxis: [
            {
              type: "value",
              axisLabel: {
                color: "#A6F6F9",
              },
              axisLine: {
                lineStyle: {
                  color: "#fff",
                  opacity: "0.7",
                },
              },
              splitLine: {
                lineStyle: {
                  color: "#fff",
                  opacity: "0.4",
                },
              },
              axisTick: {
                show: false,
              },
            },
          ],
          series: [
            {
              name: "重大风险",
              type: "bar",
              barWidth: "30%",
              stack: "total",
              data: arr5ToEachAreaRiskNum,
              itemStyle: {
                color: "#FF1507",
              },
            },
            {
              name: "较大风险",
              type: "bar",
              barWidth: "30%",
              stack: "total",
              data: arr4ToEachAreaRiskNum,
              itemStyle: {
                color: "#F88F12",
              },
            },
            {
              name: "一般风险",
              type: "bar",
              barWidth: "30%",
              stack: "total",
              data: arr3ToEachAreaRiskNum,
              itemStyle: {
                color: "#FDFA02",
              },
            },
            {
              name: "低风险",
              type: "bar",
              barWidth: "30%",
              stack: "total",
              data: arr2ToEachAreaRiskNum,
              itemStyle: {
                color: "#057AFD",
                barBorderRadius: [3, 3, 0, 0],
              },
            },
          ],
        };
        myChart2.setOption(option2);
        // 年度隐患数量及整改情况统计
        const charDom3 = document.querySelector(".annual-hd-sum-rect-content");
        const myChart3 = echarts.init(charDom3);
        const option3 = {
          title: {
            text: "总数量",
            subtext: "" + total,
            left: "center",
            top: "40%",
            textStyle: {
              color: "#F88F12",
              fontSize: "20",
            },
            subtextStyle: {
              color: "#F88F12",
              fontSize: "20",
            },
          },
          tooltip: {
            trigger: "item",
          },
          legend: {
            show: false,
          },
          series: [
            {
              type: "pie",
              radius: ["40%", "78%"],
              avoidLabelOverLap: true,
              data: [
                {
                  value: open,
                  name: "一般隐患未闭环",
                  itemStyle: {
                    color: "#E74C3C",
                  },
                },
                {
                  value: close,
                  name: "一般隐患已闭环",
                  itemStyle: {
                    color: "#FDFA02",
                  },
                },
                {
                  value: majorOpen,
                  name: "重大隐患未闭环",
                  itemStyle: {
                    color: "#C0392B",
                  },
                },
                {
                  value: majorClose,
                  name: "重大隐患已闭环",
                  itemStyle: {
                    color: "#F88F12",
                  },
                },
              ],
              label: {
                align: "left",
                normal: {
                  formatter(v) {
                    return `${v.name}\n${v.value}`;
                  },
                  textStyle: {
                    fontSize: 16,
                  },
                },
              },
              labelLine: {
                length: 3,
                length2: 10,
              },
            },
          ],
        };
        myChart3.setOption(option3);
        // 各地区隐患趋势分析
        const charDom4 = document.querySelector(
          ".diff-area-hd-trend-total-content"
        );
        const myChart4 = echarts.init(charDom4);
        myChart4.clear();
        const option4 = {
          color: ["#E74C3C", "#F39C12", "#ECF0F1", "#9B59B6", "#2ECC71"],
          tooltip: {
            trigger: "axis",
          },
          xAxis: {
            type: "category",
            axisLabel: {
              color: "#FFF",
            },
            data: trendXAxis,
          },
          yAxis: {
            type: "value",
            axisLine: {
              show: false,
            },
            splitLine: {
              show: true,
              lineStyle: {
                color: "rgba(255,255,255,.1)",
              },
            },
            axisLabel: {
              color: "#fff",
            },
          },
          series: trendSeries,
        };
        myChart4.setOption(option4);
        // 各地区本年度隐患数量排行
        const charDom5 = document.querySelector(
          ".diff-area-annual-hd-sum-rank-content"
        );
        const myChart5 = echarts.init(charDom5);
        myChart5.clear();
        const option5 = {
          tooltip: {
            trigger: "axis",
          },
          legend: {
            data: ["一般隐患", "重大隐患"],
            right: "10%",
            textStyle: {
              color: "#A6F6F9",
            },
          },
          grid: {
            top: "10%",
            left: "3%",
            right: "4%",
            bottom: "8%",
            containLabel: true,
          },
          xAxis: {
            type: "value",
            axisLabel: {
              show: false,
            },
            axisTick: {
              show: false,
            },
            axisLine: {
              show: true,
            },
            splitLine: {
              lineStyle: {
                opacity: "0.6",
              },
            },
          },
          yAxis: {
            type: "category",
            data: rankNumy,
            axisLabel: {
              color: "#A6F6F9",
              fontSize: "14",
            },
          },
          series: [
            {
              name: "重大隐患",
              type: "bar",
              stack: "total",
              label: {
                show: false,
              },
              emphasis: {
                focus: "series",
              },
              data: rankData2,
              itemStyle: {
                color: "#FF414A",
              },
            },
            {
              name: "一般隐患",
              type: "bar",
              stack: "total",
              label: {
                show: true,
                position: "right",
                // distance: '5',
                color: "#fff",
                fontSize: "14",
              },
              emphasis: {
                focus: "series",
              },
              itemStyle: {
                color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
                  { offset: 0, color: "#0988FE" },
                  { offset: 1, color: "#07FFF6" },
                ]),
                barBorderRadius: [0, 3, 3, 0],
              },
              barWidth: "60%",
              barGap: "30%",
              data: rankData1,
            },
          ],
        };
        myChart5.setOption(option5);
      });
    },
    // 展示隐患地图
    dangermapShow() {
      this.mapActiveIndex = 4;
      // 显示统计图
      // this.$nextTick(() => {
      //   // 皇冠街道 凤林街道 西苑街道 泊于镇 崮山镇
      //   // 设置本地区本年度隐患数量排行图标
      //   const charDom1 = document.querySelector('.annual-region-dgsumrank-content-wrapper')
      //   const myChart1 = echarts.init(charDom1)
      //   const option1 = {
      //     tooltip: {
      //       trigger: 'axis',
      //       axisPointer: {// Use axis to trigger tooltip
      //         type: 'shadow'// 'shadown' as default; can also be 'line' or 'shadow'
      //       }
      //     },
      //     legend: {
      //       data: ['一般隐患', '重大隐患'],
      //       right: '10%',
      //       textStyle: {
      //         color: '#A6F6F9'
      //       }
      //     },
      //     grid: {
      //       top: '10%',
      //       left: '3%',
      //       right: '4%',
      //       bottom: '8%',
      //       containLabel: true
      //     },
      //     xAxis: {
      //       type: 'value',
      //       axisLabel: {
      //         show: false
      //       },
      //       axisTick: {
      //         show: false
      //       },
      //       axisLine: {
      //         show: true
      //       },
      //       splitLine: {
      //         lineStyle: {
      //           opacity: '0.6'
      //         }
      //       }
      //     },
      //     yAxis: {
      //       type: 'category',
      //       data: ['皇冠街道', '凤林街道', '西苑街道', '泊于镇', '崮山镇'],
      //       axisLabel: {
      //         color: '#A6F6F9',
      //         fontSize: '14'
      //       }
      //     },
      //     series: [
      //       {
      //         name: '重大隐患',
      //         type: 'bar',
      //         stack: 'total',
      //         label: {
      //           show: false
      //         },
      //         emphasis: {
      //           focus: 'series'
      //         },
      //         data: [5, 11, 4, 9, 6],
      //         itemStyle: {
      //           color: '#FF414A'
      //         }
      //       },
      //       {
      //         name: '一般隐患',
      //         type: 'bar',
      //         stack: 'total',
      //         label: {
      //           show: true,
      //           position: 'right',
      //           // distance: '5',
      //           color: '#fff',
      //           fontSize: '14'
      //         },
      //         emphasis: {
      //           focus: 'series'
      //         },
      //         itemStyle: {
      //           color: new echarts.graphic.LinearGradient(
      //             0, 0, 1, 0,
      //             [
      //               { offset: 0, color: '#0988FE' },
      //               { offset: 1, color: '#07FFF6' }
      //             ]
      //           ),
      //           barBorderRadius: [0, 3, 3, 0]
      //         },
      //         barWidth: '60%',
      //         barGap: '30%',
      //         data: [10, 22, 9, 19, 17]
      //       }
      //     ]
      //   }
      //   myChart1.setOption(option1)
      //   // 设置不同等级风险数量统计
      //   const charDom2 = document.querySelector('.levels-risk-dg-content-wrapper')
      //   const myChart2 = echarts.init(charDom2)
      //   const option2 = {
      //     title: {
      //       text: '总数量',
      //       subtext: '11512',
      //       left: 'center',
      //       top: '40%',
      //       textStyle: {
      //         color: '#0FFFFF',
      //         fontSize: '16'
      //       },
      //       subtextStyle: {
      //         color: '#0FFFFF',
      //         fontSize: '16'
      //       }
      //     },
      //     // grid: {
      //     //   left: '10%',
      //     //   top: '10%',
      //     //   right: '10%',
      //     //   bottom: '10%'
      //     // },
      //     tooltip: {
      //       trigger: 'item'
      //     },
      //     legend: {
      //       show: false
      //     },
      //     series: [
      //       {
      //         type: 'pie',
      //         radius: ['38%', '68%'],
      //         avoidLabelOverlaop: true,
      //         data: [
      //           {
      //             value: 1048,
      //             name: '低风险',
      //             itemStyle: {
      //               color: '#057AFD'
      //             }
      //           },
      //           {
      //             value: 12132,
      //             name: '一般风险',
      //             itemStyle: {
      //               color: '#FDFA02'
      //             }
      //           },
      //           {
      //             value: 12132,
      //             name: '较大风险',
      //             itemStyle: {
      //               color: '#F88F12'
      //             }
      //           },
      //           {
      //             value: 12132,
      //             name: '重大风险',
      //             itemStyle: {
      //               color: '#FF414A'
      //             }
      //           }
      //         ],
      //         label: {
      //           align: 'left',
      //           normal: {
      //             formatter(v) {
      //               return `${v.name}\n${v.value}`
      //             },
      //             textStyle: {
      //               fontSize: 12
      //             }
      //           }
      //         },
      //         labelLine: {
      //           length: 5,
      //           length2: 10
      //         }
      //       }
      //     ]
      //   }
      //   myChart2.setOption(option2)
      //   // 年度隐患数量及整改情况统计
      //   const charDom3 = document.querySelector('.annual-risk-dg-rect-tatistics-content-wrapper')
      //   const myChart3 = echarts.init(charDom3)
      //   const option3 = {
      //     title: {
      //       text: '总数量',
      //       subtext: '11512',
      //       left: 'center',
      //       top: '40%',
      //       textStyle: {
      //         color: '#F88F12',
      //         fontSize: '16'
      //       },
      //       subtextStyle: {
      //         color: '#F88F12',
      //         fontSize: '16'
      //       }
      //     },
      //     tooltip: {
      //       trigger: 'item'
      //     },
      //     legend: {
      //       show: false
      //     },
      //     series: [
      //       {
      //         type: 'pie',
      //         radius: ['40%', '68%'],
      //         avoidLabelOverlaop: true,
      //         data: [
      //           {
      //             value: 12132,
      //             name: '一般隐患未闭环',
      //             itemStyle: {
      //               color: '#FDFA02'
      //             }
      //           },
      //           {
      //             value: 35667,
      //             name: '一般隐患已闭环',
      //             itemStyle: {
      //               color: '#F88F12'
      //             }
      //           }
      //         ],
      //         label: {
      //           align: 'left',
      //           normal: {
      //             formatter(v) {
      //               return `${v.name}\n${v.value}`
      //             },
      //             textStyle: {
      //               fontSize: 12
      //             }
      //           }
      //         },
      //         labelLine: {
      //           length: 3,
      //           length2: 10
      //         }
      //       }
      //     ]
      //   }
      //   myChart3.setOption(option3)
      //   // 各地区风险数量统计
      //   const charDom4 = document.querySelector('.all-region-risk-sum-statistics-content-wrapper')
      //   const mychart4 = echarts.init(charDom4)
      //   const option4 = {
      //     tooltip: {
      //       trigger: 'axis',
      //       axisPointer: {
      //         type: 'shadow'
      //       }
      //     },
      //     legend: {
      //       data: ['低风险', '一般风险', '较大隐患', '重大隐患'],
      //       left: '35%',
      //       textStyle: {
      //         color: '#A6F6F9'
      //       }
      //     },
      //     grid: {
      //       top: '12%',
      //       left: '3%',
      //       right: '4%',
      //       bottom: '3%',
      //       containLabel: true
      //     },
      //     xAxis: [
      //       {
      //         type: 'category',
      //         data: ['皇冠街道', '凤林街道', '西苑街道', '泊于镇', '崮山镇'],
      //         axisTick: {
      //           show: false,
      //           alignWithLabel: true
      //         },
      //         axisLabel: {
      //           color: '#A6F6F9'
      //         },
      //         axisLine: {
      //           show: false
      //         }
      //       }
      //     ],
      //     yAxis: [{
      //       type: 'value',
      //       axisLabel: {
      //         color: '#A6F6F9'
      //       },
      //       axisLine: {
      //         lineStyle: {
      //           color: '#fff',
      //           opacity: '0.7'
      //         }
      //       },
      //       splitLine: {
      //         lineStyle: {
      //           color: '#fff',
      //           opacity: '0.4'
      //         }
      //       },
      //       axisTick: {
      //         show: false
      //       }
      //     }],
      //     series: [
      //       {
      //         name: '重大隐患',
      //         type: 'bar',
      //         barWidth: '30%',
      //         stack: 'total',
      //         data: [75, 85, 60, 70, 50],
      //         itemStyle: {
      //           color: '#FF1507'
      //         }
      //       },
      //       {
      //         name: '较大隐患',
      //         type: 'bar',
      //         barWidth: '30%',
      //         stack: 'total',
      //         data: [150, 175, 125, 150, 100],
      //         itemStyle: {
      //           color: '#F88F12'
      //         }
      //       },
      //       {
      //         name: '一般风险',
      //         type: 'bar',
      //         barWidth: '30%',
      //         stack: 'total',
      //         data: [300, 350, 250, 300, 200],
      //         itemStyle: {
      //           color: '#FDFA02'
      //         }
      //       },
      //       {
      //         name: '低风险',
      //         type: 'bar',
      //         barWidth: '30%',
      //         stack: 'total',
      //         data: [600, 700, 500, 600, 400],
      //         itemStyle: {
      //           color: '#057AFD',
      //           barBorderRadius: [3, 3, 0, 0]
      //         }
      //       }
      //     ]
      //   }
      //   mychart4.setOption(option4)
      //   // 隐患数量统计
      //   const charDom5 = document.querySelector('.hide-danger-sum-statistics-content-wrapper')
      //   const mychart5 = echarts.init(charDom5)
      //   const option5 = {
      //     tooltip: {
      //       trigger: 'axis',
      //       axisPointer: {
      //         type: 'shadow'
      //       }
      //     },
      //     legend: {
      //       data: ['一般隐患', '重大隐患'],
      //       left: '35%',
      //       textStyle: {
      //         color: '#A6F6F9'
      //       }
      //     },
      //     grid: {
      //       top: '12%',
      //       left: '3%',
      //       right: '4%',
      //       bottom: '3%',
      //       containLabel: true
      //     },
      //     xAxis: [
      //       {
      //         type: 'category',
      //         data: ['皇冠街道', '凤林街道', '西苑街道', '泊于镇', '崮山镇'],
      //         axisTick: {
      //           show: false,
      //           alignWithLabel: true
      //         },
      //         axisLabel: {
      //           color: '#A6F6F9'
      //         },
      //         axisLine: {
      //           show: false
      //         }
      //       }
      //     ],
      //     yAxis: [{
      //       type: 'value',
      //       axisLabel: {
      //         color: '#A6F6F9'
      //       },
      //       axisLine: {
      //         lineStyle: {
      //           color: '#fff',
      //           opacity: '0.7'
      //         }
      //       },
      //       splitLine: {
      //         lineStyle: {
      //           color: '#fff',
      //           opacity: '0.4'
      //         }
      //       },
      //       axisTick: {
      //         show: false
      //       }
      //     }],
      //     series: [
      //       {
      //         name: '重大隐患',
      //         type: 'bar',
      //         barWidth: '30%',
      //         stack: 'total',
      //         data: [75, 85, 60, 70, 50],
      //         itemStyle: {
      //           color: '#FF414A'
      //         }
      //       },
      //       {
      //         name: '一般隐患',
      //         type: 'bar',
      //         barWidth: '30%',
      //         stack: 'total',
      //         data: [600, 700, 500, 600, 400],
      //         itemStyle: {
      //           color: '#057AFD',
      //           barBorderRadius: [3, 3, 0, 0]
      //         }
      //       }
      //     ]
      //   }
      //   mychart5.setOption(option5)
      // })
    },
    // 去后台
    tobackstage() {
      if (this.$router) {
        this.$router.push({ path: "/" });
      }
    },
    // 改变地图类型
    changemapstyle(trueorfalse) {
      this.isregularMap = trueorfalse;
      if (trueorfalse === false) {
        this.satellitelayer.show();
        this.TileLayer.hide();
      } else {
        this.satellitelayer.hide();
        this.TileLayer.show();
      }
    },
    // 切换行业的显示
    showorhidePullDown() {
      this.isShowPullDown = !this.isShowPullDown;
    },
    // 下拉框箭头方向替换
    changePullMenuShow() {
      this.isPullMenuShow = !this.isPullMenuShow;
    },
    // 威海轮廓
    boundWeihai() {
      const AMap = window.AMap || this.AMap;
      const map = this.map || {};
      AMap.plugin("AMap.DistrictSearch", function () {
        // 创建行政区查询对象
        var district = new AMap.DistrictSearch({
          // 返回行政区边界坐标等具体信息
          extensions: "all",
          // 设置查询行政级别为 区
          level: "district",
        });
        district.search("环翠区", function (status, result) {
          // 获取环翠区的边界信息
          var bounds = result.districtList[0].boundaries;
          const polygons = [];
          if (bounds) {
            for (let i = 0, l = bounds.length; i < l; i++) {
              // 生成行政区划polygon
              const polygon = new AMap.Polygon({
                map: map,
                strokeWeight: 3,
                path: bounds[i],
                fillOpacity: 0.7,
                fillColor: "transparent",
                strokeColor: "#00eeff",
              });
              polygons.push(polygon);
            }
          }
        });
        district.search("荣成市", function (status, result) {
          // 获取荣成市的边界信息
          var bounds = result.districtList[0].boundaries;
          const polygons = [];
          if (bounds) {
            for (let i = 0, l = bounds.length; i < l; i++) {
              // 生成行政区划polygon
              const polygon = new AMap.Polygon({
                map: map,
                strokeWeight: 3,
                path: bounds[i],
                fillOpacity: 0.7,
                fillColor: "transparent",
                strokeColor: "#00eeff",
              });
              polygons.push(polygon);
            }
          }
        });
        district.search("乳山市", function (status, result) {
          // 获取乳山市的边界信息
          var bounds = result.districtList[0].boundaries;
          const polygons = [];
          if (bounds) {
            for (let i = 0, l = bounds.length; i < l; i++) {
              // 生成行政区划polygon
              const polygon = new AMap.Polygon({
                map: map,
                strokeWeight: 3,
                path: bounds[i],
                fillOpacity: 0.7,
                fillColor: "transparent",
                strokeColor: "#00eeff",
              });
              polygons.push(polygon);
            }
          }
        });
        district.search("文登区", function (status, result) {
          // 获取文登区的边界信息
          var bounds = result.districtList[0].boundaries;
          const polygons = [];
          if (bounds) {
            for (let i = 0, l = bounds.length; i < l; i++) {
              // 生成行政区划polygon
              const polygon = new AMap.Polygon({
                map: map,
                strokeWeight: 3,
                path: bounds[i],
                fillOpacity: 0.7,
                fillColor: "transparent",
                strokeColor: "#00eeff",
              });
              polygons.push(polygon);
            }
          }
        });
        var district2 = new AMap.DistrictSearch({
          // 返回市坐标等具体信息
          extensions: "all",
          // 设置查询行政区级别为 市
          level: "city",
        });
        district2.search("威海市", function (status, result) {
          // 获取威海市的边界信息
          // const bounds = result.districtList[0].boundaries
          // if (bounds) {
          //   for (let i = 0, l = bounds.length; i < l; i++) {
          //     // 生成市polygon
          //     var polygon = new AMap.Polygon({
          //       map: map,
          //       strokeWeight: 1,
          //       path: bounds[i],
          //       fillOpacity: 0.7,
          //       fillColor: '#fff',
          //       strokeColor: '#ff0000'
          //     })
          //   }
          // }
          const outer = [
            new AMap.LngLat(-360, 90, true),
            new AMap.LngLat(-360, -90, true),
            new AMap.LngLat(360, -90, true),
            new AMap.LngLat(360, 90, true),
          ];
          const holes = result.districtList[0].boundaries;
          const pathArray = [outer];
          pathArray.push.apply(pathArray, holes);
          const polygon = new AMap.Polygon({
            path: pathArray,
            strokeColor: "#00eeff",
            strokeWeight: 3,
            fillColor: "#03176D",
            fillOpacity: 0.7,
          });
          polygon.setPath(pathArray);
          map.add(polygon);
        });
      });
    },
    // 显示应急行业
    showEmergencyIndustryEyes() {
      // 设置当前行业状态
      this.isemornation = 1;
      this.isShowrenoin = false;
      this.isShowEmergencyOrNation = true;
    },
    // 显示国民经济行业
    showNationIndustryEyes() {
      this.isemornation = 2;
      this.isShowrenoin = false;
      this.isShowEmergencyOrNation = false;
    },
    // 是否显示所有
    isShowClick() {
      this.isShowAll = !this.isShowAll;
      if (this.isShowAll) {
        if (this.isShowrenoin) {
          for (let i = 0; i < this.regionsWithShow.length; i++) {
            if (this.regionsWithShow[i].isShow === false) {
              this.$refs["regionmarkers" + i][0].click();
            }
          }
        } else {
          if (this.isShowEmergencyOrNation) {
            for (let i = 0; i < this.emergenciesWithShow.length; i++) {
              if (this.emergenciesWithShow[i].isShow === false) {
                this.$refs["eginmarkers" + i][0].click();
              }
            }
          } else {
            for (let i = 0; i < this.dimIndustriesWithShow.length; i++) {
              if (this.dimIndustriesWithShow[i].isShow === false) {
                this.$refs["ntinmarkers" + i][0].click();
              }
            }
          }
        }
      } else {
        if (this.isShowrenoin) {
          for (let i = 0; i < this.regionsWithShow.length; i++) {
            if (this.regionsWithShow[i].isShow === true) {
              this.$refs["regionmarkers" + i][0].click();
            }
          }
        } else {
          if (this.isShowEmergencyOrNation) {
            for (let i = 0; i < this.emergenciesWithShow.length; i++) {
              if (this.emergenciesWithShow[i].isShow === true) {
                this.$refs["eginmarkers" + i][0].click();
              }
            }
          } else {
            for (let i = 0; i < this.dimIndustriesWithShow.length; i++) {
              if (this.dimIndustriesWithShow[i].isShow === true) {
                this.$refs["ntinmarkers" + i][0].click();
              }
            }
          }
        }
      }
    },
    // 显示所有区域
    showreorinClick(reorin) {
      if (this.isShowrenoin !== reorin) {
        this.isShowrenoin = reorin;
        this.isemornation = 0;
      }
    },
    // 初始化所有行业
    async initIndustry() {
      // 获取当前所有应急行业
      await getindustry().then((res) => {
        this.industryNames = [...res.content];
      });
      // 获取当前所有国民经济行业
      let nationIndusNamesLevel1 = [];
      await findDimindustry().then((res) => {
        nationIndusNamesLevel1 = [...res];
      });
      const nationIndustryNames2 = [];
      const promiseNationArray = [];
      for (let i = 0; i < nationIndusNamesLevel1.length; i++) {
        const promise1 = findDimindustry(
          nationIndusNamesLevel1[i].industryId
        ).then((res) => {
          nationIndustryNames2.push(...res);
        });
        promiseNationArray.push(promise1);
      }
      await Promise.all(promiseNationArray).then((res) => {});
      // 初始化一个新的应急行业和国民经济行业的列表
      // 初始化应急行业
      const newIndusName1 = [];
      for (let i = 0; i < this.industryNames.length; i++) {
        newIndusName1.push({
          isShow: false,
          name: this.industryNames[i].industryName,
          sum: 0,
          indusmarkers: [],
          coms: [],
          isInit: false,
        });
      }
      this.emergencyIndustryNames = [...newIndusName1];
      // 初始化国民经济行业
      for (let i = 0; i < nationIndustryNames2.length; i++) {
        this.nationIndustryNames.push({
          isShow: false,
          name: nationIndustryNames2[i].name,
          sum: 0,
          indusmarkers: [],
          coms: [],
          isInit: false,
        });
      }
    },
    // 根据风险等级、隐患等级、隐患超期返回content
    getContentLighter(riskLevel, hdLevel, hdOverTime) {
      // 不包含隐患的 企业图标 蓝 黄 橙 红
      const tempnohdIcons = [
        "data:image/png;base64, ",
        "data:image/png;base64, ",
        "data:image/png;base64, ",
        "data:image/png;base64, ",
      ];
      // 包含隐患的 企业图标
      const temphdIcons = [
        "data:image/png;base64, ",
        "data:image/png;base64, ",
        "data:image/png;base64, ",
        "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAzCAYAAAAHM1FMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0QyQzVBOUY4QUQxMUVCQUQwQ0I5RTAzNTBGQjQyMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0QyQzVBQUY4QUQxMUVCQUQwQ0I5RTAzNTBGQjQyMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkNDRDJDNUE3RjhBRDExRUJBRDBDQjlFMDM1MEZCNDIwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkNDRDJDNUE4RjhBRDExRUJBRDBDQjlFMDM1MEZCNDIwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+AsWE4QAACFFJREFUeNrEWn1wVNUV/937NrtLssmSBKQwCjMdhCml02iLJlXbadRMEZTxg1H/aOsHokCnY6ZOB6ZUa6fF0Vpr26EVlU5hpq0VdUpx6h/MhBoSYNoBSuVDrBgjSaAJMYT9yn68e3ve2w/ue/ve7ma7m9yZs+/tvt17f+f3zjn3nPOW+XxeVHCwEr4jK7WYp1JARwK8yc+wgD5s1AFOCBO6xFi/xEfXRkRUAc0qpRArg3lz8bF6fpUPuJtWbacP2ujY7IaGrvcJoJeU2nta4K/XR8QlF9CyWuDZZi9jm3xsBZ13EqCv0UpcXVEWWZ2lJUaK7IpIPD83LE7afj4pJUoBbzIdqufXENKt9KZVKkDtwGURG2OXRdJ3dwwIPLkkIobKUaIYeHaglntaNDxF5xtpJs0OPCvCeGmeBXbFHMDrhYxGIYcGISNhO2gwZnk/lpBYNyss3nC5gbIc8Gw4wBvrGN7KmEgapHqsDUC7405o31gJrfUGsObmvElEfx+SPd1I7vkLUvv2guu6CZpnwPOMIjTfL9bE5MY3U1IvVQE38OxCgM+uZdhHv1piYdiQGXXwfPd7qFm7HqwhWLKD6X1nMPH8M0i8/kcKR9JUgCsK0Px/+kFcPvibhEyVooATeHY+wIMNaeAtFtDGxbab4N36KvhV88uOscmDPQivewhy4Cy0jAJaRgkyv1eawmKDcpNdFeBOESXIsN0JOH9gLfxv/e3/Am6MmrYbEew6BH5dKwwbMcSgWpemAo+QuW5QLIuVavMsWs/X0XGrCtoEvv5x+J5+ppK7MTl1BGN3Loc4/E+T+ZwwJIYFWhdFxHsugS0PPKONZx5tPCfoajAL3mCF3XYH/L9/LR0mKjzE6AWMdtwE1v+xSbUnowCt9I9lUfHVMwK6Q3DLNxsCvkkFbhrdvCvh++W2qgA3AVB4Db68E0lNM9dLZQijcV1XLV/lYDrMDp6NBjgFaKyBaud0UvPjZ8FmzkQ1h/dLy+D/1sMm8OzdNiRAZKoY7fafY34GwzcJq89yfz7/BdRQHJ+K0fDEJui0uekKeTRajtfxFsV5LexzJQbda2fd+8j6qpmLfWhzPgPfqntM9lMK+00M99k2aCvzlM4206fXWDYjrw+eVXdhKkft6vvMcKmyT87bbgNusXlGO+n1Mp2D5/IUTnbI6humFPyMr9wI4fPl7F6kAS6lvafWqRbIprSLYcuK+LVfxlQP5p8BbclSk32RDaUEZYWHLXLYtFjW5ufaAylfeDWmY3hoXXVzNLDUM8xzyrB55iyQY12mj6yxeVrA85lNFvAZ06l3clqeuTXSbjaobGE+CcP3W0hEOvqknHIcTwbwQF45Fw5PC3YRCuWlkxclBl0dNilxJG+SocFpAZ+wrUsKRH6ekCedmDfBHxayhw4xS+HwwfvTAj5++pTl/QTw7u6UjDv6h/HSEZUxiqtvWwqGAz1TDjxJrCc/7rN8Niqxx622z6UHUapg1DgkqGRL2Vio9hh/522LYZPtX+icELtdI1PWtFbGxN/peEqNR7E/7JhS8J/SeupONC6xs1dH3K2zkmP+iA4Zk9iiXozt/B3ExYtTAvzSu12IHzuqBvLQtoTcVqirZilG7o3JN+jKiRz74RAubflR1YFLXcfQk5tyhbghFyR+9VJSjtk6LpZSkKuhvVuX+jiwMdeSMNjf8SomerurCv78C88hcfzfuTUJaV9nXLxiyxJkse6B/GxY7KXIsyfLvkasjD36AFJVivsXyUmHf/ZTSwF+UsjNh3QzdIsCBbjkTh8eF3iCgEeyTOD8OYzctaLiCoR6utG/5tsmQVpmu48Ab94dk/uUrLh05g1pj4p+UvuHXGkIiQ9P4/xt7Zj415GKAB/d9Ro+Wr0KfCJqgs48KBh6LiE3Z4ope34mCzmsJStui4iX6KQ7y4g5+cAnpMDN+PSFZyETifI2opER9D32ED559EHwxERubhJxTMjOP6edVFeYl27MW/o2ipikd9XyBUs5DtIMTdnakvKgdIo3fwGC33kcDavvh1ZCvzIxcBbD27dhdPvLZBshqKQYQgH5160RYYTqpK2M1W393Rz7dvBQwJv++kEdX9HIsItmY9m2nCkZJQRVP34q3/xtN8C3+HPwzL4CjOpfPRJG8twQYifeQ5hsO3r0MNWZwhIOs8BpnkMdUXHPoDQ3pJTSARQOdu8IPq+Nnr0DgwG+pQbotPQVM73FVAF67JOqPqRd7owN70jKW3+SkEPIn063xXmLzWsej+b0AMOeHO3v8LCv08JXQi0mWbqzy23A7AA9NqkxhH7nYUiSnd+/IS5POZiJKPakyLHF7eQD+8n+l3AcoBlnqbOr50LmU8TUNgUuK2so9V+JzmURsdMBtCgS44uCz1PgTIC3NwK7aVavKLKSdJskI2GJFxdHxNMOoGUpwAs+GXHzg3MB/rCf4bdSlgY8rymaDievfzEi1o7JPBNxm0oWSonhlrnZJ5sbFtvJPF40br/G8u3ZTbTLG9GB78flYwRcDYnCJa6jkM3bHbbQHchNRKV51y0e1kKaL8o5Lct3Wvt7+soZSv5ufyoux11YLvlJYCGzKWpGR+p48GqOd4w+OkqjavA/AjeTg/bB+REuMMkHyZN6Am5/fzbAZzcxGMXuwiKrjpCZtM8Pi/ftSWA5oMsB76jEeD1fSHG7l05nu6w8TpHlljlhcbQIyEn/eYKXU/ioEgyJD8nTbiWNxpnN1kki9KXbCfjhAs4oUea/PsoBn6dMfUgcI+DLScJKXDXOlwdCYn8JjonpAm8Of0gcpMNKo4ti1Bkky/1p4NVriVf4n06YqOcdRkFEwHurXbj/T4ABAGV96ZmsmUXmAAAAAElFTkSuQmCC",
      ];
      // 隐患等级的图标
      const overtimeIcons = [
        "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAdCAYAAABmH3YuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNTEzNEJEN0Y5N0UxMUVCQjBBNkZDOTRGNjU4RTA0RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNTEzNEJEOEY5N0UxMUVCQjBBNkZDOTRGNjU4RTA0RCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM1MTM0QkQ1Rjk3RTExRUJCMEE2RkM5NEY2NThFMDREIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkM1MTM0QkQ2Rjk3RTExRUJCMEE2RkM5NEY2NThFMDREIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+fYPh1gAAAPNJREFUeNpi/P//P8PED1w6DAwMjUDsCMQ3gbgvX+DbasZJ7zllgJzbQMzBgAo8WZgYGGKwSIBAEwszAwMXA3bABZL8hUPyO1CSkQEXAOnELcky6CT/k6uTlYCduIKIEaSTE4ckD0jnDRyS15mAkkuAeDfIYUj4ORDnMYKSCVjZe+50IKUNxC+BeJqm4Nf3cElsgIkBn1dAxOP33DxAqhSITYD4AxAvkhX8upPx2TsuKSDnFBBLo2lsYXz5jms7kOGBK5nY40pgTMAE9hKUyLBgTqAkQx4okWHBJ5h4Bb9sBvonAoiPA/FHIH4ExLOA2B4gwAAuGDZOid/uPAAAAABJRU5ErkJggg==",
        "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAaCAYAAAB7GkaWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNDgwRkIyQUY4QUQxMUVCQUZFMEQ3Njg5MEM0MENENiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNDgwRkIyQkY4QUQxMUVCQUZFMEQ3Njg5MEM0MENENiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM0ODBGQjI4RjhBRDExRUJBRkUwRDc2ODkwQzQwQ0Q2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkM0ODBGQjI5RjhBRDExRUJBRkUwRDc2ODkwQzQwQ0Q2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+zyfDUgAAAMRJREFUeNpi/P//P8O/DFYFBgaGfiC2AeJ9QJzDNOP3a8a/6Sw8QM59IBZhQIBHQKzOBCRM0SRAQA6I9UGSrAzYATtI8g8OyT9MDHjACJFkBEmy45BkA0k+xSH5hAkYb5eAjI1oEouB4rcZQZENAsAIzwRSGkB8GSgxB2wpTJKga4G6URzHCE1DLkB2AyhpAPFjIO4GGr0clIZ0QPZgMdULZGw+DivzQZKM+EJoEg7JSbBA8ATiE0D8EYhB/Fig+FaAAAMAxh45OHmEBf4AAAAASUVORK5CYII=",
      ];
      // const overtimeIcons = [
      //   'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAaCAYAAAB7GkaWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNDgwRkIyQUY4QUQxMUVCQUZFMEQ3Njg5MEM0MENENiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNDgwRkIyQkY4QUQxMUVCQUZFMEQ3Njg5MEM0MENENiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM0ODBGQjI4RjhBRDExRUJBRkUwRDc2ODkwQzQwQ0Q2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkM0ODBGQjI5RjhBRDExRUJBRkUwRDc2ODkwQzQwQ0Q2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+zyfDUgAAAMRJREFUeNpi/P//P8O/DFYFBgaGfiC2AeJ9QJzDNOP3a8a/6Sw8QM59IBZhQIBHQKzOBCRM0SRAQA6I9UGSrAzYATtI8g8OyT9MDHjACJFkBEmy45BkA0k+xSH5hAkYb5eAjI1oEouB4rcZQZENAsAIzwRSGkB8GSgxB2wpTJKga4G6URzHCE1DLkB2AyhpAPFjIO4GGr0clIZ0QPZgMdULZGw+DivzQZKM+EJoEg7JSbBA8ATiE0D8EYhB/Fig+FaAAAMAxh45OHmEBf4AAAAASUVORK5CYII=',
      //   'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAaCAYAAAB7GkaWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNDgwRkIyQUY4QUQxMUVCQUZFMEQ3Njg5MEM0MENENiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNDgwRkIyQkY4QUQxMUVCQUZFMEQ3Njg5MEM0MENENiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM0ODBGQjI4RjhBRDExRUJBRkUwRDc2ODkwQzQwQ0Q2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkM0ODBGQjI5RjhBRDExRUJBRkUwRDc2ODkwQzQwQ0Q2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+zyfDUgAAAMRJREFUeNpi/P//P8O/DFYFBgaGfiC2AeJ9QJzDNOP3a8a/6Sw8QM59IBZhQIBHQKzOBCRM0SRAQA6I9UGSrAzYATtI8g8OyT9MDHjACJFkBEmy45BkA0k+xSH5hAkYb5eAjI1oEouB4rcZQZENAsAIzwRSGkB8GSgxB2wpTJKga4G6URzHCE1DLkB2AyhpAPFjIO4GGr0clIZ0QPZgMdULZGw+DivzQZKM+EJoEg7JSbBA8ATiE0D8EYhB/Fig+FaAAAMAxh45OHmEBf4AAAAASUVORK5CYII=',
      //   'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAdCAYAAABmH3YuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNTEzNEJEN0Y5N0UxMUVCQjBBNkZDOTRGNjU4RTA0RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNTEzNEJEOEY5N0UxMUVCQjBBNkZDOTRGNjU4RTA0RCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM1MTM0QkQ1Rjk3RTExRUJCMEE2RkM5NEY2NThFMDREIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkM1MTM0QkQ2Rjk3RTExRUJCMEE2RkM5NEY2NThFMDREIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+fYPh1gAAAPNJREFUeNpi/P//P8PED1w6DAwMjUDsCMQ3gbgvX+DbasZJ7zllgJzbQMzBgAo8WZgYGGKwSIBAEwszAwMXA3bABZL8hUPyO1CSkQEXAOnELcky6CT/k6uTlYCduIKIEaSTE4ckD0jnDRyS15mAkkuAeDfIYUj4ORDnMYKSCVjZe+50IKUNxC+BeJqm4Nf3cElsgIkBn1dAxOP33DxAqhSITYD4AxAvkhX8upPx2TsuKSDnFBBLo2lsYXz5jms7kOGBK5nY40pgTMAE9hKUyLBgTqAkQx4okWHBJ5h4Bb9sBvonAoiPA/FHIH4ExLOA2B4gwAAuGDZOid/uPAAAAABJRU5ErkJggg=='
      // ]
      // const overtimeIcons = [
      //   '',
      //   'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAdCAYAAABmH3YuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBQjg3MTQxMUZBNjgxMUVCQUI5NUIyOEJGOEYzMjExNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBQjg3MTQxMkZBNjgxMUVCQUI5NUIyOEJGOEYzMjExNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkFCODcxNDBGRkE2ODExRUJBQjk1QjI4QkY4RjMyMTE3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkFCODcxNDEwRkE2ODExRUJBQjk1QjI4QkY4RjMyMTE3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+rJRmAQAAAMpJREFUeNpi+P//P8MXYQ4dIF4LxO+A+DgQh4LEGYEMGQYGhttAzMGACjyZgEQMFgkQaAJJcjFgB1wgyV84JL8zMeABo5JQSUYccowgSU4ckjwgyRs4JK+DIhukYAcQuyJJPAdic0ZQcgCBryKc6UBKG4hfAvE07jff38MlSfYKC9RIHiBVCsQmQPwBiBcBjd0JcpAUkHMKiKXRNLaAJLcDGR647LTHl8Be4pDkBEnm4ZA8wQR01WYgIwKIjwPxRyB+BMSzQNYBBBgA+2M49VukTB4AAAAASUVORK5CYII='
      // ]
      if (hdLevel === "一般隐患") {
        if (riskLevel === "低风险") {
          if (hdOverTime) {
            return `<div class='markernormal lighter'><img class='enterabnormal' src="${temphdIcons[0]}" /><img class='exclamation' src="${overtimeIcons[0]}" /><div class='animationripple'></div></div>`;
          } else {
            return `<div class='markernormal lighter'><img class='enterabnormal' src="${temphdIcons[0]}" /><img class='exclamation' src="${overtimeIcons[0]}" /></div>`;
          }
        } else if (riskLevel === "一般风险") {
          if (hdOverTime) {
            return `<div class='markernormal lighter'><img class='enterabnormal' src="${temphdIcons[1]}" /><img class='exclamation' src="${overtimeIcons[0]}" /><div class='animationripple'></div></div>`;
          } else {
            return `<div class='markernormal lighter'><img class='enterabnormal' src="${temphdIcons[1]}" /><img class='exclamation' src="${overtimeIcons[0]}" /></div>`;
          }
        } else if (riskLevel === "较大风险") {
          if (hdOverTime) {
            return `<div class='markernormal lighter'><img class='enterabnormal' src="${temphdIcons[2]}" /><img class='exclamation' src="${overtimeIcons[0]}" /><div class='animationripple'></div></div>`;
          } else {
            return `<div class='markernormal lighter'><img class='enterabnormal' src="${temphdIcons[2]}" /><img class='exclamation' src="${overtimeIcons[0]}" /></div>`;
          }
        } else if (riskLevel === "重大风险") {
          if (hdOverTime) {
            return `<div class='markernormal lighter'><img class='enterabnormal' src="${temphdIcons[3]}" /><img class='exclamation' src="${overtimeIcons[0]}" /><div class='animationripple'></div></div>`;
          } else {
            return `<div class='markernormal lighter'><img class='enterabnormal' src="${temphdIcons[3]}" /><img class='exclamation' src="${overtimeIcons[0]}" /></div>`;
          }
        } else {
          if (hdOverTime) {
            return `<div class='markernormal lighter'><img class='enterabnormal' src="${temphdIcons[0]}" /><img class='exclamation' src="${overtimeIcons[0]}" /><div class='animationripple'></div></div>`;
          } else {
            return `<div class='markernormal lighter'><img class='enterabnormal' src="${temphdIcons[0]}" /><img class='exclamation' src="${overtimeIcons[0]}" /></div>`;
          }
        }
      } else if (hdLevel === "重大隐患") {
        if (riskLevel === "低风险") {
          if (hdOverTime) {
            return `<div class='markernormal lighter'><img class='enterabnormal' src="${temphdIcons[0]}" /><img class='exclamation' src="${overtimeIcons[1]}" /><div class='animationripple'></div></div>`;
          } else {
            return `<div class='markernormal lighter'><img class='enterabnormal' src="${temphdIcons[0]}" /><img class='exclamation' src="${overtimeIcons[1]}" /></div>`;
          }
        } else if (riskLevel === "一般风险") {
          if (hdOverTime) {
            return `<div class='markernormal lighter'><img class='enterabnormal' src="${temphdIcons[1]}" /><img class='exclamation' src="${overtimeIcons[1]}" /><div class='animationripple'></div></div>`;
          } else {
            return `<div class='markernormal lighter'><img class='enterabnormal' src="${temphdIcons[1]}" /><img class='exclamation' src="${overtimeIcons[1]}" /></div>`;
          }
        } else if (riskLevel === "较大风险") {
          if (hdOverTime) {
            return `<div class='markernormal lighter'><img class='enterabnormal' src="${temphdIcons[2]}" /><img class='exclamation' src="${overtimeIcons[1]}" /><div class='animationripple'></div></div>`;
          } else {
            return `<div class='markernormal lighter'><img class='enterabnormal' src="${temphdIcons[2]}" /><img class='exclamation' src="${overtimeIcons[1]}" /></div>`;
          }
        } else if (riskLevel === "重大风险") {
          if (hdOverTime) {
            return `<div class='markernormal lighter'><img class='enterabnormal' src="${temphdIcons[3]}" /><img class='exclamation' src="${overtimeIcons[1]}" /><div class='animationripple'></div></div>`;
          } else {
            return `<div class='markernormal lighter'><img class='enterabnormal' src="${temphdIcons[3]}" /><img class='exclamation' src="${overtimeIcons[1]}" /></div>`;
          }
        } else {
          if (hdOverTime) {
            return `<div class='markernormal lighter'><img class='enterabnormal' src="${temphdIcons[0]}" /><img class='exclamation' src="${overtimeIcons[1]}" /><div class='animationripple'></div></div>`;
          } else {
            return `<div class='markernormal lighter'><img class='enterabnormal' src="${temphdIcons[0]}" /><img class='exclamation' src="${overtimeIcons[1]}" /></div>`;
          }
        }
      } else {
        if (riskLevel === "低风险") {
          if (hdOverTime) {
            return `<div class='markernormal lighter'><img class='enternormal' src="${tempnohdIcons[0]}" /><div class='animationripple'></div></div>`;
          } else {
            return `<div class='markernormal lighter'><img class='enternormal' src="${tempnohdIcons[0]}" /></div>`;
          }
        } else if (riskLevel === "一般风险") {
          if (hdOverTime) {
            return `<div class='markernormal lighter'><img class='enternormal' src="${tempnohdIcons[1]}"/><div class='animationripple'></div></div>`;
          } else {
            return `<div class='markernormal lighter'><img class='enternormal' src="${tempnohdIcons[1]}"/></div>`;
          }
        } else if (riskLevel === "较大风险") {
          if (hdOverTime) {
            return `<div class='markernormal lighter'><img class='enternormal' src="${tempnohdIcons[2]}"/><div class='animationripple'></div></div>`;
          } else {
            return `<div class='markernormal lighter'><img class='enternormal' src="${tempnohdIcons[2]}"/></div>`;
          }
        } else if (riskLevel === "重大风险") {
          if (hdOverTime) {
            return `<div class='markernormal lighter'><img class='enternormal' src="${tempnohdIcons[3]}" /><div class='animationripple'></div></div>`;
          } else {
            return `<div class='markernormal lighter'><img class='enternormal' src="${tempnohdIcons[3]}"/></div>`;
          }
        } else {
          if (hdOverTime) {
            return `<div class='markernormal lighter'><img class='enternormal' src="${tempnohdIcons[0]}" /><div class='animationripple'></div></div>`;
          } else {
            return `<div class='markernormal lighter'><img class='enternormal' src="${tempnohdIcons[0]}" /></div>`;
          }
        }
      }
    },
    // level 1-7 返回图标的样式 对应风险等级+隐患等级+超期
    getMarkerContent(level) {
      // 蓝 黄 澄 红
      // 黄 澄 红
      // const tempIcons = [
      //   'data:image/png;base64, ',
      //   'data:image/png;base64, ',
      //   'data:image/png;base64, ',
      //   'data:image/png;base64, ',
      //   'data:image/png;base64, ',
      //   'data:image/png;base64, ',
      //   'data:image/png;base64, '
      // ]
      // const tempIcons = [
      //   'data:image/png;base64, ',
      //   'data:image/png;base64, ',
      //   'data:image/png;base64, ',
      //   'data:image/png;base64, ',
      //   'data:image/png;base64, ',
      //   'data:image/png;base64, ',
      //   'data:image/png;base64, '
      // ]
      const tempIcons = [
        "data:image/png;base64, ",
        "data:image/png;base64, ",
        "data:image/png;base64, ",
        "data:image/png;base64, ",
        "data:image/png;base64, ",
        "data:image/png;base64, ",
        "data:image/png;base64, ",
      ];
      // if (level === 2 || level === 5) {
      //   return `<div class='markernormal'><img class='enternormal' src="${tempIcons[level - 1]}" /></div>`
      // } else {
      //   return `<div class='markernormal'><img class='enternormal' src="${tempIcons[level - 1]}" /></div>`
      // }
      if (level === 7) {
        return `<div class='markernormal bling'><img class='enternormal' src="${
          tempIcons[level - 1]
        }" /></div>`;
      }
      return `<div class='markernormal'><img class='enternormal' src="${
        tempIcons[level - 1]
      }" /></div>`;
    },
    // 根据风险等级、隐患等级、隐患超期返回content
    getContent(riskLevel, hdLevel, hdOverTime) {
      // console.log(riskLevel, hdLevel, hdOverTime, 'hhhhhhhhh')
      // riskLevel = '重大风险'
      // hdLevel = '一般隐患'
      // hdOverTime = true
      // 不包含隐患的 企业图标 蓝 黄 橙 红
      const tempnohdIcons = [
        "data:image/png;base64, ",
        "data:image/png;base64, ",
        "data:image/png;base64, ",
        "data:image/png;base64, ",
      ];
      // // 包含隐患的 企业图标
      // const temphdIcons = [
      //   'data:image/png;base64, ',
      //   'data:image/png;base64, ',
      //   'data:image/png;base64, ',
      //   'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAzCAYAAAAHM1FMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0QyQzVBOUY4QUQxMUVCQUQwQ0I5RTAzNTBGQjQyMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0QyQzVBQUY4QUQxMUVCQUQwQ0I5RTAzNTBGQjQyMCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkNDRDJDNUE3RjhBRDExRUJBRDBDQjlFMDM1MEZCNDIwIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkNDRDJDNUE4RjhBRDExRUJBRDBDQjlFMDM1MEZCNDIwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+AsWE4QAACFFJREFUeNrEWn1wVNUV/937NrtLssmSBKQwCjMdhCml02iLJlXbadRMEZTxg1H/aOsHokCnY6ZOB6ZUa6fF0Vpr26EVlU5hpq0VdUpx6h/MhBoSYNoBSuVDrBgjSaAJMYT9yn68e3ve2w/ue/ve7ma7m9yZs+/tvt17f+f3zjn3nPOW+XxeVHCwEr4jK7WYp1JARwK8yc+wgD5s1AFOCBO6xFi/xEfXRkRUAc0qpRArg3lz8bF6fpUPuJtWbacP2ujY7IaGrvcJoJeU2nta4K/XR8QlF9CyWuDZZi9jm3xsBZ13EqCv0UpcXVEWWZ2lJUaK7IpIPD83LE7afj4pJUoBbzIdqufXENKt9KZVKkDtwGURG2OXRdJ3dwwIPLkkIobKUaIYeHaglntaNDxF5xtpJs0OPCvCeGmeBXbFHMDrhYxGIYcGISNhO2gwZnk/lpBYNyss3nC5gbIc8Gw4wBvrGN7KmEgapHqsDUC7405o31gJrfUGsObmvElEfx+SPd1I7vkLUvv2guu6CZpnwPOMIjTfL9bE5MY3U1IvVQE38OxCgM+uZdhHv1piYdiQGXXwfPd7qFm7HqwhWLKD6X1nMPH8M0i8/kcKR9JUgCsK0Px/+kFcPvibhEyVooATeHY+wIMNaeAtFtDGxbab4N36KvhV88uOscmDPQivewhy4Cy0jAJaRgkyv1eawmKDcpNdFeBOESXIsN0JOH9gLfxv/e3/Am6MmrYbEew6BH5dKwwbMcSgWpemAo+QuW5QLIuVavMsWs/X0XGrCtoEvv5x+J5+ppK7MTl1BGN3Loc4/E+T+ZwwJIYFWhdFxHsugS0PPKONZx5tPCfoajAL3mCF3XYH/L9/LR0mKjzE6AWMdtwE1v+xSbUnowCt9I9lUfHVMwK6Q3DLNxsCvkkFbhrdvCvh++W2qgA3AVB4Db68E0lNM9dLZQijcV1XLV/lYDrMDp6NBjgFaKyBaud0UvPjZ8FmzkQ1h/dLy+D/1sMm8OzdNiRAZKoY7fafY34GwzcJq89yfz7/BdRQHJ+K0fDEJui0uekKeTRajtfxFsV5LexzJQbda2fd+8j6qpmLfWhzPgPfqntM9lMK+00M99k2aCvzlM4206fXWDYjrw+eVXdhKkft6vvMcKmyT87bbgNusXlGO+n1Mp2D5/IUTnbI6humFPyMr9wI4fPl7F6kAS6lvafWqRbIprSLYcuK+LVfxlQP5p8BbclSk32RDaUEZYWHLXLYtFjW5ufaAylfeDWmY3hoXXVzNLDUM8xzyrB55iyQY12mj6yxeVrA85lNFvAZ06l3clqeuTXSbjaobGE+CcP3W0hEOvqknHIcTwbwQF45Fw5PC3YRCuWlkxclBl0dNilxJG+SocFpAZ+wrUsKRH6ekCedmDfBHxayhw4xS+HwwfvTAj5++pTl/QTw7u6UjDv6h/HSEZUxiqtvWwqGAz1TDjxJrCc/7rN8Niqxx622z6UHUapg1DgkqGRL2Vio9hh/522LYZPtX+icELtdI1PWtFbGxN/peEqNR7E/7JhS8J/SeupONC6xs1dH3K2zkmP+iA4Zk9iiXozt/B3ExYtTAvzSu12IHzuqBvLQtoTcVqirZilG7o3JN+jKiRz74RAubflR1YFLXcfQk5tyhbghFyR+9VJSjtk6LpZSkKuhvVuX+jiwMdeSMNjf8SomerurCv78C88hcfzfuTUJaV9nXLxiyxJkse6B/GxY7KXIsyfLvkasjD36AFJVivsXyUmHf/ZTSwF+UsjNh3QzdIsCBbjkTh8eF3iCgEeyTOD8OYzctaLiCoR6utG/5tsmQVpmu48Ab94dk/uUrLh05g1pj4p+UvuHXGkIiQ9P4/xt7Zj415GKAB/d9Ro+Wr0KfCJqgs48KBh6LiE3Z4ope34mCzmsJStui4iX6KQ7y4g5+cAnpMDN+PSFZyETifI2opER9D32ED559EHwxERubhJxTMjOP6edVFeYl27MW/o2ipikd9XyBUs5DtIMTdnakvKgdIo3fwGC33kcDavvh1ZCvzIxcBbD27dhdPvLZBshqKQYQgH5160RYYTqpK2M1W393Rz7dvBQwJv++kEdX9HIsItmY9m2nCkZJQRVP34q3/xtN8C3+HPwzL4CjOpfPRJG8twQYifeQ5hsO3r0MNWZwhIOs8BpnkMdUXHPoDQ3pJTSARQOdu8IPq+Nnr0DgwG+pQbotPQVM73FVAF67JOqPqRd7owN70jKW3+SkEPIn063xXmLzWsej+b0AMOeHO3v8LCv08JXQi0mWbqzy23A7AA9NqkxhH7nYUiSnd+/IS5POZiJKPakyLHF7eQD+8n+l3AcoBlnqbOr50LmU8TUNgUuK2so9V+JzmURsdMBtCgS44uCz1PgTIC3NwK7aVavKLKSdJskI2GJFxdHxNMOoGUpwAs+GXHzg3MB/rCf4bdSlgY8rymaDievfzEi1o7JPBNxm0oWSonhlrnZJ5sbFtvJPF40br/G8u3ZTbTLG9GB78flYwRcDYnCJa6jkM3bHbbQHchNRKV51y0e1kKaL8o5Lct3Wvt7+soZSv5ufyoux11YLvlJYCGzKWpGR+p48GqOd4w+OkqjavA/AjeTg/bB+REuMMkHyZN6Am5/fzbAZzcxGMXuwiKrjpCZtM8Pi/ftSWA5oMsB76jEeD1fSHG7l05nu6w8TpHlljlhcbQIyEn/eYKXU/ioEgyJD8nTbiWNxpnN1kki9KXbCfjhAs4oUea/PsoBn6dMfUgcI+DLScJKXDXOlwdCYn8JjonpAm8Of0gcpMNKo4ti1Bkky/1p4NVriVf4n06YqOcdRkFEwHurXbj/T4ABAGV96ZmsmUXmAAAAAElFTkSuQmCC'
      // ]
      // // 隐患等级的图标
      // const overtimeIcons = [
      //   'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAdCAYAAABmH3YuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNTEzNEJEN0Y5N0UxMUVCQjBBNkZDOTRGNjU4RTA0RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNTEzNEJEOEY5N0UxMUVCQjBBNkZDOTRGNjU4RTA0RCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM1MTM0QkQ1Rjk3RTExRUJCMEE2RkM5NEY2NThFMDREIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkM1MTM0QkQ2Rjk3RTExRUJCMEE2RkM5NEY2NThFMDREIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+fYPh1gAAAPNJREFUeNpi/P//P8PED1w6DAwMjUDsCMQ3gbgvX+DbasZJ7zllgJzbQMzBgAo8WZgYGGKwSIBAEwszAwMXA3bABZL8hUPyO1CSkQEXAOnELcky6CT/k6uTlYCduIKIEaSTE4ckD0jnDRyS15mAkkuAeDfIYUj4ORDnMYKSCVjZe+50IKUNxC+BeJqm4Nf3cElsgIkBn1dAxOP33DxAqhSITYD4AxAvkhX8upPx2TsuKSDnFBBLo2lsYXz5jms7kOGBK5nY40pgTMAE9hKUyLBgTqAkQx4okWHBJ5h4Bb9sBvonAoiPA/FHIH4ExLOA2B4gwAAuGDZOid/uPAAAAABJRU5ErkJggg==',
      //   'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAaCAYAAAB7GkaWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDNDgwRkIyQUY4QUQxMUVCQUZFMEQ3Njg5MEM0MENENiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDNDgwRkIyQkY4QUQxMUVCQUZFMEQ3Njg5MEM0MENENiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkM0ODBGQjI4RjhBRDExRUJBRkUwRDc2ODkwQzQwQ0Q2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkM0ODBGQjI5RjhBRDExRUJBRkUwRDc2ODkwQzQwQ0Q2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+zyfDUgAAAMRJREFUeNpi/P//P8O/DFYFBgaGfiC2AeJ9QJzDNOP3a8a/6Sw8QM59IBZhQIBHQKzOBCRM0SRAQA6I9UGSrAzYATtI8g8OyT9MDHjACJFkBEmy45BkA0k+xSH5hAkYb5eAjI1oEouB4rcZQZENAsAIzwRSGkB8GSgxB2wpTJKga4G6URzHCE1DLkB2AyhpAPFjIO4GGr0clIZ0QPZgMdULZGw+DivzQZKM+EJoEg7JSbBA8ATiE0D8EYhB/Fig+FaAAAMAxh45OHmEBf4AAAAASUVORK5CYII='
      // ]
      return `<div class=${
        hdOverTime === true ? "markernormal bling" : "markernormal"
      }><img class='enternormal' src="${tempnohdIcons[0]}" /></div>`;
      // if (hdLevel === '一般隐患') {
      //   if (riskLevel === '低风险') {
      //     if (hdOverTime) {
      //       return `<div class='markernormal'><img class='enterabnormal' src="${temphdIcons[0]}" /><img class='exclamation' src="${overtimeIcons[0]}" /><div class='animationripple'></div></div>`
      //     } else {
      //       return `<div class='markernormal'><img class='enterabnormal' src="${temphdIcons[0]}" /><img class='exclamation' src="${overtimeIcons[0]}" /></div>`
      //     }
      //   } else if (riskLevel === '一般风险') {
      //     if (hdOverTime) {
      //       return `<div class='markernormal'><img class='enterabnormal' src="${temphdIcons[1]}" /><img class='exclamation' src="${overtimeIcons[0]}" /><div class='animationripple'></div></div>`
      //     } else {
      //       return `<div class='markernormal'><img class='enterabnormal' src="${temphdIcons[1]}" /><img class='exclamation' src="${overtimeIcons[0]}" /></div>`
      //     }
      //   } else if (riskLevel === '较大风险') {
      //     if (hdOverTime) {
      //       return `<div class='markernormal'><img class='enterabnormal' src="${temphdIcons[2]}" /><img class='exclamation' src="${overtimeIcons[0]}" /><div class='animationripple'></div></div>`
      //     } else {
      //       return `<div class='markernormal'><img class='enterabnormal' src="${temphdIcons[2]}" /><img class='exclamation' src="${overtimeIcons[0]}" /></div>`
      //     }
      //   } else if (riskLevel === '重大风险') {
      //     if (hdOverTime) {
      //       return `<div class='markernormal'><img class='enterabnormal' src="${temphdIcons[3]}" /><img class='exclamation' src="${overtimeIcons[0]}" /><div class='animationripple'></div></div>`
      //     } else {
      //       return `<div class='markernormal'><img class='enterabnormal' src="${temphdIcons[3]}" /><img class='exclamation' src="${overtimeIcons[0]}" /></div>`
      //     }
      //   } else {
      //     if (hdOverTime) {
      //       return `<div class='markernormal'><img class='enterabnormal' src="${temphdIcons[0]}" /><img class='exclamation' src="${overtimeIcons[0]}" /><div class='animationripple'></div></div>`
      //     } else {
      //       return `<div class='markernormal'><img class='enterabnormal' src="${temphdIcons[0]}" /><img class='exclamation' src="${overtimeIcons[0]}" /></div>`
      //     }
      //   }
      // } else if (hdLevel === '重大隐患') {
      //   if (riskLevel === '低风险') {
      //     if (hdOverTime) {
      //       return `<div class='markernormal'><img class='enterabnormal' src="${temphdIcons[0]}" /><img class='exclamation' src="${overtimeIcons[1]}" /><div class='animationripple'></div></div>`
      //     } else {
      //       return `<div class='markernormal'><img class='enterabnormal' src="${temphdIcons[0]}" /><img class='exclamation' src="${overtimeIcons[1]}" /></div>`
      //     }
      //   } else if (riskLevel === '一般风险') {
      //     if (hdOverTime) {
      //       return `<div class='markernormal'><img class='enterabnormal' src="${temphdIcons[1]}" /><img class='exclamation' src="${overtimeIcons[1]}" /><div class='animationripple'></div></div>`
      //     } else {
      //       return `<div class='markernormal'><img class='enterabnormal' src="${temphdIcons[1]}" /><img class='exclamation' src="${overtimeIcons[1]}" /></div>`
      //     }
      //   } else if (riskLevel === '较大风险') {
      //     if (hdOverTime) {
      //       return `<div class='markernormal'><img class='enterabnormal' src="${temphdIcons[2]}" /><img class='exclamation' src="${overtimeIcons[1]}" /><div class='animationripple'></div></div>`
      //     } else {
      //       return `<div class='markernormal'><img class='enterabnormal' src="${temphdIcons[2]}" /><img class='exclamation' src="${overtimeIcons[1]}" /></div>`
      //     }
      //   } else if (riskLevel === '重大风险') {
      //     if (hdOverTime) {
      //       return `<div class='markernormal'><img class='enterabnormal' src="${temphdIcons[3]}" /><img class='exclamation' src="${overtimeIcons[1]}" /><div class='animationripple'></div></div>`
      //     } else {
      //       return `<div class='markernormal'><img class='enterabnormal' src="${temphdIcons[3]}" /><img class='exclamation' src="${overtimeIcons[1]}" /></div>`
      //     }
      //   } else {
      //     if (hdOverTime) {
      //       return `<div class='markernormal'><img class='enterabnormal' src="${temphdIcons[0]}" /><img class='exclamation' src="${overtimeIcons[1]}" /><div class='animationripple'></div></div>`
      //     } else {
      //       return `<div class='markernormal'><img class='enterabnormal' src="${temphdIcons[0]}" /><img class='exclamation' src="${overtimeIcons[1]}" /></div>`
      //     }
      //   }
      // } else {
      //   if (riskLevel === '低风险') {
      //     if (hdOverTime) {
      //       return `<div class='markernormal'><img class='enternormal' src="${tempnohdIcons[0]}" /><div class='animationripple'></div></div>`
      //     } else {
      //       return `<div class='markernormal'><img class='enternormal' src="${tempnohdIcons[0]}" /></div>`
      //     }
      //   } else if (riskLevel === '一般风险') {
      //     if (hdOverTime) {
      //       return `<div class='markernormal'><img class='enternormal' src="${tempnohdIcons[1]}"/><div class='animationripple'></div></div>`
      //     } else {
      //       return `<div class='markernormal'><img class='enternormal' src="${tempnohdIcons[1]}"/></div>`
      //     }
      //   } else if (riskLevel === '较大风险') {
      //     if (hdOverTime) {
      //       return `<div class='markernormal'><img class='enternormal' src="${tempnohdIcons[2]}"/><div class='animationripple'></div></div>`
      //     } else {
      //       return `<div class='markernormal'><img class='enternormal' src="${tempnohdIcons[2]}"/></div>`
      //     }
      //   } else if (riskLevel === '重大风险') {
      //     if (hdOverTime) {
      //       return `<div class='markernormal'><img class='enternormal' src="${tempnohdIcons[3]}" /><div class='animationripple'></div></div>`
      //     } else {
      //       return `<div class='markernormal'><img class='enternormal' src="${tempnohdIcons[3]}"/></div>`
      //     }
      //   } else {
      //     if (hdOverTime) {
      //       return `<div class='markernormal'><img class='enternormal' src="${tempnohdIcons[0]}" /><div class='animationripple'></div></div>`
      //     } else {
      //       return `<div class='markernormal'><img class='enternormal' src="${tempnohdIcons[0]}" /></div>`
      //     }
      //   }
      // }
    },
    // 初始化所有区域 和 所有 marker 的基本信息
    async initRegion() {
      const AMap = window.AMap || {};
      // 当前经济开发区所有的镇
      const ETDATown = ["皇冠街道", "凤林街道", "西苑街道", "崮山镇", "泊于镇"];
      const ETDATownComs = [];
      for (let i = 0; i < ETDATown.length; i++) {
        ETDATownComs.push({
          arr: ETDATown[i],
          coms: [],
        });
      }
      const tempPromsieArr = [];
      // 经济开发区西面所有镇对应的公司
      for (let i = 0; i < ETDATownComs.length; i++) {
        // const p1 = getTownComs(ETDATownComs[i].arr).then(res => {
        //   ETDATownComs[i].coms = [...res]
        // })
        // tempPromsieArr.push(p1)
      }

      await Promise.all(tempPromsieArr);
      // 生成 markers
      for (let i = 0; i < ETDATownComs.length; i++) {
        const maskarr = {
          // 当前区域是否显示
          isShow: false,
          // markers 点标记
          markers: [],
          // 当前所有区域
          county: ETDATownComs[i].arr,
          // 当前区域所有公司
          coms: [...ETDATownComs[i].coms],
        };
        for (let j = 0; j < ETDATownComs[i].coms.length; j++) {
          // 根据企业id 和 企业
          const marker = new AMap.Marker({
            position: [
              Number(maskarr.coms[j].companyLng),
              Number(maskarr.coms[j].companyLat),
            ],
            // offset: new AMap.Pixel(-14, -31),
            content: this.getContent(
              maskarr.coms[j].companyRiskLevel,
              maskarr.coms[j].companyHdLevel,
              maskarr.coms[j].companyOvertimeExist
            ),
            title: maskarr.coms[j].companyName,
          });
          marker.on("mouseover", () => {
            marker.setLabel({
              content: `<div>${maskarr.coms[j].companyName}</div>`,
              offset: new AMap.Pixel(0, -20),
            });
          });
          marker.on("mouseout", () => {
            marker.setLabel({
              content: "",
            });
          });
          marker.on("click", async () => {
            // 初始化当前选中的企业信息
            this.curSelectEnter = { ...maskarr.coms[j] };
            // console.log(this.curSelectEnter, 'this.curSelectEnterEnterEnter')
            await getCompanyInfoById(maskarr.coms[j].companyId).then((res) => {
              this.curSelectEnter = { ...res.content[0] };
            });
            // 获取清单列表
            await getResponseList(maskarr.coms[j].companyId).then((res) => {
              this.curSelectCerl = [];
              for (let i = 0; i < res.content.length; i++) {
                const tempItem = this.curSelectCerl.filter(
                  (item) => item.cerlType === res.content[i].cerlType
                );
                if (tempItem.length === 0) {
                  this.curSelectCerl.push({
                    cerlType: res.content[i].cerlType,
                    items: [res.content[i]],
                  });
                } else {
                  tempItem[0].items.push(res.content[i]);
                }
              }
            });
            // 当前选中的企业风险
            await getthRisk(maskarr.coms[j].companyId, 0, 99999).then((res) => {
              this.curSelectRisk = [...res.content];
            });
            await getriskNumAnalysis(maskarr.coms[j].companyId).then((res) => {
              // console.log(res, 'hehehehhehehehehehe')
              // 初始化四个风险等级对应的数量
              this.riskMajorRiskSum = 0;
              this.riskGreaterRiskSum = 0;
              this.riskNormalRiskSum = 0;
              this.riskLowRiskSum = 0;
              if (res.totalElements > 3) {
                // res.content.forEach(item => {
                //   if (item.rnaLevel === '重大风险') {
                //     this.riskMajorRiskSum = item.rnaNum
                //   }
                //   if (item.rnaLevel === '较大风险') {
                //     this.riskGreaterRiskSum = item.rnaNum
                //   }
                //   if (item.rnaLevel === '一般风险') {
                //     this.riskNormalRiskSum = item.rnaNum
                //   }
                //   if (item.rnaLevel === '低风险') {
                //     this.riskLowRiskSum = item.rnaNum
                //   }
                // })
                for (let i = 0; i < res.content.length; i++) {
                  if (res.content[i].rnaLevel === "重大风险") {
                    this.riskMajorRiskSum = res.content[i].rnaNum;
                    break;
                  }
                }
                for (let i = 0; i < res.content.length; i++) {
                  if (res.content[i].rnaLevel === "较大风险") {
                    this.riskGreaterRiskSum = res.content[i].rnaNum;
                    break;
                  }
                }
                for (let i = 0; i < res.content.length; i++) {
                  if (res.content[i].rnaLevel === "一般风险") {
                    this.riskNormalRiskSum = res.content[i].rnaNum;
                    break;
                  }
                }
                for (let i = 0; i < res.content.length; i++) {
                  if (res.content[i].rnaLevel === "低风险") {
                    this.riskLowRiskSum = res.content[i].rnaNum;
                    break;
                  }
                }
              }
            });
            // 当前选中的企业隐患
            await getHideDangeByIdOrderHdLevel(maskarr.coms[j].companyId).then(
              (res) => {
                this.curSelectHD = [...res.content];
                this.curSelectNormalHD = this.curSelectHD.filter(
                  (item) => Number(item.hdLevel) === 1
                );
                this.curSelectMajorHD = this.curSelectHD.filter(
                  (item) => Number(item.hdLevel) === 2
                );
                // 当前一般隐患数量
                this.curSelectHDGenSum = this.curSelectHD.filter(
                  (item) => Number(item.hdLevel) === 1
                ).length;
                // 当前重大隐患数量
                this.curSelectHDMajorSum = this.curSelectHD.filter(
                  (item) => Number(item.hdLevel) === 2
                ).length;
                // 未整改的数量
                this.curSelectHDNorectSum = this.curSelectHD.filter(
                  (item) => Number(item.hdStatus) === 0
                ).length;
                console.log(this.curSelectHD, "this.curSelectHD");
                // 初始化当前整改率
                this.curSelectHDRectPercentSum = 0;
                if (
                  this.curSelectHDMajorSum > 0 ||
                  this.curSelectHDGenSum > 0
                ) {
                  this.curSelectHDRectPercentSum = (
                    ((this.curSelectHDGenSum +
                      this.curSelectHDMajorSum -
                      this.curSelectHDNorectSum) /
                      (this.curSelectHDMajorSum + this.curSelectHDGenSum)) *
                    100
                  ).toFixed(0);
                  if (isNaN(this.curSelectHDRectPercentSum)) {
                    this.curSelectHDRectPercentSum = 0;
                  }
                }
                console.log(this.curSelectHD, "this.curSelectHD");
              }
            );
            // 请求安全检查
            await getRiskStandingBook(maskarr.coms[j].companyId).then((res) => {
              const tempSCCheck = [...res.content];
              this.curSelectSC = [];
              for (let i = 0; i < tempSCCheck.length; i++) {
                const getTempArr = this.curSelectSC.filter(
                  (item) => item.rsbtType === tempSCCheck[i].rsbtType
                );
                if (getTempArr.length === 0) {
                  this.curSelectSC.push({
                    rsbtType: tempSCCheck[i].rsbtType,
                    isShow: false,
                    items: [tempSCCheck[i]],
                  });
                } else {
                  // rsbInspectContent
                  getTempArr[0].items.push(tempSCCheck[i]);
                }
              }
              console.log(this.curSelectSC, "this.curSelectSC");
            });
            let totalDegree = 0;
            let evalueteSum = 0;
            this.curSelectSC.forEach((item) =>
              item.items.forEach((rsb) => {
                if (!rsb.rsbInspectCase) {
                  evalueteSum++;
                }
                totalDegree++;
              })
            );
            if (evalueteSum === 0) {
              this.curEnterStar = 5;
            } else if (evalueteSum < 10) {
              this.curEnterStar = 4;
            } else if (evalueteSum < 30) {
              this.curEnterStar = 3;
            } else if (evalueteSum < 50) {
              this.curEnterStar = 2;
            } else if (totalDegree === evalueteSum) {
              this.curEnterStar = 0;
            } else {
              this.curEnterStar = 1;
            }
            this.curSelectHD.filter(
              (item) => item.hdLevel == 2 && item.hdStatus == 0
            ).length > 0
              ? (this.curEnterStar = 1)
              : null;
            let evalueteResSum = 0;
            let totalResSum = 0;
            this.curSelectCerl.forEach((item) =>
              item.items.forEach((rsb) => {
                if (!rsb.cerlQualified) {
                  evalueteResSum++;
                }
                totalResSum++;
              })
            );
            if (evalueteResSum === 0) {
              this.curEnterStar2 = 5;
            } else if (evalueteResSum < 10) {
              this.curEnterStar2 = 4;
            } else if (evalueteResSum < 30) {
              this.curEnterStar2 = 3;
            } else if (evalueteResSum < 50) {
              this.curEnterStar2 = 2;
            } else if (totalResSum === evalueteResSum) {
              this.curEnterStar2 = 0;
            } else {
              this.curEnterStar2 = 1;
            }
            // 显示企业信息
            this.isShowEnterInfo = true;

            // if (!this.isShowEnterHD) {
            //   // 关闭隐患
            //   this.enterHDClick()
            // }
            const hdDom = document.querySelector(
              ".curSelect-enter-hd-items-animation-wrapper"
            );
            hdDom.style.top = "0px";
            hdDom.onmouseover = null;
            hdDom.onmouseout = null;
            if (this.hdTimer) {
              clearInterval(this.hdTimer);
            }
            const riskDom = document.querySelector(
              ".curSelect-enter-risk-content-items-animation-wrapper"
            );
            riskDom.style.top = "0px";
            riskDom.onmouseover = null;
            riskDom.onmouseout = null;
            if (this.riskTimer) {
              clearInterval(this.riskTimer);
            }
            // 显示企业隐患
            this.isShowEnterHD = true;
            // 显示企业风险
            this.isShowEnterRisk = true;
            this.$nextTick(() => {
              // 是否开启企业风险的动画
              if (this.curSelectRisk.length > 4) {
                this.generateAnimation(
                  ".curSelect-enter-risk-content-items-animation-wrapper",
                  true
                );
              }
              // 是否开启企业隐患的动画
              if (this.curSelectHD.length > 7) {
                this.generateAnimation(
                  ".curSelect-enter-hd-items-animation-wrapper",
                  false
                );
              }
            });
            // if (!this.isShowEnterHD) {
            //   // 显示企业隐患
            //   this.isShowEnterHD = true
            //   this.$nextTick(() => {
            //     // 是否开启企业风险的动画
            //     if (this.curSelectRisk.length > 3) {
            //       if (!this.riskTimer) {
            //         this.generateAnimation('.curSelect-enter-risk-content-items-animation-wrapper', true)
            //       }
            //     }
            //     // 是否开启企业隐患的动画
            //     if (this.curSelectHD.length > 3) {
            //       if (!this.hdTimer) {
            //         this.generateAnimation('.curSelect-enter-hd-items-animation-wrapper', false)
            //       }
            //     }
            //   })
            // }
            // clearInterval(this.riskTimer)
            // clearInterval(this.hdTimer)
            // document.querySelector('.curSelect-enter-risk-content-items-animation-wrapper').style.top = '0px'
            // document.querySelector('.curSelect-enter-hd-items-animation-wrapper').style.top = '0px'

            this.mapActiveIndex = 0;
          });
          maskarr.markers.push(marker);
        }
        this.regionmarkers.push(maskarr);
      }
    },
    // 初始化地图
    async initMap() {
      this.AMap = window.AMap || {};
      // 卫星图层赋值
      this.satellitelayer = new this.AMap.TileLayer.Satellite();
      // 常规图层赋值
      this.TileLayer = new this.AMap.TileLayer();
      // 路网图层
      // const roadNet = new AMap.TileLayer.RoadNet()
      // 隐藏常规地图
      this.TileLayer.hide();
      // 初始化地图变量
      this.map = new this.AMap.Map("container", {
        /* 地图样式 */
        mapStyle: "amap://style/normal",
        layers: [
          this.TileLayer,
          // 高德地图默认标准图层
          this.satellitelayer,
        ],
        // disableSocket: true,
        // viewMode: '3D',
        // showLabel: false,
        /* 天空盒颜色 */
        skyColor: "red",
        resizeEnable: true,
        rotateEnable: true,
        pitchEnable: true,
        zoom: 10, // 缩放级别数值太低，则不会显示3D模型
        pitch: 0, // 地图俯仰角度，有效范围0° - 83°
        buildingAnimation: true, // 楼块出现是否带动画
        showBuildingBlock: true, // 显示建筑模型
        expandZoomRange: true,
        zooms: [3, 20],
        center: [122.36, 37.21],
      });
      // this.map.on('click', () => {
      //   console.log('出来了吗')
      //   // // 隐藏 弹出层
      //   // this.activeRiskHDIndex = 0
      //   // // 隐藏风险隐患对应的 企业
      //   // this.isShowRiskHDEnterList = false
      // })
      // document.querySelector('#filterclick').addEventListener('click', ()=>{
      //   // this.activeRiskHDIndex = 0
      //   // this.isShowRiskHDEnterList = false
      //   // this.riskhdIndusIndex = -1
      // })
      // document.querySelector('canvas').addEventListener('click', () => {
      //   console.log('hello world hello world')
      // })
      this.map.on("complete", () => {
        // if (document.querySelector('canvas')) {
        //   document.querySelector('canvas').addEventListener('click', (event) => {
        //     // console.log(event, 'ehehehehhehehehehehhehehehehehehh')
        //     this.activeRiskHDIndex = 0
        //     this.isShowRiskHDEnterList = false
        //     this.riskhdIndusIndex = -1
        //   })
        // }

        if (document.querySelector("#container")) {
          document
            .querySelector("#container")
            .addEventListener("click", (event) => {
              this.activeRiskHDIndex = 0;
              this.isShowRiskHDEnterList = false;
              this.riskhdIndusIndex = -1;
              // 将地图上所有的 marker 变暗
              // for (let i = 0; i < this.emergencyIndustryNames.length; i++) {
              //   if (!this.emergencyIndustryNames[i].isShow) {
              //     continue
              //   }
              //   for (let j = 0; j < this.emergencyIndustryNames[i].indusmarkers.length; j++) {
              //     this.emergencyIndustryNames[i].indusmarkers[j].setContent(this.getContent(this.emergencyIndustryNames[i].coms[j].companyRiskLevel, this.emergencyIndustryNames[i].coms[j].companyHdLevel, this.emergencyIndustryNames[i].coms[j].companyOvertimeExist))
              //   }
              // }
              this.isShowSearchListsDown = false;
            });
        }
      });
      // 画威海轮廓
      this.boundWeihai();
    },
    // 初始化所有区域和行业
    // 初始化所有区域、风险等级、隐患等级
    // 改变风险和隐患数量
    // ['皇冠街道', '凤林街道', '西苑街道', '崮山镇', '泊于镇']
    // 当前所有区域以及对应的公司和 marker
    // regionmarkers: [],
    // 当前区域和应急行业
    // regionsEmergencies: [],
    // 当前区域和国民行业
    // regionsDimIndustries: [],
    // 当前区域、隐患
    // regionsHDs: [],
    // 当前区域、风险
    // regionsRisks: [],
    // 当前区域、超期
    // regionsOvers: [],
    async initAllRegions() {
      // ['皇冠街道', '凤林街道', '西苑街道', '崮山镇', '泊于镇']
      // let regions = []
      // findCompanyCounty().then(res => {
      //   regions = [...res]
      // })
      const regions = ["皇冠街道", "凤林街道", "西苑街道", "崮山镇", "泊于镇"];
      // 获取当前所有区域
      // 获取当前所有应急行业
      // 获取当前所有国民二级行业
      const hds = ["一般隐患", "重大隐患"];
      const risks = ["低风险", "一般风险", "较大风险", "重大风险"];

      // 获取当前所有应急行业
      await getindustry().then((res) => {
        this.industryNames = [...res.content];
        this.industryNames.forEach((item) => {
          this.industryOptions.push({
            value: item.industryName,
            label: item.industryName,
          });
        });
      });
      // 获取当前所有的主管部门
      this.curDepartIndusEnters = [];
      await getIndustryChargeDept().then((res) => {
        this.curDepartIndusEnters = res.content.map((item) => {
          return {
            depart: item.icdName,
            induses: item.thIndustrySet
              ? item.thIndustrySet.map((item1) => {
                  return {
                    indus: item1.industryName,
                    coms: [],
                  };
                })
              : [],
          };
        });
        const tempIndexArray1 = [
          "民用爆炸物品行业",
          "危险化学品行业",
          "工贸行业（含涉氨制冷）",
          "船舶工业行业",
          "电力行业",
          "一般化工行业",
        ];
        for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
          if (this.curDepartIndusEnters[i].depart === "经发局（应急局）") {
            this.curDepartIndusEnters[i].induses = this.curDepartIndusEnters[
              i
            ].induses.sort((item1, item2) => {
              return (
                tempIndexArray1.indexOf(item1.indus) -
                tempIndexArray1.indexOf(item2.indus)
              );
            });
          }
        }
        const tempIndexCharge = [
          "经发局（应急局）",
          "建设局",
          "商贸局",
          "生态环境局",
          "市场监督管理局",
          "消防救援大队",
          "交警三大队",
          "教育分局",
          "卫健办",
          "财政金融局",
          "社会工作部",
          "科技创新局",
          "公安分局",
        ];
        this.curDepartIndusEnters = this.curDepartIndusEnters.sort(
          (item1, item2) => {
            return (
              tempIndexCharge.indexOf(item1.depart) -
              tempIndexCharge.indexOf(item2.depart)
            );
          }
        );
      });
      this.departmentNum = [];
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        this.departmentNum.push(0);
      }
      // 获取当前所有国民经济行业
      const nationIndus = [];
      const replaceIndus = [];
      await findDimindustry().then((res) => {
        res.forEach((item) => {
          replaceIndus.push(item.industryId);
        });
      });
      await findAllDimIndustries(replaceIndus).then((res) => {
        res.forEach((item) => {
          nationIndus.push(item.name);
        });
      });
      // // 获取当前所有国民经济行业
      // let nationIndusNamesLevel1 = []
      // await findDimindustry().then(res => {
      //   nationIndusNamesLevel1 = [...res]
      // })
      // const nationIndustryNames2 = []
      // const promiseNationArray = []
      // for (let i = 0; i < nationIndusNamesLevel1.length; i++) {
      //   const promise1 = findDimindustry(nationIndusNamesLevel1[i].industryId).then(res => {
      //     nationIndustryNames2.push(...res)
      //   })
      //   promiseNationArray.push(promise1)
      // }
      // await Promise.all(promiseNationArray).then(res => {})
      // 初始化所有数组
      for (let i = 0; i < regions.length; i++) {
        for (let j = 0; j < this.industryNames.length; j++) {
          this.regionsEmergencies.push({
            region: regions[i],
            emer: this.industryNames[j].industryName,
            coms: [],
            markers: [],
            isInit: false,
          });
        }
        for (let j = 0; j < nationIndus.length; j++) {
          this.regionsDimIndustries.push({
            region: regions[i],
            dim: nationIndus[j],
            coms: [],
            markers: [],
            isInit: false,
          });
        }
        for (let j = 0; j < hds.length; j++) {
          this.regionsHDs.push({
            region: regions[i],
            hdLevel: hds[j],
            coms: [],
            markers: [],
            isInit: false,
          });
        }
        for (let j = 0; j < risks.length; j++) {
          this.regionsRisks.push({
            region: regions[i],
            riskLevel: risks[j],
            coms: [],
            markers: [],
            isInit: false,
          });
        }
        this.regionsOvers.push({
          region: regions[i],
          coms: [],
          markers: [],
          isInit: false,
        });
      }
      // 初始化用于显示的 region emergency dimIndustries
      for (let i = 0; i < regions.length; i++) {
        this.regionsWithShow.push({
          region: regions[i],
          isShow: false,
          sum: 0,
        });
      }
      for (let i = 0; i < this.regionsWithShow.length; i++) {
        getEnterSum(this.regionsWithShow[i].region).then((res) => {
          this.regionsWithShow[i].sum = res;
        });
      }
      for (let i = 0; i < this.industryNames.length; i++) {
        this.emergenciesWithShow.push({
          indus: this.industryNames[i].industryName,
          isShow: false,
          sum: 0,
        });
      }
      // 差一个国民二级经济行业
      //
      for (let i = 0; i < nationIndus.length; i++) {
        this.dimIndustriesWithShow.push({
          indus: nationIndus[i],
          isShow: false,
          sum: 0,
        });
      }
    },
    changeSixSums(region, isAdd) {
      if (isAdd) {
        getRiskTownEnterSum(region, "低风险").then((res) => {
          this.lowRiskAllDegrees += Number(res);
        });
        getRiskTownEnterSum(region, "一般风险").then((res) => {
          this.generalRiskAllDegrees += Number(res);
        });
        getRiskTownEnterSum(region, "较大风险").then((res) => {
          this.greaterRiskAllDegrees += Number(res);
        });
        getRiskTownEnterSum(region, "重大风险").then((res) => {
          this.majorRiskAllDegrees += Number(res);
        });
        getHDTownEnterSum(region, "一般隐患").then((res) => {
          this.generalHDDegrees += Number(res);
        });
        getHDTownEnterSum(region, "重大隐患").then((res) => {
          this.majorHDDegrees += Number(res);
        });
        getOverTimeRegionEnterSum(region).then((res) => {
          this.overtimeDegrees += Number(res);
        });
      } else {
        getRiskTownEnterSum(region, "低风险").then((res) => {
          this.lowRiskAllDegrees -= Number(res);
        });
        getRiskTownEnterSum(region, "一般风险").then((res) => {
          this.generalRiskAllDegrees -= Number(res);
        });
        getRiskTownEnterSum(region, "较大风险").then((res) => {
          this.greaterRiskAllDegrees -= Number(res);
        });
        getRiskTownEnterSum(region, "重大风险").then((res) => {
          this.majorRiskAllDegrees -= Number(res);
        });
        getHDTownEnterSum(region, "一般隐患").then((res) => {
          this.generalHDDegrees -= Number(res);
        });
        getHDTownEnterSum(region, "重大隐患").then((res) => {
          this.majorHDDegrees -= Number(res);
        });
        getOverTimeRegionEnterSum(region).then((res) => {
          console.log(res, "resovertimeovertime");
          this.overtimeDegrees -= Number(res);
        });
      }
    },
    // 点击区域
    hideorshowmarker(index) {
      if (this.regionmarkers[index].isShow === false) {
        this.regionmarkers[index].isShow = true;
        // 改变风险数量
        // this.changeSixSums(this.regionmarkers[index].county, true)
        if (this.regionmarkers[index].coms) {
          // 把所有的风险、隐患 按 行业-企业 加上
          // 重大风险
          const tempMajorRiskEnters = [];
          // 较大风险
          const tempGreaterRiskEnters = [];
          // 一般风险
          const tempGeneralRiskEnters = [];
          // 低风险
          const tempLowRiskEnters = [];
          // 重大隐患
          const tempMajorHDEnters = [];
          // 一般隐患
          const tempGenralHDEnters = [];
          // 超期隐患
          const tempOvertimeHDEnters = [];
          for (let i = 0; i < this.regionmarkers[index].coms.length; i++) {
            if (
              this.regionmarkers[index].coms[i].companyRiskLevel === "重大风险"
            ) {
              tempMajorRiskEnters.push({
                com: this.regionmarkers[index].coms[i],
                marker: this.regionmarkers[index].markers[i],
              });
            }
            if (
              this.regionmarkers[index].coms[i].companyRiskLevel === "较大风险"
            ) {
              tempGreaterRiskEnters.push({
                com: this.regionmarkers[index].coms[i],
                marker: this.regionmarkers[index].markers[i],
              });
            }
            if (
              this.regionmarkers[index].coms[i].companyRiskLevel === "一般风险"
            ) {
              tempGeneralRiskEnters.push({
                com: this.regionmarkers[index].coms[i],
                marker: this.regionmarkers[index].markers[i],
              });
            }
            if (
              this.regionmarkers[index].coms[i].companyRiskLevel === "低风险"
            ) {
              tempLowRiskEnters.push({
                com: this.regionmarkers[index].coms[i],
                marker: this.regionmarkers[index].markers[i],
              });
            }
            if (
              this.regionmarkers[index].coms[i].companyHdLevel === "重大隐患"
            ) {
              tempMajorHDEnters.push({
                com: this.regionmarkers[index].coms[i],
                marker: this.regionmarkers[index].markers[i],
              });
            }
            if (
              this.regionmarkers[index].coms[i].companyHdLevel === "一般隐患"
            ) {
              tempGenralHDEnters.push({
                com: this.regionmarkers[index].coms[i],
                marker: this.regionmarkers[index].markers[i],
              });
            }
            if (this.regionmarkers[index].coms[i].companyOvertimeExist) {
              tempOvertimeHDEnters.push({
                com: this.regionmarkers[index].coms[i],
                marker: this.regionmarkers[index].markers[i],
              });
            }
          }
          this.lowRiskAllDegrees += tempLowRiskEnters.length;
          this.generalRiskAllDegrees += tempGeneralRiskEnters.length;
          this.greaterRiskAllDegrees += tempGreaterRiskEnters.length;
          this.majorRiskAllDegrees += tempMajorRiskEnters.length;
          this.generalHDDegrees += tempGenralHDEnters.length;
          this.majorHDDegrees += tempMajorHDEnters.length;
          this.overtimeDegrees += tempOvertimeHDEnters.length;

          let tempRiskHDIndex = 0;
          if (this.mapActiveIndex === 1) {
            if (this.riskTypeIndex === 1) {
              this.$refs["risktypes1"].click();
              tempRiskHDIndex = 1;
            }
            if (this.riskTypeIndex === 2) {
              this.$refs["risktypes2"].click();
              tempRiskHDIndex = 2;
            }
            if (this.riskTypeIndex === 3) {
              this.$refs["risktypes3"].click();
              tempRiskHDIndex = 3;
            }
            if (this.riskTypeIndex === 4) {
              this.$refs["risktypes4"].click();
              tempRiskHDIndex = 4;
            }
          }
          if (this.mapActiveIndex === 2) {
            if (this.hdTypeIndex === 1) {
              this.$refs["dangertypes1"].click();
              tempRiskHDIndex = 1;
            }
            if (this.hdTypeIndex === 2) {
              this.$refs["dangertypes2"].click();
              tempRiskHDIndex = 2;
            }
            if (this.hdTypeIndex === 3) {
              this.$refs["dangertypes3"].click();
              tempRiskHDIndex = 3;
            }
          }
          // 把风险、隐患、超期的数据加上去
          for (let i = 0; i < tempMajorRiskEnters.length; i++) {
            let isMaptoAdd = false;
            for (let j = 0; j < this.majorRiskIndus.length; j++) {
              if (
                this.majorRiskIndus[j].indus ===
                tempMajorRiskEnters[i].com.companyIndustryName
              ) {
                this.majorRiskIndus[j].coms.push(tempMajorRiskEnters[i]);
                isMaptoAdd = true;
                break;
              }
            }
            if (isMaptoAdd === false) {
              this.majorRiskIndus.push({
                indus: tempMajorRiskEnters[i].com.companyIndustryName,
                coms: [tempMajorRiskEnters[i]],
              });
            }
          }
          for (let i = 0; i < tempGreaterRiskEnters.length; i++) {
            let isMaptoAdd = false;
            for (let j = 0; j < this.greaterRiskIndus.length; j++) {
              if (
                this.greaterRiskIndus[j].indus ===
                tempGreaterRiskEnters[i].com.companyIndustryName
              ) {
                this.greaterRiskIndus[j].coms.push(tempGreaterRiskEnters[i]);
                isMaptoAdd = true;
                break;
              }
            }
            if (isMaptoAdd === false) {
              this.greaterRiskIndus.push({
                indus: tempGreaterRiskEnters[i].com.companyIndustryName,
                coms: [tempGreaterRiskEnters[i]],
              });
            }
          }
          for (let i = 0; i < tempGeneralRiskEnters.length; i++) {
            let isMaptoAdd = false;
            for (let j = 0; j < this.generalRiskIndus.length; j++) {
              if (
                this.generalRiskIndus[j].indus ===
                tempGeneralRiskEnters[i].com.companyIndustryName
              ) {
                this.generalRiskIndus[j].coms.push(tempGeneralRiskEnters[i]);
                isMaptoAdd = true;
                break;
              }
            }
            if (isMaptoAdd === false) {
              this.generalRiskIndus.push({
                indus: tempGeneralRiskEnters[i].com.companyIndustryName,
                coms: [tempGeneralRiskEnters[i]],
              });
            }
          }
          for (let i = 0; i < tempLowRiskEnters.length; i++) {
            let isMaptoAdd = false;
            for (let j = 0; j < this.lowRiskIndus.length; j++) {
              if (
                this.lowRiskIndus[j].indus ===
                tempLowRiskEnters[i].com.companyIndustryName
              ) {
                this.lowRiskIndus[j].coms.push(tempLowRiskEnters[i]);
                isMaptoAdd = true;
                break;
              }
            }
            if (isMaptoAdd === false) {
              this.lowRiskIndus.push({
                indus: tempLowRiskEnters[i].com.companyIndustryName,
                coms: [tempLowRiskEnters[i]],
              });
            }
          }
          for (let i = 0; i < tempMajorHDEnters.length; i++) {
            let isMaptoAdd = false;
            for (let j = 0; j < this.majorHDIndus.length; j++) {
              if (
                this.majorHDIndus[j].indus ===
                tempMajorHDEnters[i].com.companyIndustryName
              ) {
                this.majorHDIndus[j].coms.push(tempMajorHDEnters[i]);
                isMaptoAdd = true;
                break;
              }
            }
            if (isMaptoAdd === false) {
              this.majorHDIndus.push({
                indus: tempMajorHDEnters[i].com.companyIndustryName,
                coms: [tempMajorHDEnters[i]],
              });
            }
          }
          for (let i = 0; i < tempGenralHDEnters.length; i++) {
            let isMaptoAdd = false;
            for (let j = 0; j < this.generalHDIndus.length; j++) {
              if (
                this.generalHDIndus[j].indus ===
                tempGenralHDEnters[i].com.companyIndustryName
              ) {
                this.generalHDIndus[j].coms.push(tempGenralHDEnters[i]);
                isMaptoAdd = true;
                break;
              }
            }
            if (isMaptoAdd === false) {
              this.generalHDIndus.push({
                indus: tempGenralHDEnters[i].com.companyIndustryName,
                coms: [tempGenralHDEnters[i]],
              });
            }
          }
          for (let i = 0; i < tempOvertimeHDEnters.length; i++) {
            let isMaptoAdd = false;
            for (let j = 0; j < this.overTimeIndusEnter.length; j++) {
              if (
                this.overTimeIndusEnter[j].indus ===
                tempOvertimeHDEnters[i].com.companyIndustryName
              ) {
                this.overTimeIndusEnter[j].coms.push(tempOvertimeHDEnters[i]);
                isMaptoAdd = true;
                break;
              }
            }
            if (isMaptoAdd === false) {
              this.overTimeIndusEnter.push({
                indus: tempOvertimeHDEnters[i].com.companyIndustryName,
                coms: [tempOvertimeHDEnters[i]],
              });
            }
          }
          if (this.mapActiveIndex === 1) {
            if (tempRiskHDIndex === 1) {
              this.$refs["risktypes1"].click();
            }
            if (tempRiskHDIndex === 2) {
              this.$refs["risktypes2"].click();
            }
            if (tempRiskHDIndex === 3) {
              this.$refs["risktypes3"].click();
            }
            if (tempRiskHDIndex === 4) {
              this.$refs["risktypes4"].click();
            }
          }
          if (this.mapActiveIndex === 2) {
            if (tempRiskHDIndex === 1) {
              this.$refs["dangertypes1"].click();
            }
            if (tempRiskHDIndex === 2) {
              this.$refs["dangertypes2"].click();
            }
            if (tempRiskHDIndex === 3) {
              this.$refs["dangertypes3"].click();
            }
          }
        }
        // 把所有的marker加到行业上
        // 把所有的数量加上
        if (this.regionmarkers[index].coms) {
          for (let i = 0; i < this.regionmarkers[index].coms.length; i++) {
            const temporaryArray = this.emergencyIndustryNames.filter(
              (item) =>
                item.name ===
                this.regionmarkers[index].coms[i].companyIndustryName
            );
            if (temporaryArray && temporaryArray.length > 0) {
              temporaryArray[0].sum++;
              temporaryArray[0].indusmarkers.push(
                this.regionmarkers[index].markers[i]
              );
              temporaryArray[0].coms.push(this.regionmarkers[index].coms[i]);
              if (temporaryArray[0].isShow && this.isShowEmergencyOrNation) {
                this.map.add(this.regionmarkers[index].markers[i]);
              }
            }
          }
          for (let i = 0; i < this.regionmarkers[index].coms.length; i++) {
            const temporaryArray = this.nationIndustryNames.filter(
              (item) =>
                item.name ===
                this.regionmarkers[index].coms[i].companyDimTwoIndustryName
            );
            if (temporaryArray && temporaryArray.length > 0) {
              temporaryArray[0].sum++;
              temporaryArray[0].indusmarkers.push(
                this.regionmarkers[index].markers[i]
              );
              temporaryArray[0].coms.push(this.regionmarkers[index].coms[i]);
              if (temporaryArray[0].isShow && !this.isShowEmergencyOrNation) {
                this.map.add(this.regionmarkers[index].markers[i]);
              }
            }
          }
        }
      } else {
        // this.changeSixSums(this.regionmarkers[index].county, false)
        this.regionmarkers[index].isShow = false;
        // 相应减掉 风险、隐患的marker
        let tempRiskHDIndex = 0;
        if (this.mapActiveIndex === 1) {
          if (this.riskTypeIndex === 1) {
            this.$refs["risktypes1"].click();
            tempRiskHDIndex = 1;
          }
          if (this.riskTypeIndex === 2) {
            this.$refs["risktypes2"].click();
            tempRiskHDIndex = 2;
          }
          if (this.riskTypeIndex === 3) {
            this.$refs["risktypes3"].click();
            tempRiskHDIndex = 3;
          }
          if (this.riskTypeIndex === 4) {
            this.$refs["risktypes4"].click();
            tempRiskHDIndex = 4;
          }
        }
        if (this.mapActiveIndex === 2) {
          if (this.hdTypeIndex === 1) {
            this.$refs["dangertypes1"].click();
            tempRiskHDIndex = 1;
          }
          if (this.hdTypeIndex === 2) {
            this.$refs["dangertypes2"].click();
            tempRiskHDIndex = 2;
          }
          if (this.hdTypeIndex === 3) {
            this.$refs["dangertypes3"].click();
            tempRiskHDIndex = 3;
          }
        }
        if (this.regionmarkers[index].coms) {
          for (let i = 0; i < this.regionmarkers[index].coms.length; i++) {
            // this.
            for (let j = 0; j < this.majorRiskIndus.length; j++) {
              for (let k = 0; k < this.majorRiskIndus[j].coms.length; k++) {
                if (
                  this.majorRiskIndus[j].coms[k].com.companyId ===
                  this.regionmarkers[index].coms[i].companyId
                ) {
                  this.majorRiskIndus[j].coms.splice(k, 1);
                  this.majorRiskAllDegrees--;
                  break;
                }
              }
            }
            for (let j = 0; j < this.greaterRiskIndus.length; j++) {
              for (let k = 0; k < this.greaterRiskIndus[j].coms.length; k++) {
                if (
                  this.greaterRiskIndus[j].coms[k].com.companyId ===
                  this.regionmarkers[index].coms[i].companyId
                ) {
                  this.greaterRiskIndus[j].coms.splice(k, 1);
                  this.greaterRiskAllDegrees--;
                  break;
                }
              }
            }
            for (let j = 0; j < this.generalRiskIndus.length; j++) {
              for (let k = 0; k < this.generalRiskIndus[j].coms.length; k++) {
                if (
                  this.generalRiskIndus[j].coms[k].com.companyId ===
                  this.regionmarkers[index].coms[i].companyId
                ) {
                  this.generalRiskIndus[j].coms.splice(k, 1);
                  this.generalRiskAllDegrees--;
                  break;
                }
              }
            }
            for (let j = 0; j < this.lowRiskIndus.length; j++) {
              for (let k = 0; k < this.lowRiskIndus[j].coms.length; k++) {
                if (
                  this.lowRiskIndus[j].coms[k].com.companyId ===
                  this.regionmarkers[index].coms[i].companyId
                ) {
                  this.lowRiskIndus[j].coms.splice(k, 1);
                  this.lowRiskAllDegrees--;
                  break;
                }
              }
            }
            for (let j = 0; j < this.majorHDIndus.length; j++) {
              for (let k = 0; k < this.majorHDIndus[j].coms.length; k++) {
                if (
                  this.majorHDIndus[j].coms[k].com.companyId ===
                  this.regionmarkers[index].coms[i].companyId
                ) {
                  this.majorHDIndus[j].coms.splice(k, 1);
                  this.majorHDDegrees--;
                  break;
                }
              }
            }
            for (let j = 0; j < this.generalHDIndus.length; j++) {
              for (let k = 0; k < this.generalHDIndus[j].coms.length; k++) {
                if (
                  this.generalHDIndus[j].coms[k].com.companyId ===
                  this.regionmarkers[index].coms[i].companyId
                ) {
                  this.generalHDIndus[j].coms.splice(k, 1);
                  this.generalHDDegrees--;
                  break;
                }
              }
            }
            for (let j = 0; j < this.overTimeIndusEnter.length; j++) {
              for (let k = 0; k < this.overTimeIndusEnter[j].coms.length; k++) {
                if (
                  this.overTimeIndusEnter[j].coms[k].com.companyId ===
                  this.regionmarkers[index].coms[i].companyId
                ) {
                  this.overTimeIndusEnter[j].coms.splice(k, 1);
                  this.overtimeDegrees--;
                  break;
                }
              }
            }
          }
        }
        if (this.mapActiveIndex === 1) {
          if (tempRiskHDIndex === 1) {
            this.$refs["risktypes1"].click();
          }
          if (tempRiskHDIndex === 2) {
            this.$refs["risktypes2"].click();
          }
          if (tempRiskHDIndex === 3) {
            this.$refs["risktypes3"].click();
          }
          if (tempRiskHDIndex === 4) {
            this.$refs["risktypes4"].click();
          }
        }
        if (this.mapActiveIndex === 2) {
          if (tempRiskHDIndex === 1) {
            this.$refs["dangertypes1"].click();
          }
          if (tempRiskHDIndex === 2) {
            this.$refs["dangertypes2"].click();
          }
          if (tempRiskHDIndex === 3) {
            this.$refs["dangertypes3"].click();
          }
        }
        if (this.regionmarkers[index].coms) {
          for (let i = 0; i < this.regionmarkers[index].coms.length; i++) {
            const temporaryArray = this.emergencyIndustryNames.filter(
              (item) =>
                item.name ===
                this.regionmarkers[index].coms[i].companyIndustryName
            );
            if (temporaryArray && temporaryArray.length > 0) {
              temporaryArray[0].sum--;
              const temporyIndex = temporaryArray[0].indusmarkers.indexOf(
                this.regionmarkers[index].markers[i]
              );
              const curMarkers = this.map.getAllOverlays("marker");
              if (
                curMarkers.includes(
                  temporaryArray[0].indusmarkers[temporyIndex]
                )
              ) {
                this.map.remove(temporaryArray[0].indusmarkers[temporyIndex]);
              }
              temporaryArray[0].indusmarkers.splice(temporyIndex, 1);
              temporaryArray[0].coms.splice(temporyIndex, 1);
            }
          }
          for (let i = 0; i < this.regionmarkers[index].coms.length; i++) {
            const temporaryArray = this.nationIndustryNames.filter(
              (item) =>
                item.name ===
                this.regionmarkers[index].coms[i].companyDimTwoIndustryName
            );
            if (temporaryArray && temporaryArray.length > 0) {
              temporaryArray[0].sum--;
              const temporyIndex = temporaryArray[0].indusmarkers.indexOf(
                this.regionmarkers[index].markers[i]
              );
              const curMarkers = this.map.getAllOverlays("marker");
              if (
                curMarkers.includes(
                  temporaryArray[0].indusmarkers[temporyIndex]
                )
              ) {
                this.map.remove(temporaryArray[0].indusmarkers[temporyIndex]);
              }
              temporaryArray[0].indusmarkers.splice(temporyIndex, 1);
              temporaryArray[0].coms.splice(temporaryArray, 1);
            }
          }
        }
      }
    },
    // 点击应急行业
    hideorshowindusMarkers(index) {
      if (this.mapActiveIndex === 1 || this.mapActiveIndex === 2) {
        return;
      }
      if (this.riskTypeIndex === 1) {
        this.$refs["risktypes1"].click();
      }
      if (this.riskTypeIndex === 2) {
        this.$refs["risktypes2"].click();
      }
      if (this.riskTypeIndex === 3) {
        this.$refs["risktypes3"].click();
      }
      if (this.riskTypeIndex === 4) {
        this.$refs["risktypes4"].click();
      }
      if (this.hdTypeIndex === 1) {
        this.$refs["dangertypes1"].click();
      }
      if (this.hdTypeIndex === 2) {
        this.$refs["dangertypes2"].click();
      }
      if (this.hdTypeIndex === 3) {
        this.$refs["dangertypes3"].click();
      }
      if (this.emergencyIndustryNames[index].isShow === false) {
        this.emergencyIndustryNames[index].isShow = true;
        if (this.emergencyIndustryNames[index].indusmarkers) {
          for (
            let i = 0;
            i < this.emergencyIndustryNames[index].indusmarkers.length;
            i++
          ) {
            this.emergencyIndustryNames[index].indusmarkers[i].setContent(
              this.getContent(
                this.emergencyIndustryNames[index].coms[i].companyRiskLevel,
                this.emergencyIndustryNames[index].coms[i].companyHdLevel,
                this.emergencyIndustryNames[index].coms[i].companyOvertimeExist
              )
            );
            this.map.add(this.emergencyIndustryNames[index].indusmarkers[i]);
          }
        }
      } else {
        this.emergencyIndustryNames[index].isShow = false;
        if (this.emergencyIndustryNames[index].indusmarkers) {
          for (
            let i = 0;
            i < this.emergencyIndustryNames[index].indusmarkers.length;
            i++
          ) {
            this.map.remove(this.emergencyIndustryNames[index].indusmarkers[i]);
          }
        }
      }
    },
    // 点击国民经济行业
    hideorshownationMarker(index) {
      if (this.mapActiveIndex === 1 || this.mapActiveIndex === 2) {
        return;
      }
      if (this.riskTypeIndex === 1) {
        this.$refs["risktypes1"].click();
      }
      if (this.riskTypeIndex === 2) {
        this.$refs["risktypes2"].click();
      }
      if (this.riskTypeIndex === 3) {
        this.$refs["risktypes3"].click();
      }
      if (this.riskTypeIndex === 4) {
        this.$refs["risktypes4"].click();
      }
      if (this.hdTypeIndex === 1) {
        this.$refs["dangertypes1"].click();
      }
      if (this.hdTypeIndex === 2) {
        this.$refs["dangertypes2"].click();
      }
      if (this.hdTypeIndex === 3) {
        this.$refs["dangertypes3"].click();
      }
      if (this.nationIndustryNames[index].isShow === false) {
        this.nationIndustryNames[index].isShow = true;
        if (this.nationIndustryNames[index].indusmarkers) {
          for (
            let i = 0;
            i < this.nationIndustryNames[index].indusmarkers.length;
            i++
          ) {
            this.nationIndustryNames[index].indusmarkers[i].setContent(
              this.getContent(
                this.nationIndustryNames[index].coms[i].companyRiskLevel,
                this.nationIndustryNames[index].coms[i].companyHdLevel,
                this.nationIndustryNames[index].coms[i].companyOvertimeExist
              )
            );
            this.map.add(this.nationIndustryNames[index].indusmarkers[i]);
          }
        }
      } else {
        this.nationIndustryNames[index].isShow = false;
        if (this.nationIndustryNames[index].indusmarkers) {
          for (
            let i = 0;
            i < this.nationIndustryNames[index].indusmarkers.length;
            i++
          ) {
            this.map.remove(this.nationIndustryNames[index].indusmarkers[i]);
          }
        }
      }
    },
    // new点击区域
    async clickRegion(index) {
      if (this.regionsWithShow[index].isShow === false) {
        for (let i = 0; i < this.emergenciesWithShow.length; i++) {
          getEnterIndusSum(
            this.regionsWithShow[index].region,
            this.emergenciesWithShow[i].indus
          ).then((res) => {
            this.emergenciesWithShow[i].sum += res;
          });
        }
        // for (let i = 0; i < this.dimIndustriesWithShow.length; i++) {
        //   getEnterDimTwoIndustrySum(this.regionsWithShow[index].region, this.dimIndustriesWithShow[i].indus).then(res => {
        //     this.dimIndustriesWithShow[i].sum += res
        //   })
        // }
        // 点击改变数量
        this.changeSixSums(this.regionsWithShow[index].region, true);
        // 应急行业下标数组
        const arrEmer = [];
        for (let i = 0; i < this.emergenciesWithShow.length; i++) {
          if (this.emergenciesWithShow[i].isShow === true) {
            arrEmer.push(i);
          }
        }
        // 国民经济行业下标数组
        const arrDim = [];
        for (let i = 0; i < this.dimIndustriesWithShow.length; i++) {
          if (this.dimIndustriesWithShow[i].isShow === true) {
            arrDim.push(i);
          }
        }
        arrEmer.forEach((item) => {
          this.$refs["eginmarkers" + item][0].click();
        });
        arrDim.forEach((item) => {
          this.$refs["ntinmarkers" + item][0].click();
        });
        let tempIndex = 0;
        if (this.riskTypeIndex === 1) {
          tempIndex = 1;
          this.$refs["risktypes1"].click();
        }
        if (this.riskTypeIndex === 2) {
          tempIndex = 2;
          this.$refs["risktypes2"].click();
        }
        if (this.riskTypeIndex === 3) {
          tempIndex = 3;
          this.$refs["risktypes3"].click();
        }
        if (this.riskTypeIndex === 4) {
          tempIndex = 4;
          this.$refs["risktypes4"].click();
        }
        if (this.hdTypeIndex === 1) {
          tempIndex = 5;
          this.$refs["dangertypes1"].click();
        }
        if (this.hdTypeIndex === 2) {
          tempIndex = 6;
          this.$refs["dangertypes2"].click();
        }
        if (this.hdTypeIndex === 3) {
          tempIndex = 7;
          this.$refs["dangertypes3"].click();
        }
        this.regionsWithShow[index].isShow = true;
        if (tempIndex === 1) {
          this.$refs["risktypes1"].click();
        }
        if (tempIndex === 2) {
          this.$refs["risktypes2"].click();
        }
        if (tempIndex === 3) {
          this.$refs["risktypes3"].click();
        }
        if (tempIndex === 4) {
          this.$refs["risktypes4"].click();
        }
        if (tempIndex === 5) {
          this.$refs["dangertypes1"].click();
        }
        if (tempIndex === 6) {
          this.$refs["dangertypes2"].click();
        }
        if (tempIndex === 7) {
          this.$refs["dangertypes3"].click();
        }
        // 模仿风险、隐患、超期、行业、应急行业的点击
        arrEmer.forEach((item) => {
          this.$refs["eginmarkers" + item][0].click();
        });
        arrDim.forEach((item) => {
          this.$refs["ntinmarkers" + item][0].click();
        });
      } else {
        for (let i = 0; i < this.emergenciesWithShow.length; i++) {
          getEnterIndusSum(
            this.regionsWithShow[index].region,
            this.emergenciesWithShow[i].indus
          ).then((res) => {
            this.emergenciesWithShow[i].sum -= res;
          });
        }
        // 点击改变数量
        this.changeSixSums(this.regionsWithShow[index].region, false);
        // 应急行业下标数组
        const arrEmer = [];
        for (let i = 0; i < this.emergenciesWithShow.length; i++) {
          if (this.emergenciesWithShow[i].isShow === true) {
            arrEmer.push(i);
          }
        }
        // 国民经济行业下标数组
        const arrDim = [];
        for (let i = 0; i < this.dimIndustriesWithShow.length; i++) {
          if (this.dimIndustriesWithShow[i].isShow === true) {
            arrDim.push(i);
          }
        }
        arrEmer.forEach((item) => {
          this.$refs["eginmarkers" + item][0].click();
        });
        arrDim.forEach((item) => {
          this.$refs["ntinmarkers" + item][0].click();
        });
        let tempIndex = 0;
        if (this.riskTypeIndex === 1) {
          tempIndex = 1;
          this.$refs["risktypes1"].click();
        }
        if (this.riskTypeIndex === 2) {
          tempIndex = 2;
          this.$refs["risktypes2"].click();
        }
        if (this.riskTypeIndex === 3) {
          tempIndex = 3;
          this.$refs["risktypes3"].click();
        }
        if (this.riskTypeIndex === 4) {
          tempIndex = 4;
          this.$refs["risktypes4"].click();
        }
        if (this.hdTypeIndex === 1) {
          tempIndex = 5;
          this.$refs["dangertypes1"].click();
        }
        if (this.hdTypeIndex === 2) {
          tempIndex = 6;
          this.$refs["dangertypes2"].click();
        }
        if (this.hdTypeIndex === 3) {
          tempIndex = 7;
          this.$refs["dangertypes3"].click();
        }
        this.regionsWithShow[index].isShow = false;
        // 模仿风险、隐患、超期、行业、应急行业的点击
        arrEmer.forEach((item) => {
          this.$refs["eginmarkers" + item][0].click();
        });
        arrDim.forEach((item) => {
          this.$refs["ntinmarkers" + item][0].click();
        });
        if (tempIndex === 1) {
          this.$refs["risktypes1"].click();
        }
        if (tempIndex === 2) {
          this.$refs["risktypes2"].click();
        }
        if (tempIndex === 3) {
          this.$refs["risktypes3"].click();
        }
        if (tempIndex === 4) {
          this.$refs["risktypes4"].click();
        }
        if (tempIndex === 5) {
          this.$refs["dangertypes1"].click();
        }
        if (tempIndex === 6) {
          this.$refs["dangertypes2"].click();
        }
        if (tempIndex === 7) {
          this.$refs["dangertypes3"].click();
        }
      }
      if (this.mapActiveIndex === 4) {
        this.dataAnalysisMap();
      }
    },
    // new点击应急行业
    async clickEmergency(index) {
      if (
        this.riskTypeIndex === 1 ||
        this.riskTypeIndex === 2 ||
        this.riskTypeIndex === 3 ||
        this.riskTypeIndex === 4
      ) {
        return;
      }
      if (
        this.hdTypeIndex === 1 ||
        this.hdTypeIndex === 2 ||
        this.hdTypeIndex === 3
      ) {
        return;
      }
      const AMap = window.AMap || {};
      if (this.emergenciesWithShow[index].isShow === false) {
        // 点击显示所有节点
        // 如果本地暂时没有，进行获取和初始化
        // promise 数组
        const promiseArr = [];
        for (let i = 0; i < this.regionsWithShow.length; i++) {
          if (this.regionsWithShow[i].isShow === true) {
            const toRE = this.regionsEmergencies.filter(
              (item) =>
                item.region === this.regionsWithShow[i].region &&
                item.emer === this.emergenciesWithShow[index].indus
            );
            if (toRE.length) {
              if (toRE[0].isInit) {
                toRE[0].markers.forEach((item) => {
                  this.map.add(item);
                });
              } else {
                // 进行网络请求 初始化marker
                const p1 = getComsByAreaEmer(
                  this.regionsWithShow[i].region,
                  "威海经济技术开发区",
                  this.emergenciesWithShow[index].indus
                ).then((res) => {
                  toRE[0].coms = [...res];
                  for (let k = 0; k < toRE[0].coms.length; k++) {
                    const marker = new AMap.Marker({
                      position: [
                        Number(toRE[0].coms[k].companyLng),
                        Number(toRE[0].coms[k].companyLat),
                      ],
                      content: this.getContent(
                        toRE[0].coms[k].companyRiskLevel,
                        toRE[0].coms[k].companyHdLevel,
                        toRE[0].coms[k].companyOvertimeExist
                      ),
                      title: toRE[0].coms[k].companyName,
                    });
                    marker.on("mouseover", () => {
                      marker.setLabel({
                        content: `<div>${toRE[0].coms[k].companyName}</div>`,
                        offset: new AMap.Pixel(0, -20),
                      });
                    });
                    marker.on("mouseout", () => {
                      marker.setLabel({
                        content: "",
                      });
                    });
                    marker.on("click", async () => {
                      // 初始化当前选中的企业信息
                      this.curSelectEnter = { ...toRE[0].coms[k] };
                      // console.log(this.curSelectEnter, 'this.curSelectEnterEnterEnter')
                      await getCompanyInfoById(toRE[0].coms[k].companyId).then(
                        (res) => {
                          this.curSelectEnter = { ...res.content[0] };
                        }
                      );
                      // 获取清单列表
                      await getResponseList(toRE[0].coms[k].companyId).then(
                        (res) => {
                          this.curSelectCerl = [];
                          for (let i = 0; i < res.content.length; i++) {
                            const tempItem = this.curSelectCerl.filter(
                              (item) =>
                                item.cerlType === res.content[i].cerlType
                            );
                            if (tempItem.length === 0) {
                              this.curSelectCerl.push({
                                cerlType: res.content[i].cerlType,
                                items: [res.content[i]],
                              });
                            } else {
                              tempItem[0].items.push(res.content[i]);
                            }
                          }
                        }
                      );
                      // 当前选中的企业风险
                      await getthRisk(toRE[0].coms[k].companyId, 0, 99999).then(
                        (res) => {
                          this.curSelectRisk = [...res.content];
                        }
                      );
                      await getriskNumAnalysis(toRE[0].coms[k].companyId).then(
                        (res) => {
                          // console.log(res, 'hehehehhehehehehehe')
                          // 初始化四个风险等级对应的数量
                          this.riskMajorRiskSum = 0;
                          this.riskGreaterRiskSum = 0;
                          this.riskNormalRiskSum = 0;
                          this.riskLowRiskSum = 0;
                          if (res.totalElements > 3) {
                            for (let i = 0; i < res.content.length; i++) {
                              if (res.content[i].rnaLevel === "重大风险") {
                                this.riskMajorRiskSum = res.content[i].rnaNum;
                                break;
                              }
                            }
                            for (let i = 0; i < res.content.length; i++) {
                              if (res.content[i].rnaLevel === "较大风险") {
                                this.riskGreaterRiskSum = res.content[i].rnaNum;
                                break;
                              }
                            }
                            for (let i = 0; i < res.content.length; i++) {
                              if (res.content[i].rnaLevel === "一般风险") {
                                this.riskNormalRiskSum = res.content[i].rnaNum;
                                break;
                              }
                            }
                            for (let i = 0; i < res.content.length; i++) {
                              if (res.content[i].rnaLevel === "低风险") {
                                this.riskLowRiskSum = res.content[i].rnaNum;
                                break;
                              }
                            }
                          }
                        }
                      );
                      // 当前选中的企业隐患
                      await getHideDangeByIdOrderHdLevel(
                        toRE[0].coms[k].companyId
                      ).then((res) => {
                        this.curSelectHD = [...res.content];
                        this.curSelectNormalHD = this.curSelectHD.filter(
                          (item) => Number(item.hdLevel) === 1
                        );
                        this.curSelectMajorHD = this.curSelectHD.filter(
                          (item) => Number(item.hdLevel) === 2
                        );
                        // 当前一般隐患数量
                        this.curSelectHDGenSum = this.curSelectHD.filter(
                          (item) => Number(item.hdLevel) === 1
                        ).length;
                        // 当前重大隐患数量
                        this.curSelectHDMajorSum = this.curSelectHD.filter(
                          (item) => Number(item.hdLevel) === 2
                        ).length;
                        // 未整改的数量
                        this.curSelectHDNorectSum = this.curSelectHD.filter(
                          (item) => Number(item.hdStatus) === 0
                        ).length;
                        console.log(this.curSelectHD, "this.curSelectHD, 1");
                        console.log(
                          this.curSelectHDGenSum,
                          "this.curSelectHDGenSum, 1"
                        );
                        console.log(
                          this.curSelectHDMajorSum,
                          "this.curSelectHDMajorSum, 1"
                        );
                        console.log(
                          this.curSelectHDNorectSum,
                          "this.curSelectHDNorectSum, 1"
                        );
                        // 初始化当前整改率
                        this.curSelectHDRectPercentSum = 0;
                        if (
                          this.curSelectHDMajorSum > 0 ||
                          this.curSelectHDGenSum > 0
                        ) {
                          this.curSelectHDRectPercentSum = (
                            ((this.curSelectHDGenSum +
                              this.curSelectHDMajorSum -
                              this.curSelectHDNorectSum) /
                              (this.curSelectHDMajorSum +
                                this.curSelectHDGenSum)) *
                            100
                          ).toFixed(0);
                          if (isNaN(this.curSelectHDRectPercentSum)) {
                            this.curSelectHDRectPercentSum = 0;
                          }
                        }
                        console.log(this.curSelectHD, "this.curSelectHD");
                      });
                      // 请求安全检查
                      await getRiskStandingBook(toRE[0].coms[k].companyId).then(
                        (res) => {
                          const tempSCCheck = [...res.content];
                          this.curSelectSC = [];
                          for (let i = 0; i < tempSCCheck.length; i++) {
                            const getTempArr = this.curSelectSC.filter(
                              (item) =>
                                item.rsbtType === tempSCCheck[i].rsbtType
                            );
                            if (getTempArr.length === 0) {
                              this.curSelectSC.push({
                                rsbtType: tempSCCheck[i].rsbtType,
                                isShow: false,
                                items: [tempSCCheck[i]],
                              });
                            } else {
                              // rsbInspectContent
                              getTempArr[0].items.push(tempSCCheck[i]);
                            }
                          }
                          console.log(this.curSelectSC, "this.curSelectSC");
                        }
                      );
                      let evalueteSum = 0;
                      this.curSelectSC.forEach((item) =>
                        item.items.forEach((rsb) => {
                          if (!rsb.rsbInspectCase) {
                            evalueteSum++;
                          }
                        })
                      );
                      if (evalueteSum === 0) {
                        this.curEnterStar = 5;
                      } else if (evalueteSum < 10) {
                        this.curEnterStar = 4;
                      } else if (evalueteSum < 20) {
                        this.curEnterStar = 3;
                      } else if (evalueteSum < 30) {
                        this.curEnterStar = 2;
                      } else {
                        this.curEnterStar = 1;
                      }
                      this.curSelectHD.filter(
                        (item) => item.hdLevel == 2 && item.hdStatus == 0
                      ).length > 0
                        ? (this.curEnterStar = 1)
                        : null;
                      let evalueteResSum = 0;
                      let totalResSum = 0;
                      this.curSelectCerl.forEach((item) =>
                        item.items.forEach((rsb) => {
                          if (!rsb.cerlQualified) {
                            evalueteResSum++;
                          }
                          totalResSum++;
                        })
                      );
                      if (evalueteResSum === 0) {
                        this.curEnterStar2 = 5;
                      } else if (evalueteResSum < 10) {
                        this.curEnterStar2 = 4;
                      } else if (evalueteResSum < 30) {
                        this.curEnterStar2 = 3;
                      } else if (evalueteResSum < 50) {
                        this.curEnterStar2 = 2;
                      } else if (totalResSum === evalueteResSum) {
                        this.curEnterStar2 = 0;
                      } else {
                        this.curEnterStar2 = 1;
                      }
                      // 显示企业信息
                      this.isShowEnterInfo = true;
                      // if (!this.isShowEnterHD) {
                      //   // 关闭隐患
                      //   this.enterHDClick()
                      // }
                      const hdDom = document.querySelector(
                        ".curSelect-enter-hd-items-animation-wrapper"
                      );
                      hdDom.style.top = "0px";
                      hdDom.onmouseover = null;
                      hdDom.onmouseout = null;
                      if (this.hdTimer) {
                        clearInterval(this.hdTimer);
                      }
                      const riskDom = document.querySelector(
                        ".curSelect-enter-risk-content-items-animation-wrapper"
                      );
                      riskDom.style.top = "0px";
                      riskDom.onmouseover = null;
                      riskDom.onmouseout = null;
                      if (this.riskTimer) {
                        clearInterval(this.riskTimer);
                      }
                      // 显示企业隐患
                      this.isShowEnterHD = true;
                      // 显示企业风险
                      this.isShowEnterRisk = true;
                      this.$nextTick(() => {
                        // 是否开启企业风险的动画
                        if (this.curSelectRisk.length > 4) {
                          this.generateAnimation(
                            ".curSelect-enter-risk-content-items-animation-wrapper",
                            true
                          );
                        }
                        // 是否开启企业隐患的动画
                        if (this.curSelectHD.length > 7) {
                          this.generateAnimation(
                            ".curSelect-enter-hd-items-animation-wrapper",
                            false
                          );
                        }
                      });
                      this.mapActiveIndex = 0;
                    });
                    toRE[0].markers.push(marker);
                    this.map.add(marker);
                  }
                  toRE[0].isInit = true;
                });
                promiseArr.push(p1);
              }
            }
          }
        }
        Promise.all(promiseArr);
        this.emergenciesWithShow[index].isShow = true;
      } else {
        // 点击隐藏节点
        for (let i = 0; i < this.regionsWithShow.length; i++) {
          if (this.regionsWithShow[i].isShow === true) {
            const toRE = this.regionsEmergencies.filter(
              (item) =>
                item.region === this.regionsWithShow[i].region &&
                item.emer === this.emergenciesWithShow[index].indus
            );
            if (toRE.length) {
              if (toRE[0].isInit) {
                toRE[0].markers.forEach((item) => {
                  this.map.remove(item);
                });
              }
            }
          }
        }
        this.emergenciesWithShow[index].isShow = false;
      }
    },
    // new点击国民经济行业
    async clickDimIndus(index) {
      const AMap = window.AMap || {};
      if (this.dimIndustriesWithShow[index].isShow === false) {
        // 点击显示所有节点
        // 如果本地暂时没有，进行获取和初始化
        // promise 数组
        const promiseArr = [];
        for (let i = 0; i < this.regionsWithShow.length; i++) {
          if (this.regionsWithShow[i].isShow === true) {
            const toRD = this.regionsDimIndustries.filter(
              (item) =>
                item.region === this.regionsWithShow[i].region &&
                item.dim === this.dimIndustriesWithShow[index].indus
            );
            if (toRD.length) {
              if (toRD[0].isInit) {
                toRD[0].markers.forEach((item) => {
                  this.map.add(item);
                });
              } else {
                // 进行网络请求 初始化 marker
                const p1 = getComsByAreaDimIndus(
                  this.regionsWithShow[i].region,
                  "威海经济技术开发区",
                  this.dimIndustriesWithShow[index].indus
                ).then((res) => {
                  toRD[0].coms = [...res];
                  for (let k = 0; k < toRD[0].coms.length; k++) {
                    const marker = new AMap.Marker({
                      position: [
                        Number(toRD[0].coms[k].companyLng),
                        Number(toRD[0].coms[k].companyLat),
                      ],
                      content: this.getContent(
                        toRD[0].coms[k].companyRiskLevel,
                        toRD[0].coms[k].companyHdLevel,
                        toRD[0].coms[k].companyOvertimeExist
                      ),
                      title: toRD[0].coms[k].companyName,
                    });
                    marker.on("mouseover", () => {
                      marker.setLabel({
                        content: `<div>${toRD[0].coms[k].companyName}</div>`,
                        offset: new AMap.Pixel(0, -20),
                      });
                    });
                    marker.on("mouseout", () => {
                      marker.setLabel({
                        content: "",
                      });
                    });
                    marker.on("click", async () => {
                      // 初始化当前选中的企业信息
                      this.curSelectEnter = { ...toRD[0].coms[k] };
                      // console.log(this.curSelectEnter, 'this.curSelectEnterEnterEnter')
                      await getCompanyInfoById(toRD[0].coms[k].companyId).then(
                        (res) => {
                          this.curSelectEnter = { ...res.content[0] };
                        }
                      );
                      // 获取清单列表
                      await getResponseList(toRD[0].coms[k].companyId).then(
                        (res) => {
                          this.curSelectCerl = [];
                          for (let i = 0; i < res.content.length; i++) {
                            const tempItem = this.curSelectCerl.filter(
                              (item) =>
                                item.cerlType === res.content[i].cerlType
                            );
                            if (tempItem.length === 0) {
                              this.curSelectCerl.push({
                                cerlType: res.content[i].cerlType,
                                items: [res.content[i]],
                              });
                            } else {
                              tempItem[0].items.push(res.content[i]);
                            }
                          }
                        }
                      );
                      // 当前选中的企业风险
                      await getthRisk(toRD[0].coms[k].companyId, 0, 99999).then(
                        (res) => {
                          this.curSelectRisk = [...res.content];
                        }
                      );
                      await getriskNumAnalysis(toRD[0].coms[k].companyId).then(
                        (res) => {
                          // console.log(res, 'hehehehhehehehehehe')
                          // 初始化四个风险等级对应的数量
                          this.riskMajorRiskSum = 0;
                          this.riskGreaterRiskSum = 0;
                          this.riskNormalRiskSum = 0;
                          this.riskLowRiskSum = 0;
                          if (res.totalElements > 3) {
                            for (let i = 0; i < res.content.length; i++) {
                              if (res.content[i].rnaLevel === "重大风险") {
                                this.riskMajorRiskSum = res.content[i].rnaNum;
                                break;
                              }
                            }
                            for (let i = 0; i < res.content.length; i++) {
                              if (res.content[i].rnaLevel === "较大风险") {
                                this.riskGreaterRiskSum = res.content[i].rnaNum;
                                break;
                              }
                            }
                            for (let i = 0; i < res.content.length; i++) {
                              if (res.content[i].rnaLevel === "一般风险") {
                                this.riskNormalRiskSum = res.content[i].rnaNum;
                                break;
                              }
                            }
                            for (let i = 0; i < res.content.length; i++) {
                              if (res.content[i].rnaLevel === "低风险") {
                                this.riskLowRiskSum = res.content[i].rnaNum;
                                break;
                              }
                            }
                          }
                        }
                      );
                      // 当前选中的企业隐患
                      await getHideDangeByIdOrderHdLevel(
                        toRD[0].coms[k].companyId
                      ).then((res) => {
                        this.curSelectHD = [...res.content];
                        this.curSelectNormalHD = this.curSelectHD.filter(
                          (item) => Number(item.hdLevel) === 1
                        );
                        this.curSelectMajorHD = this.curSelectHD.filter(
                          (item) => Number(item.hdLevel) === 2
                        );
                        // 当前一般隐患数量
                        this.curSelectHDGenSum = this.curSelectHD.filter(
                          (item) => Number(item.hdLevel) === 1
                        ).length;
                        // 当前重大隐患数量
                        this.curSelectHDMajorSum = this.curSelectHD.filter(
                          (item) => Number(item.hdLevel) === 2
                        ).length;
                        // 未整改的数量
                        this.curSelectHDNorectSum = this.curSelectHD.filter(
                          (item) => Number(item.hdStatus) === 0
                        ).length;
                        console.log(this.curSelectHD, "this.curSelectHD, 2");
                        console.log(
                          this.curSelectHDGenSum,
                          "this.curSelectHDGenSum, 2"
                        );
                        console.log(
                          this.curSelectHDMajorSum,
                          "this.curSelectHDMajorSum, 2"
                        );
                        console.log(
                          this.curSelectHDNorectSum,
                          "this.curSelectHDNorectSum, 2"
                        );
                        // 初始化当前整改率
                        this.curSelectHDRectPercentSum = 0;
                        if (
                          this.curSelectHDMajorSum > 0 ||
                          this.curSelectHDGenSum > 0
                        ) {
                          this.curSelectHDRectPercentSum = (
                            ((this.curSelectHDGenSum +
                              this.curSelectHDMajorSum -
                              this.curSelectHDNorectSum) /
                              (this.curSelectHDMajorSum +
                                this.curSelectHDGenSum)) *
                            100
                          ).toFixed(0);
                          if (isNaN(this.curSelectHDRectPercentSum)) {
                            this.curSelectHDRectPercentSum = 0;
                          }
                        }
                        console.log(this.curSelectHD, "this.curSelectHD");
                      });
                      // 请求安全检查
                      await getRiskStandingBook(toRD[0].coms[k].companyId).then(
                        (res) => {
                          const tempSCCheck = [...res.content];
                          this.curSelectSC = [];
                          for (let i = 0; i < tempSCCheck.length; i++) {
                            const getTempArr = this.curSelectSC.filter(
                              (item) =>
                                item.rsbtType === tempSCCheck[i].rsbtType
                            );
                            if (getTempArr.length === 0) {
                              this.curSelectSC.push({
                                rsbtType: tempSCCheck[i].rsbtType,
                                isShow: false,
                                items: [tempSCCheck[i]],
                              });
                            } else {
                              // rsbInspectContent
                              getTempArr[0].items.push(tempSCCheck[i]);
                            }
                          }
                          console.log(this.curSelectSC, "this.curSelectSC");
                        }
                      );
                      let evalueteSum = 0;
                      this.curSelectSC.forEach((item) =>
                        item.items.forEach((rsb) => {
                          if (!rsb.rsbInspectCase) {
                            evalueteSum++;
                          }
                        })
                      );
                      if (evalueteSum === 0) {
                        this.curEnterStar = 5;
                      } else if (evalueteSum < 10) {
                        this.curEnterStar = 4;
                      } else if (evalueteSum < 20) {
                        this.curEnterStar = 3;
                      } else if (evalueteSum < 30) {
                        this.curEnterStar = 2;
                      } else {
                        this.curEnterStar = 1;
                      }
                      this.curSelectHD.filter(
                        (item) => item.hdLevel == 2 && item.hdStatus == 0
                      ).length > 0
                        ? (this.curEnterStar = 1)
                        : null;
                      let evalueteResSum = 0;
                      let totalResSum = 0;
                      this.curSelectCerl.forEach((item) =>
                        item.items.forEach((rsb) => {
                          if (!rsb.cerlQualified) {
                            evalueteResSum++;
                          }
                          totalResSum++;
                        })
                      );
                      if (evalueteResSum === 0) {
                        this.curEnterStar2 = 5;
                      } else if (evalueteResSum < 10) {
                        this.curEnterStar2 = 4;
                      } else if (evalueteResSum < 30) {
                        this.curEnterStar2 = 3;
                      } else if (evalueteResSum < 50) {
                        this.curEnterStar2 = 2;
                      } else if (totalResSum === evalueteResSum) {
                        this.curEnterStar2 = 0;
                      } else {
                        this.curEnterStar2 = 1;
                      }
                      // 显示企业信息
                      this.isShowEnterInfo = true;

                      // if (!this.isShowEnterHD) {
                      //   // 关闭隐患
                      //   this.enterHDClick()
                      // }
                      const hdDom = document.querySelector(
                        ".curSelect-enter-hd-items-animation-wrapper"
                      );
                      hdDom.style.top = "0px";
                      hdDom.onmouseover = null;
                      hdDom.onmouseout = null;
                      if (this.hdTimer) {
                        clearInterval(this.hdTimer);
                      }
                      const riskDom = document.querySelector(
                        ".curSelect-enter-risk-content-items-animation-wrapper"
                      );
                      riskDom.style.top = "0px";
                      riskDom.onmouseover = null;
                      riskDom.onmouseout = null;
                      if (this.riskTimer) {
                        clearInterval(this.riskTimer);
                      }
                      // 显示企业隐患
                      this.isShowEnterHD = true;
                      // 显示企业风险
                      this.isShowEnterRisk = true;
                      this.$nextTick(() => {
                        // 是否开启企业风险的动画
                        if (this.curSelectRisk.length > 4) {
                          this.generateAnimation(
                            ".curSelect-enter-risk-content-items-animation-wrapper",
                            true
                          );
                        }
                        // 是否开启企业隐患的动画
                        if (this.curSelectHD.length > 7) {
                          this.generateAnimation(
                            ".curSelect-enter-hd-items-animation-wrapper",
                            false
                          );
                        }
                      });
                      this.mapActiveIndex = 0;
                    });
                    toRD[0].markers.push(marker);
                    this.map.add(marker);
                  }
                  toRD[0].isInit = true;
                });
                promiseArr.push(p1);
              }
            }
          }
        }
        Promise.all(promiseArr);
        this.dimIndustriesWithShow[index].isShow = true;
      } else {
        // 点击隐藏节点
        for (let i = 0; i < this.regionsWithShow.length; i++) {
          if (this.regionsWithShow[i].isShow === true) {
            const toRD = this.regionsDimIndustries.filter(
              (item) =>
                item.region === this.regionsWithShow[i].region &&
                item.dim === this.dimIndustriesWithShow[index].indus
            );
            if (toRD.length) {
              if (toRD[0].isInit) {
                toRD[0].markers.forEach((item) => {
                  this.map.remove(item);
                });
              }
            }
          }
        }
        this.dimIndustriesWithShow[index].isShow = false;
      }
    },
    // new 点击一般隐患
    async clickGeneralHD() {
      const AMap = window.AMap || {};
      // 点击显示所有节点 或 隐藏节点
      // 如果当前节点是显示的，隐藏当前节点
      if (this.hdTypeIndex === 2) {
        for (let i = 0; i < this.regionsWithShow.length; i++) {
          if (this.regionsWithShow[i].isShow === true) {
            const toRHD = this.regionsHDs.filter(
              (item) =>
                item.region === this.regionsWithShow[i].region &&
                item.hdLevel === "一般隐患"
            );
            if (toRHD.length) {
              if (toRHD[0].isInit) {
                toRHD[0].markers.forEach((item) => {
                  this.map.remove(item);
                });
              }
            }
          }
        }
        this.hdTypeIndex = 0;
        this.isShowIndusDepartment = false;
        this.isShowIndusTypes = false;
        this.isShowEnterLists = false;
        this.curSelectDepartmentIndex = -1;
        this.curSelectIndusIndex = -1;
        this.curSelectEnterIndex = -1;
        this.departmentNum = [];
        for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
          this.departmentNum.push(0);
        }
        return;
      }
      if (this.riskTypeIndex === 1) {
        this.$refs["risktypes1"].click();
      }
      if (this.riskTypeIndex === 2) {
        this.$refs["risktypes2"].click();
      }
      if (this.riskTypeIndex === 3) {
        this.$refs["risktypes3"].click();
      }
      if (this.riskTypeIndex === 4) {
        this.$refs["risktypes4"].click();
      }
      if (this.hdTypeIndex === 1) {
        this.$refs["dangertypes1"].click();
      }
      if (this.hdTypeIndex === 3) {
        this.$refs["dangertypes3"].click();
      }
      this.isShowEnterRisk = false;
      this.isShowEnterHD = false;
      this.isShowEnterInfo = false;
      this.isShowEnterSC = false;
      // 如果本地暂时没有，进行获取和初始化
      // promise 数组
      const promiseArr = [];
      for (let i = 0; i < this.regionsWithShow.length; i++) {
        if (this.regionsWithShow[i].isShow === true) {
          const toRHD = this.regionsHDs.filter(
            (item) =>
              item.region === this.regionsWithShow[i].region &&
              item.hdLevel === "一般隐患"
          );
          if (toRHD.length) {
            if (toRHD[0].isInit) {
              toRHD[0].markers.forEach((item) => {
                this.map.add(item);
              });
            } else {
              // 进行网络请求 初始化 marker
              const p1 = getComsByAreaHd(
                this.regionsWithShow[i].region,
                "威海经济技术开发区",
                "一般隐患"
              ).then((res) => {
                toRHD[0].coms = [...res];
                for (let k = 0; k < toRHD[0].coms.length; k++) {
                  const marker = new AMap.Marker({
                    position: [
                      Number(toRHD[0].coms[k].companyLng),
                      Number(toRHD[0].coms[k].companyLat),
                    ],
                    content: this.getMarkerContent(5),
                    title: toRHD[0].coms[k].companyName,
                  });
                  marker.on("mouseover", () => {
                    marker.setLabel({
                      content: `<div>${toRHD[0].coms[k].companyName}</div>`,
                      offset: new AMap.Pixel(0, -20),
                    });
                  });
                  marker.on("mouseout", () => {
                    marker.setLabel({
                      content: "",
                    });
                  });
                  marker.on("click", async () => {
                    // 初始化当前选中的企业信息
                    this.curSelectEnter = { ...toRHD[0].coms[k] };
                    // console.log(this.curSelectEnter, 'this.curSelectEnterEnterEnter')
                    await getCompanyInfoById(toRHD[0].coms[k].companyId).then(
                      (res) => {
                        this.curSelectEnter = { ...res.content[0] };
                      }
                    );
                    // 获取清单列表
                    await getResponseList(toRHD[0].coms[k].companyId).then(
                      (res) => {
                        this.curSelectCerl = [];
                        for (let i = 0; i < res.content.length; i++) {
                          const tempItem = this.curSelectCerl.filter(
                            (item) => item.cerlType === res.content[i].cerlType
                          );
                          if (tempItem.length === 0) {
                            this.curSelectCerl.push({
                              cerlType: res.content[i].cerlType,
                              items: [res.content[i]],
                            });
                          } else {
                            tempItem[0].items.push(res.content[i]);
                          }
                        }
                      }
                    );
                    // 当前选中的企业风险
                    await getthRisk(toRHD[0].coms[k].companyId, 0, 99999).then(
                      (res) => {
                        this.curSelectRisk = [...res.content];
                      }
                    );
                    await getriskNumAnalysis(toRHD[0].coms[k].companyId).then(
                      (res) => {
                        // console.log(res, 'hehehehhehehehehehe')
                        // 初始化四个风险等级对应的数量
                        this.riskMajorRiskSum = 0;
                        this.riskGreaterRiskSum = 0;
                        this.riskNormalRiskSum = 0;
                        this.riskLowRiskSum = 0;
                        if (res.totalElements > 3) {
                          for (let i = 0; i < res.content.length; i++) {
                            if (res.content[i].rnaLevel === "重大风险") {
                              this.riskMajorRiskSum = res.content[i].rnaNum;
                              break;
                            }
                          }
                          for (let i = 0; i < res.content.length; i++) {
                            if (res.content[i].rnaLevel === "较大风险") {
                              this.riskGreaterRiskSum = res.content[i].rnaNum;
                              break;
                            }
                          }
                          for (let i = 0; i < res.content.length; i++) {
                            if (res.content[i].rnaLevel === "一般风险") {
                              this.riskNormalRiskSum = res.content[i].rnaNum;
                              break;
                            }
                          }
                          for (let i = 0; i < res.content.length; i++) {
                            if (res.content[i].rnaLevel === "低风险") {
                              this.riskLowRiskSum = res.content[i].rnaNum;
                              break;
                            }
                          }
                        }
                      }
                    );
                    // 当前选中的企业隐患
                    await getHideDangeByIdOrderHdLevel(
                      toRHD[0].coms[k].companyId
                    ).then((res) => {
                      this.curSelectHD = [...res.content];
                      this.curSelectNormalHD = this.curSelectHD.filter(
                        (item) => Number(item.hdLevel) === 1
                      );
                      this.curSelectMajorHD = this.curSelectHD.filter(
                        (item) => Number(item.hdLevel) === 2
                      );
                      // 当前一般隐患数量
                      this.curSelectHDGenSum = this.curSelectHD.filter(
                        (item) => Number(item.hdLevel) === 1
                      ).length;
                      // 当前重大隐患数量
                      this.curSelectHDMajorSum = this.curSelectHD.filter(
                        (item) => Number(item.hdLevel) === 2
                      ).length;
                      // 未整改的数量
                      this.curSelectHDNorectSum = this.curSelectHD.filter(
                        (item) => Number(item.hdStatus) === 0
                      ).length;
                      console.log(this.curSelectHD, "this.curSelectHD, 3");
                      console.log(
                        this.curSelectHDGenSum,
                        "this.curSelectHDGenSum, 3"
                      );
                      console.log(
                        this.curSelectHDMajorSum,
                        "this.curSelectHDMajorSum, 3"
                      );
                      console.log(
                        this.curSelectHDNorectSum,
                        "this.curSelectHDNorectSum, 3"
                      );
                      // 初始化当前整改率
                      this.curSelectHDRectPercentSum = 0;
                      if (
                        this.curSelectHDMajorSum > 0 ||
                        this.curSelectHDGenSum > 0
                      ) {
                        this.curSelectHDRectPercentSum = (
                          ((this.curSelectHDGenSum +
                            this.curSelectHDMajorSum -
                            this.curSelectHDNorectSum) /
                            (this.curSelectHDMajorSum +
                              this.curSelectHDGenSum)) *
                          100
                        ).toFixed(0);
                        if (isNaN(this.curSelectHDRectPercentSum)) {
                          this.curSelectHDRectPercentSum = 0;
                        }
                      }
                    });
                    // 请求安全检查
                    await getRiskStandingBook(toRHD[0].coms[k].companyId).then(
                      (res) => {
                        const tempSCCheck = [...res.content];
                        this.curSelectSC = [];
                        for (let i = 0; i < tempSCCheck.length; i++) {
                          const getTempArr = this.curSelectSC.filter(
                            (item) => item.rsbtType === tempSCCheck[i].rsbtType
                          );
                          if (getTempArr.length === 0) {
                            this.curSelectSC.push({
                              rsbtType: tempSCCheck[i].rsbtType,
                              isShow: false,
                              items: [tempSCCheck[i]],
                            });
                          } else {
                            // rsbInspectContent
                            getTempArr[0].items.push(tempSCCheck[i]);
                          }
                        }
                      }
                    );
                    let evalueteSum = 0;
                    this.curSelectSC.forEach((item) =>
                      item.items.forEach((rsb) => {
                        if (!rsb.rsbInspectCase) {
                          evalueteSum++;
                        }
                      })
                    );
                    if (evalueteSum === 0) {
                      this.curEnterStar = 5;
                    } else if (evalueteSum < 10) {
                      this.curEnterStar = 4;
                    } else if (evalueteSum < 20) {
                      this.curEnterStar = 3;
                    } else if (evalueteSum < 30) {
                      this.curEnterStar = 2;
                    } else {
                      this.curEnterStar = 1;
                    }
                    this.curSelectHD.filter(
                      (item) => item.hdLevel == 2 && item.hdStatus == 0
                    ).length > 0
                      ? (this.curEnterStar = 1)
                      : null;
                    let evalueteResSum = 0;
                    let totalResSum = 0;
                    this.curSelectCerl.forEach((item) =>
                      item.items.forEach((rsb) => {
                        if (!rsb.cerlQualified) {
                          evalueteResSum++;
                        }
                        totalResSum++;
                      })
                    );
                    if (evalueteResSum === 0) {
                      this.curEnterStar2 = 5;
                    } else if (evalueteResSum < 10) {
                      this.curEnterStar2 = 4;
                    } else if (evalueteResSum < 30) {
                      this.curEnterStar2 = 3;
                    } else if (evalueteResSum < 50) {
                      this.curEnterStar2 = 2;
                    } else if (totalResSum === evalueteResSum) {
                      this.curEnterStar2 = 0;
                    } else {
                      this.curEnterStar2 = 1;
                    }
                    // 显示企业信息
                    this.isShowEnterInfo = true;

                    // if (!this.isShowEnterHD) {
                    //   // 关闭隐患
                    //   this.enterHDClick()
                    // }
                    const hdDom = document.querySelector(
                      ".curSelect-enter-hd-items-animation-wrapper"
                    );
                    hdDom.style.top = "0px";
                    hdDom.onmouseover = null;
                    hdDom.onmouseout = null;
                    if (this.hdTimer) {
                      clearInterval(this.hdTimer);
                    }
                    const riskDom = document.querySelector(
                      ".curSelect-enter-risk-content-items-animation-wrapper"
                    );
                    riskDom.style.top = "0px";
                    riskDom.onmouseover = null;
                    riskDom.onmouseout = null;
                    if (this.riskTimer) {
                      clearInterval(this.riskTimer);
                    }
                    // 显示企业隐患
                    this.isShowEnterHD = true;
                    // 显示企业风险
                    this.isShowEnterRisk = true;
                    this.$nextTick(() => {
                      // 是否开启企业风险的动画
                      if (this.curSelectRisk.length > 4) {
                        this.generateAnimation(
                          ".curSelect-enter-risk-content-items-animation-wrapper",
                          true
                        );
                      }
                      // 是否开启企业隐患的动画
                      if (this.curSelectHD.length > 7) {
                        this.generateAnimation(
                          ".curSelect-enter-hd-items-animation-wrapper",
                          false
                        );
                      }
                    });
                    this.mapActiveIndex = 0;
                  });
                  toRHD[0].markers.push(marker);
                  this.map.add(marker);
                }
                toRHD[0].isInit = true;
              });
              promiseArr.push(p1);
            }
          }
        }
      }
      await Promise.all(promiseArr).then((res) => {});
      // 补充当前企业到全局 管理局-行业-企业
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          this.curDepartIndusEnters[i].induses[j].coms = [];
        }
      }
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          for (let k = 0; k < this.regionsWithShow.length; k++) {
            if (this.regionsWithShow[k].isShow === true) {
              const toRHD = this.regionsHDs.filter(
                (item) =>
                  item.region === this.regionsWithShow[k].region &&
                  item.hdLevel === "一般隐患"
              );
              if (toRHD.length) {
                if (toRHD[0].isInit) {
                  for (let l = 0; l < toRHD[0].coms.length; l++) {
                    if (
                      this.curDepartIndusEnters[i].induses[j].indus ===
                      toRHD[0].coms[l].companyIndustryName
                    ) {
                      this.curDepartIndusEnters[i].induses[j].coms.push(
                        toRHD[0].coms[l]
                      );
                    }
                  }
                }
              }
            }
          }
        }
      }
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        let sum = 0;
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          sum += this.curDepartIndusEnters[i].induses[j].coms
            ? this.curDepartIndusEnters[i].induses[j].coms.length
            : 0;
        }
        this.departmentNum[i] = sum;
      }
      this.departmentNum = [...this.departmentNum];
      this.isShowIndusDepartment = true;
      this.isShowIndusTypes = false;
      this.isShowEnterLists = false;
      this.hdTypeIndex = 2;
    },
    // new 点击重大隐患
    async clickMajorHD() {
      const AMap = window.AMap || {};
      // 点击显示所有节点 或 隐藏节点
      // 如果当前节点是显示的，隐藏当前节点
      if (this.hdTypeIndex === 1) {
        for (let i = 0; i < this.regionsWithShow.length; i++) {
          if (this.regionsWithShow[i].isShow === true) {
            const toRHD = this.regionsHDs.filter(
              (item) =>
                item.region === this.regionsWithShow[i].region &&
                item.hdLevel === "重大隐患"
            );
            if (toRHD.length) {
              if (toRHD[0].isInit) {
                toRHD[0].markers.forEach((item) => {
                  this.map.remove(item);
                });
              }
            }
          }
        }
        this.hdTypeIndex = 0;
        this.isShowIndusDepartment = false;
        this.isShowIndusTypes = false;
        this.isShowEnterLists = false;
        this.curSelectDepartmentIndex = -1;
        this.curSelectIndusIndex = -1;
        this.curSelectEnterIndex = -1;
        this.departmentNum = [];
        for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
          this.departmentNum.push(0);
        }
        return;
      }
      if (this.riskTypeIndex === 1) {
        this.$refs["risktypes1"].click();
      }
      if (this.riskTypeIndex === 2) {
        this.$refs["risktypes2"].click();
      }
      if (this.riskTypeIndex === 3) {
        this.$refs["risktypes3"].click();
      }
      if (this.riskTypeIndex === 4) {
        this.$refs["risktypes4"].click();
      }
      if (this.hdTypeIndex === 2) {
        this.$refs["dangertypes2"].click();
      }
      if (this.hdTypeIndex === 3) {
        this.$refs["dangertypes3"].click();
      }
      this.isShowEnterRisk = false;
      this.isShowEnterHD = false;
      this.isShowEnterInfo = false;
      this.isShowEnterSC = false;
      // 如果本地暂时没有，进行获取和初始化
      // promise 数组
      const promiseArr = [];
      for (let i = 0; i < this.regionsWithShow.length; i++) {
        if (this.regionsWithShow[i].isShow === true) {
          const toRHD = this.regionsHDs.filter(
            (item) =>
              item.region === this.regionsWithShow[i].region &&
              item.hdLevel === "重大隐患"
          );
          if (toRHD.length) {
            if (toRHD[0].isInit) {
              toRHD[0].markers.forEach((item) => {
                this.map.add(item);
              });
            } else {
              // 进行网络请求 初始化 marker
              const p1 = getComsByAreaHd(
                this.regionsWithShow[i].region,
                "威海经济技术开发区",
                "重大隐患"
              ).then((res) => {
                toRHD[0].coms = [...res];
                for (let k = 0; k < toRHD[0].coms.length; k++) {
                  const marker = new AMap.Marker({
                    position: [
                      Number(toRHD[0].coms[k].companyLng),
                      Number(toRHD[0].coms[k].companyLat),
                    ],
                    content: this.getMarkerContent(6),
                    title: toRHD[0].coms[k].companyName,
                  });
                  marker.on("mouseover", () => {
                    marker.setLabel({
                      content: `<div>${toRHD[0].coms[k].companyName}</div>`,
                      offset: new AMap.Pixel(0, -20),
                    });
                  });
                  marker.on("mouseout", () => {
                    marker.setLabel({
                      content: "",
                    });
                  });
                  marker.on("click", async () => {
                    // 初始化当前选中的企业信息
                    this.curSelectEnter = { ...toRHD[0].coms[k] };
                    // console.log(this.curSelectEnter, 'this.curSelectEnterEnterEnter')
                    await getCompanyInfoById(toRHD[0].coms[k].companyId).then(
                      (res) => {
                        this.curSelectEnter = { ...res.content[0] };
                      }
                    );
                    // 获取清单列表
                    await getResponseList(toRHD[0].coms[k].companyId).then(
                      (res) => {
                        this.curSelectCerl = [];
                        for (let i = 0; i < res.content.length; i++) {
                          const tempItem = this.curSelectCerl.filter(
                            (item) => item.cerlType === res.content[i].cerlType
                          );
                          if (tempItem.length === 0) {
                            this.curSelectCerl.push({
                              cerlType: res.content[i].cerlType,
                              items: [res.content[i]],
                            });
                          } else {
                            tempItem[0].items.push(res.content[i]);
                          }
                        }
                      }
                    );
                    // 当前选中的企业风险
                    await getthRisk(toRHD[0].coms[k].companyId, 0, 99999).then(
                      (res) => {
                        this.curSelectRisk = [...res.content];
                      }
                    );
                    await getriskNumAnalysis(toRHD[0].coms[k].companyId).then(
                      (res) => {
                        // console.log(res, 'hehehehhehehehehehe')
                        // 初始化四个风险等级对应的数量
                        this.riskMajorRiskSum = 0;
                        this.riskGreaterRiskSum = 0;
                        this.riskNormalRiskSum = 0;
                        this.riskLowRiskSum = 0;
                        if (res.totalElements > 3) {
                          for (let i = 0; i < res.content.length; i++) {
                            if (res.content[i].rnaLevel === "重大风险") {
                              this.riskMajorRiskSum = res.content[i].rnaNum;
                              break;
                            }
                          }
                          for (let i = 0; i < res.content.length; i++) {
                            if (res.content[i].rnaLevel === "较大风险") {
                              this.riskGreaterRiskSum = res.content[i].rnaNum;
                              break;
                            }
                          }
                          for (let i = 0; i < res.content.length; i++) {
                            if (res.content[i].rnaLevel === "一般风险") {
                              this.riskNormalRiskSum = res.content[i].rnaNum;
                              break;
                            }
                          }
                          for (let i = 0; i < res.content.length; i++) {
                            if (res.content[i].rnaLevel === "低风险") {
                              this.riskLowRiskSum = res.content[i].rnaNum;
                              break;
                            }
                          }
                        }
                      }
                    );
                    // 当前选中的企业隐患
                    await getHideDangeByIdOrderHdLevel(
                      toRHD[0].coms[k].companyId
                    ).then((res) => {
                      this.curSelectHD = [...res.content];
                      this.curSelectNormalHD = this.curSelectHD.filter(
                        (item) => Number(item.hdLevel) === 1
                      );
                      this.curSelectMajorHD = this.curSelectHD.filter(
                        (item) => Number(item.hdLevel) === 2
                      );
                      // 当前一般隐患数量
                      this.curSelectHDGenSum = this.curSelectHD.filter(
                        (item) => Number(item.hdLevel) === 1
                      ).length;
                      // 当前重大隐患数量
                      this.curSelectHDMajorSum = this.curSelectHD.filter(
                        (item) => Number(item.hdLevel) === 2
                      ).length;
                      // 未整改的数量
                      this.curSelectHDNorectSum = this.curSelectHD.filter(
                        (item) => Number(item.hdStatus) === 0
                      ).length;
                      console.log(this.curSelectHD, "this.curSelectHD, 4");
                      console.log(
                        this.curSelectHDGenSum,
                        "this.curSelectHDGenSum, 4"
                      );
                      console.log(
                        this.curSelectHDMajorSum,
                        "this.curSelectHDMajorSum, 4"
                      );
                      console.log(
                        this.curSelectHDNorectSum,
                        "this.curSelectHDNorectSum, 4"
                      );
                      // 初始化当前整改率
                      this.curSelectHDRectPercentSum = 0;
                      if (
                        this.curSelectHDMajorSum > 0 ||
                        this.curSelectHDGenSum > 0
                      ) {
                        this.curSelectHDRectPercentSum = (
                          ((this.curSelectHDGenSum +
                            this.curSelectHDMajorSum -
                            this.curSelectHDNorectSum) /
                            (this.curSelectHDMajorSum +
                              this.curSelectHDGenSum)) *
                          100
                        ).toFixed(0);
                        if (isNaN(this.curSelectHDRectPercentSum)) {
                          this.curSelectHDRectPercentSum = 0;
                        }
                      }
                    });
                    // 请求安全检查
                    await getRiskStandingBook(toRHD[0].coms[k].companyId).then(
                      (res) => {
                        const tempSCCheck = [...res.content];
                        this.curSelectSC = [];
                        for (let i = 0; i < tempSCCheck.length; i++) {
                          const getTempArr = this.curSelectSC.filter(
                            (item) => item.rsbtType === tempSCCheck[i].rsbtType
                          );
                          if (getTempArr.length === 0) {
                            this.curSelectSC.push({
                              rsbtType: tempSCCheck[i].rsbtType,
                              isShow: false,
                              items: [tempSCCheck[i]],
                            });
                          } else {
                            // rsbInspectContent
                            getTempArr[0].items.push(tempSCCheck[i]);
                          }
                        }
                      }
                    );
                    let evalueteSum = 0;
                    this.curSelectSC.forEach((item) =>
                      item.items.forEach((rsb) => {
                        if (!rsb.rsbInspectCase) {
                          evalueteSum++;
                        }
                      })
                    );
                    if (evalueteSum === 0) {
                      this.curEnterStar = 5;
                    } else if (evalueteSum < 10) {
                      this.curEnterStar = 4;
                    } else if (evalueteSum < 20) {
                      this.curEnterStar = 3;
                    } else if (evalueteSum < 30) {
                      this.curEnterStar = 2;
                    } else {
                      this.curEnterStar = 1;
                    }
                    this.curSelectHD.filter(
                      (item) => item.hdLevel == 2 && item.hdStatus == 0
                    ).length > 0
                      ? (this.curEnterStar = 1)
                      : null;
                    let evalueteResSum = 0;
                    let totalResSum = 0;
                    this.curSelectCerl.forEach((item) =>
                      item.items.forEach((rsb) => {
                        if (!rsb.cerlQualified) {
                          evalueteResSum++;
                        }
                        totalResSum++;
                      })
                    );
                    if (evalueteResSum === 0) {
                      this.curEnterStar2 = 5;
                    } else if (evalueteResSum < 10) {
                      this.curEnterStar2 = 4;
                    } else if (evalueteResSum < 30) {
                      this.curEnterStar2 = 3;
                    } else if (evalueteResSum < 50) {
                      this.curEnterStar2 = 2;
                    } else if (totalResSum === evalueteResSum) {
                      this.curEnterStar2 = 0;
                    } else {
                      this.curEnterStar2 = 1;
                    }
                    // 显示企业信息
                    this.isShowEnterInfo = true;

                    // if (!this.isShowEnterHD) {
                    //   // 关闭隐患
                    //   this.enterHDClick()
                    // }
                    const hdDom = document.querySelector(
                      ".curSelect-enter-hd-items-animation-wrapper"
                    );
                    hdDom.style.top = "0px";
                    hdDom.onmouseover = null;
                    hdDom.onmouseout = null;
                    if (this.hdTimer) {
                      clearInterval(this.hdTimer);
                    }
                    const riskDom = document.querySelector(
                      ".curSelect-enter-risk-content-items-animation-wrapper"
                    );
                    riskDom.style.top = "0px";
                    riskDom.onmouseover = null;
                    riskDom.onmouseout = null;
                    if (this.riskTimer) {
                      clearInterval(this.riskTimer);
                    }
                    // 显示企业隐患
                    this.isShowEnterHD = true;
                    // 显示企业风险
                    this.isShowEnterRisk = true;
                    this.$nextTick(() => {
                      // 是否开启企业风险的动画
                      if (this.curSelectRisk.length > 4) {
                        this.generateAnimation(
                          ".curSelect-enter-risk-content-items-animation-wrapper",
                          true
                        );
                      }
                      // 是否开启企业隐患的动画
                      if (this.curSelectHD.length > 7) {
                        this.generateAnimation(
                          ".curSelect-enter-hd-items-animation-wrapper",
                          false
                        );
                      }
                    });
                    this.mapActiveIndex = 0;
                  });
                  toRHD[0].markers.push(marker);
                  this.map.add(marker);
                }
                toRHD[0].isInit = true;
              });
              promiseArr.push(p1);
            }
          }
        }
      }
      await Promise.all(promiseArr).then((res) => {});
      // 补充当前企业到全局 管理局-行业-企业
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          this.curDepartIndusEnters[i].induses[j].coms = [];
        }
      }
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          for (let k = 0; k < this.regionsWithShow.length; k++) {
            if (this.regionsWithShow[k].isShow === true) {
              const toRHD = this.regionsHDs.filter(
                (item) =>
                  item.region === this.regionsWithShow[k].region &&
                  item.hdLevel === "重大隐患"
              );
              if (toRHD.length) {
                if (toRHD[0].isInit) {
                  for (let l = 0; l < toRHD[0].coms.length; l++) {
                    if (
                      this.curDepartIndusEnters[i].induses[j].indus ===
                      toRHD[0].coms[l].companyIndustryName
                    ) {
                      this.curDepartIndusEnters[i].induses[j].coms.push(
                        toRHD[0].coms[l]
                      );
                    }
                  }
                }
              }
            }
          }
        }
      }
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        let sum = 0;
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          sum += this.curDepartIndusEnters[i].induses[j].coms
            ? this.curDepartIndusEnters[i].induses[j].coms.length
            : 0;
        }
        this.departmentNum[i] = sum;
      }
      this.departmentNum = [...this.departmentNum];
      this.isShowIndusDepartment = true;
      this.isShowIndusTypes = false;
      this.isShowEnterLists = false;
      this.hdTypeIndex = 1;
    },
    // new 点击超期
    async clickOverExist() {
      const AMap = window.AMap || {};
      // 点击显示所有节点 或 隐藏节点
      // 如果当前节点是现实的，隐藏当前节点
      if (this.hdTypeIndex === 3) {
        for (let i = 0; i < this.regionsWithShow.length; i++) {
          if (this.regionsWithShow[i].isShow === true) {
            const toOver = this.regionsOvers.filter(
              (item) => item.region === this.regionsWithShow[i].region
            );
            if (toOver.length) {
              if (toOver[0].isInit) {
                toOver[0].markers.forEach((item) => {
                  this.map.remove(item);
                });
              }
            }
          }
        }
        this.hdTypeIndex = 0;
        this.isShowIndusDepartment = false;
        this.isShowIndusTypes = false;
        this.isShowEnterLists = false;
        this.curSelectDepartmentIndex = -1;
        this.curSelectIndusIndex = -1;
        this.curSelectEnterIndex = -1;
        this.departmentNum = [];
        for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
          this.departmentNum.push(0);
        }
        return;
      }
      if (this.riskTypeIndex === 1) {
        this.$refs["risktypes1"].click();
      }
      if (this.riskTypeIndex === 2) {
        this.$refs["risktypes2"].click();
      }
      if (this.riskTypeIndex === 3) {
        this.$refs["risktypes3"].click();
      }
      if (this.riskTypeIndex === 4) {
        this.$refs["risktypes4"].click();
      }
      if (this.hdTypeIndex === 1) {
        this.$refs["dangertypes1"].click();
      }
      if (this.hdTypeIndex === 2) {
        this.$refs["dangertypes2"].click();
      }
      this.isShowEnterRisk = false;
      this.isShowEnterHD = false;
      this.isShowEnterInfo = false;
      this.isShowEnterSC = false;
      // 如果本地暂时没有，进行获取和初始化
      // promise 数组
      const promiseArr = [];
      for (let i = 0; i < this.regionsWithShow.length; i++) {
        if (this.regionsWithShow[i].isShow === true) {
          const toOver = this.regionsOvers.filter(
            (item) => item.region === this.regionsWithShow[i].region
          );
          if (toOver.length) {
            if (toOver[0].isInit) {
              toOver[0].markers.forEach((item) => {
                this.map.add(item);
              });
            } else {
              // 进行网络请求 初始化
              const p1 = getComsByAreaOver(this.regionsWithShow[i].region).then(
                (res) => {
                  toOver[0].coms = [...res];
                  for (let k = 0; k < toOver[0].coms.length; k++) {
                    const marker = new AMap.Marker({
                      position: [
                        Number(toOver[0].coms[k].companyLng),
                        Number(toOver[0].coms[k].companyLat),
                      ],
                      content: this.getMarkerContent(7),
                      title: toOver[0].coms[k].companyName,
                    });
                    marker.on("mouseover", () => {
                      marker.setLabel({
                        content: `<div>${toOver[0].coms[k].companyName}</div>`,
                        offset: new AMap.Pixel(0, -20),
                      });
                    });
                    marker.on("mouseout", () => {
                      marker.setLabel({
                        content: "",
                      });
                    });
                    marker.on("click", async () => {
                      // 初始化当前选中的企业信息
                      this.curSelectEnter = { ...toOver[0].coms[k] };
                      // console.log(this.curSelectEnter, 'this.curSelectEnterEnterEnter')
                      await getCompanyInfoById(
                        toOver[0].coms[k].companyId
                      ).then((res) => {
                        this.curSelectEnter = { ...res.content[0] };
                      });
                      // 获取清单列表
                      await getResponseList(toOver[0].coms[k].companyId).then(
                        (res) => {
                          this.curSelectCerl = [];
                          for (let i = 0; i < res.content.length; i++) {
                            const tempItem = this.curSelectCerl.filter(
                              (item) =>
                                item.cerlType === res.content[i].cerlType
                            );
                            if (tempItem.length === 0) {
                              this.curSelectCerl.push({
                                cerlType: res.content[i].cerlType,
                                items: [res.content[i]],
                              });
                            } else {
                              tempItem[0].items.push(res.content[i]);
                            }
                          }
                        }
                      );
                      // 当前选中的企业风险
                      await getthRisk(
                        toOver[0].coms[k].companyId,
                        0,
                        99999
                      ).then((res) => {
                        this.curSelectRisk = [...res.content];
                      });
                      await getriskNumAnalysis(
                        toOver[0].coms[k].companyId
                      ).then((res) => {
                        // console.log(res, 'hehehehhehehehehehe')
                        // 初始化四个风险等级对应的数量
                        this.riskMajorRiskSum = 0;
                        this.riskGreaterRiskSum = 0;
                        this.riskNormalRiskSum = 0;
                        this.riskLowRiskSum = 0;
                        if (res.totalElements > 3) {
                          for (let i = 0; i < res.content.length; i++) {
                            if (res.content[i].rnaLevel === "重大风险") {
                              this.riskMajorRiskSum = res.content[i].rnaNum;
                              break;
                            }
                          }
                          for (let i = 0; i < res.content.length; i++) {
                            if (res.content[i].rnaLevel === "较大风险") {
                              this.riskGreaterRiskSum = res.content[i].rnaNum;
                              break;
                            }
                          }
                          for (let i = 0; i < res.content.length; i++) {
                            if (res.content[i].rnaLevel === "一般风险") {
                              this.riskNormalRiskSum = res.content[i].rnaNum;
                              break;
                            }
                          }
                          for (let i = 0; i < res.content.length; i++) {
                            if (res.content[i].rnaLevel === "低风险") {
                              this.riskLowRiskSum = res.content[i].rnaNum;
                              break;
                            }
                          }
                        }
                      });
                      // 当前选中的企业隐患
                      await getHideDangeByIdOrderHdLevel(
                        toOver[0].coms[k].companyId
                      ).then((res) => {
                        this.curSelectHD = [...res.content];
                        this.curSelectNormalHD = this.curSelectHD.filter(
                          (item) => Number(item.hdLevel) === 1
                        );
                        this.curSelectMajorHD = this.curSelectHD.filter(
                          (item) => Number(item.hdLevel) === 2
                        );
                        // 当前一般隐患数量
                        this.curSelectHDGenSum = this.curSelectHD.filter(
                          (item) => Number(item.hdLevel) === 1
                        ).length;
                        // 当前重大隐患数量
                        this.curSelectHDMajorSum = this.curSelectHD.filter(
                          (item) => Number(item.hdLevel) === 2
                        ).length;
                        // 未整改的数量
                        this.curSelectHDNorectSum = this.curSelectHD.filter(
                          (item) => Number(item.hdStatus) === 0
                        ).length;
                        console.log(this.curSelectHD, "this.curSelectHD, 5");
                        console.log(
                          this.curSelectHDGenSum,
                          "this.curSelectHDGenSum, 5"
                        );
                        console.log(
                          this.curSelectHDMajorSum,
                          "this.curSelectHDMajorSum, 5"
                        );
                        console.log(
                          this.curSelectHDNorectSum,
                          "this.curSelectHDNorectSum, 5"
                        );
                        // 初始化当前整改率
                        this.curSelectHDRectPercentSum = 0;
                        if (
                          this.curSelectHDMajorSum > 0 ||
                          this.curSelectHDGenSum > 0
                        ) {
                          this.curSelectHDRectPercentSum = (
                            ((this.curSelectHDGenSum +
                              this.curSelectHDMajorSum -
                              this.curSelectHDNorectSum) /
                              (this.curSelectHDMajorSum +
                                this.curSelectHDGenSum)) *
                            100
                          ).toFixed(0);
                          if (isNaN(this.curSelectHDRectPercentSum)) {
                            this.curSelectHDRectPercentSum = 0;
                          }
                        }
                      });
                      // 请求安全检查
                      await getRiskStandingBook(
                        toOver[0].coms[k].companyId
                      ).then((res) => {
                        const tempSCCheck = [...res.content];
                        this.curSelectSC = [];
                        for (let i = 0; i < tempSCCheck.length; i++) {
                          const getTempArr = this.curSelectSC.filter(
                            (item) => item.rsbtType === tempSCCheck[i].rsbtType
                          );
                          if (getTempArr.length === 0) {
                            this.curSelectSC.push({
                              rsbtType: tempSCCheck[i].rsbtType,
                              isShow: false,
                              items: [tempSCCheck[i]],
                            });
                          } else {
                            // rsbInspectContent
                            getTempArr[0].items.push(tempSCCheck[i]);
                          }
                        }
                      });
                      let evalueteSum = 0;
                      this.curSelectSC.forEach((item) =>
                        item.items.forEach((rsb) => {
                          if (!rsb.rsbInspectCase) {
                            evalueteSum++;
                          }
                        })
                      );
                      if (evalueteSum === 0) {
                        this.curEnterStar = 5;
                      } else if (evalueteSum < 10) {
                        this.curEnterStar = 4;
                      } else if (evalueteSum < 20) {
                        this.curEnterStar = 3;
                      } else if (evalueteSum < 30) {
                        this.curEnterStar = 2;
                      } else {
                        this.curEnterStar = 1;
                      }
                      this.curSelectHD.filter(
                        (item) => item.hdLevel == 2 && item.hdStatus == 0
                      ).length > 0
                        ? (this.curEnterStar = 1)
                        : null;
                      let evalueteResSum = 0;
                      let totalResSum = 0;
                      this.curSelectCerl.forEach((item) =>
                        item.items.forEach((rsb) => {
                          if (!rsb.cerlQualified) {
                            evalueteResSum++;
                          }
                          totalResSum++;
                        })
                      );
                      if (evalueteResSum === 0) {
                        this.curEnterStar2 = 5;
                      } else if (evalueteResSum < 10) {
                        this.curEnterStar2 = 4;
                      } else if (evalueteResSum < 30) {
                        this.curEnterStar2 = 3;
                      } else if (evalueteResSum < 50) {
                        this.curEnterStar2 = 2;
                      } else if (totalResSum === evalueteResSum) {
                        this.curEnterStar2 = 0;
                      } else {
                        this.curEnterStar2 = 1;
                      }
                      // 显示企业信息
                      this.isShowEnterInfo = true;

                      // if (!this.isShowEnterHD) {
                      //   // 关闭隐患
                      //   this.enterHDClick()
                      // }
                      const hdDom = document.querySelector(
                        ".curSelect-enter-hd-items-animation-wrapper"
                      );
                      hdDom.style.top = "0px";
                      hdDom.onmouseover = null;
                      hdDom.onmouseout = null;
                      if (this.hdTimer) {
                        clearInterval(this.hdTimer);
                      }
                      const riskDom = document.querySelector(
                        ".curSelect-enter-risk-content-items-animation-wrapper"
                      );
                      riskDom.style.top = "0px";
                      riskDom.onmouseover = null;
                      riskDom.onmouseout = null;
                      if (this.riskTimer) {
                        clearInterval(this.riskTimer);
                      }
                      // 显示企业隐患
                      this.isShowEnterHD = true;
                      // 显示企业风险
                      this.isShowEnterRisk = true;
                      this.$nextTick(() => {
                        // 是否开启企业风险的动画
                        if (this.curSelectRisk.length > 4) {
                          this.generateAnimation(
                            ".curSelect-enter-risk-content-items-animation-wrapper",
                            true
                          );
                        }
                        // 是否开启企业隐患的动画
                        if (this.curSelectHD.length > 7) {
                          this.generateAnimation(
                            ".curSelect-enter-hd-items-animation-wrapper",
                            false
                          );
                        }
                      });
                      this.mapActiveIndex = 0;
                    });
                    toOver[0].markers.push(marker);
                    this.map.add(marker);
                  }
                  toOver[0].isInit = true;
                }
              );
              promiseArr.push(p1);
            }
          }
        }
      }
      await Promise.all(promiseArr).then((res) => {});
      // 补充当前企业到全局 管理局-行业-企业
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          this.curDepartIndusEnters[i].induses[j].coms = [];
        }
      }
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          for (let k = 0; k < this.regionsWithShow.length; k++) {
            if (this.regionsWithShow[k].isShow === true) {
              const toOver = this.regionsOvers.filter(
                (item) => item.region === this.regionsWithShow[k].region
              );
              if (toOver.length) {
                if (toOver[0].isInit) {
                  for (let l = 0; l < toOver[0].coms.length; l++) {
                    if (
                      this.curDepartIndusEnters[i].induses[j].indus ===
                      toOver[0].coms[l].companyIndustryName
                    ) {
                      this.curDepartIndusEnters[i].induses[j].coms.push(
                        toOver[0].coms[l]
                      );
                    }
                  }
                }
              }
            }
          }
        }
      }
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        let sum = 0;
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          sum += this.curDepartIndusEnters[i].induses[j].coms
            ? this.curDepartIndusEnters[i].induses[j].coms.length
            : 0;
        }
        this.departmentNum[i] = sum;
      }
      this.departmentNum = [...this.departmentNum];
      this.isShowIndusDepartment = true;
      this.isShowIndusTypes = false;
      this.isShowEnterLists = false;
      this.hdTypeIndex = 3;
    },
    // new 点击低风险
    async clickLowRisk() {
      const AMap = window.AMap || {};
      // 点击显示所有节点 或 隐藏节点
      // 如果当前节点是显示的，隐藏当前节点
      if (this.riskTypeIndex === 4) {
        for (let i = 0; i < this.regionsWithShow.length; i++) {
          if (this.regionsWithShow[i].isShow === true) {
            const toRRisk = this.regionsRisks.filter(
              (item) =>
                item.region === this.regionsWithShow[i].region &&
                item.riskLevel === "低风险"
            );
            if (toRRisk.length) {
              if (toRRisk[0].isInit) {
                toRRisk[0].markers.forEach((item) => {
                  this.map.remove(item);
                });
              }
            }
          }
        }
        this.riskTypeIndex = 0;
        this.isShowIndusDepartment = false;
        this.isShowIndusTypes = false;
        this.isShowEnterLists = false;
        this.curSelectDepartmentIndex = -1;
        this.curSelectIndusIndex = -1;
        this.curSelectEnterIndex = -1;
        this.departmentNum = [];
        for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
          this.departmentNum.push(0);
        }
        return;
      }
      if (this.riskTypeIndex === 1) {
        this.$refs["risktypes1"].click();
      }
      if (this.riskTypeIndex === 2) {
        this.$refs["risktypes2"].click();
      }
      if (this.riskTypeIndex === 3) {
        this.$refs["risktypes3"].click();
      }
      if (this.hdTypeIndex === 1) {
        this.$refs["dangertypes1"].click();
      }
      if (this.hdTypeIndex === 2) {
        this.$refs["dangertypes2"].click();
      }
      if (this.hdTypeIndex === 3) {
        this.$refs["dangertypes3"].click();
      }
      this.isShowEnterRisk = false;
      this.isShowEnterHD = false;
      this.isShowEnterInfo = false;
      this.isShowEnterSC = false;
      // 如果本地暂时没有，进行获取和初始化
      // promise 数组
      const promiseArr = [];
      for (let i = 0; i < this.regionsWithShow.length; i++) {
        if (this.regionsWithShow[i].isShow === true) {
          const toRRisk = this.regionsRisks.filter(
            (item) =>
              item.region === this.regionsWithShow[i].region &&
              item.riskLevel === "低风险"
          );
          if (toRRisk.length) {
            if (toRRisk[0].isInit) {
              toRRisk[0].markers.forEach((item) => {
                this.map.add(item);
              });
            } else {
              // 进行网络请求 初始化 marker
              const p1 = getComsByAreaRisk(
                this.regionsWithShow[i].region,
                "威海经济技术开发区",
                "低风险"
              ).then((res) => {
                toRRisk[0].coms = [...res];
                for (let k = 0; k < toRRisk[0].coms.length; k++) {
                  const marker = new AMap.Marker({
                    position: [
                      Number(toRRisk[0].coms[k].companyLng),
                      Number(toRRisk[0].coms[k].companyLat),
                    ],
                    content: this.getMarkerContent(1),
                    title: toRRisk[0].coms[k].companyName,
                  });
                  marker.on("mouseover", () => {
                    marker.setLabel({
                      content: `<div>${toRRisk[0].coms[k].companyName}</div>`,
                      offset: new AMap.Pixel(0, -20),
                    });
                  });
                  marker.on("mouseout", () => {
                    marker.setLabel({
                      content: "",
                    });
                  });
                  marker.on("click", async () => {
                    // 初始化当前选中的企业信息
                    this.curSelectEnter = { ...toRRisk[0].coms[k] };
                    // console.log(this.curSelectEnter, 'this.curSelectEnterEnterEnter')
                    await getCompanyInfoById(toRRisk[0].coms[k].companyId).then(
                      (res) => {
                        this.curSelectEnter = { ...res.content[0] };
                      }
                    );
                    // 获取清单列表
                    await getResponseList(toRRisk[0].coms[k].companyId).then(
                      (res) => {
                        this.curSelectCerl = [];
                        for (let i = 0; i < res.content.length; i++) {
                          const tempItem = this.curSelectCerl.filter(
                            (item) => item.cerlType === res.content[i].cerlType
                          );
                          if (tempItem.length === 0) {
                            this.curSelectCerl.push({
                              cerlType: res.content[i].cerlType,
                              items: [res.content[i]],
                            });
                          } else {
                            tempItem[0].items.push(res.content[i]);
                          }
                        }
                      }
                    );
                    // 当前选中的企业风险
                    await getthRisk(
                      toRRisk[0].coms[k].companyId,
                      0,
                      99999
                    ).then((res) => {
                      this.curSelectRisk = [...res.content];
                    });
                    await getriskNumAnalysis(toRRisk[0].coms[k].companyId).then(
                      (res) => {
                        // console.log(res, 'hehehehhehehehehehe')
                        // 初始化四个风险等级对应的数量
                        this.riskMajorRiskSum = 0;
                        this.riskGreaterRiskSum = 0;
                        this.riskNormalRiskSum = 0;
                        this.riskLowRiskSum = 0;
                        if (res.totalElements > 3) {
                          for (let i = 0; i < res.content.length; i++) {
                            if (res.content[i].rnaLevel === "重大风险") {
                              this.riskMajorRiskSum = res.content[i].rnaNum;
                              break;
                            }
                          }
                          for (let i = 0; i < res.content.length; i++) {
                            if (res.content[i].rnaLevel === "较大风险") {
                              this.riskGreaterRiskSum = res.content[i].rnaNum;
                              break;
                            }
                          }
                          for (let i = 0; i < res.content.length; i++) {
                            if (res.content[i].rnaLevel === "一般风险") {
                              this.riskNormalRiskSum = res.content[i].rnaNum;
                              break;
                            }
                          }
                          for (let i = 0; i < res.content.length; i++) {
                            if (res.content[i].rnaLevel === "低风险") {
                              this.riskLowRiskSum = res.content[i].rnaNum;
                              break;
                            }
                          }
                        }
                      }
                    );
                    // 当前选中的企业隐患
                    await getHideDangeByIdOrderHdLevel(
                      toRRisk[0].coms[k].companyId
                    ).then((res) => {
                      this.curSelectHD = [...res.content];
                      this.curSelectNormalHD = this.curSelectHD.filter(
                        (item) => Number(item.hdLevel) === 1
                      );
                      this.curSelectMajorHD = this.curSelectHD.filter(
                        (item) => Number(item.hdLevel) === 2
                      );
                      // 当前一般隐患数量
                      this.curSelectHDGenSum = this.curSelectHD.filter(
                        (item) => Number(item.hdLevel) === 1
                      ).length;
                      // 当前重大隐患数量
                      this.curSelectHDMajorSum = this.curSelectHD.filter(
                        (item) => Number(item.hdLevel) === 2
                      ).length;
                      // 未整改的数量
                      this.curSelectHDNorectSum = this.curSelectHD.filter(
                        (item) => Number(item.hdStatus) === 0
                      ).length;
                      console.log(this.curSelectHD, "this.curSelectHD, 6");
                      console.log(
                        this.curSelectHDGenSum,
                        "this.curSelectHDGenSum, 6"
                      );
                      console.log(
                        this.curSelectHDMajorSum,
                        "this.curSelectHDMajorSum, 6"
                      );
                      console.log(
                        this.curSelectHDNorectSum,
                        "this.curSelectHDNorectSum, 6"
                      );
                      // 初始化当前整改率
                      this.curSelectHDRectPercentSum = 0;
                      if (
                        this.curSelectHDMajorSum > 0 ||
                        this.curSelectHDGenSum > 0
                      ) {
                        this.curSelectHDRectPercentSum = (
                          ((this.curSelectHDGenSum +
                            this.curSelectHDMajorSum -
                            this.curSelectHDNorectSum) /
                            (this.curSelectHDMajorSum +
                              this.curSelectHDGenSum)) *
                          100
                        ).toFixed(0);
                        if (isNaN(this.curSelectHDRectPercentSum)) {
                          this.curSelectHDRectPercentSum = 0;
                        }
                      }
                    });
                    // 请求安全检查
                    await getRiskStandingBook(
                      toRRisk[0].coms[k].companyId
                    ).then((res) => {
                      const tempSCCheck = [...res.content];
                      this.curSelectSC = [];
                      for (let i = 0; i < tempSCCheck.length; i++) {
                        const getTempArr = this.curSelectSC.filter(
                          (item) => item.rsbtType === tempSCCheck[i].rsbtType
                        );
                        if (getTempArr.length === 0) {
                          this.curSelectSC.push({
                            rsbtType: tempSCCheck[i].rsbtType,
                            isShow: false,
                            items: [tempSCCheck[i]],
                          });
                        } else {
                          // rsbInspectContent
                          getTempArr[0].items.push(tempSCCheck[i]);
                        }
                      }
                    });
                    let evalueteSum = 0;
                    this.curSelectSC.forEach((item) =>
                      item.items.forEach((rsb) => {
                        if (!rsb.rsbInspectCase) {
                          evalueteSum++;
                        }
                      })
                    );
                    if (evalueteSum === 0) {
                      this.curEnterStar = 5;
                    } else if (evalueteSum < 10) {
                      this.curEnterStar = 4;
                    } else if (evalueteSum < 20) {
                      this.curEnterStar = 3;
                    } else if (evalueteSum < 30) {
                      this.curEnterStar = 2;
                    } else {
                      this.curEnterStar = 1;
                    }
                    this.curSelectHD.filter(
                      (item) => item.hdLevel == 2 && item.hdStatus == 0
                    ).length > 0
                      ? (this.curEnterStar = 1)
                      : null;
                    let evalueteResSum = 0;
                    let totalResSum = 0;
                    this.curSelectCerl.forEach((item) =>
                      item.items.forEach((rsb) => {
                        if (!rsb.cerlQualified) {
                          evalueteResSum++;
                        }
                        totalResSum++;
                      })
                    );
                    if (evalueteResSum === 0) {
                      this.curEnterStar2 = 5;
                    } else if (evalueteResSum < 10) {
                      this.curEnterStar2 = 4;
                    } else if (evalueteResSum < 30) {
                      this.curEnterStar2 = 3;
                    } else if (evalueteResSum < 50) {
                      this.curEnterStar2 = 2;
                    } else if (totalResSum === evalueteResSum) {
                      this.curEnterStar2 = 0;
                    } else {
                      this.curEnterStar2 = 1;
                    }
                    // 显示企业信息
                    this.isShowEnterInfo = true;

                    // if (!this.isShowEnterHD) {
                    //   // 关闭隐患
                    //   this.enterHDClick()
                    // }
                    const hdDom = document.querySelector(
                      ".curSelect-enter-hd-items-animation-wrapper"
                    );
                    hdDom.style.top = "0px";
                    hdDom.onmouseover = null;
                    hdDom.onmouseout = null;
                    if (this.hdTimer) {
                      clearInterval(this.hdTimer);
                    }
                    const riskDom = document.querySelector(
                      ".curSelect-enter-risk-content-items-animation-wrapper"
                    );
                    riskDom.style.top = "0px";
                    riskDom.onmouseover = null;
                    riskDom.onmouseout = null;
                    if (this.riskTimer) {
                      clearInterval(this.riskTimer);
                    }
                    // 显示企业隐患
                    this.isShowEnterHD = true;
                    // 显示企业风险
                    this.isShowEnterRisk = true;
                    this.$nextTick(() => {
                      // 是否开启企业风险的动画
                      if (this.curSelectRisk.length > 4) {
                        this.generateAnimation(
                          ".curSelect-enter-risk-content-items-animation-wrapper",
                          true
                        );
                      }
                      // 是否开启企业隐患的动画
                      if (this.curSelectHD.length > 7) {
                        this.generateAnimation(
                          ".curSelect-enter-hd-items-animation-wrapper",
                          false
                        );
                      }
                    });
                    this.mapActiveIndex = 0;
                  });
                  toRRisk[0].markers.push(marker);
                  this.map.add(marker);
                }
                toRRisk[0].isInit = true;
              });
              promiseArr.push(p1);
            }
          }
        }
      }
      await Promise.all(promiseArr).then((res) => {});
      // 补充当前企业到全局 管理局-行业-企业
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          this.curDepartIndusEnters[i].induses[j].coms = [];
        }
      }
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          for (let k = 0; k < this.regionsWithShow.length; k++) {
            if (this.regionsWithShow[k].isShow === true) {
              const toRRisk = this.regionsRisks.filter(
                (item) =>
                  item.region === this.regionsWithShow[k].region &&
                  item.riskLevel === "低风险"
              );
              if (toRRisk.length) {
                if (toRRisk[0].isInit) {
                  for (let l = 0; l < toRRisk[0].coms.length; l++) {
                    if (
                      this.curDepartIndusEnters[i].induses[j].indus ===
                      toRRisk[0].coms[l].companyIndustryName
                    ) {
                      this.curDepartIndusEnters[i].induses[j].coms.push(
                        toRRisk[0].coms[l]
                      );
                    }
                  }
                }
              }
            }
          }
        }
      }
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        let sum = 0;
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          sum += this.curDepartIndusEnters[i].induses[j].coms
            ? this.curDepartIndusEnters[i].induses[j].coms.length
            : 0;
        }
        this.departmentNum[i] = sum;
      }
      this.departmentNum = [...this.departmentNum];
      this.isShowIndusDepartment = true;
      this.isShowIndusTypes = false;
      this.isShowEnterLists = false;
      this.riskTypeIndex = 4;
    },
    // new 点击一般风险
    async clickGeneralRisk() {
      const AMap = window.AMap || {};
      // 点击显示所有节点 或 隐藏节点
      // 如果当前节点是显示的，隐藏当前节点
      if (this.riskTypeIndex === 3) {
        for (let i = 0; i < this.regionsWithShow.length; i++) {
          if (this.regionsWithShow[i].isShow === true) {
            const toRRisk = this.regionsRisks.filter(
              (item) =>
                item.region === this.regionsWithShow[i].region &&
                item.riskLevel === "一般风险"
            );
            if (toRRisk.length) {
              if (toRRisk[0].isInit) {
                toRRisk[0].markers.forEach((item) => {
                  this.map.remove(item);
                });
              }
            }
          }
        }
        this.riskTypeIndex = 0;
        this.isShowIndusDepartment = false;
        this.isShowIndusTypes = false;
        this.isShowEnterLists = false;
        this.curSelectDepartmentIndex = -1;
        this.curSelectIndusIndex = -1;
        this.curSelectEnterIndex = -1;
        this.departmentNum = [];
        for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
          this.departmentNum.push(0);
        }
        return;
      }
      if (this.riskTypeIndex === 1) {
        this.$refs["risktypes1"].click();
      }
      if (this.riskTypeIndex === 2) {
        this.$refs["risktypes2"].click();
      }
      if (this.riskTypeIndex === 4) {
        this.$refs["risktypes4"].click();
      }
      if (this.hdTypeIndex === 1) {
        this.$refs["dangertypes1"].click();
      }
      if (this.hdTypeIndex === 2) {
        this.$refs["dangertypes2"].click();
      }
      if (this.hdTypeIndex === 3) {
        this.$refs["dangertypes3"].click();
      }
      this.isShowEnterRisk = false;
      this.isShowEnterHD = false;
      this.isShowEnterInfo = false;
      this.isShowEnterSC = false;
      // 如果本地暂时没有，进行获取和初始化
      // promise 数组
      const promiseArr = [];
      for (let i = 0; i < this.regionsWithShow.length; i++) {
        if (this.regionsWithShow[i].isShow === true) {
          const toRRisk = this.regionsRisks.filter(
            (item) =>
              item.region === this.regionsWithShow[i].region &&
              item.riskLevel === "一般风险"
          );
          if (toRRisk.length) {
            if (toRRisk[0].isInit) {
              toRRisk[0].markers.forEach((item) => {
                this.map.add(item);
              });
            } else {
              // 进行网络请求 初始化 marker
              const p1 = getComsByAreaRisk(
                this.regionsWithShow[i].region,
                "威海经济技术开发区",
                "一般风险"
              ).then((res) => {
                toRRisk[0].coms = [...res];
                for (let k = 0; k < toRRisk[0].coms.length; k++) {
                  const marker = new AMap.Marker({
                    position: [
                      Number(toRRisk[0].coms[k].companyLng),
                      Number(toRRisk[0].coms[k].companyLat),
                    ],
                    content: this.getMarkerContent(2),
                    title: toRRisk[0].coms[k].companyName,
                  });
                  marker.on("mouseover", () => {
                    marker.setLabel({
                      content: `<div>${toRRisk[0].coms[k].companyName}</div>`,
                      offset: new AMap.Pixel(0, -20),
                    });
                  });
                  marker.on("mouseout", () => {
                    marker.setLabel({
                      content: "",
                    });
                  });
                  marker.on("click", async () => {
                    // 初始化当前选中的企业信息
                    this.curSelectEnter = { ...toRRisk[0].coms[k] };
                    // console.log(this.curSelectEnter, 'this.curSelectEnterEnterEnter')
                    await getCompanyInfoById(toRRisk[0].coms[k].companyId).then(
                      (res) => {
                        this.curSelectEnter = { ...res.content[0] };
                      }
                    );
                    // 获取清单列表
                    await getResponseList(toRRisk[0].coms[k].companyId).then(
                      (res) => {
                        this.curSelectCerl = [];
                        for (let i = 0; i < res.content.length; i++) {
                          const tempItem = this.curSelectCerl.filter(
                            (item) => item.cerlType === res.content[i].cerlType
                          );
                          if (tempItem.length === 0) {
                            this.curSelectCerl.push({
                              cerlType: res.content[i].cerlType,
                              items: [res.content[i]],
                            });
                          } else {
                            tempItem[0].items.push(res.content[i]);
                          }
                        }
                      }
                    );
                    // 当前选中的企业风险
                    await getthRisk(
                      toRRisk[0].coms[k].companyId,
                      0,
                      99999
                    ).then((res) => {
                      this.curSelectRisk = [...res.content];
                    });
                    await getriskNumAnalysis(toRRisk[0].coms[k].companyId).then(
                      (res) => {
                        // console.log(res, 'hehehehhehehehehehe')
                        // 初始化四个风险等级对应的数量
                        this.riskMajorRiskSum = 0;
                        this.riskGreaterRiskSum = 0;
                        this.riskNormalRiskSum = 0;
                        this.riskLowRiskSum = 0;
                        if (res.totalElements > 3) {
                          for (let i = 0; i < res.content.length; i++) {
                            if (res.content[i].rnaLevel === "重大风险") {
                              this.riskMajorRiskSum = res.content[i].rnaNum;
                              break;
                            }
                          }
                          for (let i = 0; i < res.content.length; i++) {
                            if (res.content[i].rnaLevel === "较大风险") {
                              this.riskGreaterRiskSum = res.content[i].rnaNum;
                              break;
                            }
                          }
                          for (let i = 0; i < res.content.length; i++) {
                            if (res.content[i].rnaLevel === "一般风险") {
                              this.riskNormalRiskSum = res.content[i].rnaNum;
                              break;
                            }
                          }
                          for (let i = 0; i < res.content.length; i++) {
                            if (res.content[i].rnaLevel === "低风险") {
                              this.riskLowRiskSum = res.content[i].rnaNum;
                              break;
                            }
                          }
                        }
                      }
                    );
                    // 当前选中的企业隐患
                    await getHideDangeByIdOrderHdLevel(
                      toRRisk[0].coms[k].companyId
                    ).then((res) => {
                      this.curSelectHD = [...res.content];
                      this.curSelectNormalHD = this.curSelectHD.filter(
                        (item) => Number(item.hdLevel) === 1
                      );
                      this.curSelectMajorHD = this.curSelectHD.filter(
                        (item) => Number(item.hdLevel) === 2
                      );
                      // 当前一般隐患数量
                      this.curSelectHDGenSum = this.curSelectHD.filter(
                        (item) => Number(item.hdLevel) === 1
                      ).length;
                      // 当前重大隐患数量
                      this.curSelectHDMajorSum = this.curSelectHD.filter(
                        (item) => Number(item.hdLevel) === 2
                      ).length;
                      // 未整改的数量
                      this.curSelectHDNorectSum = this.curSelectHD.filter(
                        (item) => Number(item.hdStatus) === 0
                      ).length;
                      console.log(this.curSelectHD, "this.curSelectHD, 7");
                      console.log(
                        this.curSelectHDGenSum,
                        "this.curSelectHDGenSum, 7"
                      );
                      console.log(
                        this.curSelectHDMajorSum,
                        "this.curSelectHDMajorSum, 7"
                      );
                      console.log(
                        this.curSelectHDNorectSum,
                        "this.curSelectHDNorectSum, 7"
                      );
                      // 初始化当前整改率
                      this.curSelectHDRectPercentSum = 0;
                      if (
                        this.curSelectHDMajorSum > 0 ||
                        this.curSelectHDGenSum > 0
                      ) {
                        this.curSelectHDRectPercentSum = (
                          ((this.curSelectHDGenSum +
                            this.curSelectHDMajorSum -
                            this.curSelectHDNorectSum) /
                            (this.curSelectHDMajorSum +
                              this.curSelectHDGenSum)) *
                          100
                        ).toFixed(0);
                        if (isNaN(this.curSelectHDRectPercentSum)) {
                          this.curSelectHDRectPercentSum = 0;
                        }
                      }
                    });
                    // 请求安全检查
                    await getRiskStandingBook(
                      toRRisk[0].coms[k].companyId
                    ).then((res) => {
                      const tempSCCheck = [...res.content];
                      this.curSelectSC = [];
                      for (let i = 0; i < tempSCCheck.length; i++) {
                        const getTempArr = this.curSelectSC.filter(
                          (item) => item.rsbtType === tempSCCheck[i].rsbtType
                        );
                        if (getTempArr.length === 0) {
                          this.curSelectSC.push({
                            rsbtType: tempSCCheck[i].rsbtType,
                            isShow: false,
                            items: [tempSCCheck[i]],
                          });
                        } else {
                          // rsbInspectContent
                          getTempArr[0].items.push(tempSCCheck[i]);
                        }
                      }
                    });
                    let evalueteSum = 0;
                    this.curSelectSC.forEach((item) =>
                      item.items.forEach((rsb) => {
                        if (!rsb.rsbInspectCase) {
                          evalueteSum++;
                        }
                      })
                    );
                    if (evalueteSum === 0) {
                      this.curEnterStar = 5;
                    } else if (evalueteSum < 10) {
                      this.curEnterStar = 4;
                    } else if (evalueteSum < 20) {
                      this.curEnterStar = 3;
                    } else if (evalueteSum < 30) {
                      this.curEnterStar = 2;
                    } else {
                      this.curEnterStar = 1;
                    }
                    this.curSelectHD.filter(
                      (item) => item.hdLevel == 2 && item.hdStatus == 0
                    ).length > 0
                      ? (this.curEnterStar = 1)
                      : null;
                    let evalueteResSum = 0;
                    let totalResSum = 0;
                    this.curSelectCerl.forEach((item) =>
                      item.items.forEach((rsb) => {
                        if (!rsb.cerlQualified) {
                          evalueteResSum++;
                        }
                        totalResSum++;
                      })
                    );
                    if (evalueteResSum === 0) {
                      this.curEnterStar2 = 5;
                    } else if (evalueteResSum < 10) {
                      this.curEnterStar2 = 4;
                    } else if (evalueteResSum < 30) {
                      this.curEnterStar2 = 3;
                    } else if (evalueteResSum < 50) {
                      this.curEnterStar2 = 2;
                    } else if (totalResSum === evalueteResSum) {
                      this.curEnterStar2 = 0;
                    } else {
                      this.curEnterStar2 = 1;
                    }
                    // 显示企业信息
                    this.isShowEnterInfo = true;

                    // if (!this.isShowEnterHD) {
                    //   // 关闭隐患
                    //   this.enterHDClick()
                    // }
                    const hdDom = document.querySelector(
                      ".curSelect-enter-hd-items-animation-wrapper"
                    );
                    hdDom.style.top = "0px";
                    hdDom.onmouseover = null;
                    hdDom.onmouseout = null;
                    if (this.hdTimer) {
                      clearInterval(this.hdTimer);
                    }
                    const riskDom = document.querySelector(
                      ".curSelect-enter-risk-content-items-animation-wrapper"
                    );
                    riskDom.style.top = "0px";
                    riskDom.onmouseover = null;
                    riskDom.onmouseout = null;
                    if (this.riskTimer) {
                      clearInterval(this.riskTimer);
                    }
                    // 显示企业隐患
                    this.isShowEnterHD = true;
                    // 显示企业风险
                    this.isShowEnterRisk = true;
                    this.$nextTick(() => {
                      // 是否开启企业风险的动画
                      if (this.curSelectRisk.length > 4) {
                        this.generateAnimation(
                          ".curSelect-enter-risk-content-items-animation-wrapper",
                          true
                        );
                      }
                      // 是否开启企业隐患的动画
                      if (this.curSelectHD.length > 7) {
                        this.generateAnimation(
                          ".curSelect-enter-hd-items-animation-wrapper",
                          false
                        );
                      }
                    });
                    this.mapActiveIndex = 0;
                  });
                  toRRisk[0].markers.push(marker);
                  this.map.add(marker);
                }
                toRRisk[0].isInit = true;
              });
              promiseArr.push(p1);
            }
          }
        }
      }
      await Promise.all(promiseArr).then((res) => {});
      // 补充当前企业到全局 管理局-行业-企业
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          this.curDepartIndusEnters[i].induses[j].coms = [];
        }
      }
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          for (let k = 0; k < this.regionsWithShow.length; k++) {
            if (this.regionsWithShow[k].isShow === true) {
              const toRRisk = this.regionsRisks.filter(
                (item) =>
                  item.region === this.regionsWithShow[k].region &&
                  item.riskLevel === "一般风险"
              );
              if (toRRisk.length) {
                if (toRRisk[0].isInit) {
                  for (let l = 0; l < toRRisk[0].coms.length; l++) {
                    if (
                      this.curDepartIndusEnters[i].induses[j].indus ===
                      toRRisk[0].coms[l].companyIndustryName
                    ) {
                      this.curDepartIndusEnters[i].induses[j].coms.push(
                        toRRisk[0].coms[l]
                      );
                    }
                  }
                }
              }
            }
          }
        }
      }
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        let sum = 0;
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          sum += this.curDepartIndusEnters[i].induses[j].coms
            ? this.curDepartIndusEnters[i].induses[j].coms.length
            : 0;
        }
        this.departmentNum[i] = sum;
      }
      this.departmentNum = [...this.departmentNum];
      this.isShowIndusDepartment = true;
      this.isShowIndusTypes = false;
      this.isShowEnterLists = false;
      this.riskTypeIndex = 3;
    },
    // new 点击较大风险
    async clickGreaterRisk() {
      const AMap = window.AMap || {};
      // 点击显示所有节点 或 隐藏节点
      // 如果当前节点是显示的，隐藏当前节点
      if (this.riskTypeIndex === 2) {
        for (let i = 0; i < this.regionsWithShow.length; i++) {
          if (this.regionsWithShow[i].isShow === true) {
            const toRRisk = this.regionsRisks.filter(
              (item) =>
                item.region === this.regionsWithShow[i].region &&
                item.riskLevel === "较大风险"
            );
            if (toRRisk.length) {
              if (toRRisk[0].isInit) {
                toRRisk[0].markers.forEach((item) => {
                  this.map.remove(item);
                });
              }
            }
          }
        }
        this.riskTypeIndex = 0;
        this.isShowIndusDepartment = false;
        this.isShowIndusTypes = false;
        this.isShowEnterLists = false;
        this.curSelectDepartmentIndex = -1;
        this.curSelectIndusIndex = -1;
        this.curSelectEnterIndex = -1;
        this.departmentNum = [];
        for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
          this.departmentNum.push(0);
        }
        return;
      }
      if (this.riskTypeIndex === 1) {
        this.$refs["risktypes1"].click();
      }
      if (this.riskTypeIndex === 3) {
        this.$refs["risktypes3"].click();
      }
      if (this.riskTypeIndex === 4) {
        this.$refs["risktypes4"].click();
      }
      if (this.hdTypeIndex === 1) {
        this.$refs["dangertypes1"].click();
      }
      if (this.hdTypeIndex === 2) {
        this.$refs["dangertypes2"].click();
      }
      if (this.hdTypeIndex === 3) {
        this.$refs["dangertypes3"].click();
      }
      this.isShowEnterRisk = false;
      this.isShowEnterHD = false;
      this.isShowEnterInfo = false;
      this.isShowEnterSC = false;
      // 如果本地暂时没有，进行获取和初始化
      // promise 数组
      const promiseArr = [];
      for (let i = 0; i < this.regionsWithShow.length; i++) {
        if (this.regionsWithShow[i].isShow === true) {
          const toRRisk = this.regionsRisks.filter(
            (item) =>
              item.region === this.regionsWithShow[i].region &&
              item.riskLevel === "较大风险"
          );
          if (toRRisk.length) {
            if (toRRisk[0].isInit) {
              toRRisk[0].markers.forEach((item) => {
                this.map.add(item);
              });
            } else {
              // 进行网络请求 初始化 marker
              const p1 = getComsByAreaRisk(
                this.regionsWithShow[i].region,
                "威海经济技术开发区",
                "较大风险"
              ).then((res) => {
                toRRisk[0].coms = [...res];
                for (let k = 0; k < toRRisk[0].coms.length; k++) {
                  const marker = new AMap.Marker({
                    position: [
                      Number(toRRisk[0].coms[k].companyLng),
                      Number(toRRisk[0].coms[k].companyLat),
                    ],
                    content: this.getMarkerContent(3),
                    title: toRRisk[0].coms[k].companyName,
                  });
                  marker.on("mouseover", () => {
                    marker.setLabel({
                      content: `<div>${toRRisk[0].coms[k].companyName}</div>`,
                      offset: new AMap.Pixel(0, -20),
                    });
                  });
                  marker.on("mouseout", () => {
                    marker.setLabel({
                      content: "",
                    });
                  });
                  marker.on("click", async () => {
                    // 初始化当前选中的企业信息
                    this.curSelectEnter = { ...toRRisk[0].coms[k] };
                    // console.log(this.curSelectEnter, 'this.curSelectEnterEnterEnter')
                    await getCompanyInfoById(toRRisk[0].coms[k].companyId).then(
                      (res) => {
                        this.curSelectEnter = { ...res.content[0] };
                      }
                    );
                    // 获取清单列表
                    await getResponseList(toRRisk[0].coms[k].companyId).then(
                      (res) => {
                        this.curSelectCerl = [];
                        for (let i = 0; i < res.content.length; i++) {
                          const tempItem = this.curSelectCerl.filter(
                            (item) => item.cerlType === res.content[i].cerlType
                          );
                          if (tempItem.length === 0) {
                            this.curSelectCerl.push({
                              cerlType: res.content[i].cerlType,
                              items: [res.content[i]],
                            });
                          } else {
                            tempItem[0].items.push(res.content[i]);
                          }
                        }
                      }
                    );
                    // 当前选中的企业风险
                    await getthRisk(
                      toRRisk[0].coms[k].companyId,
                      0,
                      99999
                    ).then((res) => {
                      this.curSelectRisk = [...res.content];
                    });
                    await getriskNumAnalysis(toRRisk[0].coms[k].companyId).then(
                      (res) => {
                        // console.log(res, 'hehehehhehehehehehe')
                        // 初始化四个风险等级对应的数量
                        this.riskMajorRiskSum = 0;
                        this.riskGreaterRiskSum = 0;
                        this.riskNormalRiskSum = 0;
                        this.riskLowRiskSum = 0;
                        if (res.totalElements > 3) {
                          for (let i = 0; i < res.content.length; i++) {
                            if (res.content[i].rnaLevel === "重大风险") {
                              this.riskMajorRiskSum = res.content[i].rnaNum;
                              break;
                            }
                          }
                          for (let i = 0; i < res.content.length; i++) {
                            if (res.content[i].rnaLevel === "较大风险") {
                              this.riskGreaterRiskSum = res.content[i].rnaNum;
                              break;
                            }
                          }
                          for (let i = 0; i < res.content.length; i++) {
                            if (res.content[i].rnaLevel === "一般风险") {
                              this.riskNormalRiskSum = res.content[i].rnaNum;
                              break;
                            }
                          }
                          for (let i = 0; i < res.content.length; i++) {
                            if (res.content[i].rnaLevel === "低风险") {
                              this.riskLowRiskSum = res.content[i].rnaNum;
                              break;
                            }
                          }
                        }
                      }
                    );
                    // 当前选中的企业隐患
                    await getHideDangeByIdOrderHdLevel(
                      toRRisk[0].coms[k].companyId
                    ).then((res) => {
                      this.curSelectHD = [...res.content];
                      this.curSelectNormalHD = this.curSelectHD.filter(
                        (item) => Number(item.hdLevel) === 1
                      );
                      this.curSelectMajorHD = this.curSelectHD.filter(
                        (item) => Number(item.hdLevel) === 2
                      );
                      // 当前一般隐患数量
                      this.curSelectHDGenSum = this.curSelectHD.filter(
                        (item) => Number(item.hdLevel) === 1
                      ).length;
                      // 当前重大隐患数量
                      this.curSelectHDMajorSum = this.curSelectHD.filter(
                        (item) => Number(item.hdLevel) === 2
                      ).length;
                      // 未整改的数量
                      this.curSelectHDNorectSum = this.curSelectHD.filter(
                        (item) => Number(item.hdStatus) === 0
                      ).length;
                      console.log(this.curSelectHD, "this.curSelectHD, 8");
                      console.log(
                        this.curSelectHDGenSum,
                        "this.curSelectHDGenSum, 8"
                      );
                      console.log(
                        this.curSelectHDMajorSum,
                        "this.curSelectHDMajorSum, 8"
                      );
                      console.log(
                        this.curSelectHDNorectSum,
                        "this.curSelectHDNorectSum, 8"
                      );
                      // 初始化当前整改率
                      this.curSelectHDRectPercentSum = 0;
                      if (
                        this.curSelectHDMajorSum > 0 ||
                        this.curSelectHDGenSum > 0
                      ) {
                        this.curSelectHDRectPercentSum = (
                          ((this.curSelectHDGenSum +
                            this.curSelectHDMajorSum -
                            this.curSelectHDNorectSum) /
                            (this.curSelectHDMajorSum +
                              this.curSelectHDGenSum)) *
                          100
                        ).toFixed(0);
                        if (isNaN(this.curSelectHDRectPercentSum)) {
                          this.curSelectHDRectPercentSum = 0;
                        }
                      }
                    });
                    // 请求安全检查
                    await getRiskStandingBook(
                      toRRisk[0].coms[k].companyId
                    ).then((res) => {
                      const tempSCCheck = [...res.content];
                      this.curSelectSC = [];
                      for (let i = 0; i < tempSCCheck.length; i++) {
                        const getTempArr = this.curSelectSC.filter(
                          (item) => item.rsbtType === tempSCCheck[i].rsbtType
                        );
                        if (getTempArr.length === 0) {
                          this.curSelectSC.push({
                            rsbtType: tempSCCheck[i].rsbtType,
                            isShow: false,
                            items: [tempSCCheck[i]],
                          });
                        } else {
                          // rsbInspectContent
                          getTempArr[0].items.push(tempSCCheck[i]);
                        }
                      }
                    });
                    let evalueteSum = 0;
                    this.curSelectSC.forEach((item) =>
                      item.items.forEach((rsb) => {
                        if (!rsb.rsbInspectCase) {
                          evalueteSum++;
                        }
                      })
                    );
                    if (evalueteSum === 0) {
                      this.curEnterStar = 5;
                    } else if (evalueteSum < 10) {
                      this.curEnterStar = 4;
                    } else if (evalueteSum < 20) {
                      this.curEnterStar = 3;
                    } else if (evalueteSum < 30) {
                      this.curEnterStar = 2;
                    } else {
                      this.curEnterStar = 1;
                    }
                    this.curSelectHD.filter(
                      (item) => item.hdLevel == 2 && item.hdStatus == 0
                    ).length > 0
                      ? (this.curEnterStar = 1)
                      : null;
                    let evalueteResSum = 0;
                    let totalResSum = 0;
                    this.curSelectCerl.forEach((item) =>
                      item.items.forEach((rsb) => {
                        if (!rsb.cerlQualified) {
                          evalueteResSum++;
                        }
                        totalResSum++;
                      })
                    );
                    if (evalueteResSum === 0) {
                      this.curEnterStar2 = 5;
                    } else if (evalueteResSum < 10) {
                      this.curEnterStar2 = 4;
                    } else if (evalueteResSum < 30) {
                      this.curEnterStar2 = 3;
                    } else if (evalueteResSum < 50) {
                      this.curEnterStar2 = 2;
                    } else if (totalResSum === evalueteResSum) {
                      this.curEnterStar2 = 0;
                    } else {
                      this.curEnterStar2 = 1;
                    }
                    // 显示企业信息
                    this.isShowEnterInfo = true;

                    // if (!this.isShowEnterHD) {
                    //   // 关闭隐患
                    //   this.enterHDClick()
                    // }
                    const hdDom = document.querySelector(
                      ".curSelect-enter-hd-items-animation-wrapper"
                    );
                    hdDom.style.top = "0px";
                    hdDom.onmouseover = null;
                    hdDom.onmouseout = null;
                    if (this.hdTimer) {
                      clearInterval(this.hdTimer);
                    }
                    const riskDom = document.querySelector(
                      ".curSelect-enter-risk-content-items-animation-wrapper"
                    );
                    riskDom.style.top = "0px";
                    riskDom.onmouseover = null;
                    riskDom.onmouseout = null;
                    if (this.riskTimer) {
                      clearInterval(this.riskTimer);
                    }
                    // 显示企业隐患
                    this.isShowEnterHD = true;
                    // 显示企业风险
                    this.isShowEnterRisk = true;
                    this.$nextTick(() => {
                      // 是否开启企业风险的动画
                      if (this.curSelectRisk.length > 4) {
                        this.generateAnimation(
                          ".curSelect-enter-risk-content-items-animation-wrapper",
                          true
                        );
                      }
                      // 是否开启企业隐患的动画
                      if (this.curSelectHD.length > 7) {
                        this.generateAnimation(
                          ".curSelect-enter-hd-items-animation-wrapper",
                          false
                        );
                      }
                    });
                    this.mapActiveIndex = 0;
                  });
                  toRRisk[0].markers.push(marker);
                  this.map.add(marker);
                }
                toRRisk[0].isInit = true;
              });
              promiseArr.push(p1);
            }
          }
        }
      }
      await Promise.all(promiseArr).then((res) => {});
      // 补充当前企业到全局 管理局-行业-企业
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          this.curDepartIndusEnters[i].induses[j].coms = [];
        }
      }
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          for (let k = 0; k < this.regionsWithShow.length; k++) {
            if (this.regionsWithShow[k].isShow === true) {
              const toRRisk = this.regionsRisks.filter(
                (item) =>
                  item.region === this.regionsWithShow[k].region &&
                  item.riskLevel === "较大风险"
              );
              if (toRRisk.length) {
                if (toRRisk[0].isInit) {
                  for (let l = 0; l < toRRisk[0].coms.length; l++) {
                    if (
                      this.curDepartIndusEnters[i].induses[j].indus ===
                      toRRisk[0].coms[l].companyIndustryName
                    ) {
                      this.curDepartIndusEnters[i].induses[j].coms.push(
                        toRRisk[0].coms[l]
                      );
                    }
                  }
                }
              }
            }
          }
        }
      }
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        let sum = 0;
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          sum += this.curDepartIndusEnters[i].induses[j].coms
            ? this.curDepartIndusEnters[i].induses[j].coms.length
            : 0;
        }
        this.departmentNum[i] = sum;
      }
      this.departmentNum = [...this.departmentNum];
      this.isShowIndusDepartment = true;
      this.isShowIndusTypes = false;
      this.isShowEnterLists = false;
      this.riskTypeIndex = 2;
    },
    // new 点击重大风险
    async clickMajorRisk() {
      const AMap = window.AMap || {};
      // 点击显示所有节点 或 隐藏节点
      // 如果当前节点是显示的，隐藏当前节点
      if (this.riskTypeIndex === 1) {
        for (let i = 0; i < this.regionsWithShow.length; i++) {
          if (this.regionsWithShow[i].isShow === true) {
            const toRRisk = this.regionsRisks.filter(
              (item) =>
                item.region === this.regionsWithShow[i].region &&
                item.riskLevel === "重大风险"
            );
            if (toRRisk.length) {
              if (toRRisk[0].isInit) {
                toRRisk[0].markers.forEach((item) => {
                  this.map.remove(item);
                });
              }
            }
          }
        }
        this.riskTypeIndex = 0;
        this.isShowIndusDepartment = false;
        this.isShowIndusTypes = false;
        this.isShowEnterLists = false;
        this.curSelectDepartmentIndex = -1;
        this.curSelectIndusIndex = -1;
        this.curSelectEnterIndex = -1;
        this.departmentNum = [];
        for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
          this.departmentNum.push(0);
        }
        return;
      }
      if (this.riskTypeIndex === 2) {
        this.$refs["risktypes2"].click();
      }
      if (this.riskTypeIndex === 3) {
        this.$refs["risktypes3"].click();
      }
      if (this.riskTypeIndex === 4) {
        this.$refs["risktypes4"].click();
      }
      if (this.hdTypeIndex === 1) {
        this.$refs["dangertypes1"].click();
      }
      if (this.hdTypeIndex === 2) {
        this.$refs["dangertypes2"].click();
      }
      if (this.hdTypeIndex === 3) {
        this.$refs["dangertypes3"].click();
      }
      this.isShowEnterRisk = false;
      this.isShowEnterHD = false;
      this.isShowEnterInfo = false;
      this.isShowEnterSC = false;
      // 如果本地暂时没有，进行获取和初始化
      // promise 数组
      const promiseArr = [];
      for (let i = 0; i < this.regionsWithShow.length; i++) {
        if (this.regionsWithShow[i].isShow === true) {
          const toRRisk = this.regionsRisks.filter(
            (item) =>
              item.region === this.regionsWithShow[i].region &&
              item.riskLevel === "重大风险"
          );
          if (toRRisk.length) {
            if (toRRisk[0].isInit) {
              toRRisk[0].markers.forEach((item) => {
                this.map.add(item);
              });
            } else {
              // 进行网络请求 初始化 marker
              const p1 = getComsByAreaRisk(
                this.regionsWithShow[i].region,
                "威海经济技术开发区",
                "重大风险"
              ).then((res) => {
                toRRisk[0].coms = [...res];
                for (let k = 0; k < toRRisk[0].coms.length; k++) {
                  const marker = new AMap.Marker({
                    position: [
                      Number(toRRisk[0].coms[k].companyLng),
                      Number(toRRisk[0].coms[k].companyLat),
                    ],
                    content: this.getMarkerContent(4),
                    title: toRRisk[0].coms[k].companyName,
                  });
                  marker.on("mouseover", () => {
                    marker.setLabel({
                      content: `<div>${toRRisk[0].coms[k].companyName}</div>`,
                      offset: new AMap.Pixel(0, -20),
                    });
                  });
                  marker.on("mouseout", () => {
                    marker.setLabel({
                      content: "",
                    });
                  });
                  marker.on("click", async () => {
                    // 初始化当前选中的企业信息
                    this.curSelectEnter = { ...toRRisk[0].coms[k] };
                    // console.log(this.curSelectEnter, 'this.curSelectEnterEnterEnter')
                    await getCompanyInfoById(toRRisk[0].coms[k].companyId).then(
                      (res) => {
                        this.curSelectEnter = { ...res.content[0] };
                      }
                    );
                    // 获取清单列表
                    await getResponseList(toRRisk[0].coms[k].companyId).then(
                      (res) => {
                        this.curSelectCerl = [];
                        for (let i = 0; i < res.content.length; i++) {
                          const tempItem = this.curSelectCerl.filter(
                            (item) => item.cerlType === res.content[i].cerlType
                          );
                          if (tempItem.length === 0) {
                            this.curSelectCerl.push({
                              cerlType: res.content[i].cerlType,
                              items: [res.content[i]],
                            });
                          } else {
                            tempItem[0].items.push(res.content[i]);
                          }
                        }
                      }
                    );
                    // 当前选中的企业风险
                    await getthRisk(
                      toRRisk[0].coms[k].companyId,
                      0,
                      99999
                    ).then((res) => {
                      this.curSelectRisk = [...res.content];
                    });
                    await getriskNumAnalysis(toRRisk[0].coms[k].companyId).then(
                      (res) => {
                        // console.log(res, 'hehehehhehehehehehe')
                        // 初始化四个风险等级对应的数量
                        this.riskMajorRiskSum = 0;
                        this.riskGreaterRiskSum = 0;
                        this.riskNormalRiskSum = 0;
                        this.riskLowRiskSum = 0;
                        if (res.totalElements > 3) {
                          for (let i = 0; i < res.content.length; i++) {
                            if (res.content[i].rnaLevel === "重大风险") {
                              this.riskMajorRiskSum = res.content[i].rnaNum;
                              break;
                            }
                          }
                          for (let i = 0; i < res.content.length; i++) {
                            if (res.content[i].rnaLevel === "较大风险") {
                              this.riskGreaterRiskSum = res.content[i].rnaNum;
                              break;
                            }
                          }
                          for (let i = 0; i < res.content.length; i++) {
                            if (res.content[i].rnaLevel === "一般风险") {
                              this.riskNormalRiskSum = res.content[i].rnaNum;
                              break;
                            }
                          }
                          for (let i = 0; i < res.content.length; i++) {
                            if (res.content[i].rnaLevel === "低风险") {
                              this.riskLowRiskSum = res.content[i].rnaNum;
                              break;
                            }
                          }
                        }
                      }
                    );
                    // 当前选中的企业隐患
                    await getHideDangeByIdOrderHdLevel(
                      toRRisk[0].coms[k].companyId
                    ).then((res) => {
                      this.curSelectHD = [...res.content];
                      this.curSelectNormalHD = this.curSelectHD.filter(
                        (item) => Number(item.hdLevel) === 1
                      );
                      this.curSelectMajorHD = this.curSelectHD.filter(
                        (item) => Number(item.hdLevel) === 2
                      );
                      // 当前一般隐患数量
                      this.curSelectHDGenSum = this.curSelectHD.filter(
                        (item) => Number(item.hdLevel) === 1
                      ).length;
                      // 当前重大隐患数量
                      this.curSelectHDMajorSum = this.curSelectHD.filter(
                        (item) => Number(item.hdLevel) === 2
                      ).length;
                      // 未整改的数量
                      this.curSelectHDNorectSum = this.curSelectHD.filter(
                        (item) => Number(item.hdStatus) === 0
                      ).length;
                      console.log(this.curSelectHD, "this.curSelectHD, 9");
                      console.log(
                        this.curSelectHDGenSum,
                        "this.curSelectHDGenSum, 9"
                      );
                      console.log(
                        this.curSelectHDMajorSum,
                        "this.curSelectHDMajorSum, 9"
                      );
                      console.log(
                        this.curSelectHDNorectSum,
                        "this.curSelectHDNorectSum, 9"
                      );
                      // 初始化当前整改率
                      this.curSelectHDRectPercentSum = 0;
                      if (
                        this.curSelectHDMajorSum > 0 ||
                        this.curSelectHDGenSum > 0
                      ) {
                        this.curSelectHDRectPercentSum = (
                          ((this.curSelectHDGenSum +
                            this.curSelectHDMajorSum -
                            this.curSelectHDNorectSum) /
                            (this.curSelectHDMajorSum +
                              this.curSelectHDGenSum)) *
                          100
                        ).toFixed(0);
                        if (isNaN(this.curSelectHDRectPercentSum)) {
                          this.curSelectHDRectPercentSum = 0;
                        }
                      }
                    });
                    // 请求安全检查
                    await getRiskStandingBook(
                      toRRisk[0].coms[k].companyId
                    ).then((res) => {
                      const tempSCCheck = [...res.content];
                      this.curSelectSC = [];
                      for (let i = 0; i < tempSCCheck.length; i++) {
                        const getTempArr = this.curSelectSC.filter(
                          (item) => item.rsbtType === tempSCCheck[i].rsbtType
                        );
                        if (getTempArr.length === 0) {
                          this.curSelectSC.push({
                            rsbtType: tempSCCheck[i].rsbtType,
                            isShow: false,
                            items: [tempSCCheck[i]],
                          });
                        } else {
                          // rsbInspectContent
                          getTempArr[0].items.push(tempSCCheck[i]);
                        }
                      }
                    });
                    let evalueteSum = 0;
                    this.curSelectSC.forEach((item) =>
                      item.items.forEach((rsb) => {
                        if (!rsb.rsbInspectCase) {
                          evalueteSum++;
                        }
                      })
                    );
                    if (evalueteSum === 0) {
                      this.curEnterStar = 5;
                    } else if (evalueteSum < 10) {
                      this.curEnterStar = 4;
                    } else if (evalueteSum < 20) {
                      this.curEnterStar = 3;
                    } else if (evalueteSum < 30) {
                      this.curEnterStar = 2;
                    } else {
                      this.curEnterStar = 1;
                    }
                    this.curSelectHD.filter(
                      (item) => item.hdLevel == 2 && item.hdStatus == 0
                    ).length > 0
                      ? (this.curEnterStar = 1)
                      : null;
                    let evalueteResSum = 0;
                    let totalResSum = 0;
                    this.curSelectCerl.forEach((item) =>
                      item.items.forEach((rsb) => {
                        if (!rsb.cerlQualified) {
                          evalueteResSum++;
                        }
                        totalResSum++;
                      })
                    );
                    if (evalueteResSum === 0) {
                      this.curEnterStar2 = 5;
                    } else if (evalueteResSum < 10) {
                      this.curEnterStar2 = 4;
                    } else if (evalueteResSum < 30) {
                      this.curEnterStar2 = 3;
                    } else if (evalueteResSum < 50) {
                      this.curEnterStar2 = 2;
                    } else if (totalResSum === evalueteResSum) {
                      this.curEnterStar2 = 0;
                    } else {
                      this.curEnterStar2 = 1;
                    }
                    // 显示企业信息
                    this.isShowEnterInfo = true;

                    // if (!this.isShowEnterHD) {
                    //   // 关闭隐患
                    //   this.enterHDClick()
                    // }
                    const hdDom = document.querySelector(
                      ".curSelect-enter-hd-items-animation-wrapper"
                    );
                    hdDom.style.top = "0px";
                    hdDom.onmouseover = null;
                    hdDom.onmouseout = null;
                    if (this.hdTimer) {
                      clearInterval(this.hdTimer);
                    }
                    const riskDom = document.querySelector(
                      ".curSelect-enter-risk-content-items-animation-wrapper"
                    );
                    riskDom.style.top = "0px";
                    riskDom.onmouseover = null;
                    riskDom.onmouseout = null;
                    if (this.riskTimer) {
                      clearInterval(this.riskTimer);
                    }
                    // 显示企业隐患
                    this.isShowEnterHD = true;
                    // 显示企业风险
                    this.isShowEnterRisk = true;
                    this.$nextTick(() => {
                      // 是否开启企业风险的动画
                      if (this.curSelectRisk.length > 4) {
                        this.generateAnimation(
                          ".curSelect-enter-risk-content-items-animation-wrapper",
                          true
                        );
                      }
                      // 是否开启企业隐患的动画
                      if (this.curSelectHD.length > 7) {
                        this.generateAnimation(
                          ".curSelect-enter-hd-items-animation-wrapper",
                          false
                        );
                      }
                    });
                    this.mapActiveIndex = 0;
                  });
                  toRRisk[0].markers.push(marker);
                  this.map.add(marker);
                }
                toRRisk[0].isInit = true;
              });
              promiseArr.push(p1);
            }
          }
        }
      }
      await Promise.all(promiseArr).then((res) => {});
      // 补充当前企业到全局 管理局-行业-企业
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          this.curDepartIndusEnters[i].induses[j].coms = [];
        }
      }
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          for (let k = 0; k < this.regionsWithShow.length; k++) {
            if (this.regionsWithShow[k].isShow === true) {
              const toRRisk = this.regionsRisks.filter(
                (item) =>
                  item.region === this.regionsWithShow[k].region &&
                  item.riskLevel === "重大风险"
              );
              if (toRRisk.length) {
                if (toRRisk[0].isInit) {
                  for (let l = 0; l < toRRisk[0].coms.length; l++) {
                    if (
                      this.curDepartIndusEnters[i].induses[j].indus ===
                      toRRisk[0].coms[l].companyIndustryName
                    ) {
                      this.curDepartIndusEnters[i].induses[j].coms.push(
                        toRRisk[0].coms[l]
                      );
                    }
                  }
                }
              }
            }
          }
        }
      }
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        let sum = 0;
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          sum += this.curDepartIndusEnters[i].induses[j].coms
            ? this.curDepartIndusEnters[i].induses[j].coms.length
            : 0;
        }
        this.departmentNum[i] = sum;
      }
      this.departmentNum = [...this.departmentNum];
      this.isShowIndusDepartment = true;
      this.isShowIndusTypes = false;
      this.isShowEnterLists = false;
      this.riskTypeIndex = 1;
    },
    // 显示当前选中行业
    showCurHDRiskEnter(coms, index) {
      this.riskhdEnter = [...coms];
      this.isShowRiskHDEnterList = true;
      // 设置 index 控制文字颜色
      this.riskhdIndusIndex = index;
    },
    // 显示风险详情子项
    showRiskItem(item) {
      this.curSelectRiskDetail = item;
    },
    // 显示隐患详情子项
    async showHDItem(item) {
      // 这里是不是要根据隐患id 来获取图片
      this.curSelectHDDetail = item;
      await getHideDangerBychIds(this.curSelectEnter.companyId, item.hdId).then(
        (res) => {
          this.curSelectHDDetail = { ...res.content[0] };
        }
      );
    },
    // 去安全检查链接
    toSTLink() {
      for (let i = 0; i < this.tempHDKWEntry.length; i++) {
        this.map.remove(this.tempHDKWEntry[i]);
      }
      this.tempHDKWEntry = [];
      // this.mapmapActiveIndex
      if (this.mapActiveIndex === 3) {
        this.mapActiveIndex = -1;
        // this.isShowTeachChargeDepart = false
        // this.isShowTeachIndusTypes = false
        // this.isShowTeachEnterLists = false
      } else {
        this.mapActiveIndex = 3;
      }
      // window.open("https://www.hongyupeixun.com/");
    },
    // 点击企业将地图中心传给企业
    mapToEnterPos(item) {
      const AMap = window.AMap || {};
      // setZoom(level:Number)
      // setCenter(position:LngLat)
      this.map.setZoom(16);
      this.map.setCenter(
        new AMap.LngLat(Number(item.companyLng), Number(item.companyLat))
      );
    },
    // 产生动画
    generateAnimation(domString, isRisk) {
      const focusDom = document.querySelector(domString);
      const focusHeight = focusDom.offsetHeight / 2;
      let curTop = isNaN(Number(focusDom.style.top))
        ? 0
        : Number(focusDom.style.top);
      focusDom.style.top = "0px";
      if (isRisk) {
        this.riskTimer = setInterval(() => {
          if (curTop >= focusHeight) {
            curTop = 1;
            focusDom.style.top = 0 + "px";
          } else {
            focusDom.style.top = -curTop++ + "px";
          }
        }, 50);
        // focusDom.onmouseover('mouseover', () => {
        //   clearInterval(this.riskTimer)
        // })
        focusDom.onmouseover = () => {
          clearInterval(this.riskTimer);
        };
        focusDom.onmouseout = () => {
          this.riskTimer = setInterval(() => {
            if (curTop >= focusHeight) {
              curTop = 0;
              focusDom.style.top = 0 + "px";
            } else {
              focusDom.style.top = -curTop++ + "px";
            }
          }, 50);
        };
        // focusDom.onmouseout('mouseout', () => {
        //   this.riskTimer = setInterval(() => {
        //     if (curTop >= focusHeight) {
        //       curTop = 0
        //       focusDom.style.top = 0 + 'px'
        //     } else {
        //       focusDom.style.top = (-(curTop++)) + 'px'
        //     }
        //   }, 50)
        // })
        // focusDom.addEventListener('mouseover', () => {
        //   clearInterval(this.riskTimer)
        // })
        // focusDom.addEventListener('mouseout', () => {
        //   this.riskTimer = setInterval(() => {
        //     if (curTop >= focusHeight) {
        //       curTop = 0
        //       focusDom.style.top = 0 + 'px'
        //     } else {
        //       focusDom.style.top = (-(curTop++)) + 'px'
        //     }
        //   }, 50)
        // })
      } else {
        this.hdTimer = setInterval(() => {
          if (curTop >= focusHeight) {
            curTop = 1;
            focusDom.style.top = 0 + "px";
          } else {
            focusDom.style.top = -curTop++ + "px";
          }
        }, 50);
        focusDom.onmouseover = () => {
          clearInterval(this.hdTimer);
        };
        focusDom.onmouseout = () => {
          this.hdTimer = setInterval(() => {
            if (curTop >= focusHeight) {
              curTop = 0;
              focusDom.style.top = 0 + "px";
            } else {
              focusDom.style.top = -curTop++ + "px";
            }
          }, 50);
        };
        // focusDom.addEventListener('mouseover', () => {
        //   clearInterval(this.hdTimer)
        // })
        // focusDom.addEventListener('mouseout', () => {
        //   this.hdTimer = setInterval(() => {
        //     if (curTop >= focusHeight) {
        //       curTop = 0
        //       focusDom.style.top = 0 + 'px'
        //     } else {
        //       focusDom.style.top = (-(curTop++)) + 'px'
        //     }
        //   }, 50)
        // })
      }

      // document
      // const timer1 = setInterval(() => {
      //   if (curSelectIndex === totalSum) {
      //     // document.querySelector('.curSelect-enter-risk-content-items-animation-wrapper').style.
      //   } else {
      //     document.querySelector('.curSelect-enter-risk-content-items-animation-wrapper').style.transform = `translateY(${-(100 / (totalSum * 2)) * (curSelectIndex++)}%)`
      //   }
      //   console.log(document.querySelector('.curSelect-enter-risk-content-items-animation-wrapper').style.transition, 'hahahahahhahahahahhahahahahahahha')
      //   // if (totalSum > ((curSelectIndex / 2) + 1)) {
      //   //   clearInterval(timer1)
      //   // }
      // }, 1000)
      // this.tempTimer = setInterval(() => {
      //   document.querySelector('.curSelect-enter-risk-content-items-animation-wrapper').style.transform = `translateY(${-(100 / totalSum)}%)`
      //   // this.tempRiskPoint
      //   // setTimeout(() => {
      //   //   this.tempRiskPoint.push(...this.tempRiskPoint.splice(0, 1))
      //   // }, 1000)
      //   // this.tempRiskPoint.push(...this.tempRiskPoint.splice(0, 1))
      // }, 1000)
      // setTimeout(() => {
      //   document.querySelector('.curSelect-enter-risk-content-items-animation-wrapper').style.transform = `translateY(${-(100 / totalSum)}%)`
      // }, 1000)
    },
    // 关闭动画
    clearAnimation(isRisk) {
      if (isRisk) {
        document.querySelector(
          ".curSelect-enter-risk-content-items-animation-wrapper"
        ).style.top = "0px";
        clearInterval(this.riskTimer);
      } else {
        document.querySelector(
          ".curSelect-enter-hd-items-animation-wrapper"
        ).style.top = "0px";
        clearInterval(this.hdTimer);
      }
    },
    // 关闭风险
    enterRiskClose() {
      // 关闭动画
      this.clearAnimation(true);
      // 关闭企业风险框
      this.isShowEnterRisk = false;
    },
    // 关闭隐患
    enterHDClick() {
      // 关闭动画
      this.clearAnimation(false);
      // 关闭企业隐患框
      this.isShowEnterHD = false;
    },
    // 企业简介item点击展示
    briefIntroClick() {
      this.isFilterPointer = false;
      this.isShowEnterInfoItem = true;
    },
    // 展示企业安全检查项
    enterSCItemShow(items, type) {
      this.curSelectSCItems = [];
      this.curSelectSCItems = items;
      this.isFilterPointer = false;
      this.isShowEnterSCItem = true;
      this.currsbtType = type;
    },
    // 展示企业责任检查项
    enterCerlItemShow(items, type) {
      console.log(items, type, "woqutamade");
      this.curSelectCerlItems = [];
      this.curSelectCerlItems = items;
      this.isFilterPointer = false;
      this.isShowEnterCerlItem = true;
      this.curcerlType = type;
    },
    // 企业安全检查项点击关闭
    enterSCItemClose() {
      this.isFilterPointer = true;
      this.isShowEnterSCItem = false;
    },
    // 企业责任清单项点击关闭
    enterCerlItemClose() {
      this.isFilterPointer = true;
      this.isShowEnterCerlItem = false;
    },
    // 企业隐患措施项点击关闭
    enterHDItemClose() {
      this.isFilterPointer = true;
      this.isShowEnterHDItem = false;
    },
    // 企业风险措施项点击关闭
    enterRiskItemClose() {
      this.isFilterPointer = true;
      this.isShowEnterRiskItem = false;
    },
    // 企业信息项点击关闭
    enterInfoItemClose() {
      this.isFilterPointer = true;
      this.isShowEnterInfoItem = false;
      console.log(this.isFilterPointer, "this.isFilterPointer");
    },
    // 企业证书关闭
    enterCertifyItemClose() {
      this.isFilterPointer = true;
      this.isShowCertify = false;
    },
    // 企业备案关闭
    enterDangerItemClose() {
      this.isFilterPointer = true;
      this.isShowDanger = false;
    },
    // 显示企业风险详情
    enterRiskPointClick(item) {
      this.curSelectRiskDetail = item;
      this.isFilterPointer = false;
      this.isShowEnterRiskItem = true;
    },
    // 显示企业隐患详情
    async enterHDItemClick(item) {
      await getHideDangerBychIds(this.curSelectEnter.companyId, item.hdId).then(
        (res) => {
          this.curSelectHDDetail = { ...res.content[0] };
        }
      );
      // this.curSelectHDDetail = item
      this.isFilterPointer = false;
      this.isShowEnterHDItem = true;
    },
    // header 上的所有项
    // 风险分级管控
    urgentFuncClick() {
      for (let i = 0; i < this.tempHDKWEntry.length; i++) {
        this.map.remove(this.tempHDKWEntry[i]);
      }
      this.tempHDKWEntry = [];
      if (this.mapActiveIndex === 1) {
        this.mapActiveIndex = 0;
        return;
      }
      this.isShowEnterInfo = false;
      this.isShowEnterRisk = false;
      this.isShowEnterHD = false;
      this.isShowEnterSC = false;
      this.isShowEnterCerl = false;
      for (let i = 0; i < this.emergencyIndustryNames.length; i++) {
        if (this.emergencyIndustryNames[i].isShow) {
          this.$refs["eginmarkers" + i][0].click();
        }
      }
      for (let i = 0; i < this.nationIndustryNames.length; i++) {
        if (this.nationIndustryNames[i].isShow) {
          this.$refs["ntinmarkers" + i][0].click();
        }
      }
      this.mapActiveIndex = 1;
      if (
        this.hdTypeIndex === 1 ||
        this.hdTypeIndex === 2 ||
        this.hdTypeIndex === 3
      ) {
        this.isShowEnterLists = false;
        this.isShowIndusTypes = false;
        this.isShowIndusDepartment = false;
      }
    },
    // 隐患排查治理
    hidedangerfuncClick() {
      for (let i = 0; i < this.tempHDKWEntry.length; i++) {
        this.map.remove(this.tempHDKWEntry[i]);
      }
      this.tempHDKWEntry = [];
      if (this.mapActiveIndex === 2) {
        this.mapActiveIndex = 0;
        return;
      }
      this.isShowEnterInfo = false;
      this.isShowEnterRisk = false;
      this.isShowEnterHD = false;
      this.isShowEnterSC = false;
      this.isShowEnterCerl = false;
      for (let i = 0; i < this.emergencyIndustryNames.length; i++) {
        if (this.emergencyIndustryNames[i].isShow) {
          this.$refs["eginmarkers" + i][0].click();
        }
      }
      for (let i = 0; i < this.nationIndustryNames.length; i++) {
        if (this.nationIndustryNames[i].isShow) {
          this.$refs["ntinmarkers" + i][0].click();
        }
      }
      this.mapActiveIndex = 2;
      if (
        this.riskTypeIndex === 1 ||
        this.riskTypeIndex === 2 ||
        this.riskTypeIndex === 3 ||
        this.riskTypeIndex === 4
      ) {
        this.isShowEnterLists = false;
        this.isShowIndusTypes = false;
        this.isShowIndusDepartment = false;
      }
    },
    // 安全教育培训
    specialapprovalfunc() {
      for (let i = 0; i < this.tempHDKWEntry.length; i++) {
        this.map.remove(this.tempHDKWEntry[i]);
      }
      this.tempHDKWEntry = [];
      if (this.mapActiveIndex === 3) {
        this.mapActivIndex = -1;
      } else {
        this.mapActiveIndex = 3;
        this.isShowEnterInfo = false;
        this.isShowEnterRisk = false;
        this.isShowEnterHD = false;
        this.isShowHDListNormal = false;
        this.isShowHDListMajor = false;
        this.isShowEnterSC = false;
        this.isShowEnterCerl = false;
      }
    },
    // 数据统计分析
    specialdevicefunc() {
      for (let i = 0; i < this.tempHDKWEntry.length; i++) {
        this.map.remove(this.tempHDKWEntry[i]);
      }
      this.tempHDKWEntry = [];
      if (this.mapActiveIndex === 4) {
        this.mapActiveIndex = 0;
        return;
      }
      this.isShowEnterInfo = false;
      this.isShowEnterRisk = false;
      this.isShowEnterHD = false;
      this.isShowEnterSC = false;
      this.isShowEnterCerl = false;
      this.mapActiveIndex = 4;
      this.dataAnalysisMap();
    },
    // 特殊作业审批
    datastaticfunc() {
      for (let i = 0; i < this.tempHDKWEntry.length; i++) {
        this.map.remove(this.tempHDKWEntry[i]);
      }
      this.tempHDKWEntry = [];
      if (this.mapActiveIndex === 5) {
        this.mapActiveIndex = 0;
        this.isShowDangerChargeDeaprt = false;
        this.isShowDangerIndusTypes = false;
        this.isShowDangerEnterLists = false;
        this.isShowDangerList = false;
        this.isShowDanger = false;
        return;
      }
      this.isShowEnterInfo = false;
      this.isShowEnterRisk = false;
      this.isShowEnterHD = false;
      this.isShowEnterSC = false;
      this.isShowEnterCerl = false;
      this.mapActiveIndex = 5;
      this.isShowDangerChargeDeaprt = true;
      this.isShowDangerIndusTypes = false;
      this.isShowDangerEnterLists = false;
      this.isShowDanger = false;
      this.isShowDangerList = false;
      // 补充当前企业到全局 管理局-行业-企业
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          this.curDepartIndusEnters[i].induses[j].coms = [];
        }
      }
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          for (let k = 0; k < this.dangerWorkRecord.length; k++) {
            if (this.dangerWorkRecord[k].industryName === this.curDepartIndusEnters[i].induses[j].indus) {
              this.curDepartIndusEnters[i].induses[j].coms.push(this.dangerWorkRecord[k])
            }
          }
        }
      }
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        let sum = 0;
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          sum += this.curDepartIndusEnters[i].induses[j].coms
            ? this.curDepartIndusEnters[i].induses[j].coms.length
            : 0;
        }
        this.departmentNum[i] = sum;
      }
      // index
      this.curSelectDepartmentIndex = -1;
      this.curSelectIndusIndex = -1;
      this.curSelectEnterIndex = -1;
    },
    // 特种设备管理
    secureteachfunc() {
      for (let i = 0; i < this.tempHDKWEntry.length; i++) {
        this.map.remove(this.tempHDKWEntry[i]);
      }
      this.tempHDKWEntry = [];
      if (this.mapActiveIndex === 6) {
        this.mapActiveIndex = -1;
      } else {
        this.mapActiveIndex = 6;
      }
      window.open("http://218.57.139.17:9080/SDJC/account!login.do");
    },
    certifiesManage() {
      for (let i = 0; i < this.tempHDKWEntry.length; i++) {
        this.map.remove(this.tempHDKWEntry[i]);
      }
      this.tempHDKWEntry = [];
      if (this.mapActiveIndex === 7) {
        this.mapActiveIndex = 0;
        return;
      }
      this.mapActiveIndex = 7;
      this.isShowEnterInfo = false;
      this.isShowEnterRisk = false;
      this.isShowEnterHD = false;
      this.isShowHDListNormal = false;
      this.isShowHDListMajor = false;
      this.isShowEnterSC = false;
      this.isShowEnterCerl = false;
    },
    // 政策法规指南
    policiesfunc() {
      for (let i = 0; i < this.tempHDKWEntry.length; i++) {
        this.map.remove(this.tempHDKWEntry[i]);
      }
      this.tempHDKWEntry = [];
      if (this.mapActiveIndex !== 9) {
        this.mapActiveIndex = 9;
        this.isShowEnterInfo = false;
        this.isShowEnterRisk = false;
        this.isShowEnterHD = false;
        this.isShowHDListNormal = false;
        this.isShowHDListMajor = false;
        this.isShowEnterSC = false;
        this.isShowEnterCerl = false;
      } else {
        this.mapActiveIndex = -1;
        return;
      }
    },
    // 行业信息预警
    async indusInfoWarnFunc() {
      if (this.mapActiveIndex !== 8) {
        this.mapActiveIndex = 8;
        this.isShowEnterInfo = false;
        this.isShowEnterRisk = false;
        this.isShowEnterHD = false;
        this.isShowHDListNormal = false;
        this.isShowHDListMajor = false;
        this.isShowEnterSC = false;
        this.isShowEnterCerl = false;
      } else {
        this.mapActiveIndex = -1;
        return;
      }
      await toptenHDKW().then((res) => {
        this.vocabulary = [...res];
      });
    },
    // 后台管理系统
    backendfunc() {
      if (this.$router) {
        this.$router.push({ path: "/" });
      }
    },
    // 风险类别 隐患类别所有项
    // 清空所有地图上的
    majorRiskSurveyClick() {
      if (this.riskTypeIndex === 1) {
        for (let i = 0; i < this.majorRiskIndus.length; i++) {
          for (let j = 0; j < this.majorRiskIndus[i].coms.length; j++) {
            const curMarkers = this.map.getAllOverlays("marker");
            if (curMarkers.includes(this.majorRiskIndus[i].coms[j].marker)) {
              this.map.remove(this.majorRiskIndus[i].coms[j].marker);
            }
          }
        }
        this.riskTypeIndex = 0;
        this.isShowIndusDepartment = false;
        this.isShowIndusTypes = false;
        this.isShowEnterLists = false;
        this.curSelectDepartmentIndex = -1;
        this.curSelectIndusIndex = -1;
        this.curSelectEnterIndex = -1;
        this.departmentNum = [];
        for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
          this.departmentNum.push(0);
        }
        return;
      }
      if (this.riskTypeIndex === 2) {
        this.$refs["risktypes2"].click();
      }
      if (this.riskTypeIndex === 3) {
        this.$refs["risktypes3"].click();
      }
      if (this.riskTypeIndex === 4) {
        this.$refs["risktypes4"].click();
      }
      if (this.hdTypeIndex === 1) {
        this.$refs["dangertypes1"].click();
      }
      if (this.hdTypeIndex === 2) {
        this.$refs["dangertypes2"].click();
      }
      if (this.hdTypeIndex === 3) {
        this.$refs["dangertypes3"].click();
      }
      this.isShowEnterRisk = false;
      this.isShowEnterHD = false;
      this.isShowEnterInfo = false;
      this.isShowEnterSC = false;
      this.riskTypeIndex = 1;
      // 在地图上显示所有重大风险节点
      for (let i = 0; i < this.majorRiskIndus.length; i++) {
        for (let j = 0; j < this.majorRiskIndus[i].coms.length; j++) {
          // 替换为重大风险图标
          this.majorRiskIndus[i].coms[j].marker.setContent(
            this.getMarkerContent(4)
          );
          this.map.add(this.majorRiskIndus[i].coms[j].marker);
        }
      }
      // 补充当前行业-企业到全局 管理局-行业-企业
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          this.curDepartIndusEnters[i].induses[j].coms = [];
        }
      }
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          for (let k = 0; k < this.majorRiskIndus.length; k++) {
            if (
              this.curDepartIndusEnters[i].induses[j].indus ===
              this.majorRiskIndus[k].indus
            ) {
              this.curDepartIndusEnters[i].induses[j].coms = [
                ...this.majorRiskIndus[k].coms,
              ];
            }
          }
        }
      }
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        let sum = 0;
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          sum += this.curDepartIndusEnters[i].induses[j].coms
            ? this.curDepartIndusEnters[i].induses[j].coms.length
            : 0;
        }
        this.departmentNum[i] = sum;
      }
      this.departmentNum = [...this.departmentNum];
      this.isShowIndusDepartment = true;
      this.isShowIndusTypes = false;
      this.isShowEnterLists = false;
    },
    greaterRiskSurveyClick() {
      if (this.riskTypeIndex === 2) {
        for (let i = 0; i < this.greaterRiskIndus.length; i++) {
          for (let j = 0; j < this.greaterRiskIndus[i].coms.length; j++) {
            const curMarkers = this.map.getAllOverlays("marker");
            if (curMarkers.includes(this.greaterRiskIndus[i].coms[j].marker)) {
              this.map.remove(this.greaterRiskIndus[i].coms[j].marker);
            }
          }
        }
        this.riskTypeIndex = 0;
        this.isShowIndusDepartment = false;
        this.isShowIndusTypes = false;
        this.isShowEnterLists = false;
        this.curSelectDepartmentIndex = -1;
        this.curSelectIndusIndex = -1;
        this.curSelectEnterIndex = -1;
        this.departmentNum = [];
        for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
          this.departmentNum.push(0);
        }
        return;
      }
      if (this.riskTypeIndex === 1) {
        this.$refs["risktypes1"].click();
      }
      if (this.riskTypeIndex === 3) {
        this.$refs["risktypes3"].click();
      }
      if (this.riskTypeIndex === 4) {
        this.$refs["risktypes4"].click();
      }
      if (this.hdTypeIndex === 1) {
        this.$refs["dangertypes1"].click();
      }
      if (this.hdTypeIndex === 2) {
        this.$refs["dangertypes2"].click();
      }
      if (this.hdTypeIndex === 3) {
        this.$refs["dangertypes3"].click();
      }
      this.isShowEnterRisk = false;
      this.isShowEnterHD = false;
      this.isShowEnterInfo = false;
      this.isShowEnterSC = false;
      this.riskTypeIndex = 2;
      // 在地图上显示所有较大风险节点
      for (let i = 0; i < this.greaterRiskIndus.length; i++) {
        for (let j = 0; j < this.greaterRiskIndus[i].coms.length; j++) {
          // 替换为较大风险图标
          this.greaterRiskIndus[i].coms[j].marker.setContent(
            this.getMarkerContent(3)
          );
          this.map.add(this.greaterRiskIndus[i].coms[j].marker);
        }
      }
      // 补充当前行业-企业到全局 管理局-行业-企业
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          this.curDepartIndusEnters[i].induses[j].coms = [];
        }
      }
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          for (let k = 0; k < this.greaterRiskIndus.length; k++) {
            if (
              this.curDepartIndusEnters[i].induses[j].indus ===
              this.greaterRiskIndus[k].indus
            ) {
              this.curDepartIndusEnters[i].induses[j].coms = [
                ...this.greaterRiskIndus[k].coms,
              ];
            }
          }
        }
      }
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        let sum = 0;
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          sum += this.curDepartIndusEnters[i].induses[j].coms
            ? this.curDepartIndusEnters[i].induses[j].coms.length
            : 0;
        }
        this.departmentNum[i] = sum;
      }
      this.departmentNum = [...this.departmentNum];
      this.isShowIndusDepartment = true;
      this.isShowIndusTypes = false;
      this.isShowEnterLists = false;
    },
    generalRiskSurveyClick() {
      if (this.riskTypeIndex === 3) {
        for (let i = 0; i < this.generalRiskIndus.length; i++) {
          for (let j = 0; j < this.generalRiskIndus[i].coms.length; j++) {
            const curMarkers = this.map.getAllOverlays("marker");
            if (curMarkers.includes(this.generalRiskIndus[i].coms[j].marker)) {
              this.map.remove(this.generalRiskIndus[i].coms[j].marker);
            }
          }
        }
        this.riskTypeIndex = 0;
        this.isShowIndusDepartment = false;
        this.isShowIndusTypes = false;
        this.isShowEnterLists = false;
        this.curSelectDepartmentIndex = -1;
        this.curSelectIndusIndex = -1;
        this.curSelectEnterIndex = -1;
        this.departmentNum = [];
        for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
          this.departmentNum.push(0);
        }
        return;
      }
      if (this.riskTypeIndex === 1) {
        this.$refs["risktypes1"].click();
      }
      if (this.riskTypeIndex === 2) {
        this.$refs["risktypes2"].click();
      }
      if (this.riskTypeIndex === 4) {
        this.$refs["risktypes4"].click();
      }
      if (this.hdTypeIndex === 1) {
        this.$refs["dangertypes1"].click();
      }
      if (this.hdTypeIndex === 2) {
        this.$refs["dangertypes2"].click();
      }
      if (this.hdTypeIndex === 3) {
        this.$refs["dangertypes3"].click();
      }
      this.riskTypeIndex = 3;
      this.isShowEnterRisk = false;
      this.isShowEnterHD = false;
      this.isShowEnterInfo = false;
      this.isShowEnterSC = false;
      // 在地图上显示所有一般风险节点
      for (let i = 0; i < this.generalRiskIndus.length; i++) {
        for (let j = 0; j < this.generalRiskIndus[i].coms.length; j++) {
          // 替换为一般风险图标
          this.generalRiskIndus[i].coms[j].marker.setContent(
            this.getMarkerContent(2)
          );
          this.map.add(this.generalRiskIndus[i].coms[j].marker);
        }
      }
      // 补充当前行业-企业到全局 管理局-行业-企业
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          this.curDepartIndusEnters[i].induses[j].coms = [];
        }
      }
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          for (let k = 0; k < this.generalRiskIndus.length; k++) {
            if (
              this.curDepartIndusEnters[i].induses[j].indus ===
              this.generalRiskIndus[k].indus
            ) {
              this.curDepartIndusEnters[i].induses[j].coms = [
                ...this.generalRiskIndus[k].coms,
              ];
            }
          }
        }
      }
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        let sum = 0;
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          sum += this.curDepartIndusEnters[i].induses[j].coms
            ? this.curDepartIndusEnters[i].induses[j].coms.length
            : 0;
        }
        this.departmentNum[i] = sum;
      }
      this.departmentNum = [...this.departmentNum];
      this.isShowIndusDepartment = true;
      this.isShowIndusTypes = false;
      this.isShowEnterLists = false;
    },
    lowRiskSurveyClick() {
      if (this.riskTypeIndex === 4) {
        for (let i = 0; i < this.lowRiskIndus.length; i++) {
          for (let j = 0; j < this.lowRiskIndus[i].coms.length; j++) {
            const curMarkers = this.map.getAllOverlays("marker");
            if (curMarkers.includes(this.lowRiskIndus[i].coms[j].marker)) {
              this.map.remove(this.lowRiskIndus[i].coms[j].marker);
            }
          }
        }
        this.riskTypeIndex = 0;
        this.isShowIndusDepartment = false;
        this.isShowIndusTypes = false;
        this.isShowEnterLists = false;
        this.curSelectDepartmentIndex = -1;
        this.curSelectIndusIndex = -1;
        this.curSelectEnterIndex = -1;
        this.department = [0, 0, 0, 0, 0];
        return;
      }
      if (this.riskTypeIndex === 1) {
        this.$refs["risktypes1"].click();
      }
      if (this.riskTypeIndex === 2) {
        this.$refs["risktypes2"].click();
      }
      if (this.riskTypeIndex === 3) {
        this.$refs["risktypes3"].click();
      }
      if (this.hdTypeIndex === 1) {
        this.$refs["dangertypes1"].click();
      }
      if (this.hdTypeIndex === 2) {
        this.$refs["dangertypes2"].click();
      }
      if (this.hdTypeIndex === 3) {
        this.$refs["dangertypes3"].click();
      }
      this.riskTypeIndex = 4;
      this.isShowEnterRisk = false;
      this.isShowEnterHD = false;
      this.isShowEnterInfo = false;
      this.isShowEnterSC = false;
      // 在地图上显示所有一般风险节点
      for (let i = 0; i < this.lowRiskIndus.length; i++) {
        for (let j = 0; j < this.lowRiskIndus[i].coms.length; j++) {
          // 替换为一般风险图标
          this.lowRiskIndus[i].coms[j].marker.setContent(
            this.getMarkerContent(1)
          );
          this.map.add(this.lowRiskIndus[i].coms[j].marker);
        }
      }
      // 补充当前行业-企业到全局 管理局-行业-企业
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          this.curDepartIndusEnters[i].induses[j].coms = [];
        }
      }
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          for (let k = 0; k < this.lowRiskIndus.length; k++) {
            if (
              this.curDepartIndusEnters[i].induses[j].indus ===
              this.lowRiskIndus[k].indus
            ) {
              this.curDepartIndusEnters[i].induses[j].coms = [
                ...this.lowRiskIndus[k].coms,
              ];
            }
          }
        }
      }
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        let sum = 0;
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          sum += this.curDepartIndusEnters[i].induses[j].coms
            ? this.curDepartIndusEnters[i].induses[j].coms.length
            : 0;
        }
        this.departmentNum[i] = sum;
      }
      this.departmentNum = [...this.departmentNum];
      this.isShowIndusDepartment = true;
      this.isShowIndusTypes = false;
      this.isShowEnterLists = false;
    },
    majorHDSurveyClick() {
      if (this.hdTypeIndex === 1) {
        for (let i = 0; i < this.majorHDIndus.length; i++) {
          for (let j = 0; j < this.majorHDIndus[i].coms.length; j++) {
            const curMarkers = this.map.getAllOverlays("marker");
            if (curMarkers.includes(this.majorHDIndus[i].coms[j].marker)) {
              this.map.remove(this.majorHDIndus[i].coms[j].marker);
            }
          }
        }
        this.hdTypeIndex = 0;
        this.isShowIndusDepartment = false;
        this.isShowIndusTypes = false;
        this.isShowEnterLists = false;
        this.curSelectDepartmentIndex = -1;
        this.curSelectIndusIndex = -1;
        this.curSelectEnterIndex = -1;
        this.departmentNum = [];
        for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
          this.departmentNum.push(0);
        }
        return;
      }
      this.isShowEnterRisk = false;
      this.isShowEnterHD = false;
      this.isShowEnterInfo = false;
      this.isShowEnterSC = false;
      if (this.riskTypeIndex === 1) {
        this.$refs["risktypes1"].click();
      }
      if (this.riskTypeIndex === 2) {
        this.$refs["risktypes2"].click();
      }
      if (this.riskTypeIndex === 3) {
        this.$refs["risktypes3"].click();
      }
      if (this.riskTypeIndex === 4) {
        this.$refs["risktypes4"].click();
      }
      if (this.hdTypeIndex === 2) {
        this.$refs["dangertypes2"].click();
      }
      if (this.hdTypeIndex === 3) {
        this.$refs["dangertypes3"].click();
      }
      this.hdTypeIndex = 1;
      for (let i = 0; i < this.majorHDIndus.length; i++) {
        for (let j = 0; j < this.majorHDIndus[i].coms.length; j++) {
          // 替换为重大隐患图标
          this.majorHDIndus[i].coms[j].marker.setContent(
            this.getMarkerContent(6)
          );
          this.map.add(this.majorHDIndus[i].coms[j].marker);
        }
      }
      // 补充当前行业-企业到全局 管理局-行业-企业
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          this.curDepartIndusEnters[i].induses[j].coms = [];
        }
      }
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          for (let k = 0; k < this.majorHDIndus.length; k++) {
            if (
              this.curDepartIndusEnters[i].induses[j].indus ===
              this.majorHDIndus[k].indus
            ) {
              this.curDepartIndusEnters[i].induses[j].coms = [
                ...this.majorHDIndus[k].coms,
              ];
            }
          }
        }
      }
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        let sum = 0;
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          sum += this.curDepartIndusEnters[i].induses[j].coms
            ? this.curDepartIndusEnters[i].induses[j].coms.length
            : 0;
        }
        this.departmentNum[i] = sum;
      }
      this.departmentNum = [...this.departmentNum];
      this.isShowIndusDepartment = true;
      this.isShowIndusTypes = false;
      this.isShowEnterLists = false;
    },
    generalHDSurveyClick() {
      if (this.hdTypeIndex === 2) {
        for (let i = 0; i < this.generalHDIndus.length; i++) {
          for (let j = 0; j < this.generalHDIndus[i].coms.length; j++) {
            const curMarkers = this.map.getAllOverlays("marker");
            if (curMarkers.includes(this.generalHDIndus[i].coms[j].marker)) {
              this.map.remove(this.generalHDIndus[i].coms[j].marker);
            }
          }
        }
        this.hdTypeIndex = 0;
        this.isShowIndusDepartment = false;
        this.isShowIndusTypes = false;
        this.isShowEnterLists = false;
        this.curSelectDepartmentIndex = -1;
        this.curSelectIndusIndex = -1;
        this.curSelectEnterIndex = -1;
        this.departmentNum = [];
        for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
          this.departmentNum.push(0);
        }
        return;
      }
      if (this.riskTypeIndex === 1) {
        this.$refs["risktypes1"].click();
      }
      if (this.riskTypeIndex === 2) {
        this.$refs["risktypes2"].click();
      }
      if (this.riskTypeIndex === 3) {
        this.$refs["risktypes3"].click();
      }
      if (this.riskTypeIndex === 4) {
        this.$refs["risktypes4"].click();
      }
      if (this.hdTypeIndex === 1) {
        this.$refs["dangertypes1"].click();
      }
      if (this.hdTypeIndex === 3) {
        this.$refs["dangertypes3"].click();
      }
      this.isShowEnterRisk = false;
      this.isShowEnterHD = false;
      this.isShowEnterInfo = false;
      this.isShowEnterSC = false;
      this.hdTypeIndex = 2;
      for (let i = 0; i < this.generalHDIndus.length; i++) {
        for (let j = 0; j < this.generalHDIndus[i].coms.length; j++) {
          // 替换为一般隐患图标
          this.generalHDIndus[i].coms[j].marker.setContent(
            this.getMarkerContent(5)
          );
          this.map.add(this.generalHDIndus[i].coms[j].marker);
        }
      }
      // 补充当前行业-企业到全局 管理局-行业-企业
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          this.curDepartIndusEnters[i].induses[j].coms = [];
        }
      }
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          for (let k = 0; k < this.generalHDIndus.length; k++) {
            if (
              this.curDepartIndusEnters[i].induses[j].indus ===
              this.generalHDIndus[k].indus
            ) {
              this.curDepartIndusEnters[i].induses[j].coms = [
                ...this.generalHDIndus[k].coms,
              ];
            }
          }
        }
      }
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        let sum = 0;
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          sum += this.curDepartIndusEnters[i].induses[j].coms
            ? this.curDepartIndusEnters[i].induses[j].coms.length
            : 0;
        }
        this.departmentNum[i] = sum;
      }
      this.departmentNum = [...this.departmentNum];
      this.isShowIndusDepartment = true;
      this.isShowIndusTypes = false;
      this.isShowEnterLists = false;
    },
    overtimeSurveyClick() {
      if (this.hdTypeIndex === 3) {
        for (let i = 0; i < this.overTimeIndusEnter.length; i++) {
          for (let j = 0; j < this.overTimeIndusEnter[i].coms.length; j++) {
            const curMarkers = this.map.getAllOverlays("marker");
            if (
              curMarkers.includes(this.overTimeIndusEnter[i].coms[j].marker)
            ) {
              this.map.remove(this.overTimeIndusEnter[i].coms[j].marker);
            }
          }
        }
        this.hdTypeIndex = 0;
        this.isShowIndusDepartment = false;
        this.isShowIndusTypes = false;
        this.isShowEnterLists = false;
        this.curSelectDepartmentIndex = -1;
        this.curSelectIndusIndex = -1;
        this.curSelectEnterIndex = -1;
        this.departmentNum = [];
        for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
          this.departmentNum.push(0);
        }
        return;
      }
      if (this.riskTypeIndex === 1) {
        this.$refs["risktypes1"].click();
      }
      if (this.riskTypeIndex === 2) {
        this.$refs["risktypes2"].click();
      }
      if (this.riskTypeIndex === 3) {
        this.$refs["risktypes3"].click();
      }
      if (this.riskTypeIndex === 4) {
        this.$refs["risktypes4"].click();
      }
      if (this.hdTypeIndex === 1) {
        this.$refs["dangertypes1"].click();
      }
      if (this.hdTypeIndex === 2) {
        this.$refs["dangertypes2"].click();
      }
      this.isShowEnterRisk = false;
      this.isShowEnterHD = false;
      this.isShowEnterInfo = false;
      this.isShowEnterSC = false;
      this.hdTypeIndex = 3;
      for (let i = 0; i < this.overTimeIndusEnter.length; i++) {
        for (let j = 0; j < this.overTimeIndusEnter[i].coms.length; j++) {
          // 替换为超期图标
          this.overTimeIndusEnter[i].coms[j].marker.setContent(
            this.getMarkerContent(7)
          );
          this.map.add(this.overTimeIndusEnter[i].coms[j].marker);
        }
      }
      // 补充当前行业-企业到全局 管理局-行业-企业
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          this.curDepartIndusEnters[i].induses[j].coms = [];
        }
      }
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          for (let k = 0; k < this.overTimeIndusEnter.length; k++) {
            if (
              this.curDepartIndusEnters[i].induses[j].indus ===
              this.overTimeIndusEnter[k].indus
            ) {
              this.curDepartIndusEnters[i].induses[j].coms = [
                ...this.overTimeIndusEnter[k].coms,
              ];
            }
          }
        }
      }
      for (let i = 0; i < this.curDepartIndusEnters.length; i++) {
        let sum = 0;
        for (let j = 0; j < this.curDepartIndusEnters[i].induses.length; j++) {
          sum += this.curDepartIndusEnters[i].induses[j].coms
            ? this.curDepartIndusEnters[i].induses[j].coms.length
            : 0;
        }
        this.departmentNum[i] = sum;
      }
      this.departmentNum = [...this.departmentNum];
      this.isShowIndusDepartment = true;
      this.isShowIndusTypes = false;
      this.isShowEnterLists = false;
    },
    // 管理局子项被点击
    departIndusClick(item, index) {
      this.curIndusEnters = { ...item.induses };
      this.curSelectDepartmentIndex = index;
      this.curSelectIndusIndex = -1;
      this.curSelectEnterIndex = -1;
      if (this.mapActiveIndex === 3) {
        this.isShowTeachIndusTypes = true;
        this.isShowTeachEnterLists = false;
        return;
      }
      if (this.mapActiveIndex === 7) {
        this.isShowCertifyIndusTypes = true;
        this.isShowCertifyEnterLists = false;
        this.isShowCertifyList = false;
        return;
      }
      if (this.mapActiveIndex === 5) {
        this.isShowDangerIndusTypes = true;
        this.isShowDangerEnterLists = false;
        this.isShowDangerList = false;
        return;
      }
      this.isShowIndusTypes = true;
      this.isShowEnterLists = false;
    },
    // 行业子项被点击
    indusClick(item, index) {
      // if (this.mapActiveIndex === 3) {
      //   return;
      // }
      // if (this.mapActivIndex === 5) {
      //   return;
      // }
      // if (this.mapActivIndex === 7) {
      //   return;
      // }
      this.curEnters = [...item.coms];
      const temFunc = (name) => {
        let tempIndex = -1;
        for (let i = 0; i < this.curEnters.length; i++) {
          if (this.curEnters[i].companyName === name) {
            tempIndex = i;
          }
        }
        if (tempIndex > -1) {
          const tempGot = this.curEnters.splice(tempIndex, 1);
          this.curEnters.unshift(tempGot[0]);
        }
      };
      temFunc("保利澳瑞凯（威海）爆破器材有限公司");
      temFunc("威海市四方民用爆破器材有限公司经区分公司");
      temFunc("威海市通润油品有限公司");
      temFunc("威海交通运输集团有限公司第一加油站");
      temFunc("威海市茂安燃气有限公司");

      this.curSelectIndusIndex = index;
      this.curSelectEnterIndex = -1;
      if (this.mapActiveIndex === 3) {
        this.isShowTeachEnterLists = true;
        return;
      }
      if (this.mapActiveIndex === 5) {
        this.isShowDangerEnterLists = true;
        return;
      }
      if (this.mapActiveIndex === 7) {
        this.isShowCertifyEnterLists = true;
        return;
      }
      this.isShowEnterLists = true;
    },
    async enterClick(item, index) {
      this.curSelectEnterIndex = index;
      if (this.mapActiveIndex === 3) {
        return;
      }
      if (this.mapActiveIndex === 5) {
        console.log(item, "enterClick enterClick Danger Danegr Danger")
        this.isShowDangerList = true;
        this.curSelectDangerIndex = -1;
        this.dangers = [...item.dangers]
        return;
      }
      if (this.mapActiveIndex === 7) {
        console.log(item, "enterClick  enterClick");
        this.isShowCertifyList = true;
        this.curSelectCertifyIndex = -1;
        this.certifies = [];
        // 双体系
        if (this.isCurCertifyIndex === 1) {
          this.certifies = item.certifies
        }
        // 应急预案
        if (this.isCurCertifyIndex === 2) {
          this.certifies = item.certifies
        }
        // 标准化
        if (this.isCurCertifyIndex === 3) {
          this.certifies = item.certifies
        }
        // 判断当前的企业
        // if (this.isCurCertifyIndex === 1) {
        //   if (item.companyName === "威海大庆特种材料制品有限公司") {
        //     this.certifies = [
        //       {
        //         filePath:
        //           "https://8.143.198.78/certify1/威海大庆特种材料制作有限公司-双体系.pdf",
        //       },
        //     ];
        //   }
        //   if (item.companyName === "威海大宇电子有限公司") {
        //     this.certifies = [
        //       {
        //         filePath:
        //           "https://8.143.198.78/certify1/威海大宇电子有限公司-双体系.jpg",
        //       },
        //     ];
        //   }
        //   if (item.companyName === "威海海马地毯集团有限公司") {
        //     this.certifies = [
        //       {
        //         filePath:
        //           "https://8.143.198.78/certify1/威海海马地毯集团有限公司-双体系1.pdf",
        //       },
        //       {
        //         filePath:
        //           "https://8.143.198.78/certify1/威海海马地毯集团有限公司-双体系2.pdf",
        //       },
        //     ];
        //   }
        //   if (item.companyName === "威海市金宇彩印有限公司") {
        //     this.certifies = [
        //       {
        //         filePath:
        //           "https://8.143.198.78/certify1/威海市金宇彩印有限公司-双体系1.jpg",
        //       },
        //       {
        //         filePath:
        //           "https://8.143.198.78/certify1/威海市金宇彩印有限公司-双体系2.jpg",
        //       },
        //     ];
        //   }
        // }
        // if (this.isCurCertifyIndex === 2) {
        //   if (item.companyName === "威海大庆特种材料制品有限公司") {
        //     this.certifies = [
        //       {
        //         filePath:
        //           "https://8.143.198.78/certify3/威海大庆特种材料制品有限公司-应急预案.pdf",
        //       },
        //     ];
        //   }
        //   if (item.companyName === "威海大宇电子有限公司") {
        //     this.certifies = [
        //       {
        //         filePath:
        //           "https://8.143.198.78/certify3/威海大宇电子有限公司-应急预案.jpg",
        //       },
        //     ];
        //   }
        //   if (item.companyName === "威海海马地毯集团有限公司") {
        //     this.certifies = [
        //       {
        //         filePath:
        //           "https://8.143.198.78/certify3/威海海马地毯集团有限公司-应急预案.pdf",
        //       },
        //     ];
        //   }
        //   if (item.companyName === "威海锦佳印刷有限公司") {
        //     this.certifies = [
        //       {
        //         filePath:
        //           "https://8.143.198.78/certify3/威海锦佳印刷有限公司-应急预案.jpg",
        //       },
        //     ];
        //   }
        //   if (item.companyName === "威海众恒医疗设备有限公司") {
        //     this.certifies = [
        //       {
        //         filePath:
        //           "https://8.143.198.78/certify3/威海众恒医疗设备有限公司-应急预案.jpg",
        //       },
        //     ];
        //   }
        // }
        // if (this.isCurCertifyIndex === 3) {
        //   if (item.companyName === "威海大庆特种材料制品有限公司") {
        //     this.certifies = [
        //       {
        //         filePath:
        //           "https://8.143.198.78/certify2/威海大庆特种材料制品有限公司-标准化.pdf",
        //       },
        //     ];
        //   }
        //   if (item.companyName === "威海大宇电子有限公司") {
        //     this.certifies = [
        //       {
        //         filePath:
        //           "https://8.143.198.78/certify2/威海大宇电子有限公司-标准化.jpg",
        //       },
        //     ];
        //   }
        //   if (item.companyName === "威海海马地毯集团有限公司") {
        //     this.certifies = [
        //       {
        //         filePath:
        //           "https://8.143.198.78/certify2/威海海马地毯集团有限公司-标准化.pdf",
        //       },
        //     ];
        //   }
        //   if (item.companyName === "威海锦佳印刷有限公司") {
        //     this.certifies = [
        //       {
        //         filePath:
        //           "https://8.143.198.78/certify2/威海锦佳印刷有限公司-标准化.jpg",
        //       },
        //     ];
        //   }
        //   if (item.companyName === "威海市金宇彩印有限公司") {
        //     this.certifies = [
        //       {
        //         filePath:
        //           "https://8.143.198.78/certify2/威海市金宇彩印有限公司-标准化.jpg",
        //       },
        //     ];
        //   }
        //   if (item.companyName === "威海众恒医疗设备有限公司") {
        //     this.certifies = [
        //       {
        //         filePath:
        //           "https://8.143.198.78/certify2/威海众恒医疗设备有限公司-标准化1.jpg",
        //       },
        //       {
        //         filePath:
        //           "https://8.143.198.78/certify2/威海众恒医疗设备有限公司-标准化2.jpg",
        //       },
        //     ];
        //   }
        // }

        return;
      }
      const AMap = window.AMap || {};
      // setZoom(level:Number)
      // setCenter(position:LngLat)
      this.map.setZoom(16);
      this.map.setCenter(
        new AMap.LngLat(Number(item.companyLng), Number(item.companyLat))
      );
      if (this.mapActiveIndex === 1) {
        this.mapActiveIndex = 0;
      }
      if (this.mapActiveIndex === 2) {
        this.mapActiveIndex = 0;
      }
      // this.curSelectEnter = { ...item }
      await getCompanyInfoById(item.companyId).then((res) => {
        this.curSelectEnter = { ...res.content[0] };
      });
      // 获取清单列表
      await getResponseList(item.companyId).then((res) => {
        this.curSelectCerl = [];
        for (let i = 0; i < res.content.length; i++) {
          const tempItem = this.curSelectCerl.filter(
            (item) => item.cerlType === res.content[i].cerlType
          );
          if (tempItem.length === 0) {
            this.curSelectCerl.push({
              cerlType: res.content[i].cerlType,
              items: [res.content[i]],
            });
          } else {
            tempItem[0].items.push(res.content[i]);
          }
        }
      });
      // 当前选中的企业风险
      await getthRisk(item.companyId, 0, 99999).then((res) => {
        this.curSelectRisk = [...res.content];
        console.log(this.curSelectRisk, "this.curSelectRisk");
      });
      await getriskNumAnalysis(item.companyId).then((res) => {
        // console.log(res, 'hehehehhehehehehehe')
        // 初始化四个风险等级对应的数量
        this.riskMajorRiskSum = 0;
        this.riskGreaterRiskSum = 0;
        this.riskNormalRiskSum = 0;
        this.riskLowRiskSum = 0;
        if (res.totalElements > 3) {
          for (let i = 0; i < res.content.length; i++) {
            if (res.content[i].rnaLevel === "重大风险") {
              this.riskMajorRiskSum = res.content[i].rnaNum;
              break;
            }
          }
          for (let i = 0; i < res.content.length; i++) {
            if (res.content[i].rnaLevel === "较大风险") {
              this.riskGreaterRiskSum = res.content[i].rnaNum;
              break;
            }
          }
          for (let i = 0; i < res.content.length; i++) {
            if (res.content[i].rnaLevel === "一般风险") {
              this.riskNormalRiskSum = res.content[i].rnaNum;
              break;
            }
          }
          for (let i = 0; i < res.content.length; i++) {
            if (res.content[i].rnaLevel === "低风险") {
              this.riskLowRiskSum = res.content[i].rnaNum;
              break;
            }
          }
        }
      });
      // 当前选中的企业隐患
      await getHideDangeByIdOrderHdLevel(item.companyId).then((res) => {
        this.curSelectHD = [...res.content];
        this.curSelectNormalHD = this.curSelectHD.filter(
          (item) => Number(item.hdLevel) === 1
        );
        this.curSelectMajorHD = this.curSelectHD.filter(
          (item) => Number(item.hdLevel) === 2
        );
        // 当前一般隐患数量
        this.curSelectHDGenSum = this.curSelectHD.filter(
          (item) => Number(item.hdLevel) === 1
        ).length;
        // 当前重大隐患数量
        this.curSelectHDMajorSum = this.curSelectHD.filter(
          (item) => Number(item.hdLevel) === 2
        ).length;
        // 未整改的数量
        this.curSelectHDNorectSum = this.curSelectHD.filter(
          (item) => Number(item.hdStatus) === 0
        ).length;
        console.log(this.curSelectHD, "this.curSelectHD, 10");
        console.log(this.curSelectHDGenSum, "this.curSelectHDGenSum, 10");
        console.log(this.curSelectHDMajorSum, "this.curSelectHDMajorSum, 10");
        console.log(this.curSelectHDNorectSum, "this.curSelectHDNorectSum, 10");
        // 初始化当前整改率
        this.curSelectHDRectPercentSum = 0;
        if (this.curSelectHDMajorSum || this.curSelectHDGenSum) {
          this.curSelectHDRectPercentSum = (
            ((this.curSelectHDGenSum +
              this.curSelectHDMajorSum -
              this.curSelectHDNorectSum) /
              (this.curSelectHDMajorSum + this.curSelectHDGenSum)) *
            100
          ).toFixed(0);
          if (isNaN(this.curSelectHDRectPercentSum)) {
            this.curSelectHDRectPercentSum = 0;
          }
        }
      });
      // 请求安全检查
      await getRiskStandingBook(item.companyId).then((res) => {
        const tempSCCheck = [...res.content];
        this.curSelectSC = [];
        for (let i = 0; i < tempSCCheck.length; i++) {
          const getTempArr = this.curSelectSC.filter(
            (item) => item.rsbtType === tempSCCheck[i].rsbtType
          );
          if (getTempArr.length === 0) {
            this.curSelectSC.push({
              rsbtType: tempSCCheck[i].rsbtType,
              isShow: false,
              items: [tempSCCheck[i]],
            });
          } else {
            // rsbInspectContent
            getTempArr[0].items.push(tempSCCheck[i]);
          }
        }
      });
      let evalueteSum = 0;
      this.curSelectSC.forEach((item) =>
        item.items.forEach((rsb) => {
          if (!rsb.rsbInspectCase) {
            evalueteSum++;
          }
        })
      );
      if (evalueteSum === 0) {
        this.curEnterStar = 5;
      } else if (evalueteSum < 10) {
        this.curEnterStar = 4;
      } else if (evalueteSum < 20) {
        this.curEnterStar = 3;
      } else if (evalueteSum < 30) {
        this.curEnterStar = 2;
      } else {
        this.curEnterStar = 1;
      }
      this.curSelectHD.filter((item) => item.hdLevel == 2 && item.hdStatus == 0)
        .length > 0
        ? (this.curEnterStar = 1)
        : null;
      let evalueteResSum = 0;
      let totalResSum = 0;
      this.curSelectCerl.forEach((item) =>
        item.items.forEach((rsb) => {
          if (!rsb.cerlQualified) {
            evalueteResSum++;
          }
          totalResSum++;
        })
      );
      if (evalueteResSum === 0) {
        this.curEnterStar2 = 5;
      } else if (evalueteResSum < 10) {
        this.curEnterStar2 = 4;
      } else if (evalueteResSum < 30) {
        this.curEnterStar2 = 3;
      } else if (evalueteResSum < 50) {
        this.curEnterStar2 = 2;
      } else if (totalResSum === evalueteResSum) {
        this.curEnterStar2 = 0;
      } else {
        this.curEnterStar2 = 1;
      }
      // 显示企业信息
      this.isShowEnterInfo = true;

      // if (!this.isShowEnterHD) {
      //   // 关闭隐患
      //   this.enterHDClick()
      // }
      const hdDom = document.querySelector(
        ".curSelect-enter-hd-items-animation-wrapper"
      );
      hdDom.style.top = "0px";
      hdDom.onmouseover = null;
      hdDom.onmouseout = null;
      if (this.hdTimer) {
        clearInterval(this.hdTimer);
      }
      const riskDom = document.querySelector(
        ".curSelect-enter-risk-content-items-animation-wrapper"
      );
      riskDom.style.top = "0px";
      riskDom.onmouseover = null;
      riskDom.onmouseout = null;
      if (this.riskTimer) {
        clearInterval(this.riskTimer);
      }
      // 显示企业隐患
      this.isShowEnterHD = true;
      // 显示企业风险
      this.isShowEnterRisk = true;
      this.$nextTick(() => {
        // 是否开启企业风险的动画
        if (this.curSelectRisk.length > 4) {
          this.generateAnimation(
            ".curSelect-enter-risk-content-items-animation-wrapper",
            true
          );
        }
        // 是否开启企业隐患的动画
        if (this.curSelectHD.length > 7) {
          this.generateAnimation(
            ".curSelect-enter-hd-items-animation-wrapper",
            false
          );
        }
      });
    },
    certifyClick(item, index) {
      console.log("进来了吗", item, index, this.certifies, "certifyClick");
      this.curSelectCertifyIndex = index;
      // certifyClick
      this.isCurCertifyPdfFile = false
      if (
        this.certifies[this.curSelectCertifyIndex].filePath.indexOf(".pdf") > 0
      ) {
        this.isCurCertifyPdfFile = true
        console.log("进来了吗, loadingTask loadingTask");
        this.loadingTask = pdf.createLoadingTask(
          this.certifies[this.curSelectCertifyIndex].filePath
        );
        this.loadingTask.promise.then((pdf) => {
          this.pdfNumPage = pdf.numPages;
        });
        // this.pdfNumPage
      }
      this.isFilterPointer = false;
      this.isShowCertify = true;
    },
    dangerClick(item, index) {
      this.curSelectDangerIndex = index;
      this.isFilterPointer = false;
      this.isShowDanger = true;
    },
    searchEnterKeyUp(event) {
      if (event.key === "Enter") {
        event.preventDefault();
        console.log(event.target.innerText);
      }
      this.curSearchAllEnters = [];
      let tempEnterList = [];
      if (this.riskTypeIndex === 1) {
        // this.majorRiskIndus.forEach(item => {
        //   item.coms.forEach(item1 => {
        //     tempEnterList.push(item1.com)
        //   })
        // })
        this.regionsRisks.forEach((item) => {
          if (item.riskLevel === "重大风险") {
            tempEnterList.push(...item.coms);
          }
        });
      }
      if (this.riskTypeIndex === 2) {
        // this.greaterRiskIndus.forEach(item => {
        //   item.coms.forEach(item1 => {
        //     tempEnterList.push(item1.com)
        //   })
        // })
        this.regionsRisks.forEach((item) => {
          if (item.riskLevel === "较大风险") {
            tempEnterList.push(...item.coms);
          }
        });
      }
      if (this.riskTypeIndex === 3) {
        // this.generalHDIndus.forEach(item => {
        //   item.coms.forEach(item1 => {
        //     tempEnterList.push(item1.com)
        //   })
        // })
        this.regionsRisks.forEach((item) => {
          if (item.riskLevel === "一般风险") {
            tempEnterList.push(...item.coms);
          }
        });
      }
      if (this.riskTypeIndex === 4) {
        // this.generalHDIndus.forEach(item => {
        //   item.coms.forEach(item1 => {
        //     tempEnterList.push(item1.com)
        //   })
        // })
        this.regionsRisks.forEach((item) => {
          if (item.riskLevel === "低风险") {
            tempEnterList.push(...item.coms);
          }
        });
      }
      if (this.hdTypeIndex === 1) {
        // this.majorHDIndus.forEach(item => {
        //   item.coms.forEach(item1 => {
        //     tempEnterList.push(item1.com)
        //   })
        // })
        this.regionsHDs.forEach((item) => {
          if (item.hdLevel === "一般隐患") {
            tempEnterList.push(...item.coms);
          }
        });
      }
      if (this.hdTypeIndex === 2) {
        // this.generalHDIndus.forEach(item => {
        //   item.coms.forEach(item1 => {
        //     tempEnterList.push(item1.com)
        //   })
        // })
        this.regionsHDs.forEach((item) => {
          if (item.hdLevel === "重大隐患") {
            tempEnterList.push(...item.coms);
          }
        });
      }
      if (this.hdTypeIndex === 3) {
        // this.overTimeIndusEnter.forEach(item => {
        //   item.coms.forEach(item1 => {
        //     tempEnterList.push(item1.com)
        //   })
        // })
        this.regionsOvers.forEach((item) => {
          tempEnterList.push(...item.coms);
        });
      }
      // for (let i = 0; i < this.emergencyIndustryNames.length; i++) {
      //   if (this.emergencyIndustryNames[i].isShow) {
      //     this.emergencyIndustryNames[i].coms.forEach(item => {
      //       tempEnterList.push(item)
      //     })
      //   }
      // }
      // for (let i = 0; i < this.nationIndustryNames.length; i++) {
      //   if (this.nationIndustryNames[i].isShow) {
      //     this.nationIndustryNames[i].coms.forEach(item => {
      //       tempEnterList.push(item)
      //     })
      //   }
      // }
      this.regionsEmergencies.forEach((item) => {
        const showEmer = this.emergenciesWithShow
          .filter((item1) => item1.isShow)
          .map((item1) => item1.indus);
        if (showEmer.includes(item.emer)) {
          tempEnterList.push(...item.coms);
        }
      });
      this.regionsDimIndustries.forEach((item) => {
        const showDim = this.dimIndustriesWithShow
          .filter((item) => item.isShow)
          .map((item) => item.indus);
        if (showDim.includes(item.dim)) {
          tempEnterList.push(...item.coms);
        }
      });
      tempEnterList = tempEnterList.filter(
        (item) => item.companyName.indexOf(event.target.innerText) > 0
      );
      this.curSearchAllEnters = [...tempEnterList];
      console.log(
        this.curSearchAllEnters,
        "this.curSearchAllEnters this.curSearchAllEnters"
      );
      this.isShowSearchListsDown = true;
    },
    searchEnterKeyDown(event) {
      if (event.key === "Enter") {
        event.preventDefault();
      }
      this.isShowSearchListsDown = false;
    },
    // 点击搜索企业
    async searchEnterClick(item, index) {
      const AMap = window.AMap || {};
      this.map.setZoom(16);
      this.map.setCenter(
        new AMap.LngLat(Number(item.companyLng), Number(item.companyLat))
      );
      if (this.mapActiveIndex === 1) {
        this.mapActiveIndex = 0;
      }
      if (this.mapActiveIndex === 2) {
        this.mapActiveIndex = 0;
      }
      // this.curSelectEnter = { ...item }
      await getCompanyInfoById(item.companyId).then((res) => {
        this.curSelectEnter = { ...res.content[0] };
      });
      // 获取清单列表
      await getResponseList(item.companyId).then((res) => {
        this.curSelectCerl = [];
        for (let i = 0; i < res.content.length; i++) {
          const tempItem = this.curSelectCerl.filter(
            (item) => item.cerlType === res.content[i].cerlType
          );
          console.log(tempItem, "tempItem tempItem tempItem");
          if (tempItem.length === 0) {
            this.curSelectCerl.push({
              cerlType: res.content[i].cerlType,
              items: [res.content[i]],
            });
          } else {
            tempItem[0].items.push(res.content[i]);
          }
        }
        console.log(
          this.curSelectCerl,
          "this.curSelectCerl this.curSelectCerl this.curSelectCerl"
        );
      });
      // 当前选中的企业风险
      await getthRisk(item.companyId, 0, 99999).then((res) => {
        this.curSelectRisk = [...res.content];
        console.log(this.curSelectRisk, "this.curSelectRisk");
      });
      await getriskNumAnalysis(item.companyId).then((res) => {
        // console.log(res, 'hehehehhehehehehehe')
        // 初始化四个风险等级对应的数量
        this.riskMajorRiskSum = 0;
        this.riskGreaterRiskSum = 0;
        this.riskNormalRiskSum = 0;
        this.riskLowRiskSum = 0;
        if (res.totalElements > 3) {
          for (let i = 0; i < res.content.length; i++) {
            if (res.content[i].rnaLevel === "重大风险") {
              this.riskMajorRiskSum = res.content[i].rnaNum;
              break;
            }
          }
          for (let i = 0; i < res.content.length; i++) {
            if (res.content[i].rnaLevel === "较大风险") {
              this.riskGreaterRiskSum = res.content[i].rnaNum;
              break;
            }
          }
          for (let i = 0; i < res.content.length; i++) {
            if (res.content[i].rnaLevel === "一般风险") {
              this.riskNormalRiskSum = res.content[i].rnaNum;
              break;
            }
          }
          for (let i = 0; i < res.content.length; i++) {
            if (res.content[i].rnaLevel === "低风险") {
              this.riskLowRiskSum = res.content[i].rnaNum;
              break;
            }
          }
        }
      });
      // 当前选中的企业隐患
      await getHideDangeByIdOrderHdLevel(item.companyId).then((res) => {
        this.curSelectHD = [...res.content];
        this.curSelectNormalHD = this.curSelectHD.filter(
          (item) => Number(item.hdLevel) === 1
        );
        this.curSelectMajorHD = this.curSelectHD.filter(
          (item) => Number(item.hdLevel) === 2
        );
        // 当前一般隐患数量
        this.curSelectHDGenSum = this.curSelectHD.filter(
          (item) => Number(item.hdLevel) === 1
        ).length;
        // 当前重大隐患数量
        this.curSelectHDMajorSum = this.curSelectHD.filter(
          (item) => Number(item.hdLevel) === 2
        ).length;
        // 未整改的数量
        this.curSelectHDNorectSum = this.curSelectHD.filter(
          (item) => Number(item.hdStatus) === 0
        ).length;
        console.log(this.curSelectHD, "this.curSelectHD, 11");
        console.log(this.curSelectHDGenSum, "this.curSelectHDGenSum, 11");
        console.log(this.curSelectHDMajorSum, "this.curSelectHDMajorSum, 11");
        console.log(this.curSelectHDNorectSum, "this.curSelectHDNorectSum, 11");
        // 初始化当前整改率
        this.curSelectHDRectPercentSum = 0;
        if (this.curSelectHDMajorSum > 0 || this.curSelectHDGenSum > 0) {
          this.curSelectHDRectPercentSum = (
            ((this.curSelectHDGenSum +
              this.curSelectHDMajorSum -
              this.curSelectHDNorectSum) /
              (this.curSelectHDMajorSum + this.curSelectHDGenSum)) *
            100
          ).toFixed(0);
          if (isNaN(this.curSelectHDRectPercentSum)) {
            this.curSelectHDRectPercentSum = 0;
          }
        }
        console.log(this.curSelectHD, "this.curSelectHD");
      });
      // 请求安全检查
      await getRiskStandingBook(item.companyId).then((res) => {
        const tempSCCheck = [...res.content];
        this.curSelectSC = [];
        for (let i = 0; i < tempSCCheck.length; i++) {
          const getTempArr = this.curSelectSC.filter(
            (item) => item.rsbtType === tempSCCheck[i].rsbtType
          );
          if (getTempArr.length === 0) {
            this.curSelectSC.push({
              rsbtType: tempSCCheck[i].rsbtType,
              isShow: false,
              items: [tempSCCheck[i]],
            });
          } else {
            // rsbInspectContent
            getTempArr[0].items.push(tempSCCheck[i]);
          }
        }
      });
      // 显示企业信息
      this.isShowEnterInfo = true;

      // if (!this.isShowEnterHD) {
      //   // 关闭隐患
      //   this.enterHDClick()
      // }
      const hdDom = document.querySelector(
        ".curSelect-enter-hd-items-animation-wrapper"
      );
      hdDom.style.top = "0px";
      hdDom.onmouseover = null;
      hdDom.onmouseout = null;
      if (this.hdTimer) {
        clearInterval(this.hdTimer);
      }
      const riskDom = document.querySelector(
        ".curSelect-enter-risk-content-items-animation-wrapper"
      );
      riskDom.style.top = "0px";
      riskDom.onmouseover = null;
      riskDom.onmouseout = null;
      if (this.riskTimer) {
        clearInterval(this.riskTimer);
      }
      // 显示企业隐患
      this.isShowEnterHD = true;
      // 显示企业风险
      this.isShowEnterRisk = true;
      this.$nextTick(() => {
        // 是否开启企业风险的动画
        if (this.curSelectRisk.length > 4) {
          this.generateAnimation(
            ".curSelect-enter-risk-content-items-animation-wrapper",
            true
          );
        }
        // 是否开启企业隐患的动画
        if (this.curSelectHD.length > 7) {
          this.generateAnimation(
            ".curSelect-enter-hd-items-animation-wrapper",
            false
          );
        }
      });
    },
    // // 获取管理局下企业数量
    // getDepartmentNumber(item) {
    //   console.log(item.induses, 'item.induses')
    //   if (!item.induses) {
    //     return 0
    //   }
    //   return item.induses.reduce((a, c) => (a.coms ? a.coms.length : 0) + (c.coms ? c.coms.length : 0), { coms: [] })
    // },
    // // 获取行业下企业数量
    // getIndusNumber(item) {
    //   if (!item.coms) {
    //     return 0
    //   }
    //   return item.coms.length
    // },
    // 视频播放
    // 视频播放
    videoPlayer() {
      var that = this;
      var appKey = "90174687eb6c4d4184a38940d5117382";
      var appSecret = "734efd3233ce3e6d3e087d093be84924";
      var filename = "6.live";
      var devNumber = "797723880";
      var idName = "ysOpenDevice";
      var accessToken = this.getAccessToken(appKey, appSecret);
      if (accessToken == null) {
        alert(null);
      } else {
        add2Display(idName, filename, devNumber, accessToken);
      }

      function add2Display(idName, filename, devNumber, accessToken) {
        if (accessToken == null) return;
        var html =
          '<iframe  src="https://open.ys7.com/ezopen/h5/iframe_se?url=ezopen://open.ys7.com/' +
          devNumber +
          "/" +
          filename +
          "&autoplay=1&audio=1&accessToken=" +
          accessToken +
          '&templete=2" id="' +
          idName +
          '" width="100%" height="255" frameborder="no" border="0" allowfullscreen> </iframe>';

        var video3 = that.$el.querySelector("#video3");

        if (video3) {
          video3.innerHTML = html;

          var iframeEl = video3.firstElementChild;
        }
        // var player = iframeEl.contentWindow;

        // $("#iframebody").append(html);
        // var player = document.getElementById(idName).contentWindow;
        /* iframe 支持方法 */
        // player.postMessage("play", "https://open.ys7.com/ezopen/h5/iframe") /* 播放 */
        // player.postMessage("stop", "https://open.ys7.com/ezopen/h5/iframe") /* 结束 */
        // player.postMessage("capturePicture", "https://open.ys7.com/ezopen/h5/iframe") /* 截图 */
        // player.postMessage("openSound", "https://open.ys7.com/ezopen/h5/iframe") /* 开启声音 */
        // player.postMessage("closeSound", "https://open.ys7.com/ezopen/h5/iframe") /* 关闭声音 */
        // player.postMessage("startSave", "https://open.ys7.com/ezopen/h5/iframe") /* 开始录制 */
        // player.postMessage("stopSave", "https://open.ys7.com/ezopen/h5/iframe") /* 结束录制 */
      }
    },
    getAccessToken(appKey, appSecret) {
      var dataJson = "appKey=" + appKey + "&appSecret=" + appSecret;
      var request = axios.create({});
      request.defaults.headers["Content-Type"] =
        "application/x-www-form-urlencoded; charset=UTF-8";
      return request
        .post("https://open.ys7.com/api/lapp/token/get", dataJson)
        .then((res) => {
          var data = res.data || {};
          if (data["code"] == "200") {
            return data["data"]["accessToken"];
          } else {
            return null;
          }
        })
        .catch((err) => {
          console.log(err);
          return err;
        });
    },
    getIframeText(idName, filename, devNumber, accessToken) {
      return (
        '<iframe  src="https://open.ys7.com/ezopen/h5/iframe_se?url=ezopen://open.ys7.com/' +
        devNumber +
        "/" +
        filename +
        "&autoplay=1&audio=1&accessToken=" +
        accessToken +
        '&templete=2" id="' +
        idName +
        '" width="100%" height="100%" frameborder="no" border="0" allowfullscreen> </iframe>'
      );
    },
    showVideo(type, item) {
      if (item.riskVideoPath && item.riskVideoPath !== "null") {
        // 弹出视频
        this.curRiskVideo =
          "https://8.143.198.78/risk" +
          item.riskVideoPath.substr(item.riskVideoPath.lastIndexOf("\\"));
        this.riskvideo = true;
        return;
      }
      var appKey, appSecret, filename, devNumber, idName;
      if (type === 0) {
        appKey = "90174687eb6c4d4184a38940d5117382";
        appSecret = "734efd3233ce3e6d3e087d093be84924";
        filename = "6.live";
        devNumber = "797723880";
        idName = "ysOpenDevice";
      } else if (type === 1) {
        appKey = "f0b1cb6115fb4862be8479e3fe02a1c7";
        appSecret = "37bdc8da580a8c10c2c4964b86764007";
        filename = "7.hd.live";
        devNumber = "102186935";
        idName = "ysOpenDevice";
      } else if (type === 2) {
        appKey = "f0b1cb6115fb4862be8479e3fe02a1c7";
        appSecret = "37bdc8da580a8c10c2c4964b86764007";
        filename = "2.hd.live";
        devNumber = "755529214";
      } else {
        appKey = "90174687eb6c4d4184a38940d5117382";
        appSecret = "734efd3233ce3e6d3e087d093be84924";
        filename = "6.live";
        devNumber = "797723880";
        idName = "ysOpenDevice";
      }

      if (
        this.curSelectEnter.companyName === "威海交通运输集团有限公司第一加油站"
      ) {
        appKey = "90174687eb6c4d4184a38940d5117382";
        appSecret = "734efd3233ce3e6d3e087d093be84924";
        filename = "6.live";
        devNumber = "797723880";
        idName = "ysOpenDevice";
      }
      if (
        this.curSelectEnter.companyName === "威海市大威石油有限公司环海路加油站"
      ) {
        appKey = "f0b1cb6115fb4862be8479e3fe02a1c7";
        appSecret = "37bdc8da580a8c10c2c4964b86764007";
        filename = "7.hd.live";
        devNumber = "102186935";
        idName = "ysOpenDevice";
      }
      if (
        this.curSelectEnter.companyName === "威海市大威石油有限公司第十五加油站"
      ) {
        appKey = "f0b1cb6115fb4862be8479e3fe02a1c7";
        appSecret = "37bdc8da580a8c10c2c4964b86764007";
        filename = "2.hd.live";
        devNumber = "755529214";
      }
      if (this.curSelectEnter.companyName === "威海威洋石油有限公司") {
        appKey = "ad5ce203b2a7432cb771c0005f3257bd";
        appSecret = "39f36e1cb37ef981bb52820f50ed779f";
        filename = "5.hd.live";
        devNumber = "C07694100";
      }
      if (this.curSelectEnter.companyName === "威海市通润油品有限公司") {
        appKey = "69af1b5a89c54536a111da46b5b48c59";
        appSecret = "1f23dc385ed328d383a685e2d231c0cd";
        filename = "6.hd.live";
        devNumber = "126043484";
      }
      if (
        this.curSelectEnter.companyName ===
        "威海市四方民用爆破器材有限公司经区分公司"
      ) {
        appKey = "ad5ce203b2a7432cb771c0005f3257bd";
        appSecret = "39f36e1cb37ef981bb52820f50ed779f";
        filename = "3.hd.live";
        devNumber = "249046082";
      }
      if (this.curSelectEnter.companyName === "威海市茂安燃气有限公司") {
        appKey = "ad5ce203b2a7432cb771c0005f3257bd";
        appSecret = "39f36e1cb37ef981bb52820f50ed779f";
        filename = "1.hd.live";
        devNumber = "C51248243";
      }
      if (this.curSelectEnter.companyName === "中惠泽石油（威海）有限公司") {
        this.qingning = true;
        return;
      }
      this.getAccessToken(appKey, appSecret).then((accessToken) => {
        var iframeText = this.getIframeText(
          idName,
          filename,
          devNumber,
          accessToken
        );
        this.isShowVideo = true;

        this.videoEl.innerHTML = iframeText;
        var iframeEl = this.videoEl.firstElementChild;
      });
    },
    hideVideo() {
      this.videoEl.innerHTML = "";

      this.isShowVideo = false;
    },
    showVideoWindow() {},
    // 点击增加年度
    upcurYear() {
      this.curYear++;
      this.dataAnalysisMap();
    },
    // 点击减少年度
    downcurYear() {
      this.curYear--;
      this.dataAnalysisMap();
    },
    // 点击选择隐患总量
    clickSelectHdTotal() {
      if (this.curSelectHDTotal) {
        return;
      } else {
        this.curSelectHDTotal = true;
        this.dataAnalysisMap();
      }
    },
    // 点击选择未整改总量
    clickNoRectTotal() {
      if (!this.curSelectHDTotal) {
        return;
      } else {
        this.curSelectHDTotal = false;
        this.dataAnalysisMap();
      }
    },
    // 查找隐患关键词部门
    async findHDKWDepart(kw) {
      await getHDWDDepartment(kw).then((res) => {
        console.log(res, "end departs by me");
        this.curHDKeyWord = kw;
        // icd_name / count
        this.HDKWDepartArray = [...res];
        this.isShowHDKWIndusDepart = true;
      });
    },
    //
    async HDKWDepartClick(item, index) {
      await getHDWDIndus(this.curHDKeyWord, item.icd_name).then((res) => {
        console.log(res, "end hdkwdepart by other one");
        this.HDKWIndusArray = [...res];
        this.curSelectHDKWDepartIndex = index;
        this.isShowHDKWIndusTypes = true;
      });
    },
    //
    async HDKWIndusClick(item, index) {
      await getHDKWEntry(this.curHDKeyWord, item.industry_name).then((res) => {
        console.log(res, "end hdkwentry by me an me by to by");
        this.curSelectHDKWIndusIndex = index;
        this.HDKWEntryArray = [...res];
        this.isShowHDKWEnterLists = true;
      });
    },
    //
    async HDKWEntryClick(item, index) {
      // company_name company_id

      this.mapActiveIndex = -1;
      const AMap = window.AMap || {};
      // setZoom(level:Number)
      // setCenter(position:LngLat)

      this.curSelectEnterIndex = index;
      if (this.mapActiveIndex === 1) {
        this.mapActiveIndex = 0;
      }
      if (this.mapActiveIndex === 2) {
        this.mapActiveIndex = 0;
      }
      // this.curSelectEnter = { ...item }
      await getCompanyInfoById(item.company_id).then((res) => {
        this.curSelectEnter = { ...res.content[0] };
        const marker = new AMap.Marker({
          position: [
            Number(this.curSelectEnter.companyLng),
            Number(this.curSelectEnter.companyLat),
          ],
          // offset: new AMap.Pixel(-14, -31),
          content: this.getContent(
            this.curSelectEnter.companyRiskLevel,
            this.curSelectEnter.companyHdLevel,
            this.curSelectEnter.companyOvertimeExist
          ),
          title: this.curSelectEnter.companyName,
        });
        this.tempHDKWEntry.push(marker);
        this.map.add(marker);
        this.map.setZoom(16);
        this.map.setCenter(
          new AMap.LngLat(
            Number(this.curSelectEnter.companyLng),
            Number(this.curSelectEnter.companyLat)
          )
        );
      });
      // 获取清单列表
      await getResponseList(item.company_id).then((res) => {
        this.curSelectCerl = [];
        for (let i = 0; i < res.content.length; i++) {
          const tempItem = this.curSelectCerl.filter(
            (item) => item.cerlType === res.content[i].cerlType
          );
          if (tempItem.length === 0) {
            this.curSelectCerl.push({
              cerlType: res.content[i].cerlType,
              items: [res.content[i]],
            });
          } else {
            tempItem[0].items.push(res.content[i]);
          }
        }
      });
      // 当前选中的企业风险
      await getthRisk(item.company_id, 0, 99999).then((res) => {
        this.curSelectRisk = [...res.content];
        console.log(this.curSelectRisk, "this.curSelectRisk");
      });
      await getriskNumAnalysis(item.company_id).then((res) => {
        // console.log(res, 'hehehehhehehehehehe')
        // 初始化四个风险等级对应的数量
        this.riskMajorRiskSum = 0;
        this.riskGreaterRiskSum = 0;
        this.riskNormalRiskSum = 0;
        this.riskLowRiskSum = 0;
        if (res.totalElements > 3) {
          for (let i = 0; i < res.content.length; i++) {
            if (res.content[i].rnaLevel === "重大风险") {
              this.riskMajorRiskSum = res.content[i].rnaNum;
              break;
            }
          }
          for (let i = 0; i < res.content.length; i++) {
            if (res.content[i].rnaLevel === "较大风险") {
              this.riskGreaterRiskSum = res.content[i].rnaNum;
              break;
            }
          }
          for (let i = 0; i < res.content.length; i++) {
            if (res.content[i].rnaLevel === "一般风险") {
              this.riskNormalRiskSum = res.content[i].rnaNum;
              break;
            }
          }
          for (let i = 0; i < res.content.length; i++) {
            if (res.content[i].rnaLevel === "低风险") {
              this.riskLowRiskSum = res.content[i].rnaNum;
              break;
            }
          }
        }
      });
      // 当前选中的企业隐患
      await getHideDangeByIdOrderHdLevel(item.company_id).then((res) => {
        this.curSelectHD = [...res.content];
        this.curSelectNormalHD = this.curSelectHD.filter(
          (item) => Number(item.hdLevel) === 1
        );
        this.curSelectMajorHD = this.curSelectHD.filter(
          (item) => Number(item.hdLevel) === 2
        );
        // 当前一般隐患数量
        this.curSelectHDGenSum = this.curSelectHD.filter(
          (item) => Number(item.hdLevel) === 1
        ).length;
        // 当前重大隐患数量
        this.curSelectHDMajorSum = this.curSelectHD.filter(
          (item) => Number(item.hdLevel) === 2
        ).length;
        // 未整改的数量
        this.curSelectHDNorectSum = this.curSelectHD.filter(
          (item) => Number(item.hdStatus) === 0
        ).length;
        console.log(this.curSelectHD, "this.curSelectHD, 10");
        console.log(this.curSelectHDGenSum, "this.curSelectHDGenSum, 10");
        console.log(this.curSelectHDMajorSum, "this.curSelectHDMajorSum, 10");
        console.log(this.curSelectHDNorectSum, "this.curSelectHDNorectSum, 10");
        // 初始化当前整改率
        this.curSelectHDRectPercentSum = 0;
        if (this.curSelectHDMajorSum || this.curSelectHDGenSum) {
          this.curSelectHDRectPercentSum = (
            ((this.curSelectHDGenSum +
              this.curSelectHDMajorSum -
              this.curSelectHDNorectSum) /
              (this.curSelectHDMajorSum + this.curSelectHDGenSum)) *
            100
          ).toFixed(0);
          if (isNaN(this.curSelectHDRectPercentSum)) {
            this.curSelectHDRectPercentSum = 0;
          }
        }
      });
      // 请求安全检查
      await getRiskStandingBook(item.company_id).then((res) => {
        const tempSCCheck = [...res.content];
        this.curSelectSC = [];
        for (let i = 0; i < tempSCCheck.length; i++) {
          const getTempArr = this.curSelectSC.filter(
            (item) => item.rsbtType === tempSCCheck[i].rsbtType
          );
          if (getTempArr.length === 0) {
            this.curSelectSC.push({
              rsbtType: tempSCCheck[i].rsbtType,
              isShow: false,
              items: [tempSCCheck[i]],
            });
          } else {
            // rsbInspectContent
            getTempArr[0].items.push(tempSCCheck[i]);
          }
        }
      });
      let evalueteSum = 0;
      this.curSelectSC.forEach((item) =>
        item.items.forEach((rsb) => {
          if (!rsb.rsbInspectCase) {
            evalueteSum++;
          }
        })
      );
      if (evalueteSum === 0) {
        this.curEnterStar = 5;
      } else if (evalueteSum < 10) {
        this.curEnterStar = 4;
      } else if (evalueteSum < 20) {
        this.curEnterStar = 3;
      } else if (evalueteSum < 30) {
        this.curEnterStar = 2;
      } else {
        this.curEnterStar = 1;
      }
      this.curSelectHD.filter((item) => item.hdLevel == 2 && item.hdStatus == 0)
        .length > 0
        ? (this.curEnterStar = 1)
        : null;
      let evalueteResSum = 0;
      let totalResSum = 0;
      this.curSelectCerl.forEach((item) =>
        item.items.forEach((rsb) => {
          if (!rsb.cerlQualified) {
            evalueteResSum++;
          }
          totalResSum++;
        })
      );
      if (evalueteResSum === 0) {
        this.curEnterStar2 = 5;
      } else if (evalueteResSum < 10) {
        this.curEnterStar2 = 4;
      } else if (evalueteResSum < 30) {
        this.curEnterStar2 = 3;
      } else if (evalueteResSum < 50) {
        this.curEnterStar2 = 2;
      } else if (totalResSum === evalueteResSum) {
        this.curEnterStar2 = 0;
      } else {
        this.curEnterStar2 = 1;
      }
      // 显示企业信息
      this.isShowEnterInfo = true;

      // if (!this.isShowEnterHD) {
      //   // 关闭隐患
      //   this.enterHDClick()
      // }
      const hdDom = document.querySelector(
        ".curSelect-enter-hd-items-animation-wrapper"
      );
      hdDom.style.top = "0px";
      hdDom.onmouseover = null;
      hdDom.onmouseout = null;
      if (this.hdTimer) {
        clearInterval(this.hdTimer);
      }
      const riskDom = document.querySelector(
        ".curSelect-enter-risk-content-items-animation-wrapper"
      );
      riskDom.style.top = "0px";
      riskDom.onmouseover = null;
      riskDom.onmouseout = null;
      if (this.riskTimer) {
        clearInterval(this.riskTimer);
      }
      // 显示企业隐患
      this.isShowEnterHD = true;
      // 显示企业风险
      this.isShowEnterRisk = true;
      this.$nextTick(() => {
        // 是否开启企业风险的动画
        if (this.curSelectRisk.length > 4) {
          this.generateAnimation(
            ".curSelect-enter-risk-content-items-animation-wrapper",
            true
          );
        }
        // 是否开启企业隐患的动画
        if (this.curSelectHD.length > 7) {
          this.generateAnimation(
            ".curSelect-enter-hd-items-animation-wrapper",
            false
          );
        }
      });
    },
  },
};
</script>

<style lang="scss">
@font-face {
  font-family: "diget degree";
  src: url("../assets/fonts/DS-DIGIB-2.ttf");
}
@font-face {
  font-family: "diget year";
  src: url("../assets/fonts/DS-DIGIT-4.ttf");
}
@font-face {
  font-family: "Source Han Sans CN";
  src: url("../assets/fonts/SourceHanSansCN-Medium.otf");
}
#el-main-footer {
  display: none !important;
}
@keyframes inv {
  0% {
    filter: invert(0%);
  }
  50% {
    filter: invert(100%);
  }
  100% {
    filter: invert(0%);
  }
}
body,
html {
  /* background-color: #021455; */
  margin: 0;
  padding: 0;
}
/* body {
    width: 100%;
    height: 100%;
  } */
.home {
  width: 100%;
  height: 100%;
  background-image: url("../assets/home/bg1.png");
  box-sizing: border-box;
  position: relative;
  user-select: none;
  background-color: #021455;
  .head-wrapper {
    position: relative;
    /* transform: translateY(10%); */
    /* padding-top: 15px; */
    /* padding-bottom: 5px; */
    width: 100%;
    height: 8%;
    background-image: url("../assets/home/securitymanager.png");
    background-position: center;
    /* background-size: contain; */
    box-sizing: border-box;
    /* background-color: #010F4A; */
    background-color: #021455;
    /* filter: blur(5px); */
    &.hide {
      filter: blur(5px);
    }

    .funcItems {
      padding-top: 0px;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: space-between;
      color: #0f1835;
      font-size: 22px;
      /* align-items: center; */
      text-align: center;
      position: relative;
      .funcLeftItems {
        display: flex;
        width: 36%;
        height: calc(100% - 15px);
        margin-top: 15px;
        /* align-items: flex-end; */
        .urgentfunc {
          flex: 1;
          height: 100%;
          background-image: url("../assets/home/未选中.png");
          background-position: top;
          background-repeat: no-repeat;
          background-size: 100% 90%;
          padding-top: 23px;
          font-weight: 600;
          color: #02eeff;
          transform: scale(0.9);
          &.active {
            color: white;
            background-image: url("../assets/home/选中.png");
            text-shadow: 1px 1px 2px black, -1px -1px 2px black;
          }
          /* flex: 1;
            height: 100%;
            border-radius: 10px;
            box-shadow: 0 0 10px 10px pink inset;
            filter: contrast(200%);
            padding-top: 15px;
            font-weight: 600;
            color: white;
            animation: inv 2s infinite linear; */
        }
        .hidedangerfunc {
          flex: 1;
          height: 100%;
          background-image: url("../assets/home/未选中.png");
          background-position: top;
          background-repeat: no-repeat;
          background-size: 100% 90%;
          padding-top: 23px;
          font-weight: 600;
          color: #02eeff;
          transform: scale(0.9);
          &.active {
            color: white;
            background-image: url("../assets/home/选中.png");
            text-shadow: 1px 1px 2px black, -1px -1px 2px black;
          }
        }
        .specialapprovalfunc {
          flex: 1;
          height: 100%;
          background-image: url("../assets/home/未选中.png");
          background-position: top;
          background-repeat: no-repeat;
          background-size: 100% 90%;
          padding-top: 23px;
          font-weight: 600;
          color: #02eeff;
          transform: scale(0.9);
          &.active {
            color: white;
            background-image: url("../assets/home/选中.png");
            text-shadow: 1px 1px 2px black, -1px -1px 2px black;
          }
        }
        .specialdevicefunc {
          flex: 1;
          height: 100%;
          background-image: url("../assets/home/未选中.png");
          background-position: top;
          background-repeat: no-repeat;
          background-size: 100% 90%;
          padding-top: 23px;
          font-weight: 600;
          color: #02eeff;
          transform: scale(0.9);
          &.active {
            color: white;
            background-image: url("../assets/home/选中.png");
            text-shadow: 1px 1px 2px black, -1px -1px 2px black;
          }
        }
      }
      .funcRightItems {
        display: flex;
        align-items: flex-end;
        width: 36%;
        height: calc(100% - 15px);
        margin-top: 15px;
        .datastaticfunc {
          flex: 1;
          height: 100%;
          background-image: url("../assets/home/未选中.png");
          background-position: top;
          background-repeat: no-repeat;
          background-size: 100% 90%;
          padding-top: 23px;
          font-weight: 600;
          color: #02eeff;
          transform: scale(0.9);
          &.active {
            color: white;
            background-image: url("../assets/home/选中.png");
            text-shadow: 1px 1px 2px black, -1px -1px 2px black;
          }
        }
        .secureteachfunc {
          flex: 1;
          height: 100%;
          background-image: url("../assets/home/未选中.png");
          background-position: top;
          background-repeat: no-repeat;
          background-size: 100% 90%;
          padding-top: 23px;
          font-weight: 600;
          color: #02eeff;
          transform: scale(0.9);
          &.active {
            color: white;
            background-image: url("../assets/home/选中.png");
            text-shadow: 1px 1px 2px black, -1px -1px 2px black;
          }
        }
        .policiesfunc {
          flex: 1;
          height: 100%;
          background-image: url("../assets/home/未选中.png");
          background-position: top;
          background-repeat: no-repeat;
          background-size: 100% 90%;
          padding-top: 23px;
          font-weight: 600;
          color: #02eeff;
          transform: scale(0.9);
          &.active {
            color: white;
            background-image: url("../assets/home/选中.png");
            text-shadow: 1px 1px 2px black, -1px -1px 2px black;
          }
        }
        .backendfunc {
          flex: 1;
          height: 100%;
          background-image: url("../assets/home/未选中.png");
          background-position: top;
          background-repeat: no-repeat;
          background-size: 100% 90%;
          padding-top: 23px;
          font-weight: 600;
          color: #02eeff;
          transform: scale(0.9);
          &.active {
            color: white;
            background-image: url("../assets/home/选中.png");
            text-shadow: 1px 1px 2px black, -1px -1px 2px black;
          }
        }
      }

      .middleHeaderDecoration {
        display: none;
        position: absolute;
        width: 137px;
        height: 27px;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        background-image: url("../assets/home/middleheader.png");
        background-position: center;
        background-repeat: no-repeat;
      }
    }
    .maps-wrapper {
      margin-left: 14px;
      position: absolute;
      left: 0%;
      right: 72%;
      top: 0;
      bottom: 0;
      display: flex;
      flex-direction: row;
      justify-content: space-around;
      align-items: center;
      font-size: 22px;
      font-family: Source Han Sans CN;
      font-weight: bold;
      color: #a1cfff;
      white-space: nowrap;
      .urgent {
        margin: 0 10px;
        height: 100%;
        background-size: 100% 100%;
        display: flex;
        align-items: center;
        &.active {
          background-image: url("../assets/home/light.png");
          color: #05f9fb;
        }
        &:hover {
          background-image: url("../assets/home/light.png");
          color: #05f9fb;
        }
      }
      .envpro {
        margin: 0 10px;
        height: 100%;
        background-size: 100% 100%;
        display: flex;
        align-items: center;
        &.active {
          background-image: url("../assets/home/light.png");
          color: #05f9fb;
        }
        &:hover {
          background-image: url("../assets/home/light.png");
          color: #05f9fb;
        }
      }
      .occupational {
        margin: 0 10px;
        height: 100%;
        background-size: 100% 100%;
        display: flex;
        align-items: center;
        &.active {
          background-image: url("../assets/home/light.png");
          color: #05f9fb;
        }
        &.hover {
          background-image: url("../assets/home/light.png");
          color: #05f9fb;
        }
      }
    }
    .hd-wrapper {
      position: absolute;
      right: 17%;
      top: 0;
      bottom: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #a1cfff;
      font-size: 22px;
      font-family: Source Han Sans CN;
      font-weight: bold;
      white-space: nowrap;
      background-size: 100% 100%;
      &:hover {
        background-image: url("../assets/home/light.png");
        color: #05f9fb;
      }
      &.active {
        background-image: url("../assets/home/light.png");
        color: #05f9fb;
      }
      .hidedanger {
        height: 100%;
        display: flex;
        align-items: center;
      }
    }
    .title {
      position: absolute;
      overflow: visible;
      z-index: -1;
    }
    .backstage-wrapper {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 18px;
      color: #ddd;
      display: flex;
      align-items: center;
      margin-right: 10px;
      .backstage {
        border: 1px solid #ddd;
        border-radius: 4px;
        padding: 6px 12px;
        font-size: 12px;
        cursor: pointer;
      }
    }
    .run-time-wrapper {
      position: absolute;
      top: 0;
      right: 14px;
      font-family: "diget degree";
      font-size: 18px;
      color: #0fffff;
      .toscale {
        transform: scale(0.8);
      }
    }
  }
  .container-wrapper {
    height: 92%;
    width: 100%;
    position: absolute;
    box-sizing: border-box;
    overflow: hidden;
    .map-wrapper {
      width: 100%;
      height: 100%;
      position: relative;
      /* filter: blur(5px); */
      &.hide {
        filter: blur(5px);
      }
      #container {
        width: 100%;
        height: 100%;
      }
      .worker-deploy1 {
        position: absolute;
        bottom: 20px;
        right: 587px;
        display: flex;
        align-items: center;
        color: #05e8fe;
        background-image: url("../assets/home/形状3.png");
        background-size: 100% 100%;
        height: 52px;
        font-weight: 600;
        .worker-deploy-icon1 {
          width: 52px;
          height: 40px;
          background-image: url("../assets/home/工作部署拷贝.png");
          background-position: 0 0px;
          position: relative;
          top: 0px;
        }
        span {
          margin-right: 15px;
        }
      }
      .secure-teach1-wrapper {
        display: flex;
        width: 412px;
        height: 168px;
        position: absolute;
        left: 30px;
        top: 30px;
        background: #020c39;
        border: 1px solid #0350fe;
        opacity: 0.9;
        .secure-teach1-item1-wrapper {
          flex-basis: 50%;
          display: flex;
          flex-direction: column;
          justify-content: space-around;
          align-items: center;
          .secure-teach1-item1-sum {
            margin-top: 8px;
            font-size: 37px;
            font-family: "Source Han Sans CN";
            font-weight: bold;
            color: #ffffff;
            line-height: 37px;
            background: linear-gradient(180deg, #fbcf34 0%, #ff9b58 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
          }
          .secure-teach1-enterprise1-sum {
            margin-top: 3px;
            font-size: 20px;
            font-family: "Source Han Sans CN";
            font-weight: 500;
            color: #05e8fe;
            line-height: 19px;
          }
          .secure-teach1-icon1 {
            margin-top: 3px;
            width: 131px;
            height: 91px;
            background-image: url("../assets/home/企业2.png");
            background-position: center;
            opacity: 0.5;
            &.active {
              opacity: 1;
            }
          }
        }
        .secure-teach1-item2-wrapper {
          flex-basis: 50%;
          display: flex;
          flex-direction: column;
          justify-content: space-around;
          align-items: center;
          .secure-teach1-item2-sum {
            margin-top: 8px;
            font-size: 37px;
            font-family: "Source Han Sans CN";
            font-weight: bold;
            color: #ffffff;
            line-height: 37px;
            background: linear-gradient(180deg, #fbcf34 0%, #ff9b58 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
          }
          .secure-teach1-enterprise2-sum {
            margin-top: 3px;
            font-size: 20px;
            font-family: "Source Han Sans CN";
            font-weight: 500;
            color: #05e8fe;
            line-height: 19px;
          }
          .secure-teach1-icon2 {
            margin-top: 3px;
            width: 131px;
            height: 91px;
            background-image: url("../assets/home/人员.png");
            background-position: center;
            opacity: 0.5;
            &.active {
              opacity: 1;
            }
          }
        }
        .decorate-left-top {
          position: absolute;
          left: -3px;
          top: -3px;
          background-image: url("../assets/home/组211.png");
          width: 52px;
          height: 20px;
        }
        .decorate-right-bottom {
          position: absolute;
          right: -3px;
          bottom: -3px;
          background-image: url("../assets/home/组212.png");
          width: 52px;
          height: 20px;
        }
      }
      .secure-teach2-wrapper {
        display: flex;
        width: 412px;
        height: 168px;
        position: absolute;
        left: 458px;
        top: 30px;
        background: #020c39;
        border: 1px solid #0350fe;
        opacity: 0.9;
        .secure-teach2-item1-wrapper {
          flex-basis: 50%;
          display: flex;
          flex-direction: column;
          justify-content: space-around;
          align-items: center;
          .secure-teach2-item1-sum {
            margin-top: 8px;
            font-size: 37px;
            font-family: "Source Han Sans CN";
            font-weight: bold;
            color: #ffffff;
            line-height: 37px;
            background: linear-gradient(180deg, #fbcf34 0%, #ff9b58 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
          }
          .secure-teach2-enterprise1-sum {
            margin-top: 3px;
            font-size: 20px;
            font-family: "Source Han Sans CN";
            font-weight: 500;
            color: #05e8fe;
            line-height: 19px;
          }
          .secure-teach2-icon1 {
            margin-top: 3px;
            width: 131px;
            height: 91px;
            background-image: url("../assets/home/企业2.png");
            background-position: center;
            opacity: 0.5;
            &.active {
              opacity: 1;
            }
          }
        }
        .secure-teach2-item2-wrapper {
          flex-basis: 50%;
          display: flex;
          flex-direction: column;
          justify-content: space-around;
          align-items: center;
          .secure-teach2-item2-sum {
            margin-top: 8px;
            font-size: 37px;
            font-family: "Source Han Sans CN";
            font-weight: bold;
            color: #ffffff;
            line-height: 37px;
            background: linear-gradient(180deg, #fbcf34 0%, #ff9b58 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
          }
          .secure-teach2-enterprise2-sum {
            margin-top: 3px;
            font-size: 20px;
            font-family: "Source Han Sans CN";
            font-weight: 500;
            color: #05e8fe;
            line-height: 19px;
          }
          .secure-teach2-icon2 {
            margin-top: 3px;
            width: 131px;
            height: 91px;
            background-image: url("../assets/home/人员.png");
            background-position: center;
            opacity: 0.5;
            &.active {
              opacity: 1;
            }
          }
        }
        .decorate-left-top {
          position: absolute;
          left: -3px;
          top: -3px;
          background-image: url("../assets/home/组211.png");
          width: 52px;
          height: 20px;
        }
        .decorate-right-bottom {
          position: absolute;
          right: -3px;
          bottom: -3px;
          background-image: url("../assets/home/组212.png");
          width: 52px;
          height: 20px;
        }
      }
      .certify-manage-wrapper {
        position: absolute;
        left: 1000px;
        top: 30px;
        width: 654px;
        height: 168px;
        background: #020c39;
        border: 1px solid #0350fe;
        opacity: 0.9;
        display: flex;
        .certify-manage-sum {
          margin-top: 8px;
          font-size: 37px;
          font-family: "Source Han Sans CN";
          font-weight: bold;
          color: #ffffff;
          line-height: 37px;
          background: linear-gradient(180deg, #fbcf34 0%, #ff9b58 100%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
        }
        .certify-manage-title {
          margin-top: 3px;
          font-size: 20px;
          font-family: "Source Han Sans CN";
          font-weight: 500;
          color: #05e8fe;
          line-height: 19px;
        }
        .certify-manage-icon {
          margin-top: 3px;
          width: 131px;
          height: 91px;
          background-position: center;
          opacity: 0.5;
          &.active {
            opacity: 1;
          }
        }
        .certify-icon1 {
          background-image: url("../assets/home/企业2.png");
        }
        .certify-icon2 {
          background-image: url("../assets/home/应急采购.png");
        }
        .certify-icon3 {
          background-image: url("../assets/home/标准化协议.png");
        }
        .certify-manage-item1-wrapper {
          flex-basis: 33.33%;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: space-around;
        }
        .certify-manage-item2-wrapper {
          flex-basis: 33.33%;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: space-around;
        }
        .certify-manage-item3-wrapper {
          flex-basis: 33.33%;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: space-around;
        }
      }
      .satelliteorgis-wrapper {
        position: absolute;
        bottom: 18px;
        /* left: 18px; */
        right: 260px;
        width: 320px;
        height: 60px;
        padding: 0 10px;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        background-image: url("../assets/home/bgframe.png");
        background-size: 100% 100%;
        .regularmapstyle {
          width: 100px;
          height: 35px;
          background-size: 100% 100%;
          display: flex;
          align-items: center;
          color: #0fffff;
          font-size: 14px;
          font-weight: 600;
          padding-left: 33px;
          background-image: url("../assets/home/lbclose.png");
          background-size: 95% 95%;
          background-repeat: no-repeat;
          background-position: center;
          &.active {
            background-image: url("../assets/home/lbopen.png");
            background-size: 95% 95%;
            background-repeat: no-repeat;
            background-position: center;
          }
        }
        .satellitemapstyle {
          width: 100px;
          height: 35px;
          background-size: 100% 100%;
          padding: 0 10px;
          display: flex;
          align-items: center;
          color: #0fffff;
          font-size: 14px;
          font-weight: 600;
          padding-left: 33px;
          background-image: url("../assets/home/lbclose.png");
          background-size: 95% 95%;
          background-repeat: no-repeat;
          background-position: center;
          &.active {
            background-image: url("../assets/home/lbopen.png");
            background-size: 95% 95%;
            background-repeat: no-repeat;
            background-position: center;
            /* background-position:  */
          }
        }
        .backitemstyle {
          width: 100px;
          height: 35px;
          color: #0fffff;
          font-size: 14px;
          font-weight: 600;
          padding-left: 33px;
          background-image: url("../assets/home/backstageeye.png");
          background-size: 100% 100%;
          background-repeat: no-repeat;
          line-height: 35px;
          background-size: 112px 37px;
          background-repeat: no-repeat;
          background-position: center;
          /* margin-left: -5px; */
        }
        .hidedanger-identification {
          width: 90px;
          height: 35px;
          display: flex;
          flex-direction: row;
          align-items: center;
          font-size: 14px;
          font-family: Source Han Sans CN;
          font-weight: 400;
          color: #00ffff;
          .hd-block {
            width: 31px;
            height: 31px;
            border: 1px solid #0fffff;
            border-radius: 3px;
            position: relative;
            transform: scale(0.7);
            &.active {
              background-image: url("../assets/home/radiochosen.png");
              border: 0px solid rgba(0, 0, 0, 0);
            }
          }
        }
      }
      /* 风险类型 */
      .riskTypes {
        position: absolute;
        left: 13px;
        top: 15px;
        width: 589px;
        height: 166px;
        background: #020c39;
        border: 1px solid #0350fe;
        display: flex;
        justify-content: space-around;
        text-align: center;
        padding: 0 15px;
        .majorrisk-survey-wrapper {
          margin-top: 20px;
          width: 97px;
          height: 125px;
          background-image: url("../assets/home/risk13.png");
          background-position: 8px 20px;
          background-repeat: no-repeat;
          background-size: 90%;
          opacity: 0.6;
          .majorrisk-survey-degrees {
            font-family: "PingFang-SC-Medium";
            color: #f80303;
            font-size: 32px;
            font-weight: 600;
          }
          .majorrisk-survey-title {
            font-family: "SourceHanSansCN-Regular";
            color: #fff;
            font-size: 16px;
          }
          &.active {
            opacity: 1;
          }
        }
        .greaterrisk-survey-wrapper {
          margin-top: 20px;
          width: 97px;
          height: 125px;
          background-image: url("../assets/home/risk12.png");
          background-position: 8px 20px;
          background-repeat: no-repeat;
          background-size: 90%;
          opacity: 0.6;
          .greaterrisk-survey-degrees {
            font-family: "PingFang-SC-Medium";
            color: #ff8839;
            font-size: 32px;
          }
          .greaterrisk-survey-title {
            font-family: "SourceHanSansCN-Regular";
            color: #fff;
            font-size: 16px;
          }
          &.active {
            opacity: 1;
          }
        }
        .generalrisk-survey-wrapper {
          margin-top: 20px;
          width: 97px;
          height: 125px;
          background-image: url("../assets/home/risk11.png");
          background-position: 8px 20px;
          background-repeat: no-repeat;
          background-size: 90%;
          opacity: 0.6;
          .generalrisk-survey-degrees {
            font-family: "PingFang-SC-Medium";
            color: #f2fb05;
            font-size: 32px;
          }
          .generalrisk-survey-title {
            font-family: "SourceHanSansCN-Regular";
            color: #fff;
            font-size: 16px;
          }
          &.active {
            opacity: 1;
          }
        }
        .lowrisk-survey-wrapper {
          margin-top: 20px;
          width: 97px;
          height: 125px;
          background-image: url("../assets/home/risk10.png");
          background-position: 8px 20px;
          background-repeat: no-repeat;
          background-size: 90%;
          opacity: 0.6;
          .lowrisk-survey-degrees {
            font-family: "PingFang-SC-Medium";
            color: #30b4ff;
            font-size: 32px;
          }
          .lowrisk-survey-title {
            font-family: "SourceHanSansCN-Regular";
            color: #fff;
            font-size: 16px;
          }
          &.active {
            opacity: 1;
          }
        }
        /* 左上角装饰 */
        .riskTypes-left-top-dec {
          position: absolute;
          left: -4px;
          top: -4px;
          width: 52px;
          height: 20px;
          background-image: url("../assets/home/组211.png");
          background-repeat: no-repeat;
          background-position: center;
        }
        /* 右下角装饰 */
        .riskTypes-right-bottom-dec {
          position: absolute;
          right: -4px;
          bottom: -4px;
          width: 52px;
          height: 20px;
          background-image: url("../assets/home/组212.png");
          background-repeat: no-repeat;
          background-position: center;
        }
        /* 左下角装饰 */
        .riskTypes-left-bottom-dec {
          position: absolute;
          left: -4px;
          bottom: -4px;
          width: 52px;
          height: 20px;
          background-image: url("../assets/home/组21拷贝8.png");
          background-repeat: no-repeat;
          background-position: center;
        }
        /* 右上角装饰 */
        .riskTypes-right-top-dec {
          position: absolute;
          right: -4px;
          top: -4px;
          width: 52px;
          height: 20px;
          background-image: url("../assets/home/组21拷贝7.png");
          background-repeat: no-repeat;
          background-position: center;
        }
      }
      /* 隐患类型 */
      .dangerTypes {
        position: absolute;
        left: 13px;
        top: 15px;
        width: 589px;
        height: 166px;
        background: #020c39;
        border: 1px solid #0350fe;
        display: flex;
        justify-content: space-around;
        text-align: center;
        padding: 0 15px;
        .majorhd-survey-wrapper {
          margin-top: 20px;
          width: 97px;
          height: 125px;
          background-image: url("../assets/home/hd12.png");
          background-position: 8px 20px;
          background-repeat: no-repeat;
          background-size: 90%;
          opacity: 0.6;
          &.active {
            opacity: 1;
          }
          .majorhd-survey-degress {
            font-family: "PingFang-SC-Medium";
            color: #ff8839;
            font-size: 32px;
          }
          .majorhd-survey-title {
            font-family: "SourceHanSansCN-Regular";
            color: #fff;
            font-size: 16px;
          }
        }
        .generalhd-survey-wrapper {
          margin-top: 20px;
          width: 97px;
          height: 125px;
          background-image: url("../assets/home/hd11.png");
          background-position: 8px 20px;
          background-repeat: no-repeat;
          background-size: 90%;
          opacity: 0.6;
          &.active {
            opacity: 1;
          }
          .generalhd-survey-degrees {
            font-family: "PingFang-SC-Medium";
            color: #f2fb05;
            font-size: 32px;
          }
          .generalhd-survey-title {
            font-family: "SourceHanSansCN-Regular";
            color: #fff;
            font-size: 16px;
          }
        }
        .overtime-survey-wrapper {
          margin-top: 20px;
          width: 97px;
          height: 125px;
          background-image: url("../assets/home/hd13.png");
          background-position: 8px 20px;
          background-repeat: no-repeat;
          background-size: 90%;
          opacity: 0.6;
          &.active {
            opacity: 1;
          }
          .overtime-survey-degrees {
            font-family: "PingFang-SC-Medium";
            color: #f80303;
            font-size: 32px;
          }
          .overtime-survey-title {
            font-family: "SourceHanSansCN-Regular";
            color: #fff;
            font-size: 16px;
          }
        }
        /* 左上角装饰 */
        .dangerTypes-left-top-dec {
          position: absolute;
          left: -4px;
          top: -4px;
          width: 52px;
          height: 20px;
          background-image: url("../assets/home/组211.png");
          background-repeat: no-repeat;
          background-position: center;
        }
        /* 右下角装饰 */
        .dangerTypes-right-bottom-dec {
          position: absolute;
          right: -4px;
          bottom: -4px;
          width: 52px;
          height: 20px;
          background-image: url("../assets/home/组212.png");
          background-repeat: no-repeat;
          background-position: center;
        }
        /* 左下角装饰 */
        .dangerTypes-left-bottom-dec {
          position: absolute;
          left: -4px;
          bottom: -4px;
          width: 52px;
          height: 20px;
          background-image: url("../assets/home/组21拷贝8.png");
          background-repeat: no-repeat;
          background-position: center;
        }
        /* 右上角装饰 */
        .dangerTypes-right-top-dec {
          position: absolute;
          right: -4px;
          top: -4px;
          width: 52px;
          height: 20px;
          background-image: url("../assets/home/组21拷贝7.png");
          background-repeat: no-repeat;
          background-position: center;
        }
      }
      /* 行业主管部门 */
      .department-indus-wrapper {
        position: absolute;
        top: 194px;
        top: 209px;
        left: 9px;
        width: 300px;
        height: 540px;
        background: #020c39;
        border: 1px solid #05f9fb;
        padding: 8px;
        .department-indus-title-wrapper {
          width: 100%;
          height: 43px;
          background-image: url("../assets/home/矩形7拷贝5.png");
          background-repeat: no-repeat;
          font-family: "SourceHanSansCN-Bold";
          font-weight: Bold;
          color: #dfeef3;
          font-size: 18px;
          line-height: 43px;
          text-indent: 2em;
        }
        .department-indus-content-wrapper {
          width: 100%;
          height: 490px;
          overflow-y: scroll;
          &::-webkit-scrollbar {
            display: none;
          }
          .department-indus-content-item {
            padding: 6px;
            font-family: "SourceHanSansCN-Medium";
            color: #05f9fb;
            font-size: 20px;
            white-space: nowrap;
            overflow-x: hidden;
            text-overflow: ellipsis;
            position: relative;
            &.active {
              color: #ffe13e;
            }
            .arrow-to-right {
              background: #020c39;
              position: absolute;
              /* left: 175px; */
              right: 10px;
              top: 50%;
              transform: translateY(-50%);
            }
          }
        }
      }
      /* 行业分类 */
      .indus-types-wrapper {
        position: absolute;
        top: 209px;
        left: 311px;
        width: 420px;
        height: 420px;
        background: #020c39;
        border: 1px solid #05f9fb;
        padding: 8px;
        .indus-types-title-wrapper {
          width: 100%;
          height: 43px;
          background-image: url("../assets/home/矩形7拷贝5.png");
          background-repeat: no-repeat;
          font-family: "SourceHanSansCN-Bold";
          font-weight: Bold;
          color: #dfeef3;
          font-size: 18px;
          line-height: 43px;
          text-indent: 2em;
        }
        .indus-types-content-wrapper {
          width: 100%;
          height: 377px;
          overflow-y: scroll;
          &::-webkit-scrollbar {
            display: none;
          }
          .indus-types-content-item {
            padding: 6px;
            font-family: "SourceHanSansCN-Medium";
            color: #05f9fb;
            font-size: 20px;
            white-space: nowrap;
            overflow-x: hidden;
            text-overflow: ellipsis;
            position: relative;
            &.active {
              color: #ffe13e;
            }
            .arrow-to-right {
              background: #020c39;
              position: absolute;
              /* left: 175px; */
              right: 10px;
              top: 50%;
              transform: translateY(-50%);
            }
          }
        }
      }
      /* 企业列表 */
      .enter-list-wrapper {
        position: absolute;
        top: 209px;
        left: 730px;
        width: 398px;
        height: 701px;
        background: #020c39;
        border: 1px solid #05f9fb;
        padding: 8px;
        .enter-list-title-wrapper {
          width: 100%;
          height: 43px;
          background-image: url("../assets/home/矩形7拷贝5.png");
          background-repeat: no-repeat;
          font-family: "SourceHanSansCN-Bold";
          font-weight: Bold;
          color: #dfeef3;
          font-size: 18px;
          line-height: 43px;
          text-indent: 2em;
        }
        .enter-list-content-wrapper {
          width: 100%;
          height: 600px;
          overflow-y: scroll;
          &::-webkit-scrollbar {
            display: none;
          }
          .enter-list-content-item {
            width: 100%;
            padding: 6px;
            font-family: "SourceHanSansCN-Medium";
            color: #05f9fb;
            font-size: 20px;
            white-space: nowrap;
            overflow-x: hidden;
            text-overflow: ellipsis;
            position: relative;
            &.active {
              color: #ffe13e;
            }
            .arrow-to-right {
              background: #020c39;
              position: absolute;
              right: 10px;
              top: 50%;
              transform: translateY(-50%);
            }
          }
        }
      }
      /* 证书管理 */
      .certify-list-wrapper {
        position: absolute;
        top: 209px;
        left: 1130px;
        width: 208px;
        height: 401px;
        background: #020c39;
        border: 1px solid #05f9fb;
        padding: 8px;
        .certify-list-title-wrapper {
          width: 100%;
          height: 43px;
          background-image: url("../assets/home/矩形7拷贝5.png");
          background-repeat: no-repeat;
          font-family: "SourceHanSansCN-Bold";
          font-weight: Bold;
          color: #dfeef3;
          font-size: 18px;
          line-height: 43px;
          text-indent: 2em;
        }
        .certify-list-content-wrapper {
          width: 100%;
          height: 600px;
          overflow-y: scroll;
          &::-webkit-scrollbar {
            display: none;
          }
          .certify-list-content-item {
            width: 100%;
            padding: 6px;
            font-family: "SourceHanSansCN-Medium";
            color: #05f9fb;
            font-size: 20px;
            white-space: nowrap;
            overflow-x: hidden;
            text-overflow: ellipsis;
            position: relative;
            &.active {
              color: #ffe13e;
            }
            .arrow-to-right {
              background: #020c39;
              position: absolute;
              right: 10px;
              top: 50%;
              transform: translateY(-50%);
            }
          }
        }
      }
      .danger-list-wrapper {
        position: absolute;
        top: 209px;
        left: 1130px;
        width: 300px;
        height: 401px;
        background: #020c39;
        border: 1px solid #05f9fb;
        padding: 8px;
        .danger-list-title-wrapper {
          width: 100%;
          height: 43px;
          background-image: url("../assets/home/矩形7拷贝5.png");
          background-repeat: no-repeat;
          font-family: "SourceHanSansCN-Bold";
          font-weight: Bold;
          color: #dfeef3;
          font-size: 18px;
          line-height: 43px;
          text-indent: 2em;
        }
        .danger-list-content-wrapper {
          width: 100%;
          height: 600px;
          overflow-y: scroll;
          &::-webkit-scrollbar {
            display: none;
          }
          .certify-list-content-item {
            width: 100%;
            padding: 6px;
            font-family: "SourceHanSansCN-Medium";
            color: #05f9fb;
            font-size: 20px;
            white-space: nowrap;
            overflow-x: hidden;
            text-overflow: ellipsis;
            position: relative;
            &.active {
              color: #ffe13e;
            }
            .arrow-to-right {
              background: #020c39;
              position: absolute;
              right: 10px;
              top: 50%;
              transform: translateY(-50%);
            }
          }
        }
      }
      /* 重要工作部署 */
      .import-work-deployment-wrapper {
        position: absolute;
        left: 125px;
        top: 24px;
        width: 1490px;
        height: 940px;
        background-image: url("../assets/home/importworkdeploy.png");
        .import-work-deployment-title {
          font-size: 24px;
          font-family: "Source Han Sans CN";
          color: #dfeef3;
          padding-left: 36px;
          margin-left: 37px;
          margin-top: 24px;
          width: 200px;
          height: 50px;
          background-image: url("../assets/home/矩形7拷贝5.png");
          background-repeat: no-repeat;
          line-height: 44px;
        }
        .department-selection-wrapper {
          display: flex;
          margin-top: 24px;
          margin-left: 22px;
          .department-selection-title {
            font-size: 26px;
            font-family: "Source Han Sans CN";
            font-weight: 400;
            color: #00ffff;
          }
          .department-selection-item-wrapper {
            display: flex;
            align-items: center;
            background: rgba(0, 182, 255, 0.34);
            margin-right: 5px;
            .department-selection-check {
              width: 26px;
              height: 26px;
              border: 1px solid #01c1d4;
              border-radius: 7px;
              &.active {
                background: #00ffff;
              }
            }
            .department-selection-item {
              font-size: 26px;
              font-family: "Source Han Sans CN";
              font-weight: 400;
              color: #00ffff;
            }
          }
        }
        .indus-selection-wrapper {
          display: flex;
          margin-top: 45px;
          margin-left: 22px;
          position: relative;
          min-width: 20px;
          padding-left: 20px;
          .indus-selection-title {
            font-size: 26px;
            font-family: "Source Han Sans CN";
            font-weight: 400;
            color: #00ffff;
          }
          .indus-selection {
            width: 267px;
            background: rgba(0, 182, 255, 0.34);
          }
          .decangle-to-deployment {
            position: absolute;
            left: 427px;
            top: 50%;
            transform: translateY(-50%);
          }
        }
        .search-deploy-entryname-wrapper {
          display: flex;
          margin-top: 47px;
          margin-left: 22px;
          .search-deploy-entername {
            font-size: 26px;
            font-family: "Source Han Sans CN";
            font-weight: 400;
            color: #00ffff;
          }
          .search-deploy-wrapper {
            display: flex;
            background: rgba(0, 182, 255, 0.34);
            width: 415px;
            align-items: center;
            margin-left: 20px;
            font-size: 22px;
            overflow: visible;
            position: relative;
            .search-deploy-name {
              min-width: 100px;
              color: white;
              &:empty::after {
                content: "请输入公司名称来搜索";
                font-family: "Source Han Sans CN";
                font-weight: 400;
                color: #00ffff;
                opacity: 0.6;
              }
            }
            .search-enterprises-result-wrapper {
              position: absolute;
              top: 100%;
              left: 0;
              height: 320px;
              width: 415px;
              background: black;
              overflow-y: scroll;
              .search-enterprises-result-item {
                border-bottom: 1px solid #00ffff;
                color: white;
                font-size: 14px;
                line-height: 14px;
                padding: 3px;
                margin: 4px 0;
              }
            }
          }
        }
        .two-content-wrapper {
          display: flex;
          .cur-search-entryname-wrapper {
            width: 930px;
            height: 620px;
            border: 1px solid #1a6a7c;
            border-radius: 20px;
            margin-top: 20px;
            margin-left: 20px;
            padding-left: 20px;
            .choose-all-entryname {
              display: flex;
              margin-top: 17px;
              .search-block-check {
                width: 28px;
                height: 28px;
                border: 2px solid #00ffff;
                border-radius: 8px;
                &.active {
                  background: #00ffff;
                }
              }
              .choose-all {
                font-size: 24px;
                font-family: Source Han Sans CN;
                font-weight: 400;
                color: #00ffff;
              }
            }
            .cur-search-second-wrapper {
              display: flex;
              flex-wrap: wrap;
              .cur-search-second-item {
                flex-basis: 50%;
                margin-top: 24px;
                display: flex;
                align-items: center;
                .search-block-check {
                  width: 28px;
                  height: 28px;
                  border: 2px solid #00ffff;
                  border-radius: 8px;
                  &.active {
                    background: #00ffff;
                  }
                }
                .cur-search-entry-name {
                  font-size: 24px;
                  font-family: Source Han Sans CN;
                  font-weight: 400;
                  color: #00ffff;
                }
              }
            }
          }
          .content-publish-wrapper {
            width: 500px;
            height: 620px;
            background: #020c39;
            border: 2px solid #0caeae;
            border-radius: 20px;
            margin-top: 20px;
            margin-left: 20px;
            padding-left: 10px;
            .content-publish-title-wrapper {
              display: flex;
              margin-top: 20px;
              .content-publish-icon-dec {
                width: 53px;
                height: 21px;
                background: url("../assets/home/dec4.png");
              }
              .content-publish-title {
                font-size: 26px;
                font-family: Source Han Sans CN;
                font-weight: bold;
                color: #00ffff;
                background: linear-gradient(
                  0deg,
                  #3fffea 23.583984375%,
                  #007eff 100%
                );
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
              }
            }
            .content-publish-biaoti-wrapper {
              margin-top: 20px;
              display: flex;
              .content-publish-biaoti-title {
                font-size: 24px;
                font-family: "Source Han Sans CN";
                font-weight: 400;
                color: #00ffff;
              }
              .content-publish-biaoti {
                width: 415px;
                height: 45px;
                background: #020c39;
                border: 1px solid #01f6f9;
                border-radius: 8px;
                color: white;
                padding: 10px;
                &:empty::after {
                  content: "请在这里输入标题内容";
                  color: #00ffff;
                  opacity: 0.8;
                }
              }
            }
            .content-publish-neirong-wrapper {
              margin-top: 20px;
              display: flex;
              .content-pubish-neirong-title {
                font-size: 24px;
                font-family: "Source Han Sans CN";
                font-weight: 400;
                color: #00ffff;
              }
              .content-publish-neirong {
                width: 420px;
                height: 450px;
                border: 1px solid #00ffff;
                border-radius: 20px;
                color: white;
                padding-left: 10px;
                line-height: 20px;
                &:empty::after {
                  content: " 请在这里输入标题内容";
                  color: #00ffff;
                  opacity: 0.8;
                }
              }
            }
            .cotent-publish-send-wrapper {
              display: flex;
              justify-content: flex-end;
              .content-publish-send {
                width: 91px;
                height: 30px;
                background: linear-gradient(0deg, #30cfbe, #007eff);
                border-radius: 8px;
                font-size: 20px;
                font-family: "Source Han Sans CN";
                font-weight: 500;
                color: #ffffff;
                display: flex;
                align-items: center;
                justify-content: center;
              }
            }
          }
        }
      }
      /*
          行业信息预警
        */
      .hd-info-to-enter-vocabulary-wrapper {
        position: absolute;
        top: 40px;
        left: 9px;
        width: 402px;
        padding: 9px;
        /* height: 934px; */
        background: #020c39;
        .hd-info-to-enter-title {
          position: relative;
          margin-left: 19px;
          margin-top: 10px;
          margin-bottom: 20px;
          width: 179px;
          height: 43px;
          background: url("../assets/home/rectcopy.png");
          background-repeat: no-repeat;
          padding-left: 29px;
          font-size: 18px;
          line-height: 35px;
          font-weight: bold;
          color: #dfeef3;
          /* background: linear-gradient(90deg, #11D2CB 0%, rgba(11, 168, 154, 0) 100%); */
        }
        .hd-info-to-enter-vocabulary-item {
          /* height: 85px; */
          .hd-info-to-enter-vocabulary {
            font-size: 22px;
            font-family: Source Han Sans CN;
            font-weight: 400;
            color: #05f9fb;
            margin-top: 18px;
          }
          .hd-info-to-enter-vocabulary-progress-wrapper {
            display: flex;
            justify-content: space-between;
            margin-top: 6px;
            align-items: center;
          }
          .hd-info-to-enter-vocabulary-progress {
            height: 12px;
            background: linear-gradient(
              0deg,
              rgba(4, 252, 237, 0.99),
              rgba(78, 92, 214, 0.99)
            );
            border-radius: 6px;
          }
          .hd-info-to-enter-vocabulary-progress-sum {
            font-size: 20px;
            font-family: Source Han Sans CN;
            font-weight: 400;
            color: #05c4fb;
          }
        }
      }
      /* 行业主管部门 */
      .info-department-indus-wrapper {
        position: absolute;
        top: 194px;
        left: 430px;
        width: 220px;
        height: 420px;
        background: #020c39;
        border: 1px solid #05f9fb;
        padding: 8px;
        .department-indus-title-wrapper {
          width: 100%;
          height: 43px;
          background-image: url("../assets/home/矩形7拷贝5.png");
          background-repeat: no-repeat;
          font-family: "SourceHanSansCN-Bold";
          font-weight: Bold;
          color: #dfeef3;
          font-size: 18px;
          line-height: 43px;
          text-indent: 2em;
        }
        .department-indus-content-wrapper {
          width: 100%;
          height: 377px;
          overflow-y: scroll;
          &::-webkit-scrollbar {
            display: none;
          }
          .department-indus-content-item {
            padding: 6px;
            font-family: "SourceHanSansCN-Medium";
            color: #05f9fb;
            font-size: 20px;
            white-space: nowrap;
            overflow-x: hidden;
            text-overflow: ellipsis;
            position: relative;
            &.active {
              color: #ffe13e;
            }
            .arrow-to-right {
              background: #020c39;
              position: absolute;
              left: 175px;
              top: 50%;
              transform: translateY(-50%);
            }
          }
        }
      }
      /* 行业分类 */
      .info-indus-types-wrapper {
        position: absolute;
        top: 194px;
        left: 650px;
        width: 220px;
        height: 420px;
        background: #020c39;
        border: 1px solid #05f9fb;
        padding: 8px;
        .indus-types-title-wrapper {
          width: 100%;
          height: 43px;
          background-image: url("../assets/home/矩形7拷贝5.png");
          background-repeat: no-repeat;
          font-family: "SourceHanSansCN-Bold";
          font-weight: Bold;
          color: #dfeef3;
          font-size: 18px;
          line-height: 43px;
          text-indent: 2em;
        }
        .indus-types-content-wrapper {
          width: 100%;
          height: 377px;
          overflow-y: scroll;
          &::-webkit-scrollbar {
            display: none;
          }
          .indus-types-content-item {
            padding: 6px;
            font-family: "SourceHanSansCN-Medium";
            color: #05f9fb;
            font-size: 20px;
            white-space: nowrap;
            overflow-x: hidden;
            text-overflow: ellipsis;
            position: relative;
            &.active {
              color: #ffe13e;
            }
            .arrow-to-right {
              background: #020c39;
              position: absolute;
              left: 175px;
              top: 50%;
              transform: translateY(-50%);
            }
          }
        }
      }
      /* 企业列表 */
      .info-enter-list-wrapper {
        position: absolute;
        top: 194px;
        left: 870px;
        width: 308px;
        height: 701px;
        background: #020c39;
        border: 1px solid #05f9fb;
        padding: 8px;
        .enter-list-title-wrapper {
          width: 308px;
          height: 43px;
          background-image: url("../assets/home/矩形7拷贝5.png");
          background-repeat: no-repeat;
          font-family: "SourceHanSansCN-Bold";
          font-weight: Bold;
          color: #dfeef3;
          font-size: 18px;
          line-height: 43px;
          text-indent: 2em;
        }
        .enter-list-content-wrapper {
          width: 308px;
          height: 600px;
          overflow-y: scroll;
          &::-webkit-scrollbar {
            display: none;
          }
          .enter-list-content-item {
            width: 100%;
            padding: 6px;
            font-family: "SourceHanSansCN-Medium";
            color: #05f9fb;
            font-size: 20px;
            white-space: nowrap;
            overflow-x: hidden;
            text-overflow: ellipsis;
            position: relative;
            &.active {
              color: #ffe13e;
            }
            .arrow-to-right {
              background: #020c39;
              position: absolute;
              right: 2px;
              left: 266px;
              top: 50%;
              transform: translateY(-50%);
            }
          }
        }
      }
      .check-indus-enter-wrapper {
        position: absolute;
        right: 640px;
        bottom: 35px;
        width: 777px;
        height: 105px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        text-align: center;
        .majorrisk-indus-enter-wrapper {
          width: 95px;
          height: 120px;
          background-image: url("../assets/home/suibianxie34.png");
          background-position: -2px 35px;
          background-repeat: no-repeat;
          background-size: 105px 104px;
          opacity: 0.8;
          &.active {
            /* background-image: url('../assets/home/risk13.png') */
            opacity: 1;
          }
          .majorrisk-indus-enter-degrees {
            font-size: 24px;
            font-family: "PingFang SC";
            font-weight: bold;
            color: #f80303;
          }
          .majorrisk-indus-enter-title {
            font-size: 14px;
            font-family: "Source Han Sans CN";
            font-weight: 400;
            color: #ffffff;
          }
        }
        .greaterrisk-indus-enter-wrapper {
          width: 95px;
          height: 120px;
          background-image: url("../assets/home/suibian39.png");
          background-position: -2px 35px;
          background-repeat: no-repeat;
          background-size: 105px 104px;
          opacity: 0.8;
          &.active {
            opacity: 1;
          }
          .greaterrisk-indus-enter-degrees {
            font-size: 24px;
            font-family: "PingFang SC";
            font-weight: bold;
            color: #ff8839;
          }
          .greaterrisk-indus-enter-title {
            font-size: 14px;
            font-family: "Source Han Sans CN";
            font-weight: 400;
            color: #ffffff;
          }
        }
        .generalrisk-indus-enter-wrapper {
          width: 95px;
          height: 120px;
          background-image: url("../assets/home/suibian37.png");
          background-position: -2px 35px;
          background-repeat: no-repeat;
          background-size: 105px 104px;
          opacity: 0.8;
          &.active {
            opacity: 1;
          }
          .generalrisk-indus-enter-degrees {
            font-size: 24px;
            font-family: "PingFang SC";
            font-weight: bold;
            color: #f2fb05;
          }
          .generalrisk-indus-enter-title {
            font-size: 14px;
            font-family: "Source Han Sans CN";
            font-weight: 400;
            color: #ffffff;
          }
        }
        .lowrisk-indus-enter-wrapper {
          width: 95px;
          height: 120px;
          background-image: url("../assets/home/suibian38.png");
          background-position: -2px 35px;
          background-repeat: no-repeat;
          background-size: 105px 104px;
          opacity: 0.8;
          &.active {
            opacity: 1;
          }
          .lowrisk-indus-enter-degrees {
            font-size: 24px;
            font-family: "PingFang SC";
            font-weight: bold;
            color: #30b4ff;
          }
          .lowrisk-indus-enter-title {
            font-size: 14px;
            font-family: "Source Han Sans CN";
            font-weight: 400;
            color: #ffffff;
          }
        }
        .majorhd-indus-enter-wrapper {
          width: 95px;
          height: 120px;
          background-image: url("../assets/home/suibian36.png");
          background-position: -2px 35px;
          background-repeat: no-repeat;
          background-size: 105px 104px;
          opacity: 0.8;
          &.active {
            opacity: 1;
          }
          .majorhd-indus-enter-degrees {
            font-size: 24px;
            font-family: "PingFang SC";
            font-weight: bold;
            color: #fd6103;
          }
          .majorhd-indus-enter-title {
            font-size: 14px;
            font-family: "Source Han Sans CN";
            font-weight: 400;
            color: #ffffff;
          }
        }
        .generalhd-indus-enter-wrapper {
          width: 95px;
          height: 120px;
          background-image: url("../assets/home/suibian41.png");
          background-position: -2px 35px;
          background-repeat: no-repeat;
          background-size: 105px 104px;
          opacity: 0.8;
          &.active {
            opacity: 1;
          }
          .generalhd-indus-enter-degrees {
            font-size: 24px;
            font-family: "PingFang SC";
            font-weight: bold;
            color: #fefb08;
          }
          .generalhd-indus-enter-title {
            font-size: 14px;
            font-family: "Source Han Sans CN";
            font-weight: 400;
            color: #ffffff;
          }
        }
      }
      .check-indus-enter-indus-wrapper {
        position: absolute;
        right: 640px;
        bottom: 135px;
        width: 777px;
        height: 170px;
        background-image: url("../assets/home/indusenter1.png");
        .indus-type-list-wrapper {
          width: 139px;
          height: 34px;
          border: 1px solid #23fffc;
          background: linear-gradient(
            90deg,
            #11d2cb 0%,
            rgba(11, 168, 154, 0) 100%
          );
          margin-top: 8px;
          margin-left: 15px;
          padding-left: 24px;
          background-image: url("../assets/home/rectcopy.png");
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 16px;
          font-family: "Source Han Sans CN";
          font-weight: bold;
          color: #dfeef3;
          line-height: 36px;
        }
        .check-indus-enter-indus-item-wrapper {
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          .check-indus-enter-indus-item {
            margin: 0 10px;
            padding: 10px;
            font-weight: 500;
            font-size: 18px;
            font-family: PingFang-SC-Medium;
            color: #00c9fd;
            &.active {
              color: red;
            }
          }
        }
      }
      .check-indus-enter-enter-wrapper {
        /* display: none; */
        position: absolute;
        right: 640px;
        bottom: 305px;
        width: 777px;
        height: 170px;
        background-image: url("../assets/home/indusenter2.png");
        overflow: hidden;
        .check-indus-enter-enter-tools-wrapper {
          margin-top: 15px;
          display: flex;
          align-items: center;
          margin-top: 8px;
          .check-indus-enter-enter-list-wrapper {
            width: 139px;
            height: 34px;
            border: 1px solid #23fffc;
            background: linear-gradient(
              90deg,
              #11d2cb 0%,
              rgba(11, 168, 154, 0) 100%
            );
            margin-left: 15px;
            padding-left: 24px;
            background-image: url("../assets/home/rectcopy.png");
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            font-family: "Source Han Sans CN";
            font-weight: bold;
            color: #dfeef3;
            line-height: 36px;
          }
          .check-indus-enter-enter-search-wrapper {
            display: flex;
            flex-direction: row;
            border: 1px solid #23fffc;
            border-radius: 5px;
            padding: 5px;
            margin-left: 8px;
            .check-indus-enter-enter-search-icon-place {
              width: 20px;
              height: 20px;
              background-image: url("../assets/home/search.png");
              background-repeat: no-repeat;
            }
            .check-indus-enter-enter-search {
              margin-left: 10px;
              color: white;
              &:empty {
                &:after {
                  content: "请输入企业名称:";
                  color: #eee;
                }
              }
            }
          }
        }
        .check-indus-enter-enter-item-wrapper {
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          overflow: hidden;
          .check-indus-enter-enter-item {
            margin: 0 10px;
            padding: 10px;
            font-weight: 500;
            font-size: 18px;
            font-family: PingFang-SC-Medium;
            color: #00c9fd;
          }
        }
      }
      /*
          数据大屏
        */
      .wrapper-data-top-analysis {
        background: #020c39;
        opacity: 1;
        width: 1668px;
        height: 468px;
        position: absolute;
        left: 10px;
        top: 50px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding: 5px;
        border: 2px solid #03fefe;
        box-sizing: border-box;
        /*
          安全监管指标
        */
        .safety-supervision-index {
          /* position: absolute; */
          left: 13px;
          width: 535px;
          height: 445px;
          background: #020c39;
          border: 1px solid #03fefe;
          border-radius: 5px;
          /* opacity: 0.8; */
          /**
              安全监管指标标题
            */
          .safety-supervision-index-title-wrapper {
            position: relative;
            font-family: "SourceHanSansCN-Medium";
            color: #00ffff;
            font-size: 26px;
            font-weight: bold;
            line-height: 25px;
            height: 60px;
            background: linear-gradient(
              0deg,
              #3fffea 23.583984375%,
              #007eff 100%
            );
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            padding-left: 80px;
            padding-top: 20px;
            .safety-supervision-index-icon {
              position: absolute;
              left: 20px;
              top: 25px;
              /* top: 50%; */
              /* transform: translateY(-50%); */
              width: 53px;
              height: 21px;
              background-image: url("../assets/home/dec4.png");
              background-repeat: no-repeat;
              /* background-position: center; */
            }
          }
          /**
              安全监管指标内容
            */
          .safety-supervision-index-items-wrapper {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-around;
            height: 350px;
            .safety-supervision-index-item {
              flex-grow: 0;
              flex-shrink: 0;
              flex-basis: 30%;
              display: flex;
              align-items: center;
              height: 25%;
              /* padding-left: 76px; */
              .safety-supervision-index-item-icon {
                width: 53px;
                height: 53px;
                margin-right: 5px;
              }
              .safety-supervision-index-degrees {
                .safety-supervision-index-degree {
                  font-size: 27px;
                  font-family: "PingFang SC";
                  font-weight: bold;
                  color: #00f6ff;
                }
                .safety-supervision-index-title {
                  font-size: 16px;
                  font-family: "Source Han Sans CN";
                  font-weight: 400;
                  color: #a6f6f9;
                }
              }
              .safety-supervision-index-item-icon1 {
                background-image: url("../assets/home/1.png");
                background-repeat: no-repeat;
              }
              .safety-supervision-index-item-icon2 {
                background-image: url("../assets/home/2.png");
                background-repeat: no-repeat;
              }
              .safety-supervision-index-item-icon3 {
                background-image: url("../assets/home/3.png");
                background-repeat: no-repeat;
              }
              .safety-supervision-index-item-icon4 {
                background-image: url("../assets/home/4.png");
                background-repeat: no-repeat;
              }
              .safety-supervision-index-item-icon5 {
                background-image: url("../assets/home/5.png");
                background-repeat: no-repeat;
              }
              .safety-supervision-index-item-icon6 {
                background-image: url("../assets/home/6.png");
                background-repeat: no-repeat;
              }
              .safety-supervision-index-item-icon7 {
                background-image: url("../assets/home/7.png");
                background-repeat: no-repeat;
              }
              .safety-supervision-index-item-icon8 {
                background-image: url("../assets/home/8.png");
                background-repeat: no-repeat;
              }
              .safety-supervision-index-item-icon9 {
                background-image: url("../assets/home/9.png");
                background-repeat: no-repeat;
              }
              .safety-supervision-index-item-icon10 {
                background-image: url("../assets/home/10.png");
                background-repeat: no-repeat;
              }
              .safety-supervision-index-item-icon11 {
                background-image: url("../assets/home/11.png");
                background-repeat: no-repeat;
              }
            }
            .safety-supervision-index-item1 {
              flex-grow: 0;
              flex-shrink: 0;
              flex-basis: 38%;
              display: flex;
              align-items: center;
              height: 25%;
              overflow: visible;
              position: relative;
              left: -6px;
              /* padding-left: 76px; */
              .safety-supervision-index-item-icon {
                width: 53px;
                height: 53px;
                margin-right: 5px;
              }
              .safety-supervision-index-degrees {
                position: relative;
                /* left: 15px; */
                .safety-supervision-index-degree {
                  font-size: 27px;
                  font-family: "PingFang SC";
                  font-weight: bold;
                  color: #00f6ff;
                }
                .safety-supervision-index-title {
                  font-size: 16px;
                  font-family: "Source Han Sans CN";
                  font-weight: 400;
                  color: #a6f6f9;
                }
              }
              .safety-supervision-index-item-icon11 {
                background-image: url("../assets/home/11.png");
                background-repeat: no-repeat;
              }
            }
            .safety-supervision-index-item2 {
              flex-basis: 20%;
            }
          }
          /**
              右下角装饰
            */
          .safety-supervision-index-points-dec {
            position: absolute;
            right: 4px;
            bottom: 5px;
            width: 45px;
            height: 4px;
            background-image: url("../assets/home/dec3.png");
          }
          /**
              上边装饰
            */
          .safety-supervision-index-top-dec {
            position: absolute;
            top: -2px;
            right: 161px;
            width: 54px;
            height: 4px;
            background-image: url("../assets/home/dec1.png");
          }
          /*
              右边装饰
            */
          .safety-supervision-index-right-dec {
            position: absolute;
            right: -2px;
            top: 41px;
            width: 4px;
            height: 171px;
            background-image: url("../assets/home/dec2.png");
          }
        }

        /*
            不同等级风险数量统计
          */
        .diff-risk-level-sum-total {
          /* position: absolute; */
          left: 574px;
          top: 58px;
          width: 535px;
          height: 445px;
          background: #020c39;
          border: 1px solid #03fefe;
          border-radius: 5px;
          .diff-risk-level-sum-title-wrapper {
            position: relative;
            font-family: "SourceHanSansCN-Medium";
            color: #00ffff;
            font-size: 26px;
            font-weight: bold;
            line-height: 25px;
            height: 60px;
            background: linear-gradient(
              0deg,
              #3fffea 23.583984375%,
              #007eff 100%
            );
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            padding-left: 80px;
            padding-top: 20px;
            .diff-risk-level-sum-title-dec {
              position: absolute;
              left: 20px;
              top: 25px;
              /* top: 50%; */
              /* transform: translateY(-50%); */
              width: 53px;
              height: 21px;
              background-image: url("../assets/home/dec4.png");
              background-repeat: no-repeat;
              /* background-position: center; */
            }
          }
          .diff-risk-level-sum-content {
            height: 390px;
          }
          .diff-risk-level-sum-points-dec {
            position: absolute;
            right: 4px;
            bottom: 5px;
            width: 45px;
            height: 4px;
            background-image: url("../assets/home/dec3.png");
          }
          .diff-risk-level-sum-top-dec {
            position: absolute;
            top: -2px;
            right: 161px;
            width: 54px;
            height: 4px;
            background-image: url("../assets/home/dec1.png");
          }
          .diff-risk-level-sum-right-dec {
            position: absolute;
            right: -2px;
            top: 41px;
            width: 4px;
            height: 171px;
            background-image: url("../assets/home/dec2.png");
          }
        }
        /**
            各地区风险数量统计
          */
        .diff-area-risk-sum-total {
          /* position: absolute; */
          left: 1135px;
          top: 58px;
          width: 535px;
          height: 445px;
          background: #020c39;
          border: 1px solid #03fefe;
          border-radius: 5px;
          /* 各地区风险数量统计标题 */
          .diff-area-risk-sum-title-wrapper {
            position: relative;
            font-family: "SourceHanSansCN-Medium";
            color: #00ffff;
            font-size: 26px;
            font-weight: bold;
            line-height: 25px;
            height: 60px;
            background: linear-gradient(
              0deg,
              #3fffea 23.583984375%,
              #007eff 100%
            );
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            padding-left: 80px;
            padding-top: 20px;
            .diff-area-risk-sum-title-dec {
              position: absolute;
              left: 20px;
              top: 25px;
              /* top: 50%; */
              /* transform: translateY(-50%); */
              width: 53px;
              height: 21px;
              background-image: url("../assets/home/dec4.png");
              background-repeat: no-repeat;
            }
          }
          /* 各地区风险数量统计内容 */
          .diff-area-risk-sum-content {
            height: 380px;
          }
          /* 各地区风险数量统计右下角装饰 */
          .diff-area-risk-sum-points-dec {
            position: absolute;
            right: 4px;
            bottom: 5px;
            width: 45px;
            height: 4px;
            background-image: url("../assets/home/dec3.png");
          }
          /* 各地区风险数量统计上边装饰 */
          .diff-area-risk-sum-top-dec {
            position: absolute;
            top: -2px;
            right: 161px;
            width: 54px;
            height: 4px;
            background-image: url("../assets/home/dec1.png");
          }
          /* 各地区风险数量统计右边装饰 */
          .diff-area-risk-sum-right-dec {
            position: absolute;
            right: -2px;
            top: 41px;
            width: 4px;
            height: 171px;
            background-image: url("../assets/home/dec2.png");
          }
        }
      }
      /**
          三合一
        */
      .three-to-one-wrapper {
        width: 1673px;
        height: 455px;
        border: 2px solid #03fefe;
        background: #020c39;
        opacity: 1;
        position: absolute;
        left: 10px;
        bottom: 18px;
        /* 工具栏 */
        .tools-toolbar {
          height: 65px;
          /* border-bottom: 2px solid #03FEFE; */
          display: flex;
          /* justify-content: space-around; */
          align-items: center;
          /* 开始时间 */
          .tools-toolbar-start-time {
            width: 257px;
            height: 39px;
            background: rgba(0, 182, 255, 0.34);
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-family: "SourceHanSansCN-Regular";
            color: #00ffff;
            font-size: 20px;
            /* 调整距离 */
            margin-left: 20px;
            padding: 0 8px;
            /* 时间 */
            .time-icon {
              position: relative;
              transform: translateY(3px);
            }
            /* 下拉 */
            .pulldown-triangle {
              position: relative;
              transform: translateY(3px);
            }
          }
          /* 装饰线 */
          .tools-toolbar-dec-line {
            width: 17px;
            height: 4px;
            background: #00ffff;
          }
          /* 结束时间 */
          .tools-toolbar-end-time {
            width: 257px;
            height: 39px;
            background: rgba(0, 182, 255, 0.34);
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-family: "SourceHanSansCN-Regular";
            color: #00ffff;
            font-size: 20px;
            /* 调整距离 */
            margin-right: 20px;
            padding: 0 8px;
            /* 时间 */
            .time-icon {
              position: relative;
              transform: translateY(3px);
            }
            /* 下拉 */
            .pulldown-triangle {
              position: relative;
              transform: translateY(3px);
            }
          }
          /* 装饰按钮 */
          .tools-toolbar-circle {
            position: relative;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            border: 1px solid #00ffff;
            /* 调整距离 */
            margin-right: 5px;
            .tools-toolbar-innerCircle {
              position: absolute;
              left: 50%;
              top: 50%;
              transform: translateX(-50%) translateY(-50%);
              width: 10px;
              height: 10px;
              border-radius: 50%;
              background-color: #00ffff;
            }
          }
          /* 装饰文字 */
          .tools-toolbar-dec {
            color: #00ffff;
            font-family: "SourceHanSansCN-Regular";
            font-size: 20px;
            font-weight: 400;
            margin-right: 5px;
          }
          /* 选择街道 */
          .tools-toolbar-pulldown-street {
            width: 172px;
            height: 39px;
            background: rgba(0, 182, 255, 0.34);
            font-family: "SourceHanSansCN-Regular";
            color: #00ffff;
            font-size: 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: 0 10px;
            padding: 0 8px;
            .tools-toolbar-street-pulldown {
              position: relative;
              transform: translateY(3px);
            }
          }
          /* 选择行业 */
          .tools-toolbar-pulldown-indus {
            width: 172px;
            height: 39px;
            background: rgba(0, 182, 255, 0.34);
            font-family: "SourceHanSansCN-Regular";
            color: #00ffff;
            font-size: 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: 0 10px;
            padding: 0 8px;
            .tools-toolbar-indus-pulldown {
              position: relative;
              transform: translateY(3px);
            }
          }
          /* 选择主管部门 */
          .tools-toolbar-pulldown-depart {
            width: 172px;
            height: 39px;
            background: rgba(0, 182, 255, 0.34);
            font-family: "SourceHanSansCN-Regular";
            color: #00ffff;
            font-size: 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: 0 10px;
            padding: 0 8px;
            .tools-toolbar-depart-pulldown {
              position: relative;
              transform: translateY(3px);
            }
          }
        }
        .three-to-one-content {
          height: 388px;
          display: flex;
          justify-content: space-around;
          align-items: center;
          /* 年度隐患数量及整改情况统计 */
          .annual-hd-sum-rect-total {
            flex-grow: 0;
            flex-shrink: 0;
            flex-basis: 32%;
            height: 360px;
            border: 1px solid #03fefe;
            border-radius: 5px;
            background: #020c39;
            .annual-hd-sum-rect-title-wrapper {
              position: relative;
              font-family: "SourceHanSansCN-Medium";
              color: #00ffff;
              font-size: 26px;
              font-weight: bold;
              line-height: 25px;
              height: 60px;
              background: linear-gradient(
                0deg,
                #3fffea 23.583984375%,
                #007eff 100%
              );
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent;
              padding-left: 80px;
              padding-top: 20px;
              .annual-hd-sum-rect-title-dec {
                position: absolute;
                left: 20px;
                top: 25px;
                /* top: 50%; */
                /* transform: translateY(-50%); */
                width: 53px;
                height: 21px;
                background-image: url("../assets/home/dec4.png");
                background-repeat: no-repeat;
              }
            }
            .annual-hd-sum-rect-content {
              height: 300px;
            }
          }
          /* 各地区隐患趋势分析 */
          .diff-area-hd-trend-total {
            flex-grow: 0;
            flex-shrink: 0;
            flex-basis: 32%;
            height: 360px;
            border: 1px solid #03fefe;
            border-radius: 5px;
            background: #020c39;
            .diff-area-hd-trend-title-wrapper {
              position: relative;
              font-family: "SourceHanSansCN-Medium";
              color: #00ffff;
              font-size: 26px;
              font-weight: bold;
              line-height: 25px;
              height: 60px;
              background: linear-gradient(
                0deg,
                #3fffea 23.583984375%,
                #007eff 100%
              );
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent;
              padding-left: 80px;
              padding-top: 20px;
              .diff-area-hd-trend-title-dec {
                position: absolute;
                left: 20px;
                top: 25px;
                /* top: 50%; */
                /* transform: translateY(-50%); */
                width: 53px;
                height: 21px;
                background-image: url("../assets/home/dec4.png");
                background-repeat: no-repeat;
              }
            }
            .diff-area-hd-trend-total-content {
              height: 300px;
            }
          }
          /* 各地区本年度隐患数量排行 */
          .diff-area-annual-hd-sum-rank {
            flex-grow: 0;
            flex-shrink: 0;
            flex-basis: 32%;
            height: 360px;
            border: 1px solid #03fefe;
            border-radius: 5px;
            background: #020c39;
            .diff-area-annual-hd-sum-rank-title-wrapper {
              position: relative;
              font-family: "SourceHanSansCN-Medium";
              color: #00ffff;
              font-size: 26px;
              font-weight: bold;
              line-height: 25px;
              height: 60px;
              background: linear-gradient(
                0deg,
                #3fffea 23.583984375%,
                #007eff 100%
              );
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent;
              padding-left: 80px;
              padding-top: 20px;
              .diff-area-annual-hd-sum-rank-title-dec {
                position: absolute;
                left: 20px;
                top: 25px;
                /* top: 50%; */
                /* transform: translateY(-50%); */
                width: 53px;
                height: 21px;
                background-image: url("../assets/home/dec4.png");
                background-repeat: no-repeat;
              }
            }
            .diff-area-annual-hd-sum-rank-content {
              height: 300px;
            }
          }
        }
      }
      /**
          时间选择
        */
      .curyear-select-wrapper {
        position: absolute;
        top: 0;
        left: 50%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 208px;
        height: 36px;
        /* background: #04FFDF; */
        /* opacity: 0.27; */
        background-image: url("../assets/home/右边.png");
        background-size: 100% 100%;
        padding: 0 16px;
        transform: translateX(-50%);
        .curyear-wrapper {
          display: flex;
          align-items: center;
          font-family: "diget year";
          .curyear-title {
            font-size: 17px;
            font-weight: bold;
            color: #00ffea;
            background: linear-gradient(0deg, #59c8ff 0%, #fafeff 100%);
            background-clip: text;
            -webkit-text-fill-color: transparent;
          }
          .curyear-degree {
            margin: 0 6px;
            font-size: 34px;
            font-weight: bold;
            /* color: #00FFEA; */
            color: #59c8ff;
            /* text-shadow: 0px 3px 0px #3258A6; */
            /* background: linear-gradient(0deg, #59C8FF 0%, #FAFEFF 100%);
              background-clip: text;
              -webkit-text-fill-color: transparent; */
          }
        }
        .arrow-wrapper {
          display: flex;
          flex-direction: column;
          width: 11px;
          height: 14px;
          /* margin: 10px; */
          /* margin: 0 0 0 10px; */
          .up-arrow-wrapper {
            flex: 0 0 50%;
            background-image: url("../assets/home/yearpullup.png");
            position: relative;
            bottom: 2px;
          }
          .down-arrow-wrapper {
            flex: 0 0 50%;
            background-image: url("../assets/home/yearpulldown.png");
            position: relative;
            top: 2px;
          }
        }
      }
      /**
        * 选择隐患或者未整改
        */
      .chooseHDTotalOrNoRect {
        position: absolute;
        bottom: 300px;
        left: 600px;
        width: 360px;
        height: 30px;
        /* background-color: red; */
        display: flex;
        justify-content: space-around;
        .select-hd-total-wrapper {
          display: flex;
          align-items: center;
          .select-hd-total {
            width: 70px;
            height: 30px;
            border-radius: 8px;
            background-color: #e0e0e0;
            &.active {
              background-color: #00a8ff;
            }
          }
          .select-hd-total-title {
            margin: 0 10px;
            color: #e0e0e0;
            &.active {
              color: white;
            }
          }
        }
        .select-no-rect-total-wrapper {
          display: flex;
          align-items: center;
          .select-no-rect-total {
            width: 70px;
            height: 30px;
            border-radius: 8px;
            background-color: #95afc0;
            &.active {
              background-color: #ea2027;
            }
          }
          .select-no-rect-title {
            margin: 0 10px;
            color: #e0e0e0;
            &.active {
              color: white;
            }
          }
        }
      }
      /* 搜索框 只搜索当前地图上显示的 */
      .search-enter-info {
        /* display: none; */
        position: absolute;
        /* top: 20px;
          right: 287px; */
        /* top: 20px; */
        bottom: 80px;
        right: 262px;
        /* transform: translateX(87%); */
        width: 315px;
        height: 32px;
        color: rgba(2, 238, 255, 0.9);
        border: 2px solid rgba(2, 238, 255, 0.9);
        background: rgba(3, 15, 62, 0.3);
        .search-icon-enter-name-wrapper {
          display: flex;
          .search-enter-icon {
            width: 32px;
            height: 32px;
            transform: scale(0.7);
            .search-enter-real-icon {
              position: relative;
              left: 50%;
              top: 50%;
              transform: translate(-50%, -50%);
            }
          }
          .input-enter-name-to-search {
            width: 210px;
            height: 32px;
            color: rgba(2, 238, 255, 0.9);
            line-height: 32px;
            cursor: text;
            &:empty:after {
              content: "请输入企业名称:";
              color: rgba(2, 238, 255, 0.9);
              font-size: 16px;
              font-family: "SourceHanSansCN-Medium";
            }
          }
        }
        .search-enter-lists-down-wrapper {
          position: absolute;
          left: 34px;
          bottom: 42px;
          width: 210px;
          max-height: 218px;
          overflow: scroll;
          border-radius: 5px;
          &::-webkit-scrollbar {
            display: none;
          }
          .noentersearch {
            color: #00ffea;
            padding: 8px;
            background-color: #021445;
          }
          .search-enter-lists-down-item {
            padding: 8px;
            color: #00ffea;
            margin-bottom: 2px;
            background-color: #021445;
          }
        }
      }
      /* 弹出层 */
      /* 企业信息弹出层 */
      .curSelect-enter-comprehensiveinfo-wrapper {
        position: absolute;
        left: 13px;
        top: 15px;
        width: 402px;
        /* height: 305px; */
        background: #020c39;
        border: 1px solid #0350fe;
        opacity: 1;
        /* padding-right: 50px; */
        /* 顶层标题 */
        .curSelect-enter-comprehensiveinfo-total-title-wrapper {
          display: flex;
          margin-top: 11px;
          .curSelect-enter-comprehensiveinfo--total-star {
            width: 22px;
            height: 22px;
            background-image: url("../assets/home/star11.png");
            background-repeat: no-repeat;
            background-position: center;
            margin-left: 20px;
            margin-right: 9px;
          }
          .curSelect-enter-comprehensiveinfo-total-title {
            font-family: "SourceHanSansCN-Medium";
            font-weight: 550;
            color: #fff;
            font-size: 22px;
          }
        }
        /* 基础内容 */
        .curSelect-enter-comprehensiveinfo-basic-wrapper {
          margin-left: 52px;
          position: relative;
          .curSelect-enter-comprehensiveinfo-title-wrapper {
            display: flex;
            margin: 18px 0;
            .curSelect-enter-comprehensiveinfo-icon {
              width: 21px;
              height: 21px;
              background-image: url("../assets/home/企业.png");
              background-repeat: no-repeat;
              background-position: center;
            }
            .curSelect-enter-comprehensiveinfo-title-name {
              font-family: "SourceHanSansCN-Regular";
              font-size: 18px;
              color: #00c9fd;
              margin-left: 12px;
            }
          }
          .curSelect-enter-comprehensiveinfo-to-brefintroduce-icon {
            position: absolute;
            right: 20px;
            bottom: -4px;
            width: 20px;
            height: 20px;
            background-image: url("../assets/home/查看拷贝.png");
            background-repeat: no-repeat;
            background-position: center;
            cursor: pointer;
          }
          .curSelect-enter-comprehensiveinfo-name-wrapper {
            display: flex;
            margin: 18px 0;
            .curSelect-enter-comprehensiveinfo-name-icon {
              width: 19px;
              height: 19px;
              background-image: url("../assets/home/责任人.png");
              background-repeat: no-repeat;
              background-position: center;
            }
            .curSelect-enter-comprehensiveinfo-name-title {
              font-size: 20px;
              color: #00c9fd;
              font-family: "SourceHanSansCN-Regular";
              margin-left: 12px;
            }
            .curSelect-enter-comprehensiveinfo-name-phone {
              font-size: 20px;
              color: #00c9fd;
              font-family: "SourceHanSansCN-Regular";
              margin-left: 14px;
            }
          }
        }
        /* 企业简介名称 */
        .curSelect-enter-comprehensiveinfo-briefintroduce-title {
          font-size: 16px;
          color: #fff;
          font-family: "SourceHanSansCN-Regular";
          margin-left: 54px;
        }
        /* 企业简介标题 */
        .curSelect-enter-comprehensiveinfo-brefintroduce-content {
          position: relative;
          font-size: 16px;
          color: #00c9fd;
          font-family: "SourceHanSansCN-Regular";
          text-indent: 2em;
          padding: 0 20px 0 20px;
          height: 60px;
          box-sizing: content-box;
          .curSelect-enter-comprehensiveinfo-to-brefintroduce-icon {
            position: absolute;
            right: 20px;
            bottom: -4px;
            width: 20px;
            height: 20px;
            background-image: url("../assets/home/查看拷贝.png");
            background-repeat: no-repeat;
            background-position: center;
            cursor: pointer;
          }
        }
        /* 安全管理 */
        .curSelect-enter-comprehensiveinfo-safetymanagement-wrapper {
          display: flex;
          position: relative;
          padding-left: 52px;
          margin: 18px 0;
          .curSelect-enter-comprehensiveinfo-safetymanagement-icon {
            width: 23px;
            height: 23px;
            background-image: url("../assets/home/安全.png");
            background-repeat: no-repeat;
            background-position: center;
          }
          .curSelect-enter-comprehensiveinfo-safetymanagement-title {
            font-size: 18px;
            color: #00c9fd;
            font-family: "SourceHanSansCN-Regular";
            margin-left: 12px;
          }
          .curSelect-enter-comprehensiveinfo-safetymanagement-stars-wrapper {
            display: flex;
            margin-left: 12px;
            .curSelect-enter-comprehensiveinfo-safetymanagement-ystar {
              width: 20px;
              height: 20px;
              background-image: url("../assets/home/ystar.png");
              background-repeat: no-repeat;
              background-position: center;
            }
            .curSelect-enter-comprehensiveinfo-safetymanagement-wstar {
              width: 20px;
              height: 20px;
              background-image: url("../assets/home/wstar.png");
              background-repeat: no-repeat;
              background-position: center;
            }
          }
          .curSelect-enter-comprehensiveinfo-to-safetymanagament-icon {
            position: absolute;
            right: 20px;
            bottom: 0;
            width: 20px;
            height: 20px;
            background-image: url("../assets/home/查看拷贝.png");
            background-repeat: no-repeat;
            background-position: center;
            cursor: pointer;
          }
        }
        /* 主体责任 */
        .curSelect-enter-comprehensiveinfo-mainresponsebilitylists {
          display: flex;
          position: relative;
          padding-left: 52px;
          margin: 12px 0;
          /* margin-right: 30px; */
          flex-wrap: wrap;
          .curSelect-enter-comprehensiveinfo-mainresponsebilitylists-left-icon {
            width: 20px;
            height: 20px;
            background-image: url("../assets/home/清单.png");
            background-repeat: no-repeat;
            background-position: center;
          }
          .curSelect-enter-comprehensiveinfo-mainresponsebilitylists-left-title {
            font-size: 18px;
            color: #00c9fd;
            font-family: "SourceHanSansCN-Regular";
            margin-left: 12px;
            word-break: break-all;
            /* margin-right: 50px; */
          }
          .curSelect-enter-comprehensiveinfo-mainresponsebilitylists-left-title2 {
            font-size: 18px;
            color: #00c9fd;
            font-family: "SourceHanSansCN-Regular";
            margin-left: 32px;
          }
          .curSelect-enter-comprehensiveinfo-safetymanagement-stars-wrapper {
            display: flex;
            margin-left: 16px;
            .curSelect-enter-comprehensiveinfo-mainresposebilitylists-ystar {
              width: 20px;
              height: 20px;
              background-image: url("../assets/home/ystar.png");
              background-repeat: no-repeat;
              background-position: center;
            }
            .curSelect-enter-comprehensiveinfo-mainresposebilitylists-wstar {
              width: 20px;
              height: 20px;
              background-image: url("../assets/home/wstar.png");
              background-repeat: no-repeat;
              background-position: center;
            }
          }
          .curSelect-enter-comprehensiveinfo-mainresponsebilitylists-icon {
            position: absolute;
            right: 20px;
            bottom: 0;
            width: 20px;
            height: 20px;
            background-image: url("../assets/home/查看拷贝.png");
            background-repeat: no-repeat;
            background-position: center;
            cursor: pointer;
          }
        }
        /* 左上角的边框修饰 */
        .curSelect-enter-comprehensiveinfo-lefttopdec {
          position: absolute;
          left: -4px;
          top: -4px;
          width: 52px;
          height: 20px;
          background-image: url("../assets/home/组211.png");
          background-repeat: no-repeat;
          background-position: center;
        }
        /* 右下角的边框修饰 */
        .curSelect-enter-comprehensiveinfo-rightbottomdec {
          position: absolute;
          right: -4px;
          bottom: -4px;
          width: 52px;
          height: 20px;
          background-image: url("../assets/home/组212.png");
          background-repeat: no-repeat;
          background-position: center;
        }
        /* 右上角的关闭 */
        .curSelect-enter-comprehensiveinfo-righttopclose {
          position: absolute;
          right: 2px;
          top: 2px;
          width: 32px;
          height: 32px;
          color: #fff;
          cursor: pointer;
          &:hover {
            color: #00ffff;
          }
        }
      }
      /* 企业风险弹出层 */
      .curSelect-enter-risk-wrapper {
        position: absolute;
        left: 13px;
        top: 215px;
        width: 402px;
        height: 320px;
        background: #020c39;
        opacity: 1;
        border: 1px solid #0350fe;
        /* 企业风险总标题 */
        .curSelect-enter-risk-title-wrapper {
          display: flex;
          margin-top: 15px;
          .curSelect-enter-risk-total-star {
            width: 22px;
            height: 22px;
            background-image: url("../assets/home/star11.png");
            background-repeat: no-repeat;
            background-position: center;
            margin-left: 17px;
            margin-right: 9px;
          }
          .curSelect-enter-risk-total-title {
            font-size: 22px;
            color: #fff;
            font-family: "SourceHanSansCN-Medium";
          }
        }
        /* 企业总的风险数量 */
        .curSelect-enter-risk-total-sum-wrapper {
          display: flex;
          align-items: center;
          border-radius: 8px;
          width: 374px;
          height: 66px;
          margin: 8px auto 14px;
          box-shadow: 0 0 8px 0 rgba(0, 252, 255, 0.4);
          text-align: center;
          .curSelect-enter-majorRisk-sum-wrapper {
            position: relative;
            flex: 1;
            .curSelect-enter-majorRisk-sum {
              font-size: 26px;
              color: #fb0611;
              font-family: "PingFang-SC-Medium";
            }
            .curSelect-enter-majorRisk-title {
              font-size: 16px;
              color: #fff;
              font-family: "SourceHanSansCN-Regular";
            }
            &::after {
              content: "";
              display: block;
              position: absolute;
              right: 0;
              bottom: 50%;
              transform: translateY(50%);
              width: 2px;
              height: 29px;
              background: #00f6ff;
              opacity: 0.4;
            }
          }
          .curSelect-enter-greaterRisk-sum-wrapper {
            position: relative;
            flex: 1;
            .curSelect-enter-greaterRisk-sum {
              font-size: 26px;
              color: #fd6601;
              font-family: "PingFang-SC-Medium";
            }
            .curSelect-enter-greaterRisk-title {
              font-size: 16px;
              color: #fff;
              font-family: "SourceHanSansCN-Regular";
            }
            &::after {
              content: "";
              display: block;
              position: absolute;
              right: 0;
              bottom: 50%;
              transform: translateY(50%);
              width: 2px;
              height: 29px;
              background: #00f6ff;
              opacity: 0.4;
            }
          }
          .curSelect-enter-generalRisk-sum-wrapper {
            position: relative;
            flex: 1;
            .curSelect-enter-generalRisk-sum {
              font-size: 26px;
              color: #fff330;
              font-family: "PingFang-SC-Medium";
            }
            .curSelect-enter-generalRisk-title {
              font-size: 16px;
              color: #fff;
              font-family: "SourceHanSansCN-Regular";
            }
            &::after {
              content: "";
              display: block;
              position: absolute;
              right: 0;
              bottom: 50%;
              transform: translateY(50%);
              width: 2px;
              height: 29px;
              background: #00f6ff;
              opacity: 0.4;
            }
          }
          .curSelect-enter-low-sum-wrapper {
            position: relative;
            flex: 1;
            .curSelect-enter-low-sum {
              font-size: 26px;
              color: #30b4ff;
              font-family: "PingFang-SC-Medium";
            }
            .curSelect-enter-low-title {
              font-size: 16px;
              color: #fff;
              font-family: "SourceHanSansCN-Regular";
            }
          }
        }
        // 216 320
        /* 企业的风险概况 */
        .curSelect-enter-risk-content-wrapper {
          text-align: center;
          .curSelect-enter-risk-content-title-wrapper {
            display: flex;
            width: 372px;
            margin: 0 auto;
            font-size: 16px;
            color: #02d9fd;
            font-family: "SourceHanSansCN-Regular";
            .curSelect-enter-risk-content-title-point {
              flex-grow: 0;
              flex-shrink: 0;
              flex-basis: 15%;
            }
            .curSelect-enter-risk-content-title-area {
              flex-grow: 0;
              flex-shrink: 0;
              flex-basis: 23%;
            }
            .curSelect-enter-risk-content-title-department {
              flex-grow: 0;
              flex-shrink: 0;
              flex-basis: 23%;
            }
            .curSelect-enter-risk-content-title-charger {
              flex-grow: 0;
              flex-shrink: 0;
              flex-basis: 15%;
            }
            .curSelect-enter-risk-content-title-video {
              flex-grow: 0;
              flex-shrink: 0;
              flex-basis: 23%;
            }
          }
          .curSelect-enter-risk-content-items-wrapper {
            height: 136px;
            width: 372px;
            margin: 13px auto;
            position: relative;
            padding: 2px;
            overflow: hidden;
            .curSelect-enter-risk-content-items-animation-wrapper {
              /* transition: all 1s linear; */
              position: relative;
              overflow: hidden;
              .curSelect-enter-risk-content-item {
                display: flex;
                font-size: 16px;
                color: #fff;
                font-family: "SourceHanSansCN-Regular";
                /* margin: 6px 0; */
                padding: 6px 0;
                .curSelect-enter-risk-content-item-point {
                  flex-grow: 0;
                  flex-shrink: 0;
                  flex-basis: 15%;
                  white-space: nowrap;
                  overflow: hidden;
                  text-overflow: ellipsis;
                }
                .curSelect-enter-risk-content-item-area {
                  flex-grow: 0;
                  flex-shrink: 0;
                  flex-basis: 23%;
                  white-space: nowrap;
                  overflow: hidden;
                  text-overflow: ellipsis;
                }
                .curSelect-enter-risk-content-item-department {
                  flex-grow: 0;
                  flex-shrink: 0;
                  flex-basis: 23%;
                  white-space: nowrap;
                  overflow: hidden;
                  text-overflow: ellipsis;
                }
                .curSelect-enter-risk-content-item-charger {
                  flex-grow: 0;
                  flex-shrink: 0;
                  flex-basis: 15%;
                  white-space: nowrap;
                  overflow: hidden;
                  text-overflow: ellipsis;
                }
                .curSelect-enter-risk-content-item-video {
                  flex-grow: 0;
                  flex-shrink: 0;
                  flex-basis: 23%;
                  white-space: nowrap;
                  overflow: hidden;
                  text-overflow: ellipsis;
                  display: flex;
                  justify-content: center;
                  .curSelect-enter-risk-content-item-video-icon {
                    width: 22px;
                    height: 22px;
                    background-image: url("../assets/home/视频.png");
                    background-size: 100% 100%;
                  }
                  .curSelect-enter-risk-content-item-monitor-icon {
                    width: 22px;
                    height: 22px;
                    background-image: url("../assets/home/icon_3.png");
                  }
                }
              }
            }
            .curSelect-enter-risk-content-items-filtertop {
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              /* height: 100px; */
              pointer-events: none;
              /* filter: drop-shadow(0 0px 20px red) invert(75%); */
              /* box-shadow: 0 10px 20px -10px red inset; */
              /* filter: drop-shadow(0px 1px 10px red); */
              box-shadow: 0 30px 30px -30px grey inset;
            }
            .curSelect-enter-risk-content-items-filterbottom {
              position: absolute;
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              pointer-events: none;
              box-shadow: 0 -30px 30px -30px grey inset;
            }
          }
        }
        /* 左上角的装饰 */
        .curSelect-enter-risk-lefttopdec {
          position: absolute;
          left: -4px;
          top: -4px;
          width: 52px;
          height: 20px;
          background-image: url("../assets/home/组211.png");
          background-repeat: no-repeat;
          background-position: center;
        }
        /* 右下角的装饰 */
        .curSelect-enter-risk-rightbottomdec {
          position: absolute;
          right: -4px;
          bottom: -4px;
          width: 52px;
          height: 20px;
          background-image: url("../assets/home/组212.png");
          background-repeat: no-repeat;
          background-position: center;
        }
        /* 右上角的装饰 */
        .curSelect-enter-risk-righttopclose {
          position: absolute;
          right: 2px;
          top: 2px;
          width: 32px;
          height: 32px;
          color: #fff;
          cursor: pointer;
          &:hover {
            color: #00ffff;
          }
        }
      }
      /* 企业隐患弹出层 */
      .curSelect-enter-hd-wrapper {
        position: absolute;
        left: 13px;
        /* bottom: 85px; */
        top: 538px;
        width: 402px;
        background: #020c39;
        border: 1px solid #0350fe;
        opacity: 1;
        /* 企业隐患大标题 */
        .curSelect-enter-hd-total-title-wrapper {
          display: flex;
          align-items: center;
          margin-top: 13px;
          .curSelect-enter-hd-total-title-star {
            width: 22px;
            height: 22px;
            margin-left: 19px;
            background-image: url("../assets/home/star11.png");
            background-position: center;
            background-repeat: no-repeat;
          }
          .curSelect-enter-hd-total-title-title {
            font-family: "SourceHanSansCN-Medium";
            color: #fff;
            font-size: 22px;
          }
        }
        /* 企业隐患数值概况 */
        .curSelect-enter-hd-sum-wrapper {
          display: flex;
          align-items: center;
          width: 370px;
          height: 63px;
          margin: 10px auto 0;
          /* border: 1px solid #0350FE; */
          box-shadow: 0 0 8px 0 rgb(0 252 255 / 40%);
          border-radius: 6px;
          opacity: 1;
          text-align: center;
          /* 企业重大隐患数量 */
          .curSelect-enter-hd-majorhd-wrapper {
            position: relative;
            flex: 1;
            /* 重大隐患数量 */
            .curSelect-enter-hd-majorhd-degree {
              font-family: "PingFang-SC-Medium";
              color: #0ff;
              font-size: 26px;
            }
            /* 重大隐患标题 */
            .curSelect-enter-hd-majorhd-title {
              font-family: "SourceHanSansCN-Regular";
              color: #a6f6f9;
              font-size: 16px;
            }
            &::after {
              content: "";
              display: block;
              position: absolute;
              right: 0;
              bottom: 50%;
              transform: translateY(50%);
              width: 2px;
              height: 29px;
              background: #00f6ff;
              opacity: 0.4;
            }
          }
          /* 企业一般隐患数量 */
          .curSelect-enter-hd-generalhd-wrapper {
            position: relative;
            flex: 1;
            /* 一般隐患数量 */
            .curSelect-enter-hd-generalhd-degree {
              font-family: "PingFang-SC-Medium";
              color: #0ff;
              font-size: 26px;
            }
            /* 一般隐患数量标题 */
            .curSelect-enter-hd-generalhd-title {
              font-family: "SourceHanSansCN-Regular";
              color: #a6f6f9;
              font-size: 16px;
            }
            &::after {
              content: "";
              display: block;
              position: absolute;
              right: 0;
              bottom: 50%;
              transform: translateY(50%);
              width: 2px;
              height: 29px;
              background: #00f6ff;
              opacity: 0.4;
            }
          }
          /* 企业未整改数量 */
          .curSelect-enter-hd-norect-wrapper {
            position: relative;
            flex: 1;
            .curSelect-enter-hd-norect-sum {
              font-family: "PingFang-SC-Medium";
              color: #0ff;
              font-size: 26px;
            }
            .curSelect-enter-hd-norect-title {
              font-family: "SourceHanSansCN-Regular";
              color: #a6f6f9;
              font-size: 16px;
            }
            &::after {
              content: "";
              display: block;
              position: absolute;
              right: 0;
              bottom: 50%;
              transform: translateY(50%);
              width: 2px;
              height: 29px;
              background: #00f6ff;
              opacity: 0.4;
            }
          }
          /* 企业整改率 */
          .curSelect-enter-hd-rectpercent-wrapper {
            flex: 1;
            .curSelect-enter-hd-rectpercent-sum {
              font-family: "PingFang-SC-Medium";
              color: #0ff;
              font-size: 26px;
            }
            .curSelect-enter-hd-rectpercent-title {
              font-family: "SourceHanSansCN-Regular";
              color: #a6f6f9;
              font-size: 16px;
            }
          }
        }
        /* 企业隐患小标题 */
        .curSelect-enter-hd-child-title-wrapper {
          font-size: 16px;
          color: #02d9fd;
          margin-top: 6px;
          font-family: "SourceHanSansCN-Regular";
          text-align: center;
        }
        /* 企业隐患内容 */
        .curSelect-enter-hd-content-wrapper {
          height: 216px;
          width: 372px;
          margin: 13px auto;
          position: relative;
          padding: 2px;
          overflow: hidden;
          .curSelect-enter-hd-items-animation-wrapper {
            position: relative;
            overflow: hidden;
            padding: 0 5px;
            .curSelect-enter-hd-content-item {
              /* display: flex; */
              font-size: 16px;
              color: #fff330;
              font-family: "SourceHanSansCN-Regular";
              padding: 6px 0;
              text-align: center;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              &.active {
                color: #fa6705;
              }
            }
          }
          .curSelect-enter-hd-content-filtertop {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            pointer-events: none;
            box-shadow: 0 30px 30px -30px yellow inset;
          }
          .curSelect-enter-hd-content-filterbottom {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            pointer-events: none;
            box-shadow: 0 -30px 30px -30px yellow inset;
          }
        }
        /* 左上角装饰 */
        .curSelect-enter-hd-lefttopdecoration {
          position: absolute;
          left: -4px;
          top: -4px;
          width: 52px;
          height: 20px;
          background-image: url("../assets/home/组211.png");
          background-repeat: no-repeat;
          background-position: center;
        }
        /* 右下角装饰 */
        .curSelect-enter-hd-rightbottomdecoration {
          position: absolute;
          right: -4px;
          bottom: -4px;
          width: 52px;
          height: 20px;
          background-image: url("../assets/home/组212.png");
          background-repeat: no-repeat;
          background-position: center;
        }
        /* 右上角关闭 */
        .curSelect-enter-hd-righttopclose {
          position: absolute;
          right: 2px;
          top: 2px;
          width: 32px;
          height: 32px;
          color: #fff;
          cursor: pointer;
          &:hover {
            color: #00ffff;
          }
        }
      }
      /* 一般隐患的列表 */
      .curSelect-enter-normal-hd-list-wrapper {
        position: absolute;
        left: 431px;
        top: 16px;
        width: 420px;
        max-height: 720px;
        .curSelect-enter-normal-hd-list-title {
          background: #0f95ff;
          color: white;
          font-size: 30px;
          display: flex;
          justify-content: center;
          padding: 5px 0;
          height: 44px;
        }
        .curSelect-enter-normal-hd-list-item-wrapper {
          max-height: 675px;
          overflow-y: scroll;
          &::-webkit-scrollbar {
            display: none;
          }
          .curSelect-enter-normal-hd-list-item {
            background: #020c39;
            opacity: 0.8;
            color: #00c9fd;
            /* color: white; */
            font-size: 20px;
            padding: 8px;
            font-size: 25px;
            min-height: 49px;
          }
        }
        .curSelect-enter-normal-hd-list-close {
          position: absolute;
          right: 0;
          top: 0;
          background-color: rgba(0, 0, 0, 0);
          color: black;
          cursor: pointer;
        }
      }
      /* 重大隐患的列表 */
      .curSelect-enter-major-hd-list-wrapper {
        position: absolute;
        left: 431px;
        top: 16px;
        width: 420px;
        max-height: 720px;
        .curSelect-enter-major-hd-list-title {
          background: #0f95ff;
          color: white;
          font-size: 30px;
          display: flex;
          justify-content: center;
          padding: 5px 0;
          height: 44px;
        }
        .curSelect-enter-major-hd-list-item-wrapper {
          max-height: 675px;
          overflow-y: scroll;
          &::-webkit-scrollbar {
            display: none;
          }
          .curSelect-enter-major-list-item {
            background: #020c39;
            opacity: 0.8;
            color: #00c9fd;
            /* color: white; */
            font-size: 20px;
            padding: 8px;
            font-size: 25px;
            min-height: 49px;
          }
        }
        .curSelect-enter-major-hd-list-close {
          position: absolute;
          right: 0;
          top: 0;
          background-color: rgba(0, 0, 0, 0);
          color: black;
          cursor: pointer;
        }
      }
      /* 企业安全检查 */
      .curSelect-enter-sc-wrapper {
        position: absolute;
        left: 431px;
        top: 16px;
        width: 411px;
        /* 安全检查标题 */
        .curSelect-enter-sc-total-title-wrapper {
          position: relative;
          text-align: center;
          height: 54px;
          background: #0f95ff;
          opacity: 0.9;
          line-height: 54px;
          /* 安全检查总标题 */
          .curSelect-enter-sc-total-title {
            font-size: 30px;
            color: #fff;
            font-family: "SourceHanSansCN-Regular";
          }
          /* 安全检查关闭按钮 */
          .curSelect-enter-sc-total-title-righttopclose {
            position: absolute;
            right: 10px;
            top: 0;
            transform: translateY(25%);
            cursor: pointer;
            &:hover {
              color: white;
            }
          }
        }
        /* 安全检查项 */
        .curSelect-enter-sc-total-items-wrapper {
          display: flex;
          align-items: center;
          background: #020c39;
          opacity: 0.8;
          height: 49px;
          margin-bottom: 4px;
          .curSelect-enter-sc-total-items-point {
            width: 9px;
            height: 9px;
            background: #00c9fd;
            border-radius: 50%;
            margin-left: 9px;
            margin-right: 15px;
          }
          .curSelect-enter-sc-total-items-title {
            font-size: 25px;
            color: #00c9fd;
            font-family: "SourceHanSansCN-Regular";
          }
        }
      }
      /* 企业责任清单 */
      .curSelect-enter-cerl-wrapper {
        position: absolute;
        left: 431px;
        top: 16px;
        width: 640px;
        /* 企业主体责任清单 */
        .curSelect-enter-cerl-total-title-wrapper {
          position: relative;
          text-align: center;
          height: 54px;
          background: #0f95ff;
          opacity: 0.9;
          line-height: 54px;
          /* 企业主体责任总标题 */
          .curSelect-enter-cerl-total-title {
            font-size: 30px;
            color: #fff;
            font-family: "SourceHanSansCN-Regular";
          }
          /* 责任清单关闭按钮 */
          .curSelect-enter-cerl-total-title-righttopclose {
            position: absolute;
            right: 10px;
            top: 0;
            transform: translateY(25%);
            cursor: pointer;
            &:hover {
              color: white;
            }
          }
        }
        /* 责任清单项 */
        .curSelect-enter-cerl-total-items-wrapper {
          display: flex;
          align-items: center;
          background: #020c39;
          opacity: 0.8;
          height: 45px;
          margin-bottom: 4px;
          .curSelect-enter-cerl-total-items-point {
            width: 9px;
            height: 9px;
            background: #00c9fd;
            border-radius: 50%;
            margin-left: 9px;
            margin-right: 15px;
          }
          .curSelect-enter-cerl-total-items-title {
            font-size: 20px;
            color: #00c9fd;
            font-family: "SourceHanSansCN-Regular";
          }
        }
      }
    }
    .selection-wrapper {
      position: fixed;
      right: 0;
      top: 8%;
      bottom: 0%;
      width: 250px;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      padding-top: 18px;
      background-color: #030c2a;
      border: 1px solid #14356d;
      transition: all ease-in-out 0.3s;
      .radio-wrapper {
        flex-shrink: 0;
        flex-grow: 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
        color: #0fffff;
        .region-wrapper {
          display: flex;
          flex-direction: row;
          align-items: center;
          position: relative;
          transform: scale(0.9);
          .region-block {
            width: 31px;
            height: 31px;
            border: 1px solid #0fffff;
            border-radius: 3px;
            position: relative;
            transform: scale(0.8);
            &.active {
              background-image: url("../assets/home/radiochosen.png");
              border: 0px solid rgba(0, 0, 0, 0);
              position: relative;
              transform: scale(0.8);
            }
          }
          .region-title {
            font-size: 22px;
            font-family: Source Han Sans CN;
            font-weight: bold;
            margin: 0 12px;
          }
        }
        .industry-wrapper {
          display: flex;
          flex-direction: row;
          align-items: center;
          position: relative;
          transform: scale(0.9);
          .indus-kind-wrapper {
            position: absolute;
            left: -45px;
            top: calc(100% + 10px);
            width: 160px;
            height: 74px;
            background-color: #020c39;
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            border-radius: 5px;
            text-align: center;
            border: 1px solid #0fffff;
            overflow: visible;
            .emergency {
              color: #0fffff;
              font-size: 18px;
              /* border: 1px solid red; */
              padding: 4px;
              opacity: 0.6;
              &:hover {
                background-color: lightgrey;
              }
              &.active {
                opacity: 0.9;
                font-weight: 600;
              }
            }
            .nation {
              color: #0fffff;
              font-size: 18px;
              /* border: 1px solid red; */
              padding: 4px;
              opacity: 0.6;
              &:hover {
                background-color: lightgrey;
              }
              &.active {
                opacity: 0.9;
                font-weight: 600;
              }
            }
            box-sizing: content-box;
            .trangle {
              position: absolute;
              top: -20px;
              right: 84px;
              box-sizing: content-box;
              width: 0;
              height: 0;
              border-top: 10px solid transparent;
              border-bottom: 10px solid #0fffff;
              border-left: 10px solid transparent;
              border-right: 10px solid transparent;
              overflow: visible;
            }
          }
          .induspulldownselect {
            width: 31px;
            height: 31px;
            background: no-repeat url("../assets/home/pulldown.png");
            transform: scale(0.9) translateX(6px);
            background-position: center;
          }
          .industry-title {
            font-size: 22px;
            font-family: Source Han Sans CN;
            font-weight: bold;
            margin: 0 12px;
          }
        }
      }
      .isshowall-wrapper {
        flex-shrink: 0;
        flex-grow: 0;
        display: flex;
        flex-direction: row;
        align-items: center;
        /* padding-left: 30px; */
        padding-left: 14px;
        margin: 24px 0;
        .showall-icon {
          width: 42px;
          height: 42px;
          background-image: url("../assets/home/eyeclose.png");
          &.active {
            background-image: url("../assets/home/eyeopen.png");
          }
          position: relative;
          transform: scale(0.9);
        }
        .showall-title {
          font-size: 20px;
          font-family: Source Han Sans CN;
          font-weight: 400;
          color: #00ffff;
          margin: 0 12px;
        }
      }
      .wrapper-region {
        /* background-image: url('../assets/home/menuborder.png'); */
        /* background-size: 100% 100%; */
        flex-grow: 1;
        flex-shrink: 1;
        overflow-y: scroll;
        .select-item-wrapper {
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: center;
          /* background-image: url('../assets/home/regionunchosen.png'); */
          background-size: 100% 100%;
          margin: 0 0 15px 0;
          color: white;
          /* &.active {
              background-image: url('../assets/home/regionchosen.png');
            } */
          .eye-icon {
            width: 42px;
            height: 42px;
            background-image: url("../assets/home/eyeclose.png");
            &.active {
              background-image: url("../assets/home/eyeopen.png");
            }
            position: relative;
            transform: scale(0.9);
          }
          .region-info-wrapper {
            margin-left: 10px;
            width: 170px;
            min-height: 65px;
            /* box-sizing: border-box; */
            border: 1px solid transparent;
            background: rgba(6, 42, 162, 0.2);
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
            &.active {
              background: rgba(2, 19, 68, 0.2);
              border: 1px solid #01ffff;
              box-shadow: inset 0 0 10px #01ffff;
            }
            .region-enter-title {
              font-size: 18px;
              font-family: Source Han Sans CN;
              font-weight: 400;
              color: #00ffff;
              padding-bottom: 2px;
            }
            .region-enter-degree-wrapper {
              padding-top: 2px;
              font-size: 20px;
              font-family: Source Han Sans CN;
              font-weight: 500;
              color: #ffae00;
            }
          }
        }
      }
      .wrapper-region::-webkit-scrollbar {
        display: none;
      }
      .btn-pull {
        position: absolute;
        left: -28px;
        height: 48px;
        width: 28px;
        top: 48%;
        background-color: #030c2a;
        display: flex;
        justify-content: center;
        align-items: center;
        .btn-pull-down {
          display: flex;
          justify-content: center;
          align-items: center;
          transform: scale(0.8);
        }
      }
      &.hide {
        /* opacity: 0; */
        /* width: 0; */
        transform: translateX(250px);
      }
    }
    .icontianhong {
      position: absolute;
      bottom: 2px;
      left: 50%;
      transform: translateX(-50%);
      font-size: 14px;
      font-family: Source Han Sans CN;
      font-weight: 600;
      color: #a2b1db;
      line-height: 20px;
      background: linear-gradient(0deg, #59c8ff 0%, #fafeff 100%);
      background-clip: text;
      -webkit-text-fill-color: transparent;
      overflow: visible;
      .iconicc {
        /* background: linear-gradient(0deg, #59C8FF, #FAFEFF); */
        margin: 0 4px;
        font-weight: bolder;
      }
      .iconR {
        position: absolute;
        width: 13px;
        height: 13px;
        background-image: url("../assets/home/iconR.png");
        background-size: 100% 100%;
        left: 110px;
        top: -7px;
      }
    }
  }
  /* 蒙层 */
  .to-filter-pointer-events {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 200;
    &.hide {
      pointer-events: none;
    }
    /* pointer-events: none; */
    /* 安全措施子项弹框 */
    .enter-sc-child-item-wrapper {
      width: 1109px;
      height: 872px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      background: url("../assets/home/安全措施大图.png");
      background-position: center;
      background-repeat: no-repeat;
      overflow: hidden;
      /* 关闭按钮 */
      .enter-sc-child-item-close {
        position: absolute;
        right: 0;
        top: 24px;
        width: 41px;
        height: 41px;
        background-image: url("../assets/home/关闭.png");
        background-position: center;
        background-repeat: no-repeat;
        cursor: pointer;
      }
      /* 安全措施标题 */
      .enter-sc-child-item-title-wrapper {
        margin-top: 16px;
        margin-bottom: 16px;
        width: 281px;
        height: 53px;
        padding-left: 1em;
        line-height: 53px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        /* background: #0F70C7; */
        font-family: "SourceHanSansCN-Bold";
        color: #dfeef3;
        font-size: 29px;
        background-image: url("../assets/home/矩形5拷贝.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
      }
      /* 安全措施内容 */
      .enter-sc-child-item-content-wrapper {
        padding: 0 27px;
        overflow: scroll;
        height: 760px;
        &::-webkit-scrollbar {
          display: none;
        }
        .enter-sc-child-item {
          width: 1052px;
          /* height: 106px; */
          /* color: #FFF330; */
          color: red;
          padding: 18px 32px 16px 23px;
          background: rgba(250, 103, 5, 0.07);
          box-shadow: 0px 0px 8px 0px rgba(250, 103, 5, 0.6);
          border-radius: 8px;
          font-size: 30px;
          margin: 5px;
          &.active {
            /* color: white; */
            color: #14cfa5;
            background: rgba(0, 255, 255, 0.07);
            box-shadow: 0px 0px 8px 0px rgba(0, 252, 255, 0.6);
            border-radius: 8px;
          }
        }
      }
    }
    /* 责任清单子项弹框 */
    .enter-cerl-child-item-wrapper {
      width: 1109px;
      height: 872px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      background: url("../assets/home/安全措施大图.png");
      background-position: center;
      background-repeat: no-repeat;
      overflow: hidden;
      /* 关闭按钮 */
      .enter-cerl-child-item-close {
        position: absolute;
        right: 0;
        top: 24px;
        width: 41px;
        height: 41px;
        background-image: url("../assets/home/关闭.png");
        background-position: center;
        background-repeat: no-repeat;
        cursor: pointer;
      }
      /* 安全措施标题 */
      .enter-cerl-child-item-title-wrapper {
        margin-top: 16px;
        margin-bottom: 16px;
        width: 281px;
        height: 53px;
        padding-left: 1em;
        line-height: 53px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        /* background: #0F70C7; */
        font-family: "SourceHanSansCN-Bold";
        color: #dfeef3;
        font-size: 29px;
        background-image: url("../assets/home/矩形5拷贝.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
      }
      /* 安全措施内容 */
      .enter-cerl-child-item-content-wrapper {
        padding: 0 27px;
        overflow: scroll;
        height: 760px;
        &::-webkit-scrollbar {
          display: none;
        }
        .enter-cerl-child-item {
          width: 1052px;
          /* height: 106px; */
          color: red;
          padding: 18px 32px 16px 23px;
          background: rgba(250, 103, 5, 0.07);
          box-shadow: 0px 0px 8px 0px rgba(250, 103, 5, 0.6);
          border-radius: 8px;
          font-size: 30px;
          margin: 5px;
          &.active {
            color: #14cfa5;
            background: rgba(0, 255, 255, 0.07);
            box-shadow: 0px 0px 8px 0px rgba(0, 252, 255, 0.6);
            border-radius: 8px;
          }
        }
      }
    }
    /* 隐患措施子项弹框 */
    .enter-hd-child-item-wrapper {
      width: 1159px;
      height: 920px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      background-image: url("../assets/home/隐患整改大图.png");
      background-position: center;
      background-repeat: no-repeat;
      /* 关闭按钮 */
      .enter-hd-child-item-closebtn {
        position: absolute;
        right: 1px;
        top: 26px;
        width: 41px;
        height: 41px;
        background-image: url("../assets/home/关闭.png");
        background-position: center;
        background-repeat: no-repeat;
        cursor: pointer;
      }
      /* 隐患措施标题 */
      .enter-hd-child-item-title-wrapper {
        margin-left: 34px;
        margin-top: 19px;
        margin-bottom: 13px;
        width: 243px;
        height: 46px;
        line-height: 46px;
        padding-left: 1em;
        font-size: 24px;
        color: #dfeef3;
        font-family: "SourceHanSansCN-Bold";
        font-weight: bold;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        background-image: url("../assets/home/矩形5拷贝.png");
        background-position: center;
        background-repeat: no-repeat;
      }
      /* 隐患措施内容 */
      .enter-hd-child-item-content-wrapper {
        display: flex;
        justify-content: space-around;
        /* 整改前box */
        .enter-hd-child-item-norect-content {
          width: 558px;
          height: 822px;
          background: #020c39;
          border: 1px solid #0388fe;
          opacity: 1;
          /* 标题 */
          .enter-hd-child-item-norect-child-title {
            font-family: "PingFang-SC-Medium";
            color: #00c9fd;
            font-size: 29px;
            height: 54px;
            line-height: 54px;
            text-align: center;
          }
          /* 图片 */
          .enter-hd-child-item-norect-img-total-wrapper {
            /* width: 535px;
              height: 617px; */
            width: 375px;
            height: 450px;
            border-radius: 5px;
            margin: 0 auto;
            .enter-hd-child-item-norect-img-wrapper {
              width: 100%;
              height: 100%;
              img {
                width: 100%;
                height: 100%;
              }
            }
          }
          /* 检查专家 */
          .enter-hd-child-item-norect-expert-wrapper {
            display: flex;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-family: "PingFang-SC-Medium";
            font-size: 27px;
            margin: 3px 0px 3px 0px;
            padding-left: 5px;
            /* 检查专家标题 */
            .enter-hd-child-item-norect-expert-title {
              color: #00c9fd;
              text-indent: 0.5em;
            }
            /* 检查专家内容 */
            .enter-hd-child-item-norect-expert {
              color: white;
            }
          }
          /* 整改建议 */
          .enter-hd-child-item-norect-suggest-wrapper {
            display: flex;
            /* white-space: nowrap; */
            overflow: scroll;
            text-overflow: ellipsis;
            font-size: 27px;
            font-family: "PingFang-SC-Medium";
            margin: 3px 0px 3px 0px;
            width: 100%;
            height: 98px;
            padding: 5px;
            &::-webkit-scrollbar {
              display: none;
            }
            /* 整改建议标题 */
            .enter-hd-child-item-norect-suggest-title {
              color: #00c9fd;
              text-indent: 0.5em;
            }
            /* 整改建议内容 */
            .enter-hd-child-item-norect-suggest {
              color: white;
            }
          }
          /* 隐患描述 */
          .enter-hd-child-item-norect-desc-wrapper {
            /* display: flex; */
            /* white-space: nowrap; */
            height: 160px;
            overflow: scroll;
            text-overflow: ellipsis;
            font-size: 27px;
            font-family: "PingFang-SC-Medium";
            /* margin: 3px 0px 3px 20px; */
            text-indent: 0.5em;
            padding: 5px;
            &::-webkit-scrollbar {
              display: none;
            }
            /* 隐患描述标题 */
            .enter-hd-child-item-norect-desc-title {
              color: #00c9fd;
            }
            /* 隐患描述内容 */
            .enter-hd-child-item-norect-desc {
              color: white;
            }
          }
        }
        /* 整改后box */
        .enter-hd-child-item-rect-content {
          width: 558px;
          height: 822px;
          background: #020c39;
          border: 1px solid #0388fe;
          opacity: 1;
          /* 整改后的标题 */
          .enter-hd-child-item-rect-child-tltle {
            font-family: "PingFang-SC-Medium";
            color: #00c9fd;
            font-size: 29px;
            height: 54px;
            line-height: 54px;
            text-align: center;
          }
          /* 整改后的图片 */
          .enter-hd-child-item-rect-img-total-wrapper {
            /* width: 535px;
              height: 617px; */
            width: 375px;
            height: 450px;
            margin: 0 auto;
            border-radius: 5px;
            .enter-hd-child-item-rect-img-wrapper {
              width: 100%;
              height: 100%;
              img {
                width: 100%;
                height: 100%;
              }
            }
          }
          /* 整改日期 */
          .enter-hd-child-item-rect-date-wrapper {
            display: flex;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-family: "PingFang-SC-Medium";
            font-size: 27px;
            margin: 3px 0;
            /* margin-left: 20px; */
            /* 整改日期标题 */
            .enter-hd-child-item-rect-date-title {
              color: #00c9fd;
              text-indent: 0.5em;
            }
            /* 整改日期内容 */
            .enter-hd-child-item-rect-date {
              color: white;
            }
          }
          /* 状态 */
          .enter-hd-child-item-rect-status-wrapper {
            display: flex;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-family: "PingFang-SC-Medium";
            font-size: 27px;
            margin: 3px 0;
            /* margin-left: 20px; */
            /* 状态标题 */
            .enter-hd-child-item-rect-status-title {
              color: #00c9fd;
              text-indent: 0.5em;
            }
            /* 状态内容 */
            .enter-hd-child-item-rect-status {
              color: white;
            }
          }
          /* 验收人 */
          .enter-hd-child-item-rect-hdAcceptancePerson-wrapper {
            display: flex;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-family: "PingFang-SC-Medium";
            font-size: 27px;
            margin: 3px 0;
            /* margin-left: 20px; */
            /* 验收人标题 */
            .enter-hd-child-item-rect-hdAcceptancePerson-title {
              color: #00c9fd;
              text-indent: 0.5em;
            }
            /* 验收人 */
            .enter-hd-child-item-rect-hdAcceptancePerson {
              color: white;
            }
          }
        }
      }
    }
    /* 风险措施子项弹框 */
    .enter-risk-child-item-wrapper {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 1159px;
      height: 920px;
      background-image: url("../assets/home/隐患整改大图.png");
      background-position: center;
      background-repeat: no-repeat;
      /* 右上角关闭按钮 */
      .enter-risk-child-item-closebtn {
        position: absolute;
        right: 1px;
        top: 26px;
        width: 41px;
        height: 41px;
        background-image: url("../assets/home/关闭.png");
        background-position: center;
        background-repeat: no-repeat;
        cursor: pointer;
      }
      /* 风险措施标题 */
      .enter-risk-child-item-title-wrapper {
        margin-left: 34px;
        margin-top: 19px;
        width: 243px;
        height: 46px;
        line-height: 46px;
        padding-left: 1em;
        font-size: 24px;
        color: #dfeef3;
        font-family: "SourceHanSansCN-Bold";
        font-weight: bold;
        white-space: nowrap;
        overflow: visible;
        /* text-overflow: ellipsis; */
        background-image: url("../assets/home/矩形5拷贝.png");
        position: relative;
        /* background-position: center; */
        /* background-repeat: no-repeat; */
        /* background-size: 100% 100%; */
        .enter-risk-child-item-title {
          position: absolute;
          left: 18px;
          top: 0;
          white-space: nowrap;
          height: 100%;
          min-width: 225px;
          background-color: #0a85f3;
        }
      }
      /* 风险类型 */
      .enter-risk-child-item-riskType-wrapper {
        margin-top: 22px;
        margin-bottom: 13px;
        /* 风险类型标题 */
        .enter-risk-child-item-riskType-title {
          font-family: "SourceHanSansCN-Medium";
          color: #07c1f7;
          font-size: 34px;
          text-indent: 0.5em;
        }
        /* 风险类型内容 */
        .enter-risk-child-item-riskType-content {
          margin-bottom: 22px;
          margin-bottom: 13px;
          font-family: "SourceHanSansCN-Medium";
          color: #fff;
          font-size: 28px;
          padding: 4px;
          text-indent: 1.5em;
        }
      }
      /* 可能发生的事故类型及后果 */
      .enter-risk-child-item-riskPossibleCase-wrapper {
        margin-top: 22px;
        margin-bottom: 13px;
        /* 可能发生的事故类型及后果标题 */
        .enter-risk-child-item-riskPossibleCase-title {
          font-family: "SourceHanSansCN-Medium";
          color: #07c1f7;
          font-size: 34px;
          text-indent: 0.5em;
        }
        /* 可能发生的事故类型及后果内容 */
        .enter-risk-child-item-riskPossibleCase-content {
          margin-bottom: 22px;
          margin-bottom: 13px;
          font-family: "SourceHanSansCN-Medium";
          color: #fff;
          font-size: 28px;
          padding: 4px;
          text-indent: 1.5em;
        }
      }
      /* 风险管控措施i */
      .enter-risk-child-item-riskMeasure-wrapper {
        margin-top: 22px;
        margin-bottom: 13px;
        /* 风险管控措施标题 */
        .enter-risk-child-item-riskMeasure-title {
          font-family: "SourceHanSansCN-Medium";
          color: #07c1f7;
          font-size: 34px;
          text-indent: 0.5em;
        }
        /* 风险管控措施内容 */
        .enter-risk-child-item-riskMeasure-content {
          margin-bottom: 22px;
          margin-bottom: 13px;
          font-family: "SourceHanSansCN-Medium";
          color: #fff;
          font-size: 28px;
          padding: 4px;
          text-indent: 1.5em;
          height: 540px;
          overflow-y: scroll;
          &::-webkit-scrollbar {
            display: none;
          }
        }
      }
    }
    /* 企业信息弹框 */
    .enter-info-child-item-wrapper {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 1109px;
      height: 874px;
      background-image: url("../assets/home/安全措施大图.png");
      background-position: center;
      background-repeat: no-repeat;
      padding: 5px;
      /* 关闭按钮 */
      .enter-info-child-item-close {
        position: absolute;
        right: 1px;
        top: 27px;
        width: 42px;
        height: 42px;
        background-image: url("../assets/home/关闭.png");
        background-position: center;
        background-repeat: no-repeat;
        cursor: pointer;
      }
      /* 企业名称 */
      .enter-info-child-item-title-wrapper {
        margin-top: 22px;
        margin-bottom: 13px;
        /* 企业名称标题 */
        .enter-info-child-item-title {
          font-family: "SourceHanSansCN-Medium";
          color: #07c1f7;
          font-size: 34px;
          text-indent: 0.5em;
        }
        /* 企业名称内容 */
        .enter-info-child-item-content {
          margin-bottom: 22px;
          margin-bottom: 13px;
          font-family: "SourceHanSansCN-Medium";
          color: #fff;
          font-size: 28px;
          padding: 4px;
          text-indent: 1.5em;
        }
      }
      /* 企业简介 */
      .enter-info-child-item-content-wrapper {
        margin-top: 22px;
        margin-bottom: 13px;
        /* 企业简介标题 */
        .enter-info-child-item-content-title {
          font-family: "SourceHanSansCN-Medium";
          color: #07c1f7;
          font-size: 34px;
          text-indent: 0.5em;
        }
        /* 企业简介内容 */
        .enter-info-child-item-content {
          margin-bottom: 22px;
          margin-bottom: 13px;
          font-family: "SourceHanSansCN-Medium";
          color: #fff;
          font-size: 28px;
          padding: 8px;
          line-height: 42px;
          text-indent: 1.5em;
        }
      }
    }
    /* 企业证书弹框 */
    .enter-certify-item-wrapper {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 1109px;
      height: 874px;
      background-image: url("../assets/home/安全措施大图.png");
      background-position: center;
      background-repeat: no-repeat;
      padding: 5px;
      /* 关闭按钮 */
      .enter-certify-item-close {
        position: absolute;
        right: 1px;
        top: 27px;
        width: 42px;
        height: 42px;
        background-image: url("../assets/home/关闭.png");
        background-position: center;
        background-repeat: no-repeat;
        cursor: pointer;
      }
      .enter-certify-wrapper {
        margin-top: 22px;
        margin-bottom: 13px;
        /* 企业名称标题 */
        .enter-certify-item-title-wrapper {
          font-family: "SourceHanSansCN-Medium";
          color: #07c1f7;
          font-size: 34px;
          text-indent: 0.5em;
        }
        /* 企业名称内容 */
        .enter-certify-pic {
          width: 60%;
          margin: 0 auto;
          margin-bottom: 22px;
          margin-bottom: 13px;
          font-family: "SourceHanSansCN-Medium";
          color: #fff;
          font-size: 28px;
          padding: 4px;
          text-indent: 1.5em;
          height: 750px;
          overflow-y: scroll;
          &::-webkit-scrollbar {
            display: none;
          }
        }
      }
    }
  }
  /** 青柠监控 */
  .qingning-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1666;
    background: rgba(0, 0, 0, 0.3);
    .qingning {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 880px;
      height: 484px;
      transform: translate(-50%, -50%);
    }
    .closeQingNing {
      position: absolute;
      right: -50px;
      top: -50px;
    }
  }
  /* 监控视频 */
  .risk-video-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1666;
    background: rgba(0, 0, 0, 0.3);
    .riskvideo {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 880px;
      height: 484px;
      transform: translate(-50%, -50%);
    }
    .closeQingNing {
      position: absolute;
      right: -50px;
      top: -50px;
    }
  }
}
.amap-logo {
  display: none !important;
}
.amap-copyright {
  display: none !important;
}
</style>

<!-- 弹出层部分 -->
<style lang="scss">
.popup-video {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 200;
  border: 1px solid red;
  display: flex;
  justify-content: center;
  align-items: center;

  .videoWrap {
    position: relative;
    height: 600px;
    width: 900px;
    background-color: rgba(0, 0, 0, 0.95);
    border-radius: 10px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 1);
    padding: 10px;
    .close {
      position: absolute;
      top: -26px;
      right: -26px;
      height: 30px;
      width: 30px;
      border: 1px solid white;
      background-color: rgba(0, 0, 0, 0.6);
      border-radius: 15px;
      color: #fff;
      text-align: center;
      line-height: 29px;
      font-size: 30px;
      transform: rotate(45deg);
    }
    .video {
      height: 100%;
      width: 100%;
      position: relative;
      iframe {
        position: relative;
        height: 100%;
        width: 100%;
        border: 0;
        z-index: 100;
      }
    }
    .spinner {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 80px;
      height: 50px;
      text-align: center;
      font-size: 10px;
      margin-top: -25px;
      margin-left: -40px;
      z-index: 0;
      div {
        background-color: #aaa;
        height: 100%;
        width: 6px;
        display: inline-block;
        -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
        animation: stretchdelay 1.2s infinite ease-in-out;
      }

      div:nth-child(2) {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
      }
      div:nth-child(3) {
        -webkit-animation-delay: -1s;
        animation-delay: -1s;
      }
      div:nth-child(4) {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
      }
      div:nth-child(5) {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
      }
    }
  }
}
</style>

<!-- 图标部分 -->
<style lang="scss">
@keyframes bowen {
  0% {
    box-shadow: 0px 0px 0px 2px red;
    opacity: 0.5;
  }
  100% {
    box-shadow: 0px 0px 0px 20px red;
    opacity: 0;
    filter: alpha(opacity=0);
  }
}
@keyframes shake {
  0% {
    transform-origin: bottom;
    transform: scale(0.6) rotate(0deg);
  }
  25% {
    transform-origin: bottom;
    transform: scale(0.6) rotate(30deg);
  }
  50% {
    transform-origin: bottom;
    transform: scale(0.6) rotate(0deg);
  }
  75% {
    transform-origin: bottom;
    transform: scale(0.6) rotate(-30deg);
  }
  100% {
    transform-origin: bottom;
    transform: scale(0.6) rotate(0deg);
  }
}
@keyframes blining {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.bling {
  animation: blining 2.6s infinite ease-in-out;
}
.markernormal {
  opacity: 1;
  &.darken {
    opacity: 0.9;
  }
  &.lighter {
    opacity: 1;
  }
  .enterabnormal {
    width: 30px;
    height: 31px;
  }
  .enternormal {
    width: 30px;
    height: 31px;
  }
  .exclamation {
    position: absolute;
    left: 10px;
    top: -5px;
    transform: scale(0.6);
    /* animation: shake 1s infinite ease-in-out; */
  }
  .animationripple {
    position: absolute;
    top: -3px;
    left: 0;
    width: 30px;
    height: 30px;
    border: 3px solid rebeccapurple;
    border-radius: 50%;
    animation: bowen 2s infinite linear;
  }
}
.danger-record-wrapper {
    width:80%;
    height:800px;
    overflow-y:scroll;
    margin:30px auto;
  &::-webkit-scrollbar {
    display: none;
  }
  .img-record-wrapper {
    width: 100%;
  }
}

/* #filterclick {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
  } */
</style>

<style scoped>
/deep/ .el-input__inner {
  border: none;
  background: rgba(0, 182, 255, 0);
  color: #00ffff;
  font-size: 20px;
  font-family: "SourceHanSansCN-Regular";
}
/deep/ input.el-input__inner::-webkit-input-placeholder {
  padding-left: 1px;
  color: #00ffff;
  font-size: 20px;
  font-family: "SourceHanSansCN-Regular";
}
/deep/ .el-input__prefix {
  display: none !important;
}
/deep/ .el-input__suffix {
  display: none !important;
}
</style>

<style></style>
