<template>
  <div class="home">
    <div class="head-wrapper">
      <div class="maps-wrapper">
        <div :class="{active: mapActiveIndex === 1}" class="urgent" @click="emmapShow">应急一张图</div>
        <div :class="{active: mapActiveIndex === 2}" class="envpro">环保一张图</div>
        <div :class="{active: mapActiveIndex === 3}" class="occupational">职卫一张图</div>
      </div>
      <div :class="{active: mapActiveIndex === 4}" class="hd-wrapper">
        <div class="hidedanger" @click="dangermapShow">风险隐患排查</div>
      </div>
      <div class="title" />
      <div class="backstage-wrapper" @click="tobackstage">
        <div class="backstage">后台管理</div>
      </div>
      <div class="run-time-wrapper"><i class="el-icon-time toscale" />{{ curTime }}</div>
    </div>
    <div class="container-wrapper">
      <div class="map-wrapper">
        <div id="container" />
        <div v-show="isInfoWindowShow" class="infoWindw">
          <div class="info-company-title">{{ formenterinfo.companyName }}</div>
          <div class="company-info-wrapper">
            <div class="info-wrapper">
              <div class="info-key">企业状态</div>
              <div class="info-value">{{ formenterinfo.companyStatus }}</div>
            </div>
            <div class="info-wrapper">
              <div class="info-key">行业类型</div>
              <div class="info-value">{{ formenterinfo.companyIndustryName }}</div>
            </div>
            <div class="info-wrapper">
              <div class="info-key">主要负责人</div>
              <div class="info-value">{{ formenterinfo.companyChargePer }}</div>
            </div>
            <div class="info-wrapper">
              <div class="info-key">主要负责人电话</div>
              <div class="info-value">{{ formenterinfo.companyChargeTel }}</div>
            </div>
            <div class="info-wrapper">
              <div class="info-key">值班电话</div>
              <div class="info-value">{{ formenterinfo.companyDutyTel }}</div>
            </div>
          </div>
          <div class="info-hidedanger-wrapper">
            <div class="info-hidedanger-title">隐患管控信息</div>
            <div class="hidedanger-info-wrapper">
              <div class="info-wrapper">
                <div class="info-key">隐患数量</div>
                <div class="info-value">{{ enterHdSum }}&nbsp;处</div>
                <div class="a-to-dialog" @click="jumpToEnterHDDetail">查看</div>
              </div>
              <div class="info-wrapper">
                <div class="info-key">到期未整改数量</div>
                <div class="info-value">{{ enterHdNoRectSum }}&nbsp;处</div>
                <div class="a-to-dialog" @click="jumpToEnterHDDetail">查看</div>
              </div>
              <div class="info-wrapper">
                <div class="info-key">隐患整改率</div>
                <div class="info-value">{{ enterRectPercent }}&nbsp;</div>
                <div class="a-to-dialog" @click="jumpToEnterHDDetail">查看</div>
              </div>
            </div>
          </div>
          <div class="info-relation-wrapper">
            <div class="info-relation-title">风险管控信息</div>
            <div class="relation-info-wrapper">
              <div class="info-wrapper">
                <div class="info-key">风险量</div>
                <div class="info-value">{{ enterRiskSum }}&nbsp;处</div>
                <div class="a-to-dialog" @click="jumpToEnterRiskDetail">查看</div>
              </div>
              <div class="info-wrapper">
                <div class="info-key">较大风险数量</div>
                <div class="info-value">{{ enterMoreRiskSum }}&nbsp;处</div>
                <div class="a-to-dialog" @click="jumpToEnterRiskDetail">查看</div>
              </div>
              <div class="info-wrapper">
                <div class="info-key">重大风险数量</div>
                <div class="info-value">{{ enterMajorRiskSum }}&nbsp;处</div>
                <div class="a-to-dialog" @click="jumpToEnterRiskDetail">查看</div>
              </div>
            </div>
          </div>
          <div class="enterprise-details-wrapper" @click="enterprisedetailclick">
            <div class="enterprise-details">企业详情</div>
          </div>
          <div class="close-btn" @click="enterprisedetailclose">
            <svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M574.55 522.35L904.4 192.5c16.65-16.65 16.65-44.1 0-60.75l-1.8-1.8c-16.65-16.65-44.1-16.65-60.75 0L512 460.25l-329.85-330.3c-16.65-16.65-44.1-16.65-60.75 0l-1.8 1.8c-17.1 16.65-17.1 44.1 0 60.75l329.85 329.85L119.6 852.2c-16.65 16.65-16.65 44.1 0 60.75l1.8 1.8c16.65 16.65 44.1 16.65 60.75 0L512 584.9l329.85 329.85c16.65 16.65 44.1 16.65 60.75 0l1.8-1.8c16.65-16.65 16.65-44.1 0-60.75L574.55 522.35z" p-id="2419" fill="#00ffff" /></svg>
          </div>
        </div>
        <div 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="hidedanger-identification" @click="hdidentifychange">
            <div :class="{active: isShowhdidentify}" class="hd-block" />
            <div class="hd-title">隐患标识</div>
          </div>
        </div>
        <div v-show="mapActiveIndex === 4" class="supervise-wrapper">
          <div class="supervise-title-wrapper">
            <div class="supervise-title">安全监管指标</div>
          </div>
          <div class="supervise-content-wrapper">
            <div class="enter-degree-wrapper">
              <div class="enter-degree-icon1" />
              <div class="enter-degree-sum-wrapper">
                <div class="enter-degree-sum">23130</div>
                <div class="enter-degree-sum-title">企业数量</div>
              </div>
            </div>
            <div class="enter-degree-wrapper">
              <div class="enter-degree-icon2" />
              <div class="enter-degree-sum-wrapper">
                <div class="enter-degree-sum">45485</div>
                <div class="enter-degree-sum-title">重大风险企业</div>
              </div>
            </div>
            <div class="enter-degree-wrapper">
              <div class="enter-degree-icon3" />
              <div class="enter-degree-sum-wrapper">
                <div class="enter-degree-sum">55252</div>
                <div class="enter-degree-sum-title">风险总量</div>
              </div>
            </div>
            <div class="enter-degree-wrapper">
              <div class="enter-degree-icon4" />
              <div class="enter-degree-sum-wrapper">
                <div class="enter-degree-sum">13256</div>
                <div class="enter-degree-sum-title">重大风险</div>
              </div>
            </div>
            <div class="enter-degree-wrapper">
              <div class="enter-degree-icon5" />
              <div class="enter-degree-sum-wrapper">
                <div class="enter-degree-sum">32651</div>
                <div class="enter-degree-sum-title">年隐患数量</div>
              </div>
            </div>
            <div class="enter-degree-wrapper">
              <div class="enter-degree-icon6" />
              <div class="enter-degree-sum-wrapper">
                <div class="enter-degree-sum">2365</div>
                <div class="enter-degree-sum-title">未整改隐患</div>
              </div>
            </div>
            <div class="enter-degree-wrapper">
              <div class="enter-degree-icon7" />
              <div class="enter-degree-sum-wrapper">
                <div class="enter-degree-sum">98%</div>
                <div class="enter-degree-sum-title">年隐患整改率</div>
              </div>
            </div>
            <div class="enter-degree-wrapper">
              <div class="enter-degree-icon8" />
              <div class="enter-degree-sum-wrapper">
                <div class="enter-degree-sum">0</div>
                <div class="enter-degree-sum-title">月增新隐患</div>
              </div>
            </div>
            <div class="enter-degree-wrapper">
              <div class="enter-degree-icon9" />
              <div class="enter-degree-sum-wrapper">
                <div class="enter-degree-sum">100</div>
                <div class="enter-degree-sum-title">月新增重大隐患</div>
              </div>
            </div>
            <div class="enter-degree-wrapper">
              <div class="enter-degree-icon10" />
              <div class="enter-degree-sum-wrapper">
                <div class="enter-degree-sum">99%</div>
                <div class="enter-degree-sum-title">月隐患整改率</div>
              </div>
            </div>
            <div class="enter-degree-wrapper">
              <div class="enter-degree-icon11" />
              <div class="enter-degree-sum-wrapper1">
                <div class="enter-degree-sum">威海市</div>
                <div class="enter-degree-sum-title">年隐患整改率最低区域</div>
              </div>
            </div>
            <div class="enter-degree-wrapper" />
          </div>
        </div>
        <div v-show="mapActiveIndex === 4" class="annual-region-dgsumrank">
          <div class="annual-region-dgsumrank-title-wrapper">
            <div class="annual-region-dgsumrank-title">各地区本年度隐患数量排行</div>
          </div>
          <div class="annual-region-dgsumrank-content-wrapper" />
        </div>
        <div v-show="mapActiveIndex === 4" :class="{movetoright: !isPullMenuShow}" class="risk-dg-statistics-wrapper">
          <div class="levels-risk-dg-statistics-wrapper">
            <div class="levels-risk-dg-title-wrapper">
              <div class="levels-risk-dg-title">不同等级风险数量统计</div>
            </div>
            <div class="levels-risk-dg-content-wrapper" />
          </div>
          <div class="annual-risk-dg-rect-statistics-wrapper">
            <div class="annual-risk-dg-rect-statistics-title-wrapper">
              <div class="annual-risk-dg-rect-statistics-title">年度隐患数量及整改情况统计</div>
            </div>
            <div class="annual-risk-dg-rect-tatistics-content-wrapper" />
          </div>
        </div>
        <div v-show="mapActiveIndex === 4" :class="{movetoright: !isPullMenuShow}" class="all-region-risk-sum-statistics-wrapper">
          <div class="all-region-risk-sum-statistics-title-wrapper">
            <div class="all-region-risk-sum-statistics-title">各地区风险数量统计</div>
          </div>
          <div class="all-region-risk-sum-statistics-content-wrapper" />
        </div>
        <div v-show="mapActiveIndex === 4" :class="{movetoright: !isPullMenuShow}" class="hide-danger-sum-statistics-wrapper">
          <div class="hide-danger-sum-statistics-title-wrapper">
            <div class="hide-danger-sum-statistics-title">隐患数量统计</div>
          </div>
          <div class="hide-danger-sum-statistics-content-wrapper" />
        </div>
        <div v-show="mapActiveIndex === 4" class="curyear-select-wrapper">
          <div class="curyear-wrapper">
            <div class="curyear-title">统计年度</div>
            <div class="curyear-degree">2021</div>
          </div>
          <div class="arrow-wrapper">
            <div class="up-arrow-wrapper" />
            <div class="down-arrow-wrapper" />
          </div>
        </div>
      </div>
      <div :class="{hide: !isPullMenuShow}" class="selection-wrapper">
        <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>
            <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>
        <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 regionmarkers" v-show="isShowrenoin" :key="index" :class="{active: regionmarkers[index].isShow}" class="select-item-wrapper" @click="hideofshowmarker(index)">
            <div class="select-item-title">{{ item.county }}</div>
            <div class="select-item-degrees">{{ item.markers.length }}</div>
            <div class="select-item-chu">处</div>
          </div> -->
          <div v-for="(item,index) in regionmarkers" v-show="isShowrenoin" :ref="`regionmarkers${index}`" :key="item.county" :class="{active: regionmarkers[index].isShow}" class="select-item-wrapper" @click="hideofshowmarker(index)">
            <div :class="{active: regionmarkers[index].isShow}" class="eye-icon" />
            <div :class="{active: regionmarkers[index].isShow}" class="region-info-wrapper">
              <div :class="{active: regionmarkers[index].isShow}" class="region-enter-title">{{ item.county }}</div>
              <div class="region-enter-degree-wrapper">
                <div class="region-enter-degree">{{ item.markers.length }}<span>处</span></div>
              </div>
            </div>
          </div>
          <div v-for="(item, index) in emergencyIndustryNames" v-show="!isShowrenoin && isShowEmergencyOrNation && (item.sum > 0)" :ref="`eginmarkers${index}`" :key="item.name" :class="{active: item.isShow}" class="select-item-wrapper" @click="hideorshowindusMarkers(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.name }}</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 nationIndustryNames" v-show="!isShowrenoin && !isShowEmergencyOrNation && (item.sum > 0)" :ref="`ntinmarkers${index}`" :key="index" :class="{active: item.isShow}" class="select-item-wrapper" @click="hideorshownationMarker(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.name }}</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 indusmarkers" v-show="!isShowrenoin" :key="item.county" :class="{active: item.isShow}" class="select-item-wrapper" @click="hideofshowindusmarker(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.industry }}</div>
              <div class="region-enter-degree-wrapper">
                <div class="region-enter-degree">{{ item.markers.length }}<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 class="icontianhong">技术支撑单位:<span class="iconicc">ICC&nbsp;&nbsp;</span>山东天弘质量检验中心
        <div class="iconR" />
      </div>
    </div>
  </div>
