<template>
  <el-dialog title="安全措施及设备" :visible.sync="dialogTableVisible" width="900px" :close-on-click-modal="false" :before-close="cancel" destroy-on-close z-index="100">
    <div ref="danger" class="danger">
      <div class="dangerTitle">保护人员免于事故或伤害的安全措施及设备</div>
      <el-row>
        <el-col :span="12">
          <div>
            <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.noxiousGas.isChecked">1.有害气体氛围（进入受限空间的，附上受限空间许可）</el-checkbox>
            <div>安全措施</div>
            <div class="dangerousMarkDetial"><el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.noxiousGas.processPurging">工艺吹扫</el-checkbox></div>
            <div class="dangerousMarkDetial"><el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.noxiousGas.ventilate">通风</el-checkbox><el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.noxiousGas.mechanicalVentilation">机械通风</el-checkbox><el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.noxiousGas.naturalVentilation">自然通风</el-checkbox></div>
            <div class="dangerousMarkDetial"><el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.noxiousGas.gasComposition">气体成分测试（氧、氢、甲烷等）</el-checkbox></div>
            <div class="dangerousMarkDetial"><el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.noxiousGas.guardian.isChecked">指定监护人员：</el-checkbox><input class="lineInput" :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.noxiousGas.guardian.person"/></div>
          </div>

          <div>
            <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.heightWork.isChecked">2.高处作业防护（坠落面超过2m附上高处作业许可）</el-checkbox>
            <div class="underLine">安全措施</div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.heightWork.ladderCheck">梯子使用前的检查</el-checkbox>
            </div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.heightWork.ladderStable.isChecked">梯子放置平稳并良好支撑</el-checkbox>
              <div class="dangerousMarkDetial">
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.heightWork.ladderStable.top">顶部固定</el-checkbox>
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.heightWork.ladderStable.bottom">底部固定</el-checkbox>
              </div>
            </div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.heightWork.scaffolding">
                <span class="changeLine">脚手架/工作平台维护良好，搭建正确（踏板和扶手需固定），使用前由有资质的人员进行检查。</span>
              </el-checkbox>
            </div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.heightWork.designatedErea">圈定固定区域，限制进入并有警告标记</el-checkbox>
            </div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.heightWork.guardian.isChecked">指定监护人员：<input class="lineInput" :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.heightWork.guardian.person"/></el-checkbox>
            </div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.heightWork.tools">工具和设备安全放置</el-checkbox>
            </div>
          </div>


          <div>
            <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.fireAndExplosionProof.isChecked">3.防火防爆（指定动火区外时，附上动火作业许可）</el-checkbox>
            <div class="underLine">安全措施</div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.fireAndExplosionProof.moveCombustibles">移去可燃物（纸、破布、木头等）</el-checkbox>
            </div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.fireAndExplosionProof.container">移去盛有可燃气体、可燃液体的容器</el-checkbox>
            </div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.fireAndExplosionProof.sprayWater">工作区域撒水</el-checkbox>
            </div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.fireAndExplosionProof.barrier">设置放火花屏障</el-checkbox>
            </div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.fireAndExplosionProof.guardian.isChecked">指定防火监护人员：<input class="lineInput" :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.fireAndExplosionProof.guardian.person"/></el-checkbox>
            </div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.fireAndExplosionProof.other.isChecked">其他<input class="lineInput" :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.fireAndExplosionProof.other.detail"/></el-checkbox>
            </div>
            <div>任何动火或热作业，应监测易燃气体和氧情况</div>
            <div class="underLine">配备安全设备</div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.fireAndExplosionProof.firePreventionTools">防爆、不产生火花的工具</el-checkbox>
            </div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.fireAndExplosionProof.fireproofBlanket">防火毯</el-checkbox>
            </div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.fireAndExplosionProof.fireHose">消防水带</el-checkbox>
            </div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.fireAndExplosionProof.fireExtinguisher.isChecked">灭火器 类型：
                <span class="changeLine">
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.fireAndExplosionProof.fireExtinguisher.carbonDioxide">二氧化碳</el-checkbox>
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.fireAndExplosionProof.fireExtinguisher.abc">ABC 干粉</el-checkbox>
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.fireAndExplosionProof.fireExtinguisher.other.isChecked">其他<input class="lineInput" :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.fireAndExplosionProof.fireExtinguisher.other.detail"/></el-checkbox>
                <span>规格<input class="lineInput" :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.fireAndExplosionProof.fireExtinguisher.specifications"></span>
                <span>数量<input class="lineInput" :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.fireAndExplosionProof.fireExtinguisher.quantity"></span>
              </span>
              </el-checkbox>
            </div>
          </div>

          <div>
            <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.electricShockProtection.isChecked">4.电击防护（临时用电时，使用临时用电许可）</el-checkbox>
            <div class="underLine">安全措施</div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.electricShockProtection.powerSupply">电源锁定和挂牌</el-checkbox>
            </div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.electricShockProtection.checkCircuit">检查电路，确认电压为零</el-checkbox>
            </div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.electricShockProtection.checkSocket">便携式插座和电气工具的检查</el-checkbox>
            </div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.electricShockProtection.insulatingLadder">绝缘体</el-checkbox>
            </div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.electricShockProtection.guardian.isChecked">指定安全监护人员：<input class="lineInput" :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.electricShockProtection.guardian.person"/></el-checkbox>
            </div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.electricShockProtection.safeDistance">合适的安全距离</el-checkbox>
            </div>
            <div class="underLine">配被安全设备</div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.electricShockProtection.insulatingGloves">绝缘手套</el-checkbox>
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.electricShockProtection.insulatingShoe">绝缘靴</el-checkbox>
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.electricShockProtection.insulatingClothing">绝缘服</el-checkbox>
            </div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.electricShockProtection.insulatingMat">绝缘垫</el-checkbox>
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.electricShockProtection.groundingProtector">接地保护器</el-checkbox>
            </div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.electricShockProtection.removeFuse">移走熔断器</el-checkbox>
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.electricShockProtection.disconnectGate">断开闸门</el-checkbox>
            </div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.electricShockProtection.isolateWorkArea">隔离工作区</el-checkbox>
            </div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.electricShockProtection.other.isChecked">其他<input class="lineInput" :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.electricShockProtection.other.detail"/></el-checkbox>
            </div>
          </div>
        </el-col>

        <el-col :span="12">
          <div>
            <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.lockoutTagout.isChecked">5.锁定挂牌防护（附上锁定挂牌记录）</el-checkbox>
            <div>安全措施</div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.lockoutTagout.safetyEnergyRing.isChecked">回顾安全能量环：
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.lockoutTagout.safetyEnergyRing.hydraulicPressure">水压</el-checkbox>
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.lockoutTagout.safetyEnergyRing.pressure">气压</el-checkbox>
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.lockoutTagout.safetyEnergyRing.mechanicalEnergy">机械能</el-checkbox>
              </el-checkbox>
              <div class="dangerousMarkDetial">
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.lockoutTagout.safetyEnergyRing.steam">蒸汽</el-checkbox>
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.lockoutTagout.safetyEnergyRing.electrical">电气</el-checkbox>
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.lockoutTagout.safetyEnergyRing.other">其他</el-checkbox>
              </div>
            </div>
            <div class="dangerousMarkDetial"> <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.lockoutTagout.energyTest">验证设备隔离能源的能量测试</el-checkbox></div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.lockoutTagout.personalLock">个人锁定</el-checkbox>
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.lockoutTagout.lockBox">锁箱上锁法</el-checkbox>
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.lockoutTagout.contractorGroup">承包商群组上锁</el-checkbox>
            </div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.lockoutTagout.values.isChecked">所有阀门都已锁定和挂牌</el-checkbox>
              <div class="dangerousMarkDetial">
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.lockoutTagout.values.blindPlate">加装盲板</el-checkbox>
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.lockoutTagout.values.vent">双切断加放空</el-checkbox>
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.lockoutTagout.values.pipingSplit">管道分离</el-checkbox>
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.lockoutTagout.values.deviceVent">管线和设备放空</el-checkbox>
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.lockoutTagout.values.cutOffInstrumentGas">切断仪表气</el-checkbox>
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.lockoutTagout.values.switchLocked">开关锁定</el-checkbox>
              </div>
            </div>
          </div>

          <div>
            <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.hoisting.isChecked">6.吊装作业（使用移动吊装设备时，附上吊装作业证）</el-checkbox>
            <div class="underLine">安全措施</div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.hoisting.hoistingCheck">吊装设备使用前的检查</el-checkbox>
            </div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.hoisting.cantileverSupport">悬臂已支撑</el-checkbox>
            </div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.hoisting.hoistingLevel">吊装设备处于水平位置</el-checkbox>
            </div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.hoisting.wireSpacing">与电线间距离超过3.7米</el-checkbox>
            </div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.hoisting.settingAreaIsolation">设置区域隔离</el-checkbox>
            </div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.hoisting.guardian.isChecked">指定安全监护人员：<input class="lineInput" :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.hoisting.guardian.person"/></el-checkbox>
            </div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.hoisting.liftingPlan">回顾起重计划（负重和提升位置）</el-checkbox>
            </div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.hoisting.hoistingToolsCheck">使用前检查所有吊具</el-checkbox>
            </div>
          </div>

          <div>
            <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.groundBreaking.isChecked">7.动土作用（超过0.3m的挖掘，使用动土作用证）</el-checkbox>
            <div>安全措施</div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.groundBreaking.groundDevice">了解、确认地下设施</el-checkbox>
            </div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.groundBreaking.eleticGrounding">用电设备接地</el-checkbox>
            </div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.groundBreaking.brace">开挖面支撑或放坡</el-checkbox>
            </div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.groundBreaking.topDistance">检查离头顶机械或电器的安全距离</el-checkbox>
            </div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.groundBreaking.warningMark">放置用于警示的围栏、闪烁灯、三角旗</el-checkbox>
            </div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.groundBreaking.emergencyAccess">设置安全进出通道</el-checkbox>
            </div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.groundBreaking.lighting">现场足够的照明</el-checkbox>
            </div>
            <div class="dangerousMarkDetial">
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.groundBreaking.moveMaterial">移去挖掘边缘堆放的物料和泥土</el-checkbox>
            </div>
          </div>

          <div>
            <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.isChecked">8.个人防护和特殊防护设备及用品</el-checkbox>
            <div class="underLine">配备设施及防护服</div>
            <div>
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.headProtect.isChecked">头面部防护：
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.headProtect.hat">安全帽</el-checkbox>
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.headProtect.allFaceShield">全面罩</el-checkbox>
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.headProtect.halfFaceShield">半面罩</el-checkbox>
              </el-checkbox>
            </div>
            <div>
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.protectGlass.isChecked">
                防护眼镜：
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.protectGlass.attack">防冲击</el-checkbox>
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.protectGlass.eletic">电击</el-checkbox>
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.protectGlass.spatter">飞溅</el-checkbox>
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.protectGlass.dust">粉尘</el-checkbox>
              </el-checkbox>
              <div class="dangerousMarkDetial">
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.protectGlass.faceShield">面罩</el-checkbox>
              </div>
            </div>
            <div>
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.hearing.isChecked">
                听力防护：
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.hearing.earplugs">耳塞/耳罩</el-checkbox>
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.hearing.doubleProtection">双重防护</el-checkbox>
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.hearing.timeControl">时间控制</el-checkbox>
              </el-checkbox>
            </div>
            <div>
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.breathing.isChecked">
                呼吸防护：
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.breathing.dustFiltration">粉尘过滤</el-checkbox>
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.breathing.gasFiltration">气体过滤</el-checkbox>
              </el-checkbox>
              <div class="dangerousMarkDetial">
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.breathing.dustAndGas">粉尘和气体双重过滤</el-checkbox>
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.breathing.scba">SCBA</el-checkbox>
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.breathing.respirator">长管呼吸器</el-checkbox>
              </div>
            </div>
            <div>
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.head.isChecked">
                手部防护：
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.head.canvas">帆布/纱线</el-checkbox>
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.head.chemicalResistantGloves">防化手套</el-checkbox>
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.head.weldingGloves">电焊手套</el-checkbox>
              </el-checkbox>
              <div class="dangerousMarkDetial">
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.head.lowTemperatureGloves">低温手套</el-checkbox>
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.head.heightTemperatureGloves">高温手套</el-checkbox>
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.head.cutResistantGloves">防割手套</el-checkbox>
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.head.prohibitGloves">禁止戴手套</el-checkbox>
              </div>
            </div>
            <div>
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.body.isChecked">
                身体防护：
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.body.weldingSuit">电焊服</el-checkbox>
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.body.antistatic">防静电工作服</el-checkbox>
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.body.weldingSuitA">A级防护服</el-checkbox>
              </el-checkbox>
              <div class="dangerousMarkDetial">
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.body.weldingSuitB">B级防护服</el-checkbox>
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.body.weldingSuitC">C级防护服</el-checkbox>
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.body.weldingSuitD">D级防护服</el-checkbox>
              </div>
            </div>
            <div>
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.foot.isChecked">
                足部防护：
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.foot.antiPiercingShoe">防砸防刺穿安全鞋</el-checkbox>
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.foot.insulationShoe">防砸绝缘安全鞋</el-checkbox>
              </el-checkbox>
              <div class="dangerousMarkDetial">
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.foot.antiChemicalShoe">防砸防化安全鞋</el-checkbox>
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.foot.antistaticShoe">防砸防静电安全鞋</el-checkbox>
              </div>
            </div>
            <div>
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.specialLabor.isChecked">特种劳防用品：
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.specialLabor.safetyBelt">五点式双钩安全带</el-checkbox>
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.specialLabor.safetyNet">安全网/生命网</el-checkbox>
              </el-checkbox>
              <div class="dangerousMarkDetial">
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.specialLabor.gasMonitor">个人气体监测仪</el-checkbox>
                <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.specialLabor.communicationEquipment">单独工作的通讯联络设备</el-checkbox>
              </div>
            </div>
            <div>
              <el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.other.isChecked">其他：<input class="lineInput" :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.other.detail"/></el-checkbox>
            </div>
          </div>
        </el-col>
      </el-row>
      <div style="margin-top: 10px"><el-checkbox :disabled="(applyStatus - 0) > 0" v-model="dangerousMarkDetial.otherWork.isChecked">9.其他作业，请说明<input v-model="dangerousMarkDetial.otherWork.detail" :disabled="(applyStatus - 0) > 0" class="lineInput" style="width: 700px"/></el-checkbox></div>
      <div style="margin-top: 20px;border-top: 1px solid;"></div>
      <div>
        <div style="margin-bottom: 10px;">受限空间进入前和动火作业前，首次进行气检测的结果请在下表中记录，后续在各种特殊作业证中记录</div>
        <table>
          <tr>
            <th>序号</th>
            <th>检测点</th>
            <th>检测时间</th>
            <th colspan="2">
              氧气含量
              <div>（在19.5%-23.5%之间）</div>
            </th>
            <th colspan="2">
              易燃气体含量
              <div>（浓度小10%LEL/LFL）</div>
            </th>
            <th colspan="2">
              有毒气体含量
              <div>（浓度小于PEL）</div>
            </th>
          </tr>
          <tr v-for="(item, index) in dangerousMarkDetial.checkResult">
            <td>{{ index+1 }}</td>
            <td><input class="editInput" :disabled="(applyStatus - 0) > 0" v-model="item.checkPoint"/></td>
            <td><input class="editInput" :disabled="(applyStatus - 0) > 0" v-model="item.checkTime"/></td>
            <td colspan="2">
              <input class="editInput" :disabled="(applyStatus - 0) > 0" v-model="item.oxygenContent"/>
            </td>
            <td colspan="2">
              <input class="editInput" :disabled="(applyStatus - 0) > 0" v-model="item.flammableGasContent"/>
            </td>
            <td colspan="2">
              <input class="editInput" :disabled="(applyStatus - 0) > 0" v-model="item.toxicGasContent"/>
            </td>
          </tr>
        </table>
      </div>
      <div style="text-align: right;margin-top: 15px">
        <el-button type="primary" v-if="(applyStatus - 0) == 0" @click="submitdangerousMarkDetial">确定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </div>
  </el-dialog>

