<template>
  <el-dialog title="详情" :visible.sync="permitDetailOpen" append-to-body :close-on-click-modal="false" :before-close="cancelDetail" width="1800px">
    <div style="display: flex;flex-direction: row" id="printTest">
      <div class="permit">
        <table>
          <tr>
            <td rowspan="4" colspan="2">作业许可申请人</td>
            <td colspan="2">申请部门/单位</td>
            <td colspan="2">{{ certificateData.applyDept }}</td>
            <td colspan="2">申请人及联系方式</td>
            <td colspan="2">{{ certificateData.linkMan }} {{certificateData.linkPhone}}</td>
          </tr>
          <tr>
            <td colspan="2">作业区域范围</td>
            <td colspan="2">{{ certificateData.workBound }}</td>
            <td colspan="2">设备名称及编号</td>
            <td colspan="2">{{ certificateData.deviceName }} {{ certificateData.deviceNum }}</td>
          </tr>
          <tr>
            <td colspan="2">申请作业时间</td>
            <td colspan="6">
              {{ certificateData.applyWorkStartTime == null ? "-" :certificateData.applyWorkStartTime.split(" ")[0].split("-")[1]}}月{{certificateData.applyWorkStartTime == null ? "-" :certificateData.applyWorkStartTime.split(" ")[0].split("-")[2]}}日{{certificateData.applyWorkStartTime == null ? "-" :certificateData.applyWorkStartTime.split(" ")[1].split(":")[0]}}时{{certificateData.applyWorkStartTime == null ? "-" :certificateData.applyWorkStartTime.split(" ")[1].split(":")[1]}}分至{{certificateData.applyWorkEndTime == null ? "-" :certificateData.applyWorkEndTime.split(" ")[0].split("-")[1]}}月{{certificateData.applyWorkEndTime == null ? "-" :certificateData.applyWorkEndTime.split(" ")[0].split("-")[2]}}日{{certificateData.applyWorkEndTime == null ? "-" :certificateData.applyWorkEndTime.split(" ")[1].split(":")[0]}}时{{certificateData.applyWorkEndTime == null ? "-" :certificateData.applyWorkEndTime.split(" ")[1].split(":")[1]}}分
            </td>
          </tr>
          <tr>
            <td colspan="2">作业内容</td>
            <td colspan="6">{{ certificateData.workContent }}</td>
          </tr>
          <tr v-if="certificateData.applyStatus - 0 >= 0">
            <td colspan="2">所有相关方讨论</td>
            <td>工作安全分析</td>
            <td style="writing-mode: vertical-rl;">危害识别</td>
            <td colspan="6" style="text-align: left">
              <div><input type="checkbox" disabled v-model="mainDangerousMark.burn">灼伤（低温/高温/化学品灼伤,电弧烧伤,火灾，易燃气/液体，蒸汽，电焊、动火、射线等）</div>
              <div><input type="checkbox" disabled v-model="mainDangerousMark.electricShock">电击（触电，电压，不适当的接地，电气热作业，地下/暗线等）。</div>
              <div><input type="checkbox" disabled v-model="mainDangerousMark.objectStrike">物体打击（爆炸，压力，能量释放，移动/坠落的物体，不正确的存放,设备）</div>
              <div><input type="checkbox" disabled v-model="mainDangerousMark.stifle">窒息/中毒（惰性气体，有毒气体，易挥发的液体溶剂等）</div>
              <div><input type="checkbox" disabled v-model="mainDangerousMark.drop">坠落（高处作业，没有防护的开口，没有固定的梯子，脚手架搭设，无防护的平台等）</div>
              <div><input type="checkbox" disabled v-model="mainDangerousMark.vehicleInjury">车辆伤害（速度过快,疲劳驾驶,车辆故障,缺乏防御性驾驶,能见度差,不寻常的路状，分心等）</div>
              <div><input type="checkbox" disabled v-model="mainDangerousMark.other">其它危害。</div>
              <div>注：如存在以上任一情况，请填写安全措施。</div>
            </td>
          </tr>
          <tr v-if="certificateData.applyStatus - 0 >= 1">
            <td rowspan="4" colspan="2">批准人填写</td>
            <td rowspan="4" colspan="2">许可证</td>
            <td colspan="6" style="text-align: left">是否需要进一步的JSA: <input type="checkbox" disabled v-model="certificate.jsa.yes"/>否<input type="checkbox" disabled v-model="certificate.jsa.no"/>是  JSA[<input class="editInput" disabled v-model="certificate.jsa.num" style="width: 250px" placeholder="填写JSA编号"/>]</td>
          </tr>
          <tr v-if="certificateData.applyStatus - 0 >= 1">
            <td colspan="6" style="text-align: left"><input type="checkbox" disabled v-model="certificate.specialLicence"/>0无需特殊工作许可</td>
          </tr>
          <tr v-if="certificateData.applyStatus - 0 >= 1">
            <td colspan="6" style="text-align: left">
              <div><input type="checkbox" disabled v-model="certificate.lockListing.isChecked"/>1-1锁定挂牌记录表 [<input class="editInput" disabled v-model="certificate.lockListing.num" style="width: 250px" placeholder="填写编号"/>]</div>
              <div><input type="checkbox" disabled v-model="certificate.blindPlate.isChecked"/>1-2盲板抽堵作业许可 [<input class="editInput" disabled v-model="certificate.blindPlate.num" style="width: 250px" placeholder="填写编号"/>]</div>
            </td>
          </tr>
          <tr v-if="certificateData.applyStatus - 0 >= 1">
            <td colspan="6" style="text-align: left;">
              <div><input type="checkbox" disabled v-model="certificate.flareUp.isChecked"/>2动火作业许可证 [<input class="editInput" disabled v-model="certificate.flareUp.num" style="width: 250px" placeholder="填写编号"/>]</div>
              <div><input type="checkbox" disabled v-model="certificate.heightWork.isChecked"/>3高处作业许可证 [<input class="editInput" disabled v-model="certificate.heightWork.num" style="width: 250px" placeholder="填写编号"/>]</div>
              <div><input type="checkbox" disabled v-model="certificate.breakGround.isChecked"/>4动土作业许可证 [<input class="editInput" disabled v-model="certificate.breakGround.num" style="width: 250px" placeholder="填写编号"/>]</div>
              <div><input type="checkbox" disabled v-model="certificate.hoisting.isChecked"/>5吊装作业许可证 [<input class="editInput" disabled v-model="certificate.hoisting.num" style="width: 250px" placeholder="填写编号"/>]</div>
              <div><input type="checkbox" disabled v-model="certificate.limitSpace.isChecked"/>6受限空间作业许可证 [<input class="editInput" disabledv-model="certificate.limitSpace.num" style="width: 250px" placeholder="填写编号"/>]</div>
              <div><input type="checkbox" disabled v-model="certificate.electricityUse.isChecked"/>7临时用电许可证 [<input class="editInput" disabled v-model="certificate.electricityUse.num" style="width: 250px" placeholder="填写编号"/>]</div>
              <div><input type="checkbox" disabled v-model="certificate.ray.isChecked"/>8射线探伤许可证 [<input class="editInput" disabled v-model="certificate.ray.num" style="width: 250px" placeholder="填写编号"/>]</div>
            </td>
          </tr>

          <tr v-if="certificateData.applyStatus - 0 >= 4">
            <td colspan="2">相关方填写</td>
            <td colspan="8" style="text-align: left">
              <div>本人已知晓本工作中的危害、控制措施和安全要求</div>
              <div>
                作业执行人员签字：
                <Esign :resultImg.sync="relationSign.executor"  :height="120" :width="710"/>
              </div>
              <el-row>
                <el-col :span="12">
                  <div>
                    承包商负责人签字：
                    <Esign :resultImg.sync="relationSign.contractor[0].sign"  :height="60" :width="340"/>
                    负责的承包商人数：<input disabled v-model="relationSign.contractor[0].peoples" class="editInput" style="text-align: left;width: 30%"/>
                  </div>
                </el-col>
                <el-col :span="12">
                  <div>承包商负责人签字：
                    <Esign :resultImg.sync="relationSign.contractor[1].sign"  :height="60" :width="340"/>
                    负责的承包商人数：<input disabled v-model="relationSign.contractor[1].peoples" class="editInput" style="text-align: left;width: 30%"/></div>
                </el-col>
              </el-row>
            </td>
          </tr>

          <tr v-if="certificateData.applyStatus - 0 >= 4">
            <td colspan="2">生产班组确认</td>
            <td colspan="8" style="text-align: left">
              <div>本人已知晓此工作许可证的内容</div>
              <div>
                确认签字（当班班长）：
                <Esign :resultImg.sync="produceComfirm.monitor"  :height="60" :width="710"/>
                日期/时间：<input disabled v-model="produceComfirm.date" class="editInput" style="text-align: left;width: 30%"/>
              </div>
            </td>
          </tr>

          <tr v-if="certificateData.applyStatus - 0 >= 5">
            <td rowspan="3" colspan="2">批准/移交/关闭</td>
            <td colspan="2">工作批准</td>
            <td colspan="2" style="text-align: left">
              <div>本人已知晓本工作内容及安全要求，并承诺实施</div>
              <div>
                工作负责人签字：
                <Esign :resultImg.sync="workDeal.workCheck.leaderInfo.leader"  :height="80" :width="170"/>
              </div>
              <div>
                日期和时间：<input disabled v-model="workDeal.workCheck.leaderInfo.date" class="editInput" style="width:85px;">
              </div>
            </td>
            <td colspan="2" style="text-align: left">
              <div>
                交叉/关联作业
                <input disabled v-model="workDeal.workCheck.relationInfo.yes" type="checkbox"/>否
                <input disabled v-model="workDeal.workCheck.relationInfo.no" type="checkbox"/>
                是，本人已经知晓此许可证的内容
              </div>
              <div>
                关联人签字：
                <Esign :resultImg.sync="workDeal.workCheck.relationInfo.relationLeader"  :height="60" :width="170"/>
              </div>
              <div>
                日期和时间：<input disabled v-model="workDeal.workCheck.relationInfo.date" class="editInput" style="width:85px;">
              </div>
            </td>
            <td colspan="2" style="text-align: left">
              <div>本人已到工作地点进行安全措施核实确认</div>
              <div>
                批准人签字：
                <Esign :resultImg.sync="workDeal.workCheck.approvedInfo.approve"  :height="80" :width="170"/>
              </div>
              <div>日期和时间：<input disabled v-model="workDeal.workCheck.approvedInfo.date" class="editInput" style="width:85px;"></div>
            </td>
          </tr>

          <tr v-if="certificateData.applyStatus - 0 >= 5">
            <td colspan="2">批准人工作移交</td>
            <td colspan="3" style="text-align: left">
              <div>我已将工作内容完全向接收人交代清楚。</div>
              <div>
                交出人签字：
                <Esign :resultImg.sync="workDeal.transferWork.transferInfo.transfer"  :height="80" :width="265"/>
              </div>
              <div>日期和时间：<input disabled v-model="workDeal.transferWork.transferInfo.date" style="width: 172px" class="editInput"/></div>
            </td>
            <td colspan="3" style="text-align: left">
              <div>我完全了解将要接收的工作内容。</div>
              <div>
                接受人签字：
                <Esign :resultImg.sync="workDeal.transferWork.receiveInfo.receive"  :height="80" :width="265"/>
              </div>
              <div>日期和时间：<input disabled v-model="workDeal.transferWork.receiveInfo.date" style="width: 172px" class="editInput"/></div>
            </td>
          </tr>

          <tr v-if="certificateData.applyStatus - 0 >= 5">
            <td colspan="2">工作关闭</td>
            <td colspan="3" style="text-align: left">
              <div>本许可证工作已经执行完毕，现场处于安全、清洁的状态。</div>
              <div>
                申请人签字：
                <Esign :resultImg.sync="workDeal.closeWork.applyInfo.apply" :height="80" :width="265"/>
              </div>
              <div>日期和时间：<input disabled v-model="workDeal.closeWork.applyInfo.date" style="width: 172px" class="editInput"/></div>
            </td>
            <td colspan="3" style="text-align: left">
              <div>本许可证工作已经执行完毕，现场处于安全、清洁的状态。</div>
              <div>
                批准人签字：
                <Esign :resultImg.sync="workDeal.closeWork.approvedInfo.approve" :height="80" :width="265"/>
              </div>
              <div>日期和时间：<input disabled v-model="workDeal.closeWork.approvedInfo.date" style="width: 172px" class="editInput"/></div>
            </td>
          </tr>
        </table>
      </div>
      <div ref="danger" class="danger">
        <div class="dangerTitle">保护人员免于事故或伤害的安全措施及设备</div>
        <el-row>
          <el-col :span="12">
            <div>
              <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.noxiousGas.isChecked">1.有害气体氛围（进入受限空间的，附上受限空间许可）</el-checkbox>
              <div>安全措施</div>
              <div class="dangerousMarkDetial"><el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.noxiousGas.processPurging">工艺吹扫</el-checkbox></div>
              <div class="dangerousMarkDetial"><el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.noxiousGas.ventilate">通风</el-checkbox><el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.noxiousGas.mechanicalVentilation">机械通风</el-checkbox><el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.noxiousGas.naturalVentilation">自然通风</el-checkbox></div>
              <div class="dangerousMarkDetial"><el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.noxiousGas.gasComposition">气体成分测试（氧、氢、甲烷等）</el-checkbox></div>
              <div class="dangerousMarkDetial"><el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.noxiousGas.guardian.isChecked">指定监护人员：</el-checkbox><input class="lineInput" :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.noxiousGas.guardian.person"/></div>
            </div>

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


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

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

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

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

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

            <div>
              <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.isChecked">8.个人防护和特殊防护设备及用品</el-checkbox>
              <div class="underLine">配备设施及防护服</div>
              <div>
                <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.headProtect.isChecked">头面部防护：
                  <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.headProtect.hat">安全帽</el-checkbox>
                  <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.headProtect.allFaceShield">全面罩</el-checkbox>
                  <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.headProtect.halfFaceShield">半面罩</el-checkbox>
                </el-checkbox>
              </div>
              <div>
                <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.protectGlass.isChecked">
                  防护眼镜：
                  <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.protectGlass.attack">防冲击</el-checkbox>
                  <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.protectGlass.eletic">电击</el-checkbox>
                  <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.protectGlass.spatter">飞溅</el-checkbox>
                  <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.protectGlass.dust">粉尘</el-checkbox>
                </el-checkbox>
                <div class="dangerousMarkDetial">
                  <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.protectGlass.faceShield">面罩</el-checkbox>
                </div>
              </div>
              <div>
                <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.hearing.isChecked">
                  听力防护：
                  <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.hearing.earplugs">耳塞/耳罩</el-checkbox>
                  <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.hearing.doubleProtection">双重防护</el-checkbox>
                  <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.hearing.timeControl">时间控制</el-checkbox>
                </el-checkbox>
              </div>
              <div>
                <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.breathing.isChecked">
                  呼吸防护：
                  <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.breathing.dustFiltration">粉尘过滤</el-checkbox>
                  <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.breathing.gasFiltration">气体过滤</el-checkbox>
                </el-checkbox>
                <div class="dangerousMarkDetial">
                  <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.breathing.dustAndGas">粉尘和气体双重过滤</el-checkbox>
                  <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.breathing.scba">SCBA</el-checkbox>
                  <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.breathing.respirator">长管呼吸器</el-checkbox>
                </div>
              </div>
              <div>
                <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.head.isChecked">
                  手部防护：
                  <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.head.canvas">帆布/纱线</el-checkbox>
                  <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.head.chemicalResistantGloves">防化手套</el-checkbox>
                  <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.head.weldingGloves">电焊手套</el-checkbox>
                </el-checkbox>
                <div class="dangerousMarkDetial">
                  <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.head.lowTemperatureGloves">低温手套</el-checkbox>
                  <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.head.heightTemperatureGloves">高温手套</el-checkbox>
                  <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.head.cutResistantGloves">防割手套</el-checkbox>
                  <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.head.prohibitGloves">禁止戴手套</el-checkbox>
                </div>
              </div>
              <div>
                <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.body.isChecked">
                  身体防护：
                  <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.body.weldingSuit">电焊服</el-checkbox>
                  <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.body.antistatic">防静电工作服</el-checkbox>
                  <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.body.weldingSuitA">A级防护服</el-checkbox>
                </el-checkbox>
                <div class="dangerousMarkDetial">
                  <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.body.weldingSuitB">B级防护服</el-checkbox>
                  <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.body.weldingSuitC">C级防护服</el-checkbox>
                  <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.body.weldingSuitD">D级防护服</el-checkbox>
                </div>
              </div>
              <div>
                <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.foot.isChecked">
                  足部防护：
                  <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.foot.antiPiercingShoe">防砸防刺穿安全鞋</el-checkbox>
                  <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.foot.insulationShoe">防砸绝缘安全鞋</el-checkbox>
                </el-checkbox>
                <div class="dangerousMarkDetial">
                  <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.foot.antiChemicalShoe">防砸防化安全鞋</el-checkbox>
                  <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.foot.antistaticShoe">防砸防静电安全鞋</el-checkbox>
                </div>
              </div>
              <div>
                <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.specialLabor.isChecked">特种劳防用品：
                  <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.specialLabor.safetyBelt">五点式双钩安全带</el-checkbox>
                  <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.specialLabor.safetyNet">安全网/生命网</el-checkbox>
                </el-checkbox>
                <div class="dangerousMarkDetial">
                  <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.specialLabor.gasMonitor">个人气体监测仪</el-checkbox>
                  <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.specialLabor.communicationEquipment">单独工作的通讯联络设备</el-checkbox>
                </div>
              </div>
              <div>
                <el-checkbox :disabled="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.protectArticles.other.isChecked">其他：<input class="lineInput" :disabled="(certificateData.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="(certificateData.applyStatus - 0) > 0" v-model="dangerousMarkDetial.otherWork.isChecked">9.其他作业，请说明<input v-model="dangerousMarkDetial.otherWork.detail" :disabled="(certificateData.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="(certificateData.applyStatus - 0) > 0" v-model="item.checkPoint"/></td>
              <td><input class="editInput" :disabled="(certificateData.applyStatus - 0) > 0" v-model="item.checkTime"/></td>
              <td colspan="2">
                <input class="editInput" :disabled="(certificateData.applyStatus - 0) > 0" v-model="item.oxygenContent"/>
              </td>
              <td colspan="2">
                <input class="editInput" :disabled="(certificateData.applyStatus - 0) > 0" v-model="item.flammableGasContent"/>
              </td>
              <td colspan="2">
                <input class="editInput" :disabled="(certificateData.applyStatus - 0) > 0" v-model="item.toxicGasContent"/>
              </td>
            </tr>
          </table>
        </div>
      </div>
    </div>
    <div style="text-align: right;margin-top: 10px">
      <el-button type="primary" v-print="'#printTest'">打印</el-button>
      <el-button @click="cancelDetail">取消</el-button>
    </div>

  </el-dialog>
</template>

<script>
  import DangerousMark from '@/components/DangerousMark/DangerousMark';
  import Esign from "@/components/SaftyWork/Esign";
  export default {
    name: "work-permit",
    props:{
      certificateData:{
        type: Object
      },
      permitDetailOpen:{
        type: Boolean,
        default: false
      }
    },
    components:{
      DangerousMark,
      Esign
    },
    watch:{
      certificateData(newValue){
        if(newValue){
          if(null != this.certificateData.mainDangerousMark){
            this.mainDangerousMark = JSON.parse(this.certificateData.mainDangerousMark);
          }
          if(null != this.certificateData.dangerousMarkDetial){
            this.dangerousMarkDetial = JSON.parse(this.certificateData.dangerousMarkDetial);
          }
          if(null != this.certificateData.licenceInfo){
            this.certificate = JSON.parse(this.certificateData.licenceInfo);
          }
          if(null != this.certificateData.relationSign){
            this.relationSign = JSON.parse(this.certificateData.relationSign);
          }
          if(null != this.certificateData.workDeal){
            this.workDeal = JSON.parse(this.certificateData.workDeal);
          }
        }
      }
    },
    data(){
      return{
        //安全措施
        dangerousFlag:false,
        //危险标识
        mainDangerousMark: {
          burn:false,
          electricShock:false,
          objectStrike:false,
          stifle:false,
          drop:false,
          vehicleInjury:false,
          other:false
        },
        //安全措施
        dangerousMarkDetial: {
          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:""
            }
          ]
        },
        //作业许可证
        certificate:{
          jsa:{
            yes:false,
            no:false,
            num:""
          },
          specialLicence:false,
          lockListing:{
            isChecked:false,
            num:""
          },
          blindPlate:{
            isChecked:false,
            // 0待审核 1审核通过 2驳回
            status:"",
            num:""
          },
          flareUp:{
            isChecked:false,
            // 0待审核 1审核通过 2驳回
            status:"",
            num:""
          },
          heightWork:{
            isChecked:false,
            // 0待审核 1审核通过 2驳回
            status:"",
            num:""
          },
          breakGround:{
            isChecked:false,
            // 0待审核 1审核通过 2驳回
            status:"",
            num:""
          },
          hoisting:{
            isChecked:false,
            // 0待审核 1审核通过 2驳回
            status:"",
            num:""
          },
          limitSpace:{
            isChecked:false,
            // 0待审核 1审核通过 2驳回
            status:"",
            num:""
          },
          electricityUse:{
            isChecked:false,
            // 0待审核 1审核通过 2驳回
            status:"",
            num:""
          },
          ray:{
            isChecked:false,
            num:""
          }
        },
        //相关方签字
        relationSign:{
          executor:"",
          contractor:[
            {
              sign:"",
              peoples:""
            },
            {
              sign:"",
              peoples:""
            }
          ],
          picUrl:""
        },
        //生产组签字
        produceComfirm:{
          monitor:"",
          date:""
        },
        //工作处理
        workDeal:{
          workCheck:{
            leaderInfo:{
              leader:"",
                date:"",
                picUrl:""
            },
            relationInfo:{
                yes:false,
                no:false,
                relationLeader:"",
                date:"",
                picUrl:""
            },
            approvedInfo:{
              approve:"",
                date:"",
                picUrl:""
            }
          },
          monitor:{
            monitor:"",
              date:"",
              picUrl:""
          },
          transferWork:{
            transferInfo:{
              transfer:"",
                date:""
            },
            receiveInfo:{
              receive:"",
                date:""
            }
          },
          closeWork:{
            applyInfo:{
              apply:"",
                date:"",
                picUrl:""
            },
            approvedInfo:{
              approve:"",
                date:"",
                picUrl:""
            }
          }
        },
      }
    },
    methods:{
      //取消安全数据
      cancelDangerous(){
        if(this.certificateData.applyStatus == '0'){
          this.resetDangerousMarkDetial();
        }
        this.dangerousFlag = false;

      },
      //确认安全数据
      submitDangerous(dangerousData){
        this.dangerousMarkDetial = dangerousData;
        this.dangerousFlag = false;
      },
      cancelDetail(){
        this.$emit("update:permitDetailOpen", false);
      }
    },
  }
</script>

<style scoped lang="scss">
  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;
  }

  .editLine{
    border-bottom: 1px solid;
    border-top: none;
    border-left: none;
    border-right: none;
    text-align: center;
  }

  .editLine:focus{
    outline: none;
  }


  textarea{
    height: 100%;
    width: 100%;
    border: none;
    resize:none;
  }

  textarea:focus{
    outline: none;
  }

  .permit{
   // height: 600px;
    width: 900px;
    overflow-y: scroll;
    overflow-x: hidden;
    &::-webkit-scrollbar {
      width:0px;
    }
    &::-webkit-scrollbar-track {
      -webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
      border-radius:10px;
    }
    &::-webkit-scrollbar-thumb {
      border-radius:5px;
      background:rgba(0,0,0,0.1);
      -webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
    }
  }

  .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;
  }

  .danger{
   // height: 600px;
    width: 900px;
    padding: 0px 10px 0px 10px;
    margin-left: 27px;
    border: 1px solid;
    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: 2px;
    }

  }


</style>