</template>

<script>
// @ is an alias to /src
// import { findDimindustry, getindustry, getAllProvince, findAreaByCode, changeCompanyInfo, findCompanyCounty, findAllByCompanyCounty, getRiskStandingBook, getRiskStandingBookType, getHideDangeById, getHideDangerBychIds, getthRisk, getriskNumAnalysis, getHideDangeByIdOrderHdLevel } from '../api/industry'
// // import { getDepts, getDeptSuperior } from '@/api/system/dept'
// // import { getAllJob } from '@/api/system/job'
// // import { getAll } from '@/api/system/role'
// import { getAll } from '@/api/system/role'
// import * as echarts from 'echarts'
// export default {
//   name: 'Home',
//   data() {
//     return {
//       map: null,
//       // 是应急行业 还是国民经济行业
//       isemornation: 0,
//       // 企业表单显示
//       dialogFormVisible: false,
//       // 修改企业显示
//       innerformVisible: false,
//       // 企业信息显示
//       isInfoWindowShow: false,
//       // 企业表单中的标签列表显示
//       activeName: 'enterinfo',
//       // 改变企业的表单
//       formenterinfo: {
//         name: '小米集团',
//         state: 'infrastructure',
//         industrytype: 'gcihc',
//         ischemical: '1',
//         creditcode: '91370305265161301T',
//         totalnum: '',
//         townoffice: 'town4',
//         dutytel: '13999999999',
//         chargeman: 'spiderman',
//         chargemantel: '18999999999',
//         safetychargeman: 'superman',
//         safetychargetel: '186666666666',
//         introduct: '企业致力于通讯服务开发',
//         postaladdress: '18号',
//         naturebus: '劳动服务，地磅服务',
//         rawmaterial: '',
//         mainproduct: '',
//         pos: ''
//       },
//       // 当前所有应急行业的名称
//       industryNames: [],
//       // 当前应急行业所有行业名称
//       emergencyIndustryNames: [],
//       // 当前所有国民经济行业名称
//       nationIndustryNames: [],
//       showNationIndus: false,
//       region1model: '',
//       region2model: '',
//       region3model: '',
//       region4model: '',
//       region5model: '',
//       regionlevel1: [],
//       regionlevel2: [],
//       regionlevel3: [],
//       regionlevel4: [],
//       regionlevel5: [],
//       companyregions: [],
//       // 选择pos
//       tochoosepos: '',
//       // 改变企业信息的规则
//       formenterinforules: {
//         companyName: [
//           { required: true, message: '请输入企业名称', trigger: 'blur' },
//           { min: 2, message: '长度须大于2个字符', trigger: 'blur' }
//         ],
//         companyCounty: [
//           { required: true, message: '请输入地址', trigger: 'change' }
//         ],
//         companyIndustryName: [
//           { required: true, message: '请输入行业类型', trigger: 'blur' }
//         ],
//         companyChargePer: [
//           { required: true, message: '请输入主要负责人', trigger: 'blur' },
//           { min: 1, message: '长度须大于1个字符', trigger: 'blur' }
//         ]
//       },
//       // 显示区域还是行业
//       isShowrenoin: true,
//       // 显示国民经济行业或者应急行业
//       isShowEmergencyOrNation: true,
//       // 显示所有 全部显示
//       isShowall: false,
//       // 常规地图还是卫星地图
//       isregularMap: false,
//       // 所有企业所属县数组
//       comCountyArr: [],
//       // 根据县查询所有企业
//       countryComArr: [],
//       tochoosecomregion: '',
//       // 所有区域对应的marker
//       regionmarkers: [],
//       // 所有应急行业对应的marker
//       indusmarkers: [],
//       // 所有国民经济行业对应的marker
//       nationindusmarkers: [],
//       comrealpos: '',
//       // 是否显示菜单
//       isPullMenuShow: true,
//       // 所有行业相关的企业
//       industryComs: [],
//       // 是否显示隐患标识
//       isShowhdidentify: false,
//       // 是否显示下拉框
//       isShowPullDown: false,
//       // mapActiveIndex 显示第几个地图 包括浮动的风险隐患排查
//       mapActiveIndex: 1,
//       // 当前时间
//       curTime: '',
//       // 当前详情信息的第几页
//       curDetailIndex: 1,
//       // 企业信息
//       enterinfo: '',
//       // 当前企业的安全检查信息
//       curComSCheck: [],
//       // 企业隐患列表
//       enterHdList: [],
//       // 企业风险列表
//       enterRiskList: [],
//       // 隐患数量
//       enterHdSum: 0,
//       // 到期未整改数量
//       enterHdNoRectSum: 0,
//       // 隐患整改率
//       enterRectPercent: 0,
//       // 风险量
//       enterRiskSum: 0,
//       // 较大风险数量
//       enterMoreRiskSum: 0,
//       // 重大风险数量
//       enterMajorRiskSum: 0
//       // 当前grade Array
//       // curGradeArr: []
//     }
//   },
//   mounted() {
//     // 获取当前用户
//     // console.log(this.$store.state.user.user, '真的出来了吧')

//     // 开始测试所有与系统管理相关的接口
//     // 测试部门 OK
//     // getDepts().then(res => {
//     //   console.log(res, 'dogs')
//     // })
//     // getDepts({ pid: 7 }).then(res => {
//     //   console.log(res, 'dogoooooooooooooooooo')
//     // })
//     // getDeptSuperior(2).then(res => {
//     //   console.log(res, 'doggggggggggggggggggg')
//     // })
//     // 测试岗位 OK
//     // getAllJob().then(res => {
//     //   console.log(res, 'helloworld')
//     // })
//     // 测试所有角色
//     // getAll().then(res => {
//     //   console.log(res, 'helloworld2')
//     // })
//     // 测试获取所有用户
//     // 获取所有省份信息
//     this.accessArea()
//     getAllProvince().then(res => {
//       this.regionlevel1 = [...res]
//     })
//     // 获取行业信息
//     // this.getAllIndustry()
//     this.getAllRegion()
//     // getindustry().then(res => {
//     //   this.industryNames = [...res.content]
//     //   for (let i = 0; i < this.industryNames.length; i++) {
//     //     const newComs = {
//     //       indus: this.industryNames[i].industryName,
//     //       coms: []
//     //     }
//     //     getCompanyInfo(this.industryNames[i].industryName, 0, Number.MAX_VALUE).then(res => {
//     //       newComs.coms = [...res.content]
//     //     })
//     //     this.industryComs.push(newComs)
//     //   }
//     // })
//     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)
//   },
//   methods: {
//     // 初始化用户能访问的区域
//     async accessArea() {
//       await getAll().then(res => {
//         if (this.$store.state.user.user.roles) {
//           // this.$store.state.user.user.roles[0].id
//           this.roleArea = res.filter(item => item.id === this.$store.state.user.user.roles[0].id)[0].roleArea
//         }
//       })
//     },
//     getWarn(grade) {
//       // 橙色 红色
//       const warnArray = [
//         'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAApCAYAAADnPQMmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1QjY1NjFERkUzQkIxMUVCQjgzM0EwNEY4REQyNTgyMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1QjY1NjFFMEUzQkIxMUVCQjgzM0EwNEY4REQyNTgyMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVCNjU2MURERTNCQjExRUJCODMzQTA0RjhERDI1ODIxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjVCNjU2MURFRTNCQjExRUJCODMzQTA0RjhERDI1ODIxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+0Bh/vwAAAVpJREFUeNqclL1OwzAUhW1LdGNE6jswMMDGyBMgHoCfsrAwg2BkYqFIDAwI8QQwsfACCCZmNligTaOUUghUtOEcya5M2xtbHOnEafPJ9+Q6ti6KQlGDq8oihgN4Hn6Cj8xy75zPNCEANdyfqXGdAtzS/cupKn68KFkrBpdNVa4aoWoA6hN6DUBvMVBOqBGAMkKtAJQQSgNQi1DChpdADUJta0mpQduLQMnU2JumAPy44KpkpjYqdRyUSKV4cdC71CMfymNm6gpQ04c+YqA8JlMWk0n6Ej5joNyHpGZ2RzN9TYB6Qwjr820Xc2wT+DNRxyPAHfw43OZO2O67GJbgB3jPVvgLSTIqQv+DkGsarvj/ae8Q28GwYQ8QLsc9vIrwmTvE+PrbEyo9w7M8xObsK0s6ZKa1QO4FQjoADQhdBKBrbnPmORGAWzyv+y3Yx7AOz8Ad+AYAW6J+BRgAphiAtJgHYKMAAAAASUVORK5CYII=',
//         'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAApCAYAAADnPQMmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1RDZFMzFDRkUzQkIxMUVCOUNBNjhEMDI3MkZBMzQ0QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1RDZFMzFEMEUzQkIxMUVCOUNBNjhEMDI3MkZBMzQ0QyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVENkUzMUNERTNCQjExRUI5Q0E2OEQwMjcyRkEzNDRDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjVENkUzMUNFRTNCQjExRUI5Q0E2OEQwMjcyRkEzNDRDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+nQBmCgAAAU1JREFUeNqclLFKA0EQhveuEEVSiBZ5BwsbO0sfwRcQY22t6BNYKQh24jMIqS3FTrATbIKiyd2RGE9XRbP+v+yGNd7cLg58dxvmY2d2L7vKGKNIOT+9As7BEFyDDZdzQguYCo6ZTzBoKqUelBxrKR6bqj5alJoB6YvSY0B6ipE0pW5A6lPKA1JGqQhIOaUMjGqkLqWBRYoinc21CZQsUjvoCcKna1zVzDRApaGTMqkUH056lvbIl3TMTKUg9XzpJUbSMT31Y3qS/gmvMZL2JWkzy8me3iqkj7GE7/NuP+afQ+DPxDicEC7BDQfJz1l3O7ows4PXKrgCu7bCb0mKVEXE/yT01QBTlRIS24CruQcdjM/A3Lhx/ODytyoqdcAiL7Elu2Qp9lluPdD3MqUkII0onQakNo85+zkShAvkD5R3j++BW3uP34ETl/sWYADcHaGm30uFUwAAAABJRU5ErkJggg=='
//       ]
//       if (grade === 0) {
//         return ``
//       } else {
//         return `<img class="markHDPos ${this.isShowhdidentify ? '' : 'hidemarkHDPos'}" src="${warnArray[grade - 1]}"/>`
//       }
//     },
//     // 获取所有区域，并初始化所有小眼睛
//     async getAllRegion() {
//       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 promise11 = findDimindustry(nationIndusNamesLevel1[i].industryId).then(res => {
//           nationIndustryNames2.push(...res)
//         })
//         promiseNationArray.push(promise11)
//       }
//       await Promise.all(promiseNationArray).then(res => {})
//       // nationIndustryNames2.
//       // this.nationIndustryNames = [...nationIndustryNames2]
//       // 在这里初始化一个新的行业和国民经济行业的列表
//       const newIndusName1 = []
//       for (let i = 0; i < this.industryNames.length; i++) {
//         newIndusName1.push({
//           isShow: false,
//           name: this.industryNames[i].industryName,
//           sum: 0
//         })
//       }
//       this.emergencyIndustryNames = [...newIndusName1]
//       for (let i = 0; i < nationIndustryNames2.length; i++) {
//         this.nationIndustryNames.push({
//           isShow: false,
//           name: nationIndustryNames2[i].name,
//           sum: 0
//         })
//       }
//       // 获取当前公司所在的地区
//       await findCompanyCounty().then(res => {
//         this.comCountyArr = [...res]
//       })
//       const promiseArray = []
//       this.countryComArr = []
//       // this.comCountyArr.forEach((item) => {
//       //   const promise = findAllByCompanyCounty(item).then(res => {
//       //     this.countryComArr.push(res)
//       //   })
//       //   promiseArray.push(promise)
//       // })
//       // const newcountyComArr = []
//       for (let i = 0; i < this.comCountyArr.length; i++) {
//         const newCom = {
//           arr: this.comCountyArr[i],
//           coms: []
//         }
//         const promise = findAllByCompanyCounty(this.comCountyArr[i]).then(res => {
//           newCom.coms = [...res]
//         })
//         this.countryComArr.push(newCom)
//         promiseArray.push(promise)
//       }