</template>

<script>
export default {
  name: "dangerous-mark",
  props:{
    dialogTableVisible:{
      type:Boolean,
      default: false
    },
    dangerousMarkDetial:{
      type: Object,
      default:()=>{
        return {
          noxiousGas:{
            isChecked:false,
            processPurging:false,
            ventilate:false,
            mechanicalVentilation:false,
            naturalVentilation:false,
            gasComposition:false,
            guardian:{
              isChecked:false,
              person: ""
            }
          },
          heightWork:{
            isChecked:false,
            ladderCheck:false,
            ladderStable:{
              isChecked:false,
              top:false,
              bottom:false
            },
            scaffolding:false,
            designatedErea:false,
            guardian:{
              isChecked:false,
              person: ""
            },
            tools:false
          },
          fireAndExplosionProof:{
            isChecked:false,
            moveCombustibles:false,
            container:false,
            sprayWater:false,
            barrier:false,
            guardian:{
              isChecked:false,
              person: ""
            },
            other:{
              isChecked:false,
              detail:""
            },
            firePreventionTools:false,
            fireproofBlanket:false,
            fireHose:false,
            fireExtinguisher:{
              isChecked:false,
              carbonDioxide:false,
              abc:false,
              other:{
                isChecked:false,
                detail:""
              },
              specifications:"",
              quantity:""
            }
          },
          electricShockProtection:{
            isChecked:false,
            powerSupply:false,
            checkCircuit:false,
            checkSocket:false,
            insulatingLadder:false,
            guardian:{
              isChecked:false,
              person: ""
            },
            safeDistance:false,
            insulatingGloves:false,
            insulatingShoe:false,
            insulatingClothing:false,
            insulatingMat:false,
            groundingProtector:false,
            removeFuse:false,
            disconnectGate:false,
            isolateWorkArea:false,
            other:{
              isChecked:false,
              detail:""
            }
          },
          lockoutTagout:{
            isChecked:false,
            safetyEnergyRing:{
              isChecked:false,
              hydraulicPressure:false,
              pressure:false,
              mechanicalEnergy:false,
              steam:false,
              electrical:false,
              other:false
            },
            energyTest:false,
            personalLock:false,
            lockBox:false,
            contractorGroup:false,
            values:{
              isChecked:false,
              blindPlate:false,
              vent:false,
              pipingSplit:false,
              deviceVent:false,
              cutOffInstrumentGas:false,
              switchLocked:false
            }
          },
          hoisting:{
            isChecked:false,
            hoistingCheck:false,
            cantileverSupport:false,
            hoistingLevel:false,
            wireSpacing:false,
            settingAreaIsolation:false,
            guardian:{
              isChecked:false,
              person: ""
            },
            liftingPlan:false,
            hoistingToolsCheck:false
          },
          groundBreaking:{
            isChecked:false,
            groundDevice:false,
            eleticGrounding:false,
            brace:false,
            topDistance:false,
            warningMark:false,
            emergencyAccess:false,
            lighting:false,
            moveMaterial:false
          },

          protectArticles:{
            isChecked:false,
            headProtect:{
              isChecked:false,
              hat:false,
              allFaceShield:false,
              halfFaceShield:false
            },
            protectGlass:{
              isChecked:false,
              attack:false,
              eletic:false,
              spatter:false,
              dust:false,
              faceShield:false
            },
            hearing:{
              isChecked:false,
              earplugs:false,
              doubleProtection:false,
              timeControl:false
            },
            breathing:{
              isChecked:false,
              dustFiltration:false,
              gasFiltration:false,
              dustAndGas:false,
              scba:false,
              respirator:false
            },
            head:{
              isChecked:false,
              canvas:false,
              chemicalResistantGloves:false,
              weldingGloves:false,
              lowTemperatureGloves:false,
              heightTemperatureGloves:false,
              cutResistantGloves:false,
              prohibitGloves:false
            },
            body:{
              isChecked:false,
              weldingSuit:false,
              antistatic:false,
              weldingSuitA:false,
              weldingSuitB:false,
              weldingSuitC:false,
              weldingSuitD:false
            },
            foot:{
              isChecked:false,
              antiPiercingShoe:false,
              insulationShoe:false,
              antiChemicalShoe:false,
              antistaticShoe:false
            },
            specialLabor:{
              isChecked:false,
              safetyBelt:false,
              safetyNet:false,
              gasMonitor:false,
              communicationEquipment:false
            },
            other:{
              isChecked:false,
              detail:""
            }

          },

          otherWork:{
            isChecked:false,
            detail:""
          },
          checkResult:[
            {
              checkPoint:"",
              checkTime:"",
              oxygenContent:"",
              flammableGasContent:"",
              toxicGasContent:""
            },
            {
              checkPoint:"",
              checkTime:"",
              oxygenContent:"",
              flammableGasContent:"",
              toxicGasContent:""
            },
            {
              checkPoint:"",
              checkTime:"",
              oxygenContent:"",
              flammableGasContent:"",
              toxicGasContent:""
            }
          ]
        };
      }
    },
    applyStatus:{
      type:String,
      default: '0'
    }
  },
  data(){
    return{

    }
  },
  methods:{
    submitdangerousMarkDetial(){
      this.$emit("submitDangerous", this.dangerousMarkDetial);

    },
    cancel(){
      this.$emit("cancelDangerous");
    },
  }
}
</script>