//       await Promise.all(promiseArray).then(res => {
//         this.AMap = window.AMap || {}
//         this.satellitelayer = new this.AMap.TileLayer.Satellite()
//         this.TileLayer = new this.AMap.TileLayer()
//         this.TileLayer.hide()
//         this.map = new this.AMap.Map('container', {
//           /* 地图样式 */
//           mapStyle: 'amap://style/normal',
//           layers: [
//             this.TileLayer,
//             // 高德地图默认标准图层
//             this.satellitelayer
//             // // 楼块图层
//             // new this.AMap.Buildings({
//             //   zooms: [16, 18],
//             //   zIndex: 10,
//             //   heightFactor: 2 // 2倍于默认高度， 3d下有效
//             // })
//           ],
//           /* 天空盒颜色 */
//           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.1740, 37.2512]
//         })
//         // 画mask
//         this.boundWeihai()
//         // 初始化markers数组
//         const AMap = window.AMap || {}
//         const icon = new AMap.Icon({
//           // size: new AMap.Size(47, 51), // 图标尺寸
//           size: new AMap.Size(28, 31), // 图标尺寸
//           image: 'data:image/png;base64, ',
//           imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量
//           imageSize: new AMap.Size(30, 31) // 根据所设置的大小拉伸或压缩图片
//         })
//         // 生成marker
//         for (let i = 0; i < this.countryComArr.length; i++) {
//           const maskarr = {
//             isShow: false,
//             markers: [],
//             county: this.countryComArr[i].arr,
//             coms: this.countryComArr[i].coms
//           }
//           for (let j = 0; j < this.countryComArr[i].coms.length; j++) {
//             // const riskGrade = 0
//             // const dangerGrade = 0
//             // const isRect = 0
//             this.getCompanyGrade(this.countryComArr[i].coms[j].companyId)
//               .then(res => {
//                 const [riskGrade, dangerGrade, isRect] = res
//                 const markerContent = `<div ${isRect === 1 ? "class='markerBlingBling'" : "class='markerTop'"}><img class="marRiskkPos" src="${tempImgArray[3 - riskGrade]}" />${this.getWarn(dangerGrade)}</div>`
//                 // const markerContent = `<div><img src="${tempImgArray[3 - riskGrade]}" /></div>`
//                 const marker = new AMap.Marker({
//                   position: [Number(this.countryComArr[i].coms[j].companyLng), Number(this.countryComArr[i].coms[j].companyLat)],
//                   offset: new AMap.Pixel(-14, -31),
//                   // icon: icon,
//                   content: markerContent,
//                   title: this.countryComArr[i].coms[j].companyName
//                   // zooms: [7, 12]
//                 })
//                 // this.emergencyIndustryNames.filter(item => item.name === this.countryComArr[i].coms[j].companyIndustryName)[0].sum++
//                 // this.nationIndustryNames.filter(item => item.name === this.countryComArr[i].coms[j].companyDimTwoIndustryName)[0].sum++
//                 // if (this.emergencyIndustryNames.filter(item => item.name === this.countryComArr[i].coms[j].companyIndustryName).length !== 0) {
//                 //   this.emergencyIndustryNames.filter(item => item.name === this.countryComArr[i].coms[j].companyIndustryName)[0].sum++
//                 // }
//                 // if (this.nationIndustryNames.filter(item => item.name === this.countryComArr[i].coms[j].companyDimTwoIndustryName).length !== 0) {
//                 //   this.nationIndustryNames.filter(item => item.name === this.countryComArr[i].coms[j].companyDimTwoIndustryName)[0].sum++
//                 // }
//                 marker.on('mouseover', () => {
//                   marker.setLabel({
//                     content: `<div>${this.countryComArr[i].coms[j].companyName}</div>`,
//                     offset: new AMap.Pixel(0, -20)
//                   })
//                 })
//                 marker.on('mouseout', () => {
//                   marker.setLabel({
//                     content: ''
//                   })
//                 })
//                 marker.on('click', async() => {
//                   this.isInfoWindowShow = true
//                   this.formenterinfo = {
//                     ...this.countryComArr[i].coms[j]
//                   }
//                   // 我在想要不要查
//                   // 那还是一个区域 一个问题是区域问题
//                   // 面对如此巨大量的请求
//                   // 一个区域有大量的请求

//                   // 先初始化所有的风险量 和 隐患数量
//                   this.enterHdSum = 0
//                   this.enterHdNoRectSum = 0
//                   this.enterRectPercent = 0
//                   this.enterRiskSum = 0
//                   this.enterMoreRiskSum = 0
//                   this.enterMajorRiskSum = 0
//                   // 隐患数量
//                   let replaceHdElements = []
//                   await getHideDangeById(this.formenterinfo.companyId).then(res => {
//                     replaceHdElements = [...res.content]
//                     this.enterHdSum = res.totalElements
//                     this.enterHdList = [...res.content]
//                     this.enterHdList = this.enterHdList.sort((a, b) => a.hdId - b.hdId)
//                   })
//                   // 获取隐患图片
//                   for (let i = 0; i < this.enterHdList.length; i++) {
//                     this.getHdPic(this.formenterinfo.companyId, this.enterHdList[i].hdId, i)
//                   }
//                   this.enterHdNoRectSum = replaceHdElements.filter(item => {
//                     return Number(item.overtime) === 1
//                   }).length
//                   if (this.enterHdSum !== 0) {
//                     this.enterRectPercent = (((this.enterHdSum - this.enterHdNoRectSum) / this.enterHdSum) * 100).toFixed(2)
//                   }
//                   // 风险数量
//                   // let replaceRiskElements = []
//                   await getriskNumAnalysis(this.formenterinfo.companyId).then(res => {
//                     if (res.totalElements >= 4) {
//                       // 重大风险
//                       let tempMajorRiskSum = 0
//                       // 较大风险
//                       let tempMoreRiskSum = 0
//                       // 一般风险
//                       let tempGeneralRiskSum = 0
//                       // 低风险
//                       let lowGeneralRiskSum = 0
//                       res.content.forEach(item => {
//                         if (item.rnaLevel === '重大风险') {
//                           tempMajorRiskSum = item.rnaNum
//                         }
//                         if (item.rnaLevel === '较大风险') {
//                           tempMoreRiskSum = item.rnaNum
//                         }
//                         if (item.rnaLevel === '一般风险') {
//                           tempGeneralRiskSum = item.rnaNum
//                         }
//                         if (item.rnaLevel === '低风险') {
//                           lowGeneralRiskSum = item.rnaNum
//                         }
//                       })
//                       this.enterRiskSum = tempMajorRiskSum + tempMoreRiskSum + tempGeneralRiskSum + lowGeneralRiskSum
//                       this.enterMoreRiskSum = tempMoreRiskSum
//                       this.enterMajorRiskSum = tempMajorRiskSum
//                     }
//                   })
//                   // 获取所有的checktype
//                   this.initCheckTypes(this.formenterinfo.companyId)
//                   // 获取的企业列表
//                   this.getRiskList(this.formenterinfo.companyId)
//                 })
//                 maskarr.markers.push(marker)
//               })
//           }
//           this.regionmarkers.push(maskarr)
//         }
//         // const weihairegion = ['环翠区', '文登区', '威海火炬高技术开发区', '威海经济技术开发区', '威海临港经济技术开发区', '荣成市', '乳山市', '南海区']
//         const weihairegion = ['环翠区', '威海经济技术开发区', '威海火炬高技术产业开发区', '威海临港经济技术开发区', '文登区', '荣成市', '乳山市', '南海区']
//         this.regionmarkers.sort((a, b) => {
//           if (a.markers.length === 0) {
//             return 1
//           }
//           return weihairegion.indexOf(a.county) - weihairegion.indexOf(b.county)
//         })
//         // 只留用户能够访问的区域
//         let secondArea = []
//         if (this.roleArea) {
//           if (this.roleArea.length > 2) {
//             secondArea = this.roleArea.split(',')
//           }
//         }
//         this.regionmarkers = this.regionmarkers.filter(item => secondArea.includes(item.county))
//         // this.newRegionMarkers = []
//         this.regionmarkers.sort((a, b) => {
//           if (a.markers.length === 0) {
//             return 1
//           }
//           return weihairegion.indexOf(a.county) - weihairegion.indexOf(b.county)
//         })
//         // 用户信息已经获取到了
//         // 在这里初始化应急行业和国民经济行业
//         if (this.roleArea && this.roleArea.length > 2) {
//           // const curareas = this.roleArea.split(',')
//           // const curmarks = this.regionmarkers.filter(item => curareas.includes(item.county))
//           this.emergencyIndustryNames.forEach(item => {
//             item.indusmarkers = []
//             item.sum = 0
//           })
//         }
//         if (this.roleArea && this.roleArea.length > 2) {
//           // const curareas = this.roleArea.split(',')
//           // const curmarks = this.regionmarkers.filter(item => curareas.includes(item.county))
//           this.nationIndustryNames.forEach(item => {
//             item.indusmarkers = []
//             item.sum = 0
//           })
//         }
//         // 我感觉我就这么写了吧
//       }, () => {
//         this.AMap = window.AMap || {}
//         this.satellitelayer = new this.AMap.TileLayer.Satellite()
//         this.TileLayer = new this.AMap.TileLayer()
//         this.TileLayer.hide()
//         this.map = new this.AMap.Map('container', {
//           /* 地图样式 */
//           mapStyle: 'amap://style/normal',
//           layers: [
//             this.TileLayer,
//             // 高德地图默认标准图层
//             this.satellitelayer
//             // // 楼块图层
//             // new this.AMap.Buildings({
//             //   zooms: [16, 18],
//             //   zIndex: 10,
//             //   heightFactor: 2 // 2倍于默认高度， 3d下有效
//             // })
//           ],
//           /* 天空盒颜色 */
//           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.1740, 37.2512]
//         })
//         // 画mask
//         this.boundWeihai()
//       })
//       // 我找不到bug
//       // 在这里初始化 markers 吧
//       // 红色 橙色 黄色 蓝色
//       // const tempImgArray = [
//       //   'data:image/png;base64, ',
//       //   'data:image/png;base64, ',
//       //   'data:image/png;base64, ',
//       //   'data:image/png;base64, '
//       // ]
//       // const promiseWaitArray = []
//       // 生成marker
//     },
//     // 威海轮廓
//     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)
//         })
//       })
//     },
//     // 威海所有区域的markers列表显示
//     // 企业详细信息显示
//     enterprisedetailclick() {
//       this.dialogFormVisible = true
//     },
//     // 企业表单内点击管理
//     enterprisetabsClick(tab, event) {
//     },
//     // 显示事件
//     formDialogOpenHandler() {
//       // 在这里画地图
//       const AMap = window.AMap || {}
//       const satellite = new AMap.TileLayer.Satellite()
//       const roadNet = new AMap.TileLayer.RoadNet()
//       const map = new AMap.Map('formcontainer', {
//         resizeEnable: true, // 是否监控地图容器尺寸变化
//         zoom: 16, // 初始化地图层级
//         // center: [122.086287, 37.493758],
//         center: [Number(this.formenterinfo.companyLng), Number(this.formenterinfo.companyLat)],
//         layers: [
//           satellite,
//           roadNet
//         ]
//       })
//       const marker = new AMap.Marker({
//         icon: 'https://webapi.amap.com/theme/v1.3/markers/n/mark_b.png',
//         position: [Number(this.formenterinfo.companyLng), Number(this.formenterinfo.companyLat)],
//         // position: [122.086287, 37.493758],
//         // anchor: 'bottom-center'
//         offset: new AMap.Pixel(-10, -31)
//       })
//       map.on('mousemove', (e) => {
//         document.querySelector('#formcontainerinfo').innerHTML = '经纬度：' + e.lnglat.getLng() + ',' + e.lnglat.getLat()
//       })
//       map.add(marker)
//     },
//     // 显示修改企业信息dialog
//     changeEnterpriseFormShow() {
//       this.innerformVisible = true
//     },
//     // 子dialog的显示事件处理函数
//     childformDialogOpenHandler() {
//       // 在这里画地图
//       const AMap = window.AMap || {}
//       const satellite = new AMap.TileLayer.Satellite()
//       const roadNet = new AMap.TileLayer.RoadNet()
//       this.anothermap = new AMap.Map('childformmap', {
//         resizeEnable: true, // 是否监控地图容器尺寸变化
//         zoom: 16, // 初始化地图层级
//         // center: [122.086287, 37.493758],
//         center: [Number(this.formenterinfo.companyLng), Number(this.formenterinfo.companyLat)],
//         layers: [
//           satellite,
//           roadNet
//         ]
//       })
//       const marker = new AMap.Marker({
//         icon: 'https://webapi.amap.com/theme/v1.3/markers/n/mark_r.png',
//         position: [Number(this.formenterinfo.companyLng), Number(this.formenterinfo.companyLat)],
//         // anchor: 'bottom-center'
//         offset: new AMap.Pixel(-10, -31)
//       })
//       // map.on('mousemove', (e) => {
//       //   document.querySelector('#formcontainerinfo').innerHTML = '经纬度：' + e.lnglat.getLng() + ',' + e.lnglat.getLat()
//       // })
//       this.anothermarker = marker
//       document.querySelector('.originpos').innerHTML = this.formenterinfo.companyLng + ',' + this.formenterinfo.companyLat
//       this.anothermap.add(marker)
//       this.anothermap.on('click', (e) => {
//         document.querySelector('.mousepos').innerHTML = e.lnglat.getLng() + ',' + e.lnglat.getLat()
//         // map.remove(marker)
//         // marker = new AMap.Marker({