<style scoped lang="scss">
  .dangerTitle{
    text-align: center;
    font-size: 20px;
    margin-bottom: 30px;
  }
  .dangerousMarkDetial{
    margin-left: 15px
  }
  .lineInput{
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid;
  }

  .lineInput:focus{
    outline: none;
    border-bottom: 1px solid cornflowerblue;
  }

  .changeLine{
    display: inline-grid;
    white-space: pre-line;
    word-wrap: break-word;
  }

  .underLine{
    text-decoration: underline;
  }

  table{
    border-collapse: collapse;
    table-layout: fixed;
    text-align: center;
    width: 100%;
  }
  table td, table th{
    border: 1px solid;
    height: 30px;
  }

  .editInput{
    border: none;
    width: 100%;
    height: 100%;
    text-align: center;
  }

  .editInput:focus{
    outline: none;
  }

  .danger{
    height: 600px;
    overflow-y: auto;
    &::-webkit-scrollbar {
      width: 0px;
      //background: #012a53;
      background: #f8f8f9;

      position: absolute;
      top: 0;
      //display:none

    }
    &::-webkit-scrollbar-thumb {
      /*滚动条里面小方块*/
      // border-radius: 10px;
      // box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
      background: #cccccc;
      border-radius: 8px;
    }

  }


</style>