//         // })
//         // marker.setPosition(e.lnglat)
//         marker.setPosition(e.lnglat)
//         this.anothermap.setCenter([e.lnglat.getLng(), e.lnglat.getLat()])
//         this.formenterinfo.companyLng = '' + e.lnglat.getLng()
//         this.formenterinfo.companyLat = '' + e.lnglat.getLat()
//         AMap.plugin('AMap.Geocoder', () => {
//         // 在这里面获取到点击经纬度的所对应的地理信息
//           const geocoder = new AMap.Geocoder({
//             radius: 1000
//           })
//           geocoder.getAddress(e.lnglat, (status, result) => {
//             if (status === 'complete' && result && result.info === 'OK' && result.regeocode) {
//               this.comrealpos = result.regeocode.formattedAddress
//               this.tochoosecomregion = this.comrealpos
//               this.setRegionSelect(result.regeocode.addressComponent.province, result.regeocode.addressComponent.city, result.regeocode.addressComponent.district)
//               AMap.plugin('AMap.PlaceSearch', () => {
//                 const placesearch = new AMap.PlaceSearch({})
//                 placesearch.search(this.comrealpos, (status, result) => {
//                   if (status === 'complete' && result.info === 'OK' && result.poiList.pois && result.poiList.pois.length > 0) {
//                     this.companyregions = [...result.poiList.pois]
//                   }
//                 })
//               })
//             }
//           })
//         })
//       })
//     },
//     // 关闭企业detail
//     enterprisedetailclose() {
//       this.isInfoWindowShow = false
//     },
//     // 取消子表单
//     cancelchildform() {
//       this.innerformVisible = false
//     },
//     // 提交子表单
//     submitchildform() {
//       this.innerformVisible = false
//       this.dialogFormVisible = false
//       changeCompanyInfo(this.formenterinfo)
//       this.getAllRegion()
//     },
//     // 显示区域或者行业
//     showreorinClick(reorin) {
//       // this.isShowrenoin = reorin
//       if (this.isShowrenoin !== reorin) {
//         this.isShowrenoin = reorin
//         this.isemornation = 0
//         // if (reorin === true) {
//         // } else {
//         // }
//       }
//     },
//     // 改变显示所有
//     isShowClick() {
//       this.isShowall = !this.isShowall
//       // 判断是行业还是区域
//       if (this.isShowall === true) {
//         if (this.isShowrenoin) {
//           // for (let i = 0; i < this.regionmarkers.length; i++) {
//           //   if (this.regionmarkers[i].isShow === false) {
//           //     // for (let j = 0; j < this.regionmarkers[i].markers.length; j++) {
//           //     //   this.map.add(this.regionmarkers[i].markers[j])
//           //     // }
//           //     this.regionmarkers[i].isShow = true
//           //   }
//           // }
//           for (let i = 0; i < this.regionmarkers.length; i++) {
//             if (this.regionmarkers[i].isShow === false) {
//               this.$refs['regionmarkers' + i][0].click()
//               // window.setTimeout(() => {
//               //   this.regionmarkers[i].isShow = true
//               // })
//             }
//           }
//         } else {
//           // for (let i = 0; i < this.indusmarkers.length; i++) {
//           //   if (this.indusmarkers[i].isShow === false) {
//           //     for (let j = 0; j < this.indusmarkers[i].markers.length; j++) {
//           //       this.map.add(this.indusmarkers[i].markers[j])
//           //     }
//           //     this.indusmarkers[i].isShow = true
//           //   }
//           // }
//           if (this.isemornation === 1) {
//             // for (let i = 0; i < this.emergencyIndustryNames.length; i++) {
//             //   if (this.emergencyIndustryNames[i].isShow === false) {
//             //     this.emergencyIndustryNames[i].isShow = true
//             //     for (let j = 0; j < this.emergencyIndustryNames[i].indusmarkers.length; j++) {
//             //       this.map.add(this.emergencyIndustryNames[i].indusmarkers[j])
//             //     }
//             //   }
//             // }
//             for (let i = 0; i < this.emergencyIndustryNames.length; i++) {
//               if (this.emergencyIndustryNames[i].isShow === false) {
//                 this.$refs['eginmarkers' + i][0].click()
//               }
//             }
//           }
//           if (this.isemornation === 2) {
//             // for (let i = 0; i < this.nationIndustryNames.length; i++) {
//             //   if (this.nationIndustryNames[i].isShow === false) {
//             //     this.nationIndustryNames[i].isShow = true
//             //     for (let j = 0; j < this.nationIndustryNames[i].indusmarkers.length; j++) {
//             //       this.map.add(this.nationIndustryNames[i].indusmarkers[j])
//             //     }
//             //   }
//             // }
//             for (let i = 0; i < this.nationIndustryNames.length; i++) {
//               if (this.nationIndustryNames[i].isShow === false) {
//                 this.$refs['ntinmarkers' + i][0].click()
//               }
//             }
//           }
//         }
//       } else {
//         if (this.isShowrenoin) {
//           // for (let i = 0; i < this.regionmarkers.length; i++) {
//           //   if (this.regionmarkers[i].isShow === true) {
//           //     // for (let j = 0; j < this.regionmarkers[i].markers.length; j++) {
//           //     //   this.map.remove(this.regionmarkers[i].markers[j])
//           //     // }
//           //     this.regionmarkers[i].isShow = false
//           //   }
//           // }
//           for (let i = 0; i < this.regionmarkers.length; i++) {
//             if (this.regionmarkers[i].isShow === true) {
//               this.$refs['regionmarkers' + i][0].click()
//             }
//           }
//         } else {
//           // for (let i = 0; i < this.indusmarkers.length; i++) {
//           //   if (this.indusmarkers[i].isShow === true) {
//           //     // for (let j = 0; j < this.indusmarkers[i].markers.length; j++) {
//           //     //   this.map.remove(this.indusmarkers[i].markers[j])
//           //     // }
//           //     this.indusmarkers[i].isShow = false
//           //   }
//           // }
//           if (this.isemornation === 1) {
//             // for (let i = 0; i < this.emergencyIndustryNames.length; i++) {
//             //   if (this.emergencyIndustryNames[i].isShow === true) {
//             //     this.emergencyIndustryNames[i].isShow = false
//             //     for (let j = 0; j < this.emergencyIndustryNames[i].indusmarkers.length; j++) {
//             //       this.map.remove(this.emergencyIndustryNames[i].indusmarkers[j])
//             //     }
//             //   }
//             // }
//             for (let i = 0; i < this.emergencyIndustryNames.length; i++) {
//               if (this.emergencyIndustryNames[i].isShow === true) {
//                 this.$refs['eginmarkers' + i][0].click()
//               }
//             }
//           }
//           if (this.isemornation === 2) {
//             // for (let i = 0; i < this.nationIndustryNames.length; i++) {
//             //   if (this.nationIndustryNames[i].isShow === true) {
//             //     this.nationIndustryNames[i].isShow = false
//             //     for (let j = 0; j < this.nationIndustryNames[i].indusmarkers.length; j++) {
//             //       this.map.remove(this.nationIndustryNames[i].indusmarkers[j])
//             //     }
//             //   }
//             // }
//             for (let i = 0; i < this.nationIndustryNames.length; i++) {
//               if (this.nationIndustryNames[i].isShow === true) {
//                 this.$refs['ntinmarkers' + i][0].click()
//               }
//             }
//           }
//         }
//       }
//     },
//     // 去往后台
//     tobackstage() {
//       if (this.$router) {
//         this.$router.push({ path: '/' })
//       }
//     },
//     // 改变地图类型
//     changemapstyle(trueorfalse) {
//       // this.isregularMap = !this.isregularMap
//       this.isregularMap = trueorfalse
//       if (trueorfalse === false) {
//         this.satellitelayer.show()
//         this.TileLayer.hide()
//       } else {
//         this.satellitelayer.hide()
//         this.TileLayer.show()
//       }
//     },
//     region1schange() {
//       // 根据region1model选择区域
//       // this.regionlevel2 =
//       findAreaByCode(Number(this.region1model), 1).then(res => {
//         this.regionlevel2 = [...res]
//       })
//       this.completeposname = this.regionlevel1.filter(item => {
//         return item.areaCode === Number(this.region1model)
//       })[0].name
//       this.tochoosecomregion = this.completeposname
//       this.searchPosPro(this.tochoosecomregion)
//       this.formenterinfo.companyProvince = this.regionlevel1.filter(item => {
//         return item.areaCode === Number(this.region1model)
//       })[0].name
//     },
//     region2schange() {
//       findAreaByCode(Number(this.region2model), 2).then(res => {
//         this.regionlevel3 = [...res]
//       })
//       this.completeposname = this.regionlevel1.filter(item => {
//         return item.areaCode === Number(this.region1model)
//       })[0].name
//       this.completeposname += this.regionlevel2.filter(item => {
//         return item.areaCode === Number(this.region2model)
//       })[0].name
//       this.tochoosecomregion = this.completeposname
//       this.searchPosPro(this.tochoosecomregion)
//       this.formenterinfo.companyCity = this.regionlevel2.filter(item => {
//         return item.areaCode === Number(this.region2model)
//       })[0].name
//     },
//     region3schange() {
//       findAreaByCode(Number(this.region3model), 3).then(res => {
//         this.regionlevel4 = [...res]
//       })
//       this.completeposname = this.regionlevel1.filter(item => {
//         return item.areaCode === Number(this.region1model)
//       })[0].name
//       this.completeposname += this.regionlevel2.filter(item => {
//         return item.areaCode === Number(this.region2model)
//       })[0].name
//       this.completeposname += this.regionlevel3.filter(item => {
//         return item.areaCode === Number(this.region3model)
//       })[0].name
//       this.tochoosecomregion = this.completeposname
//       this.searchPosPro(this.tochoosecomregion)
//       this.formenterinfo.companyCounty = this.regionlevel3.filter(item => {
//         return item.areaCode === Number(this.region3model)
//       })[0].name
//     },
//     region4schange() {
//       findAreaByCode(Number(this.region4model), 4).then(res => {
//         this.regionlevel5 = [...res]
//       })
//       this.completeposname = this.regionlevel1.filter(item => {
//         return item.areaCode === Number(this.region1model)
//       })[0].name
//       this.completeposname += this.regionlevel2.filter(item => {
//         return item.areaCode === Number(this.region2model)
//       })[0].name
//       this.completeposname += this.regionlevel3.filter(item => {
//         return item.areaCode === Number(this.region3model)
//       })[0].name
//       this.completeposname += this.regionlevel4.filter(item => {
//         return item.areaCode === Number(this.region4model)
//       })[0].name
//       this.tochoosecomregion = this.completeposname
//       this.searchPosPro(this.tochoosecomregion)
//       this.formenterinfo.companyCommunity = this.regionlevel4.filter(item => {
//         return item.areaCode === Number(this.region4model)
//       })[0].name
//     },
//     region5schange() {
//       this.completeposname = this.regionlevel1.filter(item => {
//         return item.areaCode === Number(this.region1model)
//       })[0].name
//       this.completeposname += this.regionlevel2.filter(item => {
//         return item.areaCode === Number(this.region2model)
//       })[0].name
//       this.completeposname += this.regionlevel3.filter(item => {
//         return item.areaCode === Number(this.region3model)
//       })[0].name
//       this.completeposname += this.regionlevel4.filter(item => {
//         return item.areaCode === Number(this.region4model)
//       })[0].name
//       this.completeposname += this.regionlevel5.filter(item => {
//         return item.areaCode === Number(this.region5model)
//       })[0].name
//       this.tochoosecomregion = this.completeposname
//       this.searchPosPro(this.tochoosecomregion)
//       this.formenterinfo.companyTown = this.regionlevel5.filter(item => {
//         return item.areaCode === Number(this.region5model)
//       })[0].name
//     },
//     searchcom() {
//       // 搜索公司
//       // companyregions
//       const AMap = window.AMap || {}
//       const tochoosecomregion = this.tochoosecomregion
//       // const map = this.map || {}
//       if (tochoosecomregion === '') {
//         return
//       }
//       if (tochoosecomregion !== '') {
//         AMap.plugin('AMap.PlaceSearch', () => {
//           // 查询公司地点
//           const placesearch = new AMap.PlaceSearch({
//             // map: map
//           })
//           placesearch.search(tochoosecomregion, (status, result) => {
//             if (status === 'complete' && result.info === 'OK' && result.poiList.pois && result.poiList.pois.length > 0) {
//               this.companyregions = [...result.poiList.pois]
//             }
//           })
//         })
//       }
//     },
//     // 这里显示各个区域的marker
//     hideofshowmarker(index) {
//       if (this.regionmarkers[index].isShow === false) {
//         this.regionmarkers[index].isShow = true
//         // for (let i = 0; i < this.regionmarkers[index].markers.length; i++) {
//         //   this.map.add(this.regionmarkers[index].markers[i])
//         // }
//         // 把所有的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])
//               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])
//               if (temporaryArray[0].isShow && !this.isShowEmergencyOrNation) {
//                 this.map.add(this.regionmarkers[index].markers[i])
//               }
//             }
//           }
//           setTimeout(() => {
//             if (this.isShowhdidentify) {
//               document.querySelectorAll('.markHDPos').forEach(item => {
//                 if (item.classList.contains('hidemarkHDPos')) {
//                   console.log('进来了吗  需求有点反人类')
//                   item.classList.remove('hidemarkHDPos')
//                 }
//               })
//             } else {
//               document.querySelectorAll('.markHDPos').forEach(item => {
//                 if (!item.classList.contains('hidemarkHDPos')) {
//                   console.log('进来了吗 我是真的恶心这个需求')
//                   item.classList.add('hidemarkHDPos')
//                 }
//               })
//             }
//           }, 0)
//         }
//       } else {
//         this.regionmarkers[index].isShow = false
//         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')
//               // console.log(curMarkers, 'hehehehehehheehheheheheh')
//               if (curMarkers.includes(temporaryArray[0].indusmarkers[temporyIndex])) {
//                 this.map.remove(temporaryArray[0].indusmarkers[temporyIndex])
//               }
//               temporaryArray[0].indusmarkers.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)
//             }
//           }
//           // setTimeout(() => {
//           //   if (this.isShowhdidentify) {
//           //     document.querySelectorAll('.markHDPos').forEach(item => {
//           //       if (item.classList.contains('hidemarkHDPos')) {
//           //         item.remove('hidemarkHDPos')
//           //       }
//           //     })
//           //   } else {
//           //     document.querySelectorAll('.markHDPos').forEach(item => {
//           //       if (!item.classList.contains('hidemarkHDPos')) {
//           //         item.classList.add('hidemarkHDPos')
//           //       }
//           //     })
//           //   }
//           // })
//         }
//       }
//     },
//     hideorshowindusMarkers(index) {
//       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.map.add(this.emergencyIndustryNames[index].indusmarkers[i])
//           }
//         }
//         setTimeout(() => {
//           if (this.isShowhdidentify) {
//             document.querySelectorAll('.markHDPos').forEach(item => {
//               if (item.classList.contains('hidemarkHDPos')) {
//                 item.classList.remove('hidemarkHDPos')
//               }
//             })
//           } else {
//             document.querySelectorAll('.markHDPos').forEach(item => {
//               if (!item.classList.contains('hidemarkHDPos')) {
//                 item.classList.add('hidemarkHDPos')
//               }
//             })
//           }
//         }, 0)
//       } 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])
//           }
//         }
//       }
//       // if (this.emergencyIndustryNames[index].isShow === false) {
//       //   console.log('显示小眼睛', this.emergencyIndustryNames)
//       //   this.emergencyIndustryNames[index].isShow = true
//       //   if (this.emergencyIndustryNames[index].markers && this.emergencyIndustryNames[index].markers.length) {
//       //     for (let i = 0; i < this.emergencyIndustryNames[index].markers.length; i++) {
//       //       this.map.add(this.emergencyIndustryNames[index].markers[i])
//       //     }
//       //   }
//       // }
//       // if (this.emergencyIndustryNames[index].isShow === true) {
//       //   this.emergencyIndustryNames[index].isShow = false
//       //   for (let i = 0; i < this.emergencyIndustryNames[index].markers.length; i++) {
//       //     this.map.remove(this.emergencyIndustryNames[index].markers[i])
//       //   }
//       // }
//     },
//     hideorshownationMarker(index) {
//       // nation
//       // console.log(this.nationIndustryNames, 'helloworldsyizhaoyixishiwoyigubukeche')
//       // 隐藏或显示markers
//       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.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])
//           }
//         }
//       }
//     },
//     // hideofshowindusmarker(index) {
//     //   if (this.indusmarkers[index].isShow === false) {
//     //     this.indusmarkers[index].isShow = true
//     //     for (let i = 0; i < this.indusmarkers[index].markers.length; i++) {
//     //       this.map.add(this.indusmarkers[index].markers[i])
//     //     }
//     //   } else {
//     //     this.indusmarkers[index].isShow = false
//     //     for (let i = 0; i < this.indusmarkers[index].markers.length; i++) {
//     //       this.map.remove(this.indusmarkers[index].markers[i])
//     //     }
//     //   }
//     // },
//     comrealposselect() {
//       const AMap = window.AMap || {}
//       this.formenterinfo.companyLng = this.comrealpos.split(',')[0]
//       this.formenterinfo.companyLat = this.comrealpos.split(',')[1]
//       this.anothermap.setCenter([Number(this.comrealpos.split(',')[0]), Number(this.comrealpos.split(',')[1])])
//       this.anothermarker.setPosition(new AMap.LngLat(Number(this.comrealpos.split(',')[0]), Number(this.comrealpos.split(',')[1])))
//       document.querySelector('.originpos').innerHTML = this.comrealpos
//     },
//     // 一个专门查询的方法
//     searchPosPro(tochoosecomregion) {
//       // 搜索公司
//       // companyregions
//       const AMap = window.AMap || {}
//       // const tochoosecomregion = this.tochoosecomregion
//       // const map = this.map || {}
//       if (tochoosecomregion === '') {
//         return
//       }
//       if (tochoosecomregion !== '') {
//         AMap.plugin('AMap.PlaceSearch', () => {
//           // 查询公司地点
//           const placesearch = new AMap.PlaceSearch({
//             map: this.anothermap
//           })
//           placesearch.search(tochoosecomregion, (status, result) => {
//             if (status === 'complete' && result.info === 'OK' && result.poiList.pois && result.poiList.pois.length > 0) {
//               this.companyregions = [...result.poiList.pois]
//               if (this.companyregions.length > 0) {
//                 this.comrealpos = this.companyregions[0].location.lng + ',' + this.companyregions[0].location.lat
//                 this.anothermarker.setPosition(new AMap.LngLat(Number(this.comrealpos.split(',')[0]), Number(this.comrealpos.split(',')[1])))
//                 this.anothermap.setCenter(new AMap.LngLat(Number(this.comrealpos.split(',')[0]), Number(this.comrealpos.split(',')[1])))
//                 this.formenterinfo.companyLng = this.comrealpos.split(',')[0]
//                 this.formenterinfo.companyLat = this.comrealpos.split(',')[1]
//               }
//             }
//           })
//         })
//       }
//     },
//     changePullMenuShow() {
//       this.isPullMenuShow = !this.isPullMenuShow
//     },
//     // 根据省市区设置
//     async setRegionSelect(province, city, district) {
//       if (this.formenterinfo.companyProvince === province && this.formenterinfo.companyCity === city && this.formenterinfo.companyCounty === district) {
//         console.log('')
//       } else {
//         this.regionlevel4 = []
//         this.regionlevel5 = []
//         this.region4model = ''
//         this.region5model = ''
//         // 获取所有省份信息
//         await getAllProvince().then(res => {
//           this.regionlevel1 = [...res]
//         })
//         const areaCode1 = this.regionlevel1.filter(item => item.name === province)[0].areaCode
//         await findAreaByCode(areaCode1, 1).then(res => {
//           this.regionlevel2 = [...res]
//         })
//         const areaCode2 = this.regionlevel2.filter(item => item.name === city)[0].areaCode
//         await findAreaByCode(areaCode2, 2).then(res => {
//           this.regionlevel3 = [...res]
//         })
//         const areaCode3 = this.regionlevel3.filter(item => item.name === district)[0].areaCode
//         await findAreaByCode(areaCode3, 3).then(res => {
//           this.regionlevel4 = [...res]
//         })
//         this.region1model = areaCode1
//         this.region2model = areaCode2
//         this.region3model = areaCode3
//         this.formenterinfo.companyProvince = province
//         this.formenterinfo.companyCity = city
//         this.formenterinfo.companyCounty = district
//         this.formenterinfo.companyCommunity = ''
//         this.formenterinfo.companyTown = ''
//       }
//     },
//     // 切换隐患标识的显示
//     hdidentifychange() {
//       this.isShowhdidentify = !this.isShowhdidentify
//       // 进行dom操作
//       if (this.isShowhdidentify) {
//         document.querySelectorAll('.markHDPos').forEach(item => {
//           if (item.classList.contains('hidemarkHDPos')) {
//             item.classList.remove('hidemarkHDPos')
//           }
//         })
//       } else {
//         document.querySelectorAll('.markHDPos').forEach(item => {
//           if (!item.classList.contains('hidemarkHDPos')) {
//             item.classList.add('hidemarkHDPos')
//           }
//         })
//       }
//     },
//     // 切换行业的显示
//     showorhidePullDown() {
//       this.isShowPullDown = !this.isShowPullDown
//     },
//     // 切换地图的显示
//     emmapShow() {
//       this.mapActiveIndex = 1
//     },
//     // 隐患地图的显示
//     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, 5, 5, 4, 2]
//             },
//             {
//               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, 13, 12, 12, 12]
//             }
//           ]
//         }
//         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%', '72%'],
//               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: 10
//                   }
//                 }
//               },
//               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%', '72%'],
//               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: 10
//                   }
//                 }
//               },
//               labelLine: {
//                 length: 5,
//                 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, 80, 75],
//               itemStyle: {
//                 color: '#FF1507'
//               }
//             },
//             {
//               name: '较大隐患',
//               type: 'bar',
//               barWidth: '30%',
//               stack: 'total',
//               data: [150, 175, 125, 150, 100, 160, 170],
//               itemStyle: {
//                 color: '#F88F12'
//               }
//             },
//             {
//               name: '一般风险',
//               type: 'bar',
//               barWidth: '30%',
//               stack: 'total',
//               data: [300, 350, 250, 300, 200, 320, 340],
//               itemStyle: {
//                 color: '#FDFA02'
//               }
//             },
//             {
//               name: '低风险',
//               type: 'bar',
//               barWidth: '30%',
//               stack: 'total',
//               data: [600, 700, 500, 600, 400, 640, 680],
//               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, 80, 75],
//               itemStyle: {
//                 color: '#FF1507'
//               }
//             },
//             {
//               name: '一般隐患',
//               type: 'bar',
//               barWidth: '30%',
//               stack: 'total',
//               data: [600, 700, 500, 600, 400, 640, 680],
//               itemStyle: {
//                 color: '#057AFD',
//                 barBorderRadius: [3, 3, 0, 0]
//               }
//             }
//           ]
//         }
//         mychart5.setOption(option5)
//       })
//     },
//     // 切换当前的详情页
//     selectCurrentDetailIndex(index) {
//       this.curDetailIndex = index
//     },
//     // 新增隐患清单
//     addDanger($event, scope1) {
//       // 唤起dialog
//       this.adddialogform = true
//     },
//     // 新增隐患清单确定提交
//     confirmadddg($event) {
//       // 调用提交按钮
//     },
//     // 编辑隐患清单
//     editdg($event, index, row) {
//       // 编辑隐患清单
//       // console.log($event, '编辑隐患清单', index, row)
//       this.formInfo = { ...row }
//       this.editdialogform = true
//     },
//     // 编辑隐患清单确认提交
//     confirmeditdg($event) {
//     },
//     // 删除隐患清单
//     deletedg($event) {
//     },
//     // 显示企业风险
//     showEnterRisk(event, index, row) {
//       // 跳转到企业风险情况页面
//       // this.$router.push(
//       //   {
//       //     path: 'showRisk/' + '永和大王'
//       //   }
//       // )
//       this.editriskdetailDialog = true
//     },
//     // 点击风险管控的编辑按钮
//     handleEdit(index, row) {
//       this.riskDetail = { ...row }
//       this.editdialogform1 = true
//     },
//     // 点击风险管控的删除按钮
//     handleDelete(index, row) {
//     },
//     // 增加风险管控详情对话框的显示
//     addriskdetail() {
//       this.adddialogform1 = true
//     },
//     // 取消增加风险管控详情对话框的显示
//     adddialogcancel() {
//       this.adddialogform1 = false
//     },
//     // 确定增加风险管控详情对话框
//     confirmadddialog() {
//       // 传送数据
//     },
//     // 编辑对话框取消
//     editdialogcancel() {
//       this.editdialogform1 = false
//     },
//     // 确定编辑对话框
//     confirmeditdialog() {
//     },
//     // 显示应急行业
//     showEmergencyIndustryEyes() {
//       this.isShowall = false
//       // 设置当前行业状态
//       this.isemornation = 1
//       this.isShowrenoin = false
//       this.isShowEmergencyOrNation = true
//     },
//     // 显示国民经济行业
//     showNationIndustryEyes() {
//       this.isShowall = false
//       this.isemornation = 2
//       this.isShowrenoin = false
//       this.isShowEmergencyOrNation = false
//     },
//     // 根据企业id 初始化所有checkType
//     async initCheckTypes(companyId) {
//       await getRiskStandingBookType().then(res => {
//         this.curComSCheck = [...res.content]
//       })
//       // for (let i = 0; i < this.curComSCheck.length; i++) {
//       //   this.curComSCheck[i].checkItemList = this.initCheckGroupTypes(companyId, this.curComSCheck[i].rsbtId)
//       // }
//       this.initCheckGroupTypes(companyId)
//     },
//     async initCheckGroupTypes(companyId) {
//       const promiseTempArray = []
//       for (let i = 0; i < this.curComSCheck.length; i++) {
//         const tempRisk = getRiskStandingBook(companyId).then(res => {
//           this.curComSCheck[i].checkItemList = res.content.filter(item => {
//             return Number(item.rsbtId) === Number(this.curComSCheck[i].rsbtId)
//           })
//         })
//         promiseTempArray.push(tempRisk)
//       }
//       await promiseTempArray.then(res => {}, () => {})
//     },
//     // 根据企业id 初始化所有隐患
//     async initAllHdList(companyId) {
//       await getHideDangeById(companyId).then(resdg => {
//         this.enterHdList = [...resdg.content]
//         this.enterHdList = this.enterHdList.sort((a, b) => a.hdId - b.hdId)
//       })
//       for (let i = 0; i < this.enterHdList.length; i++) {
//         this.getHdPic(companyId, this.enterHdList[i].hdId, i)
//       }
//     },
//     // 获取隐患所有图片
//     async getHdPic(companyId, hdId, index) {
//       await getHideDangerBychIds(companyId, hdId).then(resdg => {
//         if (resdg && resdg.content && resdg.content.length > 0) {
//           this.enterHdList[index] = resdg.content[0]
//         }
//       })
//     },
//     // 获取企业的风险列表
//     async getRiskList(companyId) {
//       await getthRisk(companyId, 0, 2000).then(res => {
//         // 获取当前所有风险信息
//         this.enterRiskList = [...res.content]
//       })
//     },
//     // 根据企业id 返回企业的风险等级 0 1 2 3 低风险 一般风险 较大风险 重大风险
//     // 根据企业id 返回企业的隐患等级 0 1 2 没有隐患 一般隐患 重大隐患
//     // 根据企业id 返回企业是否整改 0 1 不用闪烁  闪烁
//     async getCompanyGrade(companyId) {
//       let curRiskGrade = 0
//       let curHDGrade = 0
//       let isRect = 0
//       await getriskNumAnalysis(companyId).then(res => {
//         if (res && res.content && res.content.length > 3) {
//           const tempSortArray = ['重大风险', '较大风险', '一般风险', '低风险']
//           let tempContentArray = [...res.content]
//           tempContentArray = tempContentArray.sort((a, b) => { tempSortArray.indexOf(a.rnaLevel) - tempSortArray.indexOf(b.rnaLevel) })
//           for (let i = 0; i < tempContentArray.length; i++) {
//             if (tempContentArray[i].rnaNum > 0) {
//               curRiskGrade = 3 - tempSortArray.indexOf(tempContentArray[i].rnaLevel)
//               if (!isNaN(curRiskGrade)) { break }
//             }
//           }
//         }
//       })
//       await getHideDangeByIdOrderHdLevel(companyId).then(res => {
//         if (res && res.content && res.content.length > 0) {
//           const tempContentArray = [...res.content]
//           console.log(tempContentArray, 'tempContentArraytempContentArraytempContentArraytempContentArraytempContentArraytempContentArraytempContentArraytempContentArraytempContentArraytempContentArraytempContentArraytempContentArraytempContentArraytempContentArraytempContentArraytempContentArraytempContentArraytempContentArray')
//           for (let i = 0; i < tempContentArray.length; i++) {
//             if (tempContentArray[i].hdStatus === 0) {
//               curHDGrade = Number(tempContentArray[i].hdLevel)
//               isRect = tempContentArray[i].overtime
//               break
//             }
//           }
//         }
//       })
//       // 暂时测试用
//       // isRect = 1
//       return [curRiskGrade, curHDGrade, isRect]
//     },
//     // 跳到企业隐患详情
//     jumpToEnterHDDetail() {
//       this.dialogFormVisible = true
//       this.curDetailIndex = 3
//     },
//     // 跳到企业风险详情
//     jumpToEnterRiskDetail() {
//       this.dialogFormVisible = true
//       this.curDetailIndex = 4
//     }
//   }
// }
</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;;
  }
  .home {
    width: 100%;
    height: 100%;
    background-image: url('../assets/home/bg1.png');
    box-sizing: border-box;
    position:relative;
    user-select: none;
    /* background: lightblue; */
    .head-wrapper {
      position:relative;
      transform: translateY(10%);
      width: 100%;
      height: 8%;
      background-image: url('../assets/home/head1.png');
      /* background-size: 100% 100%; */
      background-position: center;
      box-sizing: border-box;
      .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;
        /* padding-left: 28px; */
        /* margin-left: 10%; */
        /* margin-bottom: 8px; */
        .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');
          /* background-size: 100% 100%; */
          /* background-position: bottom -20px right 0; */
          color: #05f9fb;
        }
        &.active {
          background-image: url('../assets/home/light.png');
          /* background-size: 100% 100%; */
          /* background-position: bottom -20px right 0; */
          color: #05f9fb;
        }
        .hidedanger {
          height: 100%;
          display: flex;
          align-items: center;

        }
      }
      .title {
        position: absolute;
        overflow: visible;
        z-index: -1;
      }
      .backstage-wrapper {
        /* display: flex;
        flex-direction: row;
        justify-content: flex-end; */
        position: absolute;
        top: 0;
        bottom: 0;
        right: 18px;
        color: #ddd;
        display: flex;
        align-items: center;
        /* margin-bottom: 20px; */
        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;
        /* font-weight: 600; */
        .toscale {
          transform: scale(0.8);
        }
      }
    }
    .container-wrapper {
      height: 92%;
      width: 100%;
      /* display: flex; */
      /* flex-direction: row; */
      /* padding: 20px; */
      position: absolute;
      box-sizing: border-box;
      .map-wrapper {
        /* flex: 0 0 100%; */
        width: 100%;
        height: 100%;
        /* background-image: url('../assets/home/mapwrapper.png'); */
        /* background-size: 100% 100%; */
        position: relative;
        /* padding: 8px; */
        #container {
          width: 100%;
          height: 100%;
        }
        .infoWindw {
          position: absolute;
          z-index: 500;
          left: 20px;
          top: 20px;
          bottom: 20px;
          width: 402px;
          /* height: 787px; */
          opacity: 0.88;
          background-color: #010823;
          opacity: 0.88;
          overflow-y: scroll;
          .info-company-title {
            margin: 29px 0 0 20px;
            font-size: 20px;
            font-family: Source Han Sans CN;
            font-weight: 500;
            color: #00FFFF;
            line-height: 24px;
            background: linear-gradient(0deg, #3FFFEA 23.583984375%, #007EFF 100%);
            background-clip: text;
            -webkit-text-fill-color: transparent
          }
          .company-info-wrapper {
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            margin: 22px 20px;
            height: 160px;
            font-size: 14px;
            font-family: SourceHanSansCN-Regular;
            color: #fff;
            .info-wrapper {
              display: flex;
              flex-direction: row;
              justify-content: space-between;
            }
          }
          .info-hidedanger-wrapper {
            margin-top: 28px;
            .info-hidedanger-title {
              margin-left: 20px;
              font-size: 20px;
              font-family: Source Han Sans CN;
              font-weight: 500;
              color: #00FFFF;
              line-height: 24px;
              background: linear-gradient(0deg, #3FFFEA 23.53984375%, #007EFF 100%);
              background-clip: text;
              -webkit-text-fill-color: transparent;
            }
            .hidedanger-info-wrapper {
              display: flex;
              flex-direction: column;
              justify-content: space-between;
              height: 82px;
              margin: 20px;
              font-size: 14px;
              font-family: SourceHanSansCN-Regular;
              color: #fff;
              .info-wrapper {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                .info-value {
                  flex-grow: 1;
                  text-align: right;
                }
                .a-to-dialog {
                  margin: 0 0 0 10px;
                  color: #00FFFF;
                  font-size: 14px;
                  /* line-height: 36px; */
                  font-family: SourceHanSansCN-Regular;
                  cursor: pointer;
                }
              }
            }
          }
          .info-relation-wrapper {
            margin-top: 32px;
            .info-relation-title {
              margin-left: 20px;
              font-size: 20px;
              font-family: Source Han Sans CN;
              font-weight: 500;
              color: #00FFFF;
              line-height: 24px;
              background: linear-gradient(0deg, #3FFFEA 23.583984375%, #007EFF 100%);
              background-clip: text;
              -webkit-text-fill-color: transparent;
            }
            .relation-info-wrapper {
              margin: 23px 20px;
              height: 82px;
              display: flex;
              flex-direction: column;
              justify-content: space-between;
              font-size: 14px;
              font-family: SourceHanSansCN-Regular;
              color: #fff;
              .info-wrapper {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                .info-value {
                  flex-grow: 1;
                  text-align: right;
                }
                .a-to-dialog {
                  margin: 0 0 0 10px;
                  color: #00FFFF;
                  font-size: 14px;
                  /* line-height: 36px; */
                  font-family: SourceHanSansCN-Regular;
                  cursor: pointer;
                }
              }
            }
          }
          .enterprise-details-wrapper {
            display: flex;
            justify-content: flex-end;
            padding-right: 20px;
            .enterprise-details {
              padding: 6px 13px;
              color: #fff;
              border-radius: 8px;
              background: #13A6F9;
              cursor: pointer;
            }
          }
          .close-btn {
            position: absolute;
            top: 10px;
            right: 16px;
            color: #00FFFF;
            font-size: 20px;
            cursor: pointer;
          }
        }
        .infoWindw::-webkit-scrollbar {
          display: none;
        }
        .satelliteorgis-wrapper {
          position: absolute;
          bottom: 18px;
          left: 18px;
          width: 360px;
          height: 60px;
          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');
            &.active {
              background-image: url('../assets/home/lbopen.png');
            }
          }
          .satellitemapstyle {
            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');
            &.active {
              background-image: url('../assets/home/lbopen.png');
            }
          }
          .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)
              }
            }
          }
        }
        .supervise-wrapper {
          position: absolute;
          top: 5%;
          bottom: 60%;
          right: 70%;
          left: 18px;
          display: flex;
          flex-direction: column;
          background-image: url('../assets/home/lefttop.png');
          background-size: 100% 100%;
          .supervise-title-wrapper {
            flex: 0 0 12%;
            .supervise-title {
              position: relative;
              left: 5%;
              top: 30%;
              font-size: 20px;
              font-family: Source Han Sans CN;
              font-weight: 500;
              color: #00FFFF;
              background: linear-gradient(0deg, #3FFFEA 23.583984375%, #007EFF 100%);
              background-clip: text;
              -webkit-text-fill-color: transparent;
            }
          }
          .supervise-content-wrapper {
            flex: 0 0 88%;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-around;
            position: relative;
            left: 2%;
            .enter-degree-wrapper {
              flex: 0 0 30%;
              display: flex;
              flex-direction: row;
              align-items: center;
              .enter-degree-icon1 {
                width: 52px;
                height: 53px;
                background-image: url('../assets/home/1.png');
                background-position: center;
                transform: scale(0.9);
              }
              .enter-degree-icon1 {
                width: 52px;
                height: 53px;
                background-image: url('../assets/home/1.png');
                background-position: center;
                transform: scale(0.9);
              }
              .enter-degree-icon2 {
                width: 52px;
                height: 53px;
                background-image: url('../assets/home/2.png');
                background-position: center;
                transform: scale(0.9);
              }
              .enter-degree-icon3 {
                width: 52px;
                height: 53px;
                background-image: url('../assets/home/3.png');
                background-position: center;
                transform: scale(0.9);
              }
              .enter-degree-icon4 {
                width: 52px;
                height: 53px;
                background-image: url('../assets/home/4.png');
                background-position: center;
                transform: scale(0.9);
              }
              .enter-degree-icon5 {
                width: 52px;
                height: 53px;
                background-image: url('../assets/home/5.png');
                background-position: center;
                transform: scale(0.9);
              }
              .enter-degree-icon6 {
                width: 52px;
                height: 53px;
                background-image: url('../assets/home/6.png');
                background-position: center;
                transform: scale(0.9);
              }
              .enter-degree-icon7 {
                width: 52px;
                height: 53px;
                background-image: url('../assets/home/7.png');
                background-position: center;
                transform: scale(0.9);
              }
              .enter-degree-icon8 {
                width: 52px;
                height: 53px;
                background-image: url('../assets/home/8.png');
                background-position: center;
                transform: scale(0.9);
              }
              .enter-degree-icon9 {
                width: 52px;
                height: 53px;
                background-image: url('../assets/home/9.png');
                background-position: center;
                transform: scale(0.9);
              }
              .enter-degree-icon10 {
                width: 52px;
                height: 53px;
                background-image: url('../assets/home/10.png');
                background-position: center;
                transform: scale(0.9);
              }
              .enter-degree-icon11 {
                width: 52px;
                height: 53px;
                background-image: url('../assets/home/11.png');
                background-position: center;
                transform: scale(0.9) translateX(5px);
              }
              .enter-degree-sum-wrapper1 {
                flex-grow: 1;
                flex-shrink: 0;
                margin-left: 8px;
                position: relative;
                transform: translateX(4px);
                .enter-degree-sum {
                  color: #0FFFFF;
                  font-size: 18px;
                }
                .enter-degree-sum-title {
                  color: #A6F6F9;
                  font-size: 12px;
                  overflow: visible;
                  white-space: nowrap;
                }
              }
              .enter-degree-sum-wrapper {
                flex-grow: 1;
                flex-shrink: 0;
                margin-left: 8px;
                .enter-degree-sum {
                  color: #0FFFFF;
                  font-size: 18px;
                }
                .enter-degree-sum-title {
                  color: #A6F6F9;
                  font-size: 12px;
                  overflow: visible;
                  white-space: nowrap;
                }
              }
            }
          }
        }
        .annual-region-dgsumrank {
          position: absolute;
          top: 45%;
          right: 70%;
          left: 18px;
          bottom: 10%;
          display: flex;
          flex-direction: column;
          background-image: url('../assets/home/leftbottom.png');
          background-size: 100% 100%;
          .annual-region-dgsumrank-title-wrapper {
            flex: 0 0 12%;
            .annual-region-dgsumrank-title {
              position: relative;
              left: 5%;
              top: 30%;
              font-size: 20px;
              font-family: Source Han Sans CN;
              font-weight: 500;
              color: #00FFFF;
              background: linear-gradient(0deg, #3FFFEA 23.583984375%, #007EFF 100%);
              background-clip: text;
              -webkit-text-fill-color: transparent;
            }
          }
          .annual-region-dgsumrank-content-wrapper {
            flex: 0 0 88%;
          }
        }
        .risk-dg-statistics-wrapper {
          position: absolute;
          top: 6%;
          bottom: 68%;
          right:15%;
          left: 55%;
          display: flex;
          flex-direction: row;
          background-image: url('../assets/home/right.png');
          transition: all ease-in-out .4s;
          &.movetoright {
            left: 67%;
            right: 3%;
          }
          .levels-risk-dg-statistics-wrapper {
            flex: 0 0 45%;
            display: flex;
            flex-direction: column;
            .levels-risk-dg-title-wrapper {
              flex: 0 0 12%;
              .levels-risk-dg-title {
                position: relative;
                left: 10%;
                top: 30%;
                font-size: 20px;
                font-family: Source Han Sans CN;
                font-weight: 500;
                color: #00FFFF;
                background: linear-gradient(0deg, #3FFFEA 23.583984375%, #007EFF 100%);
                background-clip: text;
                -webkit-text-fill-color: transparent;
              }
            }
            .levels-risk-dg-content-wrapper {
              flex: 0 0 88%;
            }
          }
          .annual-risk-dg-rect-statistics-wrapper {
            flex: 0 0 55%;
            display: flex;
            flex-direction: column;
            .annual-risk-dg-rect-statistics-title-wrapper {
              flex: 0 0 12%;
              .annual-risk-dg-rect-statistics-title {
                position: relative;
                left: 2%;
                top: 30%;
                font-size: 20px;
                font-family: Source Han Sans CN;
                font-weight: 500;
                color: #00FFFF;
                background: linear-gradient(0deg, #3FFFEA 23.583984375%, #007EFF 100%);
                background-clip: text;
                -webkit-text-fill-color: transparent;
              }
            }
            .annual-risk-dg-rect-tatistics-content-wrapper {
              flex: 0 0 88%;
            }
          }
        }
        .all-region-risk-sum-statistics-wrapper {
          position: absolute;
          top: 34%;
          bottom: 38%;
          right:15%;
          left: 55%;
          display: flex;
          flex-direction: column;
          background-image: url('../assets/home/right.png');
          transition: all ease-in-out .4s;
          &.movetoright {
            left: 67%;
            right: 3%;
          }
          .all-region-risk-sum-statistics-title-wrapper {
            flex: 0 0 12%;
            .all-region-risk-sum-statistics-title {
                position: relative;
                left: 5%;
                top: 30%;
                font-size: 20px;
                font-family: Source Han Sans CN;
                font-weight: 500;
                color: #00FFFF;
                background: linear-gradient(0deg, #3FFFEA 23.583984375%, #007EFF 100%);
                background-clip: text;
                -webkit-text-fill-color: transparent;
            }
          }
          .all-region-risk-sum-statistics-content-wrapper {
            flex: 0 0 88%;
          }
        }
        .hide-danger-sum-statistics-wrapper {
          position: absolute;
          top: 64%;
          bottom: 10%;
          right:15%;
          left: 55%;
          display: flex;
          flex-direction: column;
          background-image: url('../assets/home/right.png');
          transition: all ease-in-out .4s;
          &.movetoright {
            left: 67%;
            right: 3%;
          }
          .hide-danger-sum-statistics-title-wrapper {
            flex: 0 0 12%;
            .hide-danger-sum-statistics-title {
                position: relative;
                left: 5%;
                top: 30%;
                font-size: 20px;
                font-family: Source Han Sans CN;
                font-weight: 500;
                color: #00FFFF;
                background: linear-gradient(0deg, #3FFFEA 23.583984375%, #007EFF 100%);
                background-clip: text;
                -webkit-text-fill-color: transparent;
            }
          }
          .hide-danger-sum-statistics-content-wrapper {
            flex: 0 0 88%;
          }
        }
        .curyear-select-wrapper {
          position: absolute;
          top: 0;
          left: 50%;
          display: flex;
          align-items: center;
          width: 198px;
          height: 36px;
          /* background: #04FFDF; */
          /* opacity: 0.27; */
          background-image: url('../assets/home/curyearbgframe.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;
              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;
            }
          }
        }
      }
      .selection-wrapper {
        position: fixed;
        right: 0;
        top: 8%;
        bottom: 0%;
        width: 250px;
        /* background: white; */
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        padding-top: 18px;
        /* background-color: rgba(3, 12, 42, 1); */
        background-color: #030C2A;
        /* background-color: #fff; */
        /* box-shadow: inset 5px 0 10px #FAFEFF; */
        /* border: 1px solid #00eeff; */
        /* border: 1px solid #fff; */
        border: 1px solid #14356D;
        transition: all ease-in-out .3s;
        .radio-wrapper {
          flex-shrink: 0;
          flex-grow: 0;
          display: flex;
          flex-direction: row;
          justify-content: center;
          color: #0FFFFF;
          /* padding-left: 8px; */
          .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 {
            /* margin-left: 3px; */
            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;
              }
            }
            /* .industry-block {
              width: 31px;
              height: 31px;
              border: 1px solid #0FFFFF;
              border-radius: 3px;
              position: relative;
              transform: scale(0.9);
              &.active {
                background-image: url('../assets/home/radiochosen.png');
                border: 0px solid rgba(0,0,0,0);
              }
            } */
            .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: 12px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #A2B1DB;
        line-height: 11px;
        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: 10px;
          height: 10px;
          background-image: url('../assets/home/iconR.png');
          background-size: 100% 100%;
          left: 98px;
          top: -7px;
        }
      }
    }
  }
  .amap-logo {
    display: none!important;
  }
  .amap-copyright {
    display: none!important;
  }
  .custom-content-marker {
    text-align: center;
    position: relative;
  }
  .custom-content-marker:hover{
    .hideInformation {
      display: block;
      /* opacity: 1; */
      visibility: visible;
      z-index: 200;
    }
  }
  .hideInformation {
    display: block;
    /* opacity: 0; */
    visibility: hidden;
    /* position: absolute; */
    /* transform: translateX(-50%);
    width: 200px; */
    background-color: white;
    white-space: nowrap;
    /* position: absolute; */
    z-index: 200;
    font-size: 14px;
    border: 0.5px solid blue;
  }
  /* .custom-content-marker .markicon {
    width: 47px;
    height: 51px;
    background-image: url('../assets/home/company.png');
    transform: scale(0.5);
  } */
  .total-info-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    .info-item {
      border: 0.5px solid #ccc;
      border-radius: 4px;
      padding: 8px 12px;
      margin:0 14px;
      cursor: pointer;
      &:hover {
        border: 1px solid #40A9FF;
        color: #40A9FF;
      }
      &.active {
        background: #40A9FF;
        color: #fff;
      }
    }
  }
  .horizalline {
    height: 6px;
    background: #ccc;
    margin-bottom: 10px;
  }
  .table-key {
    background-color: rgb(250, 250, 250);
    font-size: 15px;
    text-align: right;
    border-right: 1px solid rgb(232, 232, 232);
    padding: 16px 0;
    border-top: 1px solid rgb(232, 232, 232, 232);
    padding-right: 8px;
  }
  .table-value {
    padding: 16px;
    border-top: 1px solid rgb(232, 232, 232);
  }
  .enterinfo-total-wrapper {
    border: 1px solid rgb(232, 232, 232);
    padding: 14px;
    .btn-wrapper {
      display: flex;
      justify-content: flex-end;
      margin-right: 10px;
    }
  }
  .enterinfo-wrapper {
    border: 1px solid rgb(232, 232, 232);
  }
  .form-container-wrapper {
    padding: 15px;
    /* display: flex; */
    /* flex-direction: column; */
  }
  #formcontainer {
    width: 100%;
    height: 450px;
  }
  .inputpos {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    height: 24px;
    width: 280px;
    /* padding: 4px; */
    outline: none;
    border: 1px solid #ccc;

  }
  .inputpos::after {
    content: '输入地点名称';
    color: #eee
  }
  .searchpos {
    background: #40A9FF;
    color: #fff;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 3px 6px;
    height: 24px;
  }
  .child-form-map-wrapper {
    padding-left: 180px;
    #childformmap {
      height: 450px;
      width: 100%;
    }
    .pos-info-wrapper {
      display: flex;
      flex-direction: row;
    }
  }
  .child-form-submit-cancel {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-right: 10px;
  }
  @keyframes blingbling {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .markHDPos {
    position: absolute;
    left: 18px;
    top: -20px;
    /* width: 10px; */
    /* height: 20px; */
    /* transform: scale(0.55); */
    animation: blingbling 1s infinite linear;
    &.hidemarkHDPos {
      display: none;
    }
  }
  .marRiskkPos {
    width: 30px;
    height: 31px;
  }
  .markerBlingBling {
    /* animation: blingbling 1s infinite linear; */
  }
</style>
