<template>
  <div>
    <el-form ref="form" :model="form" :rules="rules">
      <div class="hazardwork" style="background-color: rgba(246,229,71,0.71)">
        <table style="width: 100%;margin-bottom: 8px;">
          <tr>
            <td>表格</td>
            <td><b>C00-6.3.0-00FSH-207.1 </b></td>
            <td><b>限制性空间进入许可证 危害评估及安全措施</b></td>
            <td>
              <div>修订：05</div>
              <div>日期：19-09-2022</div>
              <div>页次：1 of 2</div>
            </td>
            <td>
              <el-input style="width: 200px;" v-model="form.cId" placeholder="点击生成票据ID" @focus="hIdClick"
                        :disabled="hIdDisabled">
                <i slot="prefix" class="el-input__icon el-icon-word">C</i>
              </el-input>
            </td>
            <td>
              <el-button @click="allExpand">全部展开</el-button>
            </td>
            <td>
              <el-button @click="allShrink">全部关闭</el-button>
            </td>
            <td>
              <el-button type="primary" v-show="form.hId" @click="onSubmit">提交当前数据</el-button>
            </td>
            <td>
              <el-form-item>
                <el-button v-if="form.pdfUrl" type="success" @click="handleSee">预览</el-button>
                <el-button v-if="form.pdfUrl" type="success" @click="handleDownload">下载</el-button>
              </el-form-item>
            </td>
          </tr>
        </table>
        <el-row :gutter="20">
          <!-- 左侧栏 -->
          <el-col :span="12">
            <el-collapse v-model="activeNames">
              <el-collapse-item title="A 基本信息" name="1">
                <el-form-item prop="ruleA1">
                  <div>
                    <table style="width: 100%;">
                      <tr>
                        <td>1. 装置/部门：
                          <el-input v-model="form.aEquipmentName" style="width: calc(100% - 95px);"></el-input></td>
                        <td style="text-align: right;white-space: nowrap;">装置/部门主管：</td>
                        <td><el-input v-model="form.aEquipmentLeader"/></td>
                        <td style="white-space: nowrap;">
                          <i class="el-icon-phone"></i>：
                          <el-input v-model="form.aEquipmentTel" style="width: 110px"/></td>
                        <td style="white-space: nowrap;">办公室：</td>
                        <td width="90"><el-input v-model="form.aEquipmentOffice"/></td>
                      </tr>
                      <tr>
                        <td>2. 施工单位：
                          <el-select v-model="form.aConstructionName" filterable placeholder="请选择施工单位"
                                     @change="aConstructionChange(form.aConstructionName)" style="width: calc(100% - 93px)">
                            <el-option v-for="item in aConstructions" :key="item.deptId" :label="item.deptName"
                                       :value="item.deptId">
                            </el-option>
                          </el-select>
                        </td>
                        <td style="text-align: right">施工单位主管：</td>
                        <td><el-input v-model="form.aConstructionLeader"/>
                        </td>
                        <td style="white-space: nowrap;">
                          <i class="el-icon-phone"></i>：
                          <el-input v-model="form.aConstructionTel" style="width: 110px"/>
                        </td>
                        <td>办公室：</td>
                        <td> <el-input v-model="form.aConstructionOffice"/></td>
                      </tr>
                      <tr>
                        <td>3.
                          用户(涉及外部承包商时)：
                          <el-input v-model="form.aContractorName" style="width: calc(100% - 188px)"/>
                        </td>
                        <td style="text-align: right">用户主管：</td>
                        <td><el-input v-model="form.aContractorLeader"/></td>
                        <td style="white-space: nowrap;">
                          <i class="el-icon-phone"></i>：
                          <el-input v-model="form.aContractorTel" style="width: 110px"/>
                        </td>
                        <td>办公室：</td>
                        <td><el-input v-model="form.aContractorOffice"/></td>
                      </tr>
                      <tr>
                        <td>4. 需要安全联络员？
                          <el-radio v-model="form.aIsNeedSafeLiaison" label="1">是</el-radio>
                          <el-radio v-model="form.aIsNeedSafeLiaison" label="2">否</el-radio></td>
                        <td style="text-align: right">姓名：</td>
                        <td><el-input v-model="form.aSafeLiaisonName"
                                      :disabled="form.aIsNeedSafeLiaison==1?false:true"/>
                        </td>
                        <!--                          <td>-->
                        <!--                            签名：-->
                        <!--                            <el-input style="width: 100px;" v-model="form.aSafeLiaisonSign"-->
                        <!--                                      :disabled="form.aIsNeedSafeLiaison==1?false:true"/>-->
                        <!--                          </td>-->
                        <td style="white-space: nowrap;">
                          <i class="el-icon-phone"></i>：
                          <el-input v-model="form.aSafeLiaisonTel"
                                    :disabled="form.aIsNeedSafeLiaison==1?false:true" style="width: 110px"/>
                        </td>
                        <td>
                          办公室：</td>
                        <td><el-input v-model="form.aSafeLiaisonOffice"
                                      :disabled="form.aIsNeedSafeLiaison==1?false:true"/></td>
                      </tr>
                    </table>
                  </div>
                </el-form-item>
              </el-collapse-item>
              <el-collapse-item title="B 工作内容" name="2">
                <el-form-item prop="ruleB">
                  <table style="width: 100%;">
                    <tr>
                      <td style="white-space: nowrap">1.装置设备：
                        <el-input v-model="form.bDeviceName" style="width: 480px"/>
                      </td>
                      <td style="text-align: right">区域号：</td>
                      <td><el-input v-model="form.bAreaNo"/>
                      </td>
                    </tr>
                    <tr>
                      <td colspan="3">2.工作内容描述：
                        <el-input style="width: calc(100% - 116px);vertical-align: top" type="textarea" v-model="form.bWorkContent"/>
                      </td>
                    </tr>
                    <tr>
                      <td colspan="3">3.有效期：由
                        <el-date-picker v-model="value1" type="datetimerange" range-separator="至"
                                        start-placeholder="开始日期" end-placeholder="结束日期">
                        </el-date-picker>
                      </td>
                    </tr>
                  </table>
                </el-form-item>
              </el-collapse-item>
              <el-collapse-item title="C 危害识别" name="3">
                <table style="width: 100%;">
                  <tr>
                    <td colspan="2" class="short-checkbox">
                      <el-checkbox v-model="form.isYesDanger" true-label="1" false-label="0"/>
                      危害物质（正常运行时存在于设备中的物料名称）：
                      <!-- 物料数据源绑定 -->
                      <el-select v-model="form.cHarmMatterName" clearable placeholder="请选择物料名称"
                                 @change="selectChange(form.cHarmMatterName)">
                        <el-option v-for="item in matterNames" :key="item.id" :label="item.matterName"
                                   :value="item.id">
                        </el-option>
                      </el-select>
                    </td>
                  </tr>
                  <!-- 图标及物料特性根据物料进行动态展示 -->
                  <tr>
                    <td colspan="2" class="short-checkbox">
                      <el-row>
                        <el-col :span="3">是否有GHS标识
                          <el-checkbox v-model="form.cIsDanger" true-label="1" false-label="0"/></el-col>
                        <el-col :span="2.5" style="text-align: center">
                          <el-image style="width: 70px;height: 70px;" :src="require('@/assets/image/toxicIcon.png')">
                          </el-image>
                          <div>毒性</div>
                          <el-checkbox v-model="cIsToxic" true-label="1" false-label="0"/>
                        </el-col>
                        <el-col :span="2.5" style="text-align: center">
                          <el-image style="width: 70px;height: 70px;" :src="require('@/assets/image/flammableIcon.png')">
                          </el-image>
                          <div>易燃性</div>
                          <el-checkbox v-model="cIsFlammable" true-label="1" false-label="0"/>
                        </el-col>
                        <el-col :span="2.5" style="text-align: center">
                          <el-image style="width: 70px;height: 70px;" :src="require('@/assets/image/oxidizingIcon.png')">
                          </el-image>
                          <div>氧化性</div>
                          <el-checkbox v-model="cIsOxidizing" true-label="1" false-label="0"/>
                        </el-col>
                        <el-col :span="2.5" style="text-align: center">
                          <el-image style="width: 70px;height: 70px;" :src="require('@/assets/image/explosiveIcon.png')">
                          </el-image>
                          <div>爆炸性</div>
                          <el-checkbox v-model="cIsExplosive" true-label="1" false-label="0"/>
                        </el-col>
                        <el-col :span="2.5" style="text-align: center">
                          <el-image style="width: 70px;height: 70px;" :src="require('@/assets/image/corrosiveIcon.png')">
                          </el-image>
                          <div>腐蚀性</div>
                          <el-checkbox v-model="cIsCorrosive" true-label="1" false-label="0"/>
                        </el-col>
                        <el-col :span="2.5" style="text-align: center">
                          <el-image style="width: 70px;height: 70px;"
                                    :src="require('@/assets/image/irritantSensitizationToxicIcon.png')">
                          </el-image>
                          <div>刺激性/致敏性/毒性</div>
                          <el-checkbox v-model="cIsIrritantToxic" true-label="1" false-label="0"/>
                        </el-col>
                        <el-col :span="2.5" style="text-align: center">
                          <el-image style="width: 70px;height: 70px;"
                                    :src="require('@/assets/image/healthHazardIcon.png')">
                          </el-image>
                          <div>健康危害</div>
                          <el-checkbox v-model="cIsHealthHazard" true-label="1" false-label="0"/>
                        </el-col>
                        <el-col :span="2.5" style="text-align: center">
                          <el-image style="width: 70px;height: 70px;"
                                    :src="require('@/assets/image/compressedGasIcon.png')">
                          </el-image>
                          <div>压力下气体</div>
                          <el-checkbox v-model="cIsCompressedGas" true-label="1" false-label="0"/>
                        </el-col>
                        <el-col :span="2.5" style="text-align: center">
                          <el-image style="width: 70px;height: 70px;"
                                    :src="require('@/assets/image/environmentalHazardIcon.png')">
                          </el-image>
                          <div>危害水生环境</div>
                          <el-checkbox v-model="cIsEnvironmentalHazard" true-label="1" false-label="0"/>
                        </el-col>
                      </el-row>
                    </td>
                  </tr>
                  <tr>
                    <td class="short-checkbox">
                      <el-checkbox v-model="isEquipmentHazards" true-label="1" false-label="0"
                                   @change="eHazardsChange"/>
                      设备内物质处于危险状态
                      （
                      <el-checkbox v-model="form.cIsHighTemp" true-label="1" false-label="0"
                                   :disabled="isEquipmentHazards==true?false:true" @change="highTempChange"/>
                      高温
                      /
                      <el-checkbox v-model="form.cIsLowTemp" true-label="1" false-label="0"
                                   :disabled="isEquipmentHazards==true?false:true"
                                   @change="lowTempChange"/>
                      低温；
                      <el-checkbox v-model="form.cIsPosPressure" true-label="1" false-label="0"
                                   :disabled="isEquipmentHazards==true?false:true"
                                   @change="posPressureChange"/>
                      正压
                      /
                      <el-checkbox v-model="form.cIsNegPressure" true-label="1" false-label="0"
                                   :disabled="isEquipmentHazards==true?false:true"
                                   @change="negPressureChange"/>
                      负压
                      ）
                    </td>
                    <td class="short-checkbox">
                      <el-checkbox v-model="form.cIsHazardsProd" true-label="1" false-label="0"
                                   @change="cHazardsProdChange"/>
                      施工对生产单位的危害：
                      <el-input style="width: 150px;" v-model="form.cIsHazardsProdContent"
                                :disabled="form.cIsHazardsProd==true?false:true"/>
                    </td>
                  </tr>
                  <tr>
                    <td class="short-checkbox">
                      <el-checkbox v-model="isFacilityHazards" true-label="1" false-label="0"
                                   @change="facilityChange"/>

                      来自设备/设施的危害（
                      <el-checkbox v-model="form.cIsMovingParts" true-label="1" false-label="0"
                                   :disabled="isFacilityHazards==true?false:true"/>
                      移动部件，
                      <el-checkbox v-model="form.cIsHotSurfaces" true-label="1" false-label="0"
                                   :disabled="isFacilityHazards==true?false:true"
                                   @change="hotSurfacesChange"/>
                      热表面/
                      <el-checkbox v-model="form.cIsColdSurfaces" true-label="1" false-label="0"
                                   :disabled="isFacilityHazards==true?false:true"
                                   @change="coldSurfacesChange"/>
                      冷表面，
                      <el-checkbox v-model="form.cIsVoltages" true-label="1" false-label="0"
                                   :disabled="isFacilityHazards==true?false:true"/>
                      电压
                      ）
                    </td>
                    <td class="short-checkbox">
                      <el-checkbox v-model="form.cIsOtherA" :true-label="1" :false-label="0"/>
                      涉及的其它作业，相关许可证：
                      <el-input style="width: 158px;" v-model="form.aId"><i slot="prefix" class="el-input__icon el-icon-word">A</i>
                      </el-input>
                    </td>
                  </tr>
                  <tr>
                    <td class="short-checkbox" colspan="2">
                      <el-checkbox v-model="form.cIsOtherFire" true-label="1" :false-label="0"/>
                      其它危害：
                      <el-input v-model="form.cOtherFireContent" style="width: calc(100% - 104px)"/>
                    </td>

                  </tr>
                </table>
              </el-collapse-item>
              <el-collapse-item title="D 施工前的安全措施" name="4">
                <table style="width: 100%">
                  <tr>
                    <td></td>
                    <th width="30" style="text-align: center">是</th>
                    <th width="30" style="text-align: center">否</th>
                    <th>安全措施完成，签名/日期</th>
                    <th>安全措施撤销，签名/日期</th>
                  </tr>
                  <tr>
                    <td colspan="5"><b>1.确保E&l设备安全</b></td>
                  </tr>
                  <tr>
                    <td>1.1 通过打开安全开关断电并上锁和运转测试</td>
                    <td style="text-align: center;"><el-checkbox v-model="form.dIsOpenSafe" true-label="1"/></td>
                    <td style="text-align: center;"><el-checkbox v-model="form.dIsOpenSafe" true-label="0" @change="dIsOpenSafeChange"/></td>
                    <td>
                      <el-input style="width: 50%" v-model="form.dSafeImplSign11" readonly prefix-icon="el-icon-edit"
                                :disabled="form.dIsOpenSafe==1?false:true" @focus="signCard('dSafeImplSign11')">
                      </el-input>
                      <!--                      <el-button type="primary" slot="append"-->
                      <!--                                 icon="el-icon-edit"-->
                      <!--                                 :disabled="form.dIsOpenSafe==1?false:true"></el-button>-->
                      <el-date-picker style="width: 50%" v-model="form.dSafeImplDate11" type="date"
                                      format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss"
                                      :disabled="form.dIsOpenSafe==1?false:true">
                      </el-date-picker>
                    </td>
                    <td>
                      <el-input style="width: 50%;" prefix-icon="el-icon-edit" />
                      <el-date-picker style="width: 50%;"
                                      type="date">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>1.2 断开电源，通过：</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr>
                    <td>断开电源线</td>
                    <td style="text-align: center;"><el-checkbox v-model="form.dIsDisFeeder" true-label="1" false-label="0"
                                                                 :disabled="form.dIsDkdyx !== null?false:true"/></td>
                    <td style="text-align: center;"><el-checkbox v-model="form.dIsDisFeeder" true-label="0" false-label="1"
                                                                 @change="dIsDisFeederChange"
                                                                 :disabled="form.dIsDkdyx !== null?false:true"/></td>
                    <td rowspan="4">
                      <el-input style="width: 50%;" v-model="form.dDisFeederImplSign" readonly
                                :disabled="form.dIsDisFeeder==1?false:true" prefix-icon="el-icon-edit"
                                @focus="signCard('dDisFeederImplSign')">
                      </el-input>
                      <el-date-picker style="width: 50%" v-model="form.dDisFeederImplDate" type="date"
                                      format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss"
                                      :disabled="form.dIsDisFeeder==1?false:true">
                      </el-date-picker>
                    </td>
                    <td rowspan="4">
                      <el-input style="width: 50%" v-model="form.dDisFeederLiftedSign" prefix-icon="el-icon-edit" disabled/>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                      v-model="form.dDisFeederLiftedDate" type="date" disabled>
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>断开回路开关并上锁和运转测试 <el-input style="width: calc(100% - 188px)" v-model="form.dBreakInclContent"
                                                               :disabled="form.dIsBreakIncl == 1?false:true"/></td>
                    <td style="text-align: center;"> <el-checkbox v-model="form.dIsBreakIncl" true-label="1" false-label="0"
                                                                  :disabled="form.dIsDisFeeder!== null?false:true"/></td>
                    <td style="text-align: center;"><el-checkbox v-model="form.dIsBreakIncl" true-label="0" false-label="1"
                                                                 @change="dIsBreakInclChange"
                                                                 :disabled="form.dIsDisFeeder!== null?false:true"/></td>
                  </tr>
                  <tr>
                    <td>电气回路编号：<el-input style="width:calc(100% - 93px);" v-model="form.dEleCircuitNo" @change="dElecircuitChange"
                                               :disabled="form.dIsDqhl == 1?false:true"/></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr>
                    <td>仪表号/测点编号：<el-input style="width: calc(100% - 110px)" v-model="form.dInsTagNo" @change="dInsTagChange"
                                                  :disabled="form.dIsYbh == 1?false:true"/></td>
                    <td></td>
                    <td></td>
                  </tr>
                  <tr>
                    <td>1.3 放射源由专业人员确保安全（日志）</td>
                    <td style="text-align: center;"><el-checkbox v-model="form.dIsRadioactiveSources" true-label="1" false-label="0"
                                                                 :disabled="form.dIsYbh!= null?false:true"/></td>
                    <td style="text-align: center;"><el-checkbox v-model="form.dIsRadioactiveSources" true-label="0" false-label="1"
                                                                 @change="dIsRadioactiveSourcesChange"
                                                                 :disabled="form.dIsYbh!= null?false:true"/></td>
                    <td>
                      <el-input style="width: 50%;" v-model="form.dSafeImplSign13" readonly
                                :disabled="form.dIsRadioactiveSources==1?false:true"
                                @focus="signCard('dSafeImplSign13')" prefix-icon="el-icon-edit">
                      </el-input>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                      v-model="form.dSafeImplDate13" type="date"
                                      :disabled="form.dIsRadioactiveSources==1?false:true">
                      </el-date-picker>
                    </td>
                    <td>
                      <el-input style="width: 50%;" v-model="form.dSafeLiftedSign13" prefix-icon="el-icon-edit" disabled/>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%;"
                                      v-model="form.dSafeLiftedDate13" type="date" disabled>
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>1.4 <el-input style="width: calc(100% - 25px)" v-model="form.dIsOtherEquSafeContent"
                                      :disabled="form.dIsOtherEquSafe == 1?false:true"/></td>
                    <td style="text-align: center;">
                      <el-checkbox v-model="form.dIsOtherEquSafe" true-label="1" false-label="0"
                                   :disabled="form.dIsRadioactiveSources!= null?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-checkbox v-model="form.dIsOtherEquSafe" true-label="0" false-label="1"
                                   @change="dIsOtherEquSafeChange"
                                   :disabled="form.dIsRadioactiveSources!= null?false:true"/>
                    </td>
                    <td>
                      <el-input style="width:50%;" v-model="form.dSafeImplSign14" readonly
                                :disabled="form.dIsOtherEquSafe==1?false:true" prefix-icon="el-icon-edit"
                                @focus="signCard('dSafeImplSign14')">
                      </el-input>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                      v-model="form.dSafeImplDate14" type="date"
                                      :disabled="form.dIsOtherEquSafe==1?false:true">
                      </el-date-picker>
                    </td>
                    <td>
                      <el-input style="width: 50%" v-model="form.dSafeLiftedSign14" prefix-icon="el-icon-edit" disabled/>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                      v-model="form.dSafeLiftedDate14" type="date" disabled>
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td><b>2. 确保装置设备安全</b></td>
                    <td colspan="4"></td>
                  </tr>
                  <tr>
                    <td>2.1 泄压 /排空</td>
                    <td style="text-align: center;"><el-checkbox v-model="form.dIsDepress" true-label="1" false-label="0"
                                                                 :disabled="form.dIsOtherEquSafe!= null?false:true"/></td>
                    <td style="text-align: center;"><el-checkbox v-model="form.dIsDepress" true-label="0" false-label="1" @change="dIsDepressChange"
                                                                 :disabled="form.dIsOtherEquSafe!= null?false:true"/></td>
                    <td>
                      <el-input style="width: 50%;" v-model="form.dSafeImplSign21" readonly prefix-icon="el-icon-edit"
                                :disabled="form.dIsDepress==1?false:true" @focus="signCard('dSafeImplSign21')">
                      </el-input>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                      v-model="form.dSafeImplDate21" type="date"
                                      :disabled="form.dIsDepress==1?false:true">
                      </el-date-picker>
                    </td>
                    <td>
                    </td>
                  </tr>
                  <tr>
                    <td>2.2 双阀截断与放空 </td>
                    <td style="text-align: center;"><el-checkbox v-model="form.dIsDoubleBlock" true-label="1" false-label="0"
                                                                 :disabled="form.dIsSingleBlocking!= null?false:true"/></td>
                    <td style="text-align: center;"><el-checkbox v-model="form.dIsDoubleBlock" true-label="0" false-label="1"
                                                                 @change="dIsDoubleBlockChange"
                                                                 :disabled="form.dIsSingleBlocking!= null?false:true"/></td>
                    <td>
                      <el-input style="width: 50%;" v-model="form.dSafeImplSign23" readonly
                                :disabled="form.dIsDoubleBlock==1?false:true" prefix-icon="el-icon-edit"
                                @focus="signCard('dSafeImplSign23')">
                      </el-input>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                      v-model="form.dSafeImplDate23" type="date"
                                      :disabled="form.dIsDoubleBlock==1?false:true">
                      </el-date-picker>
                    </td>
                    <td>
                      <el-input style="width: 50%;" v-model="form.dSafeLiftedSign23" prefix-icon="el-icon-edit" disabled/>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                      v-model="form.dSafeLiftedDate23" type="date" disabled>
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>2.3 使用 <el-input style="width: calc(100% - 120px)" v-model="form.dLockoutUsingContent"
                                           :disabled="form.dIsLockoutUsing==1?false:true"/> 锁定 </td>
                    <td style="text-align: center;"><el-checkbox v-model="form.dIsLockoutUsing" true-label="1" false-label="0"
                                                                 :disabled="form.dIsDoubleBlock!= null?false:true"/></td>
                    <td style="text-align: center;"><el-checkbox v-model="form.dIsLockoutUsing" true-label="0" false-label="1"
                                                                 @change="dIsLockoutUsingChange"
                                                                 :disabled="form.dIsDoubleBlock!= null?false:true"/></td>
                    <td>
                      <el-input style="width: 50%;" v-model="form.dSafeImplSign24" readonly prefix-icon="el-icon-edit"
                                :disabled="form.dIsLockoutUsing==1?false:true"
                                @focus="signCard('dSafeImplSign24')">
                      </el-input>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                      v-model="form.dSafeImplDate24" type="date"
                                      :disabled="form.dIsLockoutUsing==1?false:true">
                      </el-date-picker>
                    </td>
                    <td>
                      <el-input style="width: 50%;" v-model="form.dSafeLiftedSign24" prefix-icon="el-icon-edit" disabled/>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                      v-model="form.dSafeLiftedDate24" type="date" disabled>
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>2.4 移去部分管线/短接 </td>
                    <td style="text-align: center;"><el-checkbox v-model="form.dIsRemovePipe" true-label="1" false-label="0"
                                                                 :disabled="form.dIsLockoutUsing!= null?false:true"/></td>
                    <td style="text-align: center;"><el-checkbox v-model="form.dIsRemovePipe" true-label="0" false-label="1"
                                                                 @change="dIsRemovePipeChange"
                                                                 :disabled="form.dIsLockoutUsing!= null?false:true"/></td>
                    <td>
                      <el-input style="width: 50%;" v-model="form.dSafeImplSign25" readonly prefix-icon="el-icon-edit"
                                :disabled="form.dIsRemovePipe==1?false:true"
                                @focus="signCard('dSafeImplSign25')">
                      </el-input>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                      v-model="form.dSafeImplDate25" type="date"
                                      :disabled="form.dIsRemovePipe==1?false:true">
                      </el-date-picker>
                    </td>
                    <td>
                      <el-input style="width: 50%" v-model="form.dSafeLiftedSign25" prefix-icon="el-icon-edit" disabled/>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                      v-model="form.dSafeLiftedDate25" type="date" disabled>
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>2.5 断开管线并加盖盲法兰 </td>
                    <td style="text-align: center;"><el-checkbox v-model="form.dIsDisPipes" true-label="1" false-label="0"
                                                                 :disabled="form.dIsRemovePipe!= null?false:true"/></td>
                    <td style="text-align: center;"><el-checkbox v-model="form.dIsDisPipes" true-label="0" false-label="1"
                                                                 @change="dIsDisPipesChange"
                                                                 :disabled="form.dIsRemovePipe!= null?false:true"/></td>
                    <td>
                      <el-input style="width: 50%;" v-model="form.dSafeImplSign26" readonly prefix-icon="el-icon-edit"
                                :disabled="form.dIsDisPipes==1?false:true" @focus="signCard('dSafeImplSign26')">
                      </el-input>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                      v-model="form.dSafeImplDate26" type="date"
                                      :disabled="form.dIsDisPipes==1?false:true">
                      </el-date-picker>
                    </td>
                    <td>
                      <el-input style="width: 50%" v-model="form.dSafeLiftedSign26" prefix-icon="el-icon-edit" disabled/>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                      v-model="form.dSafeLiftedDate26" type="date" disabled>
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>2.6 插入盲板 </td>
                    <td style="text-align: center;"><el-checkbox v-model="form.dIsInsertBlindPlage" true-label="1" false-label="0"
                                                                 :disabled="form.dIsDisPipes!= null?false:true"/></td>
                    <td style="text-align: center;"><el-checkbox v-model="form.dIsInsertBlindPlage" true-label="0" false-label="1"
                                                                 @change="dIsInsertBlindPlageChange"
                                                                 :disabled="form.dIsDisPipes!= null?false:true"/></td>
                    <td style="text-align: center;">
                      <el-input style="width: 50%;" v-model="form.dSafeImplSign27" readonly prefix-icon="el-icon-edit"
                                :disabled="form.dIsInsertBlindPlage==1?false:true"
                                @focus="signCard('dSafeImplSign27')">
                      </el-input>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                      v-model="form.dSafeImplDate27" type="date"
                                      :disabled="form.dIsInsertBlindPlage==1?false:true">
                      </el-date-picker>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 50%;" v-model="form.dSafeLiftedSign27" prefix-icon="el-icon-edit" disabled/>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%;"
                                      v-model="form.dSafeLiftedDate27" type="date" disabled>
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>2.7 机械安全措施：<el-input style="width: calc(100% - 118px)" v-model="form.dMecSecureContent"
                                                   :disabled="form.dIsMecSecure==1?false:true"/> </td>
                    <td style="text-align: center;">
                      <el-checkbox v-model="form.dIsMecSecure" true-label="1" false-label="0"
                                   :disabled="form.dIsInsertBlindPlage!= null?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-checkbox v-model="form.dIsMecSecure" true-label="0" false-label="1"
                                   @change="dIsMecSecureChange"
                                   :disabled="form.dIsInsertBlindPlage!= null?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 50%;" v-model="form.dSafeImplSign28" readonly prefix-icon="el-icon-edit"
                                :disabled="form.dIsMecSecure==1?false:true" @focus="signCard('dSafeImplSign28')">
                      </el-input>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                      v-model="form.dSafeImplDate28" type="date"
                                      :disabled="form.dIsMecSecure==1?false:true">
                      </el-date-picker>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 50%;" v-model="form.dSafeLiftedSign28" prefix-icon="el-icon-edit" disabled/>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%;"
                                      v-model="form.dSafeLiftedDate28" type="date" disabled>
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>2.8 附隔离/盲板图</td>
                    <td style="text-align: center;">
                      <el-checkbox v-model="form.dIsIsolationDiagram" true-label="1" false-label="0"
                                   :disabled="form.dIsMecSecure!= null?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-checkbox v-model="form.dIsIsolationDiagram" true-label="0" false-label="1"
                                   @change="dIsIsolationDiagramChange"
                                   :disabled="form.dIsMecSecure!= null?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 50%;" v-model="form.dSafeImplSign29" readonly prefix-icon="el-icon-edit"
                                :disabled="form.dIsIsolationDiagram==1?false:true"
                                @focus="signCard('dSafeImplSign29')">
                      </el-input>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                      v-model="form.dSafeImplDate29" type="date"
                                      :disabled="form.dIsIsolationDiagram==1?false:true">
                      </el-date-picker>
                    </td>
                    <td></td>
                  </tr>
                  <tr>
                    <td>2.9 <el-input style="width: calc(100% - 25px)" v-model="form.dOtherSafePlantContent"
                                      :disabled="form.dIsOtherSafePlant==1?false:true" /></td>
                    <td style="text-align: center"><el-checkbox v-model="form.dIsOtherSafePlant" true-label="1" false-label="0"
                                                                :disabled="form.dIsIsolationDiagram!= null?false:true"/></td>
                    <td style="text-align: center"><el-checkbox v-model="form.dIsOtherSafePlant" true-label="0" false-label="1"
                                                                @change="dIsOtherSafePlantChange"
                                                                :disabled="form.dIsIsolationDiagram!= null?false:true"/></td>
                    <td style="text-align: center;">
                      <el-input style="width: 50%;" v-model="form.dSafeImplSign210" readonly prefix-icon="el-icon-edit"
                                :disabled="form.dIsOtherSafePlant==1?false:true"
                                @focus="signCard('dSafeImplSign210')">
                      </el-input>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                      v-model="form.dSafeImplDate210" type="date"
                                      :disabled="form.dIsOtherSafePlant==1?false:true">
                      </el-date-picker>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 50%" v-model="form.dSafeLiftedSign210" disabled/>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                      v-model="form.dSafeLiftedDate210" type="date" disabled>
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td colspan="5"><b>3. 导空/清洗工艺设备</b></td>
                  </tr>
                  <tr>
                    <td>3.1 倒空</td>
                    <td style="text-align: center;">
                      <el-checkbox v-model="form.dIsDrain" true-label="1" false-label="0"
                                   :disabled="form.dIsOtherSafePlant!= null?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-checkbox v-model="form.dIsDrain" true-label="0" false-label="1" @change="dIsDrainChange"
                                   :disabled="form.dIsOtherSafePlant!= null?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 50%" v-model="form.dSafeImplSign31" readonly prefix-icon="el-icon-edit"
                                :disabled="form.dIsDrain==1?false:true" @focus="signCard('dSafeImplSign31')">
                      </el-input>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                      v-model="form.dSafeImplDate31" type="date"
                                      :disabled="form.dIsDrain==1?false:true">
                      </el-date-picker>
                    </td>
                    <td></td>
                  </tr>
                  <tr>
                    <td>3.2 用 <el-select style="width: 150px;" clearable v-model="form.dCleanContent" filterable
                                          :disabled="form.dIsClean==1?false:true">
                      <el-option v-for="item in dClears" :key="item.id" :label="item.name" :value="item.id">
                      </el-option>
                    </el-select> 清洗</td>
                    <td style="text-align: center;">
                      <el-checkbox v-model="form.dIsClean" true-label="1" false-label="0"
                                   :disabled="form.dIsDrain!= null?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-checkbox v-model="form.dIsClean" true-label="0" false-label="1" @change="dIsCleanChange"
                                   :disabled="form.dIsDrain!= null?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 50%;" v-model="form.dSafeImplSign32" readonly prefix-icon="el-icon-edit"
                                :disabled="form.dIsClean==1?false:true" @focus="signCard('dSafeImplSign32')">
                      </el-input>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                      v-model="form.dSafeImplDate32" type="date"
                                      :disabled="form.dIsClean==1?false:true">
                      </el-date-picker>
                    </td>
                    <td>
                    </td>
                  </tr>
                  <tr>
                    <td>3.3 用 <el-select style="width: 150px;" clearable v-model="form.dFlushContent" filterable
                                           :disabled="form.dIsFlush==1?false:true">
                      <el-option v-for="item in dFlushs" :key="item.id" :label="item.name" :value="item.id">
                      </el-option>
                    </el-select> 置换</td>
                    <td style="text-align: center;">
                      <el-checkbox v-model="form.dIsFlush" true-label="1" false-label="0"
                                   :disabled="form.dIsClean!= null?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-checkbox v-model="form.dIsFlush" true-label="0" false-label="1" @change="dIsFlushChange"
                                   :disabled="form.dIsClean!= null?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 50%;" v-model="form.dSafeImplSign33" readonly prefix-icon="el-icon-edit"
                                :disabled="form.dIsFlush==1?false:true" @focus="signCard('dSafeImplSign33')">
                      </el-input>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                      v-model="form.dSafeImplDate33" type="date"
                                      :disabled="form.dIsFlush==1?false:true">
                      </el-date-picker>
                    </td>
                    <td>
                    </td>
                  </tr>
                  <tr>
                    <td>3.4 <el-input style="width: calc(100% - 31px)" v-model="form.dOtherCleanContent"
                                       :disabled="form.dIsOhterClean==1?false:true"/></td>
                    <td style="text-align: center;">
                      <el-checkbox v-model="form.dIsOhterClean" true-label="1" false-label="0"
                                   :disabled="form.dIsFlush!= null?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-checkbox v-model="form.dIsOhterClean" true-label="0" false-label="1"
                                   @change="dIsOhterCleanChange"
                                   :disabled="form.dIsFlush!= null?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 50%;" v-model="form.dSafeImplSign34" readonly prefix-icon="el-icon-edit"
                                :disabled="form.dIsOhterClean==1?false:true"
                                @focus="signCard('dSafeImplSign34')">
                      </el-input>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                      v-model="form.dSafeImplDate34" type="date"
                                      :disabled="form.dIsOhterClean==1?false:true">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td colspan="5"><b>4.确保作业区域安全</b></td>
                  </tr>

                  <tr>
                    <td>4.1  现场隔离使用：<el-input style="width: calc(100% - 115px)" v-model="form.dSiteDemarcationContent"/></td>
                    <td style="text-align: center;">
                      <el-checkbox v-model="form.dIsSiteDemarcation" :true-label="1" :false-label="0"/>
                    </td>
                    <td style="text-align: center;">
                      <el-checkbox v-model="form.dIsSiteDemarcation" :true-label="0" :false-label="1"/>
                    </td>
                    <td>
                      <el-input style="width: 50%;" v-model="form.dSafeImplSign11" prefix-icon="el-icon-edit"
                                :disabled="form.dIsSiteDemarcation==1?false:true"/>
                      <el-date-picker
                        style="width: 50%;"
                        v-model="form.dSafeImplDate11"
                        type="date" :disabled="form.dIsSiteDemarcation==1?false:true">
                      </el-date-picker>
                    </td>
                    <td>
                      <el-input style="width: 50%;" v-model="form.dSafeLiftedSign11" prefix-icon="el-icon-edit"
                                :disabled="form.dIsSiteDemarcation==0?false:true"/>
                      <el-date-picker
                        style="width: 50%;"
                        v-model="form.dSafeLiftedDate11"
                        type="date" :disabled="form.dIsSiteDemarcation==0?false:true">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td> 4.2 需覆盖的区域：<el-input style="width: calc(100% - 118px)" v-model="form.dAreaCoverContent"
                                :disabled="form.dIsAreaCover==1?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-checkbox v-model="form.dIsAreaCover" true-label="1" false-label="0"
                                   :disabled="form.dIsSiteDemarcation!= null?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-checkbox v-model="form.dIsAreaCover" true-label="0" false-label="1"
                                   @change="dIsAreaCoverChange"
                                   :disabled="form.dIsSiteDemarcation!= null?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 50%;" v-model="form.dSafeImplSign42" readonly prefix-icon="el-icon-edit"
                                :disabled="form.dIsAreaCover==1?false:true" @focus="signCard('dSafeImplSign42')">
                      </el-input>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%;"
                                      v-model="form.dSafeImplDate42" type="date"
                                      :disabled="form.dIsAreaCover==1?false:true">
                      </el-date-picker>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 50%;" v-model="form.dSafeLiftedSign42" prefix-icon="el-icon-edit" disabled/>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%;"
                                      v-model="form.dSafeLiftedDate42" type="date" disabled>
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>4.3 封闭槽车/火车路线</td>
                    <td style="text-align: center;">
                      <el-checkbox v-model="form.dIsCloseTrucks" true-label="1" :false-label="0"
                                   :disabled="form.dIsSiteDemarcation != null?false:true"></el-checkbox>
                    </td>
                    <td style="text-align: center;">
                      <el-checkbox v-model="form.dIsCloseTrucks" :true-label="0" :false-label="1"
                                   :disabled="form.dIsSiteDemarcation != null?false:true"/>
                    </td>
                    <td>
                      <el-input style="width: 50%;" v-model="form.dSafeImplSign12" prefix-icon="el-icon-edit"
                                :disabled="form.dIsCloseTrucks == 1?false:true"/>
                      <el-date-picker
                        style="width: 50%;"
                        v-model="form.dSafeImplDate12"
                        type="date" :disabled="form.dIsCloseTrucks == 1?false:true">
                      </el-date-picker>
                    </td>
                    <td>
                      <el-input style="width: 50%;" v-model="form.dSafeLiftedSign12" prefix-icon="el-icon-edit"
                                :disabled="form.dIsCloseTrucks == 0?false:true"/>
                      <el-date-picker
                        style="width: 50%;"
                        v-model="form.dSafeLiftedDate12"
                        type="date" :disabled="form.dIsCloseTrucks == 0?false:true">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>4.4 对邻近法兰和管件检漏</td>
                    <td style="text-align: center;">
                      <el-checkbox v-model="form.dIsLeakFlanges" true-label="1" false-label="0"
                                   :disabled="form.dIsCloseTrucks!= null?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-checkbox v-model="form.dIsLeakFlanges" true-label="0" false-label="1"
                                   @change="dIsLeakFlangesChange"
                                   :disabled="form.dIsCloseTrucks!= null?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 50%;" v-model="form.dSafeImplSign44" readonly prefix-icon="el-icon-edit"
                                :disabled="form.dIsLeakFlanges==1?false:true"
                                @focus="signCard('dSafeImplSign44')">
                      </el-input>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                      v-model="form.dSafeImplDate44" type="date"
                                      :disabled="form.dIsLeakFlanges==1?false:true">
                      </el-date-picker>
                    </td>
                    <td style="text-align: center;">
                    </td>
                  </tr>
                  <tr>
                    <td>4.5
                      <el-input style="width: calc(100% - 25px);" v-model="form.dOtherWorkSafeContent"
                                :disabled="form.dIsOtherWorkSafe==1?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-checkbox v-model="form.dIsOtherWorkSafe" true-label="1" false-label="0"
                                   :disabled="form.dIsLeakFlanges!= null?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-checkbox v-model="form.dIsOtherWorkSafe" true-label="0" false-label="1"
                                   @change="dIsOtherWorkSafeChange"
                                   :disabled="form.dIsLeakFlanges!= null?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 50%;" v-model="form.dSafeImplSign45" readonly prefix-icon="el-icon-edit"
                                :disabled="form.dIsOtherWorkSafe==1?false:true"
                                @focus="signCard('dSafeImplSign45')">
                      </el-input>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                      v-model="form.dSafeImplDate45" type="date"
                                      :disabled="form.dIsOtherWorkSafe==1?false:true">
                      </el-date-picker>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 50%;" v-model="form.dSafeLiftedSign45" prefix-icon="el-icon-edit" disabled/>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                      v-model="form.dSafeLiftedDate45" type="date" disabled>
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td colspan="5"><b>5. 通风措施</b></td>
                  </tr>
                  <tr>
                    <td>5.1 自然通风：
                      <el-input style="width:calc(100% - 92px)" />
                    </td>
                    <td style="text-align: center;">
                      <el-checkbox true-label="1" false-label="0"/>
                    </td>
                    <td style="text-align: center;">
                      <el-checkbox true-label="0" false-label="1" />
                    </td>
                    <td><el-input prefix-icon="el-icon-edit" style="width: 50%"></el-input>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%" type="date" disabled>
                      </el-date-picker></td>
                    <td><el-input prefix-icon="el-icon-edit" style="width: 50%"></el-input>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%" type="date" disabled>
                      </el-date-picker></td>
                  </tr>
                </table>
              </el-collapse-item>
            </el-collapse>
          </el-col>
          <el-col :span="12">
            <el-collapse v-model="activeNames">
              <el-collapse-item title="D" name="4" class="display-type">
                <table>
                  <tr>
                    <th></th>
                    <th width="30">是</th>
                    <th width="30">否</th>
                    <th width="250">安全措施完成，签名/日期</th>
                    <th width="250">安全措施撤销，签名/日期</th>
                  </tr>
                  <tr>
                    <td>5.2 机械通风使用：
                      <el-input style="width: calc(100% - 117px)" :disabled="form.eIsMecVen==1?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-checkbox true-label="1" false-label="0"/>
                    </td>
                    <td style="text-align: center;">
                      <el-checkbox true-label="0" false-label="1" />
                    </td>
                    <td><el-input prefix-icon="el-icon-edit" style="width: 50%"></el-input>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%" type="date" disabled>
                      </el-date-picker></td>
                    <td><el-input prefix-icon="el-icon-edit" style="width: 50%"></el-input>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%" type="date" disabled>
                      </el-date-picker></td>
                  </tr>
                  <tr>
                    <td> 通风时间：
                      <el-input style="width: calc(100% - 91px)" />
                    </td>
                    <td style="text-align: center;">
                      <el-checkbox true-label="1" false-label="0"/>
                    </td>
                    <td style="text-align: center;">
                      <el-checkbox true-label="0" false-label="1" />
                    </td>
                    <td><el-input prefix-icon="el-icon-edit" style="width: 50%"></el-input>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%" type="date" disabled>
                      </el-date-picker></td>
                    <td><el-input prefix-icon="el-icon-edit" style="width: 50%"></el-input>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%" type="date" disabled>
                      </el-date-picker></td>
                  </tr>
                  <tr>
                    <td>5.3 空气分析内容：
                      <el-input style="width: calc(100% - 117px)" />
                    </td>
                    <td style="text-align: center;">
                      <el-checkbox ></el-checkbox>
                    </td>
                    <td style="text-align: center;">
                      <el-checkbox ></el-checkbox>
                    </td>
                    <td><el-input prefix-icon="el-icon-edit" style="width: 50%"></el-input>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%" type="date" disabled>
                      </el-date-picker></td>
                    <td><el-input prefix-icon="el-icon-edit" style="width: 50%"></el-input>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%" type="date" disabled>
                      </el-date-picker></td>
                  </tr>
                  <tr>
                    <td colspan="5"><b>6. 额外的组织措施</b></td>
                  </tr>
                  <tr>
                    <td>6.1 <el-input prefix-icon="el-icon-edit" style="width: calc(100% - 25px)" /></td>
                    <td style="text-align: center"><el-checkbox /></td>
                    <td style="text-align: center"><el-checkbox /></td>
                    <td><el-input prefix-icon="el-icon-edit" style="width: 50%"></el-input>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%" type="date" disabled>
                      </el-date-picker></td>
                    <td><el-input prefix-icon="el-icon-edit" style="width: 50%"></el-input>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%" type="date" disabled>
                      </el-date-picker></td>
                  </tr>
                  <tr>
                    <td colspan="5"><b>现场安全说明</b></td>
                  </tr>
                  <tr>
                    <td colspan="5">
                      <el-checkbox true-label="1" false-label="0"
                                   v-model="form.dIsSafeBriefing"
                                   @change="dIsSafeBriefingChange"
                                   :disabled="form.dIsOtherMeasure!= null?false:true">是
                      </el-checkbox>
                      参与交底人签名/日期
                      <el-input style="width: 250px;" v-model="form.dPartakeBriefingSign" clearable
                                :disabled="form.dIsSafeBriefing==1?false:true"/>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 200px"
                                      v-model="form.dPartakeBriefingDate" type="date"
                                      :disabled="form.dIsSafeBriefing==1?false:true">
                      </el-date-picker>
                      <el-button type="primary" slot="append" @click="signCard('dPartakeBriefingSign')"
                                 icon="el-icon-edit"
                                 :disabled="form.dIsSafeBriefing==1?false:true"></el-button>

                      <el-button type="primary" slot="append" @click="uploadFile('dPartakeBriefingSign')"
                                 icon="el-icon-link"
                                 :disabled="form.dIsSafeBriefing==1?false:false"></el-button>
                    </td>
                  </tr>
                </table>
              </el-collapse-item>
              <el-collapse-item title="E 施工时的安全措施" name="5">
                <el-row>
                  <el-col :span="12">
                    <table>
                      <th></th>
                      <th width = "30" style="text-align: center;">是</th>
                      <th width = "30" style="text-align: center;">否</th>
                      <tr>
                        <td><b>1. 可能有残留物料</b></td>
                        <td style="text-align: center;">
                          <el-checkbox v-model="form.eIsPresent" true-label="1" false-label="0"/>
                        </td>
                        <td style="text-align: center;">
                          <el-checkbox v-model="form.eIsPresent" true-label="0" false-label="1"/>
                        </td>
                      </tr>
                      <tr>
                        <td><b>2. 个人防护用品(不包含区域 PPE)</b></td>
                      </tr>
                      <tr>
                        <td>仅限定时间内佩戴的PPE：</td>
                        <td style="text-align: center;">
                          <el-checkbox v-model="form.eIsRequiredPpe" true-label="1" false-label="0"/>
                        </td>
                        <td style="text-align: center;">
                          <el-checkbox v-model="form.eIsRequiredPpe" true-label="0" false-label="1"
                                       @change="eIsRequiredPpeChange"/>
                        </td>
                      </tr>
                      <tr>
                        <td>项目：
                          <el-input style="width: calc(100% - 44px)" v-model="form.ePpeContent"
                                    :disabled="form.eIsRequiredPpe==1?false:true"/>
                        </td>
                        <td></td>
                        <td></td>
                      </tr>
                      <tr>
                        <td>项目：
                          <el-input style="width: calc(100% - 44px)" />
                        </td>
                        <td></td>
                        <td></td>
                      </tr>
                      <tr>
                        <td>2.1 安全护目镜</td>
                        <td style="text-align: center;">
                          <el-checkbox v-model="eIsSafeGoggles" true-label="1" false-label="0"/>
                        </td>
                        <td style="text-align: center;">
                          <el-checkbox v-model="eIsSafeGoggles" true-label="0" false-label="1"/>
                        </td>
                      </tr>
                      <tr>
                        <td>2.2 防护面罩</td>
                        <td style="text-align: center;">
                          <el-checkbox v-model="eIsFaceShield" true-label="1" false-label="0"/>
                        </td>
                        <td style="text-align: center;">
                          <el-checkbox v-model="eIsFaceShield" true-label="0" false-label="1"/>
                        </td>
                      </tr>
                      <tr>
                        <td>2.3 防护手套，类型：
                          <el-select :disabled="eIsProtectGloves==1?false:true" style="width: calc(100% - 130px)"
                                     v-model="eProtectGlovesContent" placeholder="请选择防护手套">
                            <el-option v-for="dict in safeGoggles" :key="dict.id"
                                       :label="dict.conservatoryMeasureName"
                                       :value="dict.id">
                            </el-option>
                          </el-select>
                        </td>
                        <td style="text-align: center;">
                          <el-checkbox v-model="eIsProtectGloves" true-label="1" false-label="0"/>
                        </td>
                        <td style="text-align: center;">
                          <el-checkbox v-model="eIsProtectGloves" true-label="0" false-label="1"
                                       @change="eIsProtectGlovesChange"/>
                        </td>
                      </tr>
                      <tr>
                        <td>2.4 橡胶长靴</td>
                        <td style="text-align: center;">
                          <el-checkbox v-model="eIsRubberBoots" true-label="1" false-label="0"/>
                        </td>
                        <td style="text-align: center;">
                          <el-checkbox v-model="eIsRubberBoots" true-label="0" false-label="1"/>
                        </td>
                      </tr>
                      <tr>
                        <td>2.5 橡胶围裙</td>
                        <td style="text-align: center;">
                          <el-checkbox v-model="eIsRubberApron" true-label="1" false-label="0"/>
                        </td>
                        <td style="text-align: center;">
                          <el-checkbox v-model="eIsRubberApron" true-label="0" false-label="1"/>
                        </td>
                      </tr>
                      <tr>
                        <td>2.6 防护服，类型：
                          <el-select :disabled="eIsProtectSuit==1?false:true" style="width: calc(100% - 118px)"
                                     v-model="eProtectSuitContent" placeholder="请选择防护服">
                            <el-option v-for="dict in protectSuits" :key="dict.id"
                                       :label="dict.conservatoryMeasureName"
                                       :value="dict.id">
                            </el-option>
                          </el-select>
                        </td>
                        <td style="text-align: center;">
                          <el-checkbox v-model="eIsProtectSuit" true-label="1" false-label="0"/>
                        </td>
                        <td style="text-align: center;">
                          <el-checkbox v-model="eIsProtectSuit" true-label="0" false-label="1"
                                       @change="eIsProtectSuitChange"/>
                        </td>
                      </tr>
                      <tr>
                        <td>2.7 呼吸保护用品，类型：
                          <el-select :disabled="eIsResProtect==1?false:true" style="width: calc(100% - 157px)"
                                     v-model="eResProtectContent" placeholder="请选择防护面罩">
                            <el-option v-for="dict in resProtects" :key="dict.id"
                                       :label="dict.conservatoryMeasureName"
                                       :value="dict.id">
                            </el-option>
                          </el-select>
                        </td>
                        <td style="text-align: center;">
                          <el-checkbox v-model="eIsResProtect" true-label="1" false-label="0"/>
                        </td>
                        <td style="text-align: center;">
                          <el-checkbox v-model="eIsResProtect" true-label="0" false-label="1"
                                       @change="eIsResProtectChange"/>
                        </td>
                      </tr>
                      <tr>
                        <td>2.8 防坠落装置，类型：
                          <el-select style="width: calc(100% - 144px)" clearable v-model="form.eFallArrestContent" filterable
                                     :disabled="eIsFallArrest==1?false:true">
                            <el-option v-for="item in eFallArrestContents" :key="item.id" :label="item.name"
                                       :value="item.id">
                            </el-option>
                          </el-select>
                        </td>
                        <td style="text-align: center;">
                          <el-checkbox v-model="eIsFallArrest" true-label="1" false-label="0"/>
                        </td>
                        <td style="text-align: center;">
                          <el-checkbox v-model="eIsFallArrest" true-label="0" false-label="1"
                                       @change="eIsFallArrestChange"/>
                        </td>
                      </tr>
                      <tr>
                        <td>2.9
                          <el-input style="width: calc(100% - 23px);" v-model="form.eOtherProtectContent"
                                    :disabled="form.eIsOtherProtect==1?false:true"/>
                        </td>
                        <td style="text-align: center;">
                          <el-checkbox v-model="form.eIsOtherProtect" true-label="1" false-label="0"/>
                        </td>
                        <td style="text-align: center;">
                          <el-checkbox v-model="form.eIsOtherProtect" true-label="0" false-label="1"
                                       @change="eIsOtherProtectChange"/>
                        </td>
                      </tr>
                    </table>
                  </el-col>
                  <el-col :span="12">
                    <table>
                      <tr>
                        <th></th>
                        <th width="30" style="text-align: center;">是</th>
                        <th width="30" style="text-align: center;">否</th>
                      </tr>
                      <tr>
                        <td><b>3. 连续的监控</b></td>
                      </tr>
                      <tr>
                        <td>观察员，提供单位：<el-input style="width: calc(100% - 117px)" /></td>
                      </tr>
                      <tr>
                        <td>安全监护人，提供单位：
                          <el-input style="width: calc(100% - 148px)" />
                        </td>
                        <td style="text-align: center;">
                          <el-checkbox v-model="form.eIsContinueMonitoring" true-label="1" false-label="0"/>
                        </td>
                        <td style="text-align: center;">
                          <el-checkbox v-model="form.eIsContinueMonitoring" true-label="0" false-label="1"
                                       @change="eIsContinueMonitoringChange"/>
                        </td>
                      </tr>
                      <tr>
                        <td colspan="3"><b>4. 通风措施</b></td>
                      </tr>
                      <tr>
                        <td>4.1 自然通风：
                          <el-input style="width: calc(100% - 91px)" v-model="form.eNaturalVenContent"
                                    :disabled="form.eIsNaturalVen==1?false:true"/>
                        </td>
                        <td style="text-align: center;">
                          <el-checkbox v-model="form.eIsNaturalVen" true-label="1" false-label="0"/>
                        </td>
                        <td style="text-align: center;">
                          <el-checkbox v-model="form.eIsNaturalVen" true-label="0" false-label="1"
                                       @change="eIsNaturalVenChange"/>
                        </td>
                      </tr>
                      <tr>
                        <td>4.2 机械通风，使用：
                          <el-input style="width: calc(100% - 130px);" v-model="form.eMecVenContent"
                                    :disabled="form.eIsMecVen==1?false:true"/>
                        </td>
                        <td style="text-align: center;">
                          <el-checkbox v-model="form.eIsMecVen" true-label="1" false-label="0"/>
                        </td>
                        <td style="text-align: center;">
                          <el-checkbox v-model="form.eIsMecVen" true-label="0" false-label="1"
                                       @change="eIsMecVenChange"/>
                        </td>
                      </tr>
                      <tr>
                        <td>4.3 在释放源处抽走粉尘/气体/蒸汽</td>
                        <td style="text-align: center;">
                          <el-checkbox v-model="form.eIsExxtractDust" true-label="1" false-label="0"/>
                        </td>
                        <td style="text-align: center;">
                          <el-checkbox v-model="form.eIsExxtractDust" true-label="0" false-label="1"/>
                        </td>
                      </tr>
                      <tr>
                        <td>4.4 空气分析内容：
                          <el-input style="width: calc(100% - 117px);" v-model="form.eAnalyzeAirContent"
                                    :disabled="form.eIsAnalyzeAir==1?false:true"/>
                        </td>
                        <td style="text-align: center;">
                          <el-checkbox v-model="form.eIsAnalyzeAir" true-label="1" false-label="0"/>
                        </td>
                        <td style="text-align: center;">
                          <el-checkbox v-model="form.eIsAnalyzeAir" true-label="0" false-label="1"
                                       @change="eIsAnalyzeAirChange"/>
                        </td>
                      </tr>
                      <tr>
                        <td>分析频次：
                          <el-select style="width: calc(100% - 70px);" clearable v-model="form.eAnalyzeAirInterval" filterable
                                     :disabled="form.eIsAnalyzeAir==1?false:true">
                            <el-option v-for="item in eAnalyzeAirIntervals" :key="item.id" :label="item.name"
                                       :value="item.id">
                            </el-option>
                          </el-select>
                        </td>
                      </tr>
                      <tr>
                        <td>4.5
                          <el-input style="width: calc(100% - 23px);" v-model="form.eOtherVenContent"
                                    :disabled="form.eIsOtherVen==1?false:true"/>
                        </td>
                        <td style="text-align: center;">
                          <el-checkbox v-model="form.eIsOtherVen" true-label="1" false-label="0"/>
                        </td>
                        <td style="text-align: center;">
                          <el-checkbox v-model="form.eIsOtherVen" true-label="0" false-label="1"
                                       @change="eIsOtherVenChange"/>
                        </td>
                      </tr>
                      <tr>
                        <td colspan="3" style="text-align: center"><br/>
                          <b>！当使用电气设备时，必须使用安全低电压或安全隔离的变压器。若有预料不到的事
                            件发生，立即停止工作并通知主管。</b>
                        </td>
                      </tr>
                    </table>
                  </el-col>
                </el-row>
              </el-collapse-item>
              <el-collapse-item title="F 施工后的安全措施" name="6">
                <table>
                  <tr>
                    <th></th>
                    <th style="width: 30px; text-align: center;">是</th>
                    <th style="width: 30px; text-align: center;">否</th>
                  </tr>
                  <tr>
                    <td>
                      <el-input style="width: 600px;" v-model="form.fAfterWorkSafeContent"
                                :disabled="form.fIsAfterWorkSafe == 1?false:true"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="form.fIsAfterWorkSafe" true-label="1" false-label="0"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="form.fIsAfterWorkSafe" true-label="0" false-label="1"
                                   @change="fIsAfterWorkSafeChange"/>
                    </td>
                  </tr>
                </table>
              </el-collapse-item>
              <el-collapse-item title="G 核实危害评估和安全措施界定" name="7">
                <table>
                  <tr>
                    <th></th>
                    <th align="right">由专门部门人员评估的项目：</th>
                    <th style="width: 35px; text-align: center;">是</th>
                    <th style="width: 40px; text-align: center;">否</th>
                  </tr>
                  <tr>
                    <td>第一签名<small>(装置/部门授权人员)</small>：
                      <el-input style="width: 90px;" v-model="form.gFirstSign" prefix-icon="el-icon-edit"/>
                      <el-date-picker
                        style="width: calc(100% - 270px)"
                        v-model="form.gFirstDate"
                        type="datetime"
                        placeholder="选择日期时间">
                      </el-date-picker>
                    </td>
                    <td>
                      <el-input v-model="form.gSpecialAssessment"/>
                    </td>
                    <td style="text-align: center;">
                      <el-checkbox v-model="form.gIsSpecialAssessment" :true-label="1" :false-label="0"/>
                    </td>
                    <td style="text-align: center;">
                      <el-checkbox v-model="form.gIsSpecialAssessment" :true-label="0" :false-label="1"></el-checkbox>
                    </td>
                  </tr>
                  <tr>
                    <td>第二签名<small>(装置/部门授权人员)</small>：
                      <el-input style="width: 90px;" v-model="form.gSecondSign" prefix-icon="el-icon-edit"/>
                      <el-date-picker
                        style="width: calc(100% - 270px)"
                        v-model="form.gSecondDate"
                        type="datetime"
                        placeholder="选择日期时间">
                      </el-date-picker>
                    </td>
                    <td colspan="3">第三签名<small>(相应部门人员及部门名称)</small>：
                      <el-input style="width: 85px;" v-model="form.gThirdSign" prefix-icon="el-icon-edit"/>
                      <el-date-picker
                        style="width: calc(100% - 300px)"
                        v-model="form.gThirdDate"
                        type="datetime"
                        placeholder="选择日期时间">
                      </el-date-picker>
                    </td>
                  </tr>
                </table>
              </el-collapse-item>
              <el-collapse-item title="H 安全措施检查和许可证批准" name="8">
                <table>
                  <tr>
                    <td>签名：
                      <el-input style="width: 150px;" v-model="form.hSafeMesSign" prefix-icon="el-icon-edit"/>
                      <el-date-picker
                        style="width: calc(100% - 200px)"
                        v-model="form.hSafeMesDate"
                        type="datetime"
                        placeholder="选择日期时间">
                      </el-date-picker>
                    </td>
                    <td>A4栏安全联络员签名：
                      <el-input style="width: 130px;" prefix-icon="el-icon-edit" />
                      <el-date-picker
                        style="width: calc(100% - 272px)"
                        type="datetime"
                        placeholder="选择日期时间">
                      </el-date-picker></td>
                  </tr>
                  <tr>
                    <td><small>(生产装置授权人员，D栏的安全措施已实施和检查，G栏的签名已完成)</small></td>
                    <td>
                    </td>
                  </tr>
                </table>
              </el-collapse-item>
              <el-collapse-item title="I 施工单位接受许可证" name="9">
                <table>
                  <tr>
                    <td>
                      1a 签名（授权维修主管）
                      <el-input style="width: 90px;" v-model="form.iOneASign" prefix-icon="el-icon-edit"/>
                      <el-date-picker
                        style="width: calc(100% - 245px)"
                        v-model="form.iOneADate"
                        type="datetime"
                        placeholder="选择日期时间">
                      </el-date-picker>
                    </td>
                    <td>
                      1b 签名（授权维修工人）
                      <el-input style="width: 90px;" v-model="form.iOneBSign" prefix-icon="el-icon-edit"/>
                      <el-date-picker
                        style="width: calc(100% - 245px)"
                        v-model="form.iOneBDate"
                        type="datetime"
                        placeholder="选择日期时间">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <small>
                        (E栏的安全措施已实施和D7的现场安全说明已完成)
                      </small>
                    </td>
                    <td>
                      <small>(E栏的安全措施已实施和D7的现场安全说明已完成)</small>
                    </td>
                  </tr>
                  <tr>
                    <td colspan="2">2、日期，安全监护人/观察员签名（G， I1a 和I1b 签名已完成， E 安全措施已实施）</td>
                  </tr>
                  <tr>
                    <td>签名：<el-input prefix-icon="el-icon-edit" style="width: calc(100% - 245px)" /> 由 <el-date-picker
                      style="width: calc(100% - 245px)"
                      type="datetime"
                      placeholder="选择日期时间">
                    </el-date-picker></td>
                    <td>
                      签名：<el-input prefix-icon="el-icon-edit" style="width: calc(100% - 245px)" /> 由 <el-date-picker
                      style="width: calc(100% - 245px)"
                      type="datetime"
                      placeholder="选择日期时间">
                    </el-date-picker>
                    </td>
                  </tr>
                </table>
              </el-collapse-item>
              <el-collapse-item title="J1 中途的E&I功能测试       J2 中途测试后,再次停用装置设备" name="10">
                <table>
                  <tr>
                    <td>
                      <el-input style="width: 100px;" v-model="form.jOneBSign" readonly @focus="signCard('jOneBSign')">
                        <i slot="prefix" class="el-input__icon el-icon-edit"></i>
                      </el-input>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: calc(100% - 100px)" v-model="form.jOneBDate"
                                      type="datetime">
                      </el-date-picker>
                    </td>
                    <td>
                      <el-input style="width: 100px;" v-model="form.jResMemberSign" readonly
                                @focus="signCard('jResMemberSign')">
                        <i slot="prefix" class="el-input__icon el-icon-edit"></i>
                      </el-input>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: calc(100% - 100px)"
                                      v-model="form.jResMemberDate" type="datetime">
                      </el-date-picker>
                    </td>
                    <td>
                      <el-input style="width: 100px;" v-model="form.jEISign" readonly @focus="signCard('jEISign')">
                        <i slot="prefix" class="el-input__icon el-icon-edit"></i>
                      </el-input>
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: calc(100% - 100px)" v-model="form.jEIDate"
                                      type="datetime">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <small>授权的维修工人签名(l1b)，日期</small>
                    </td>
                    <td>
                      <small>装置/部门授权人签名(G)，日期</small>
                    </td>
                    <td>
                      <small>E&I人员签名确认已安全停电，日期</small>
                    </td>
                  </tr>
                </table>
              </el-collapse-item>
              <el-row :gutter="20">
                <el-col :span="12">
                  <el-collapse-item title="K 确认F栏的安全措施已实施" name="12">
                    <div style="margin-top: 23px">
                      签名，日期/时间
                      <el-input style="width: 100px;" v-model="form.kConfirmSign" prefix-icon="el-icon-edit"/>
                      <el-date-picker
                        v-model="form.kConfirmDate"
                        style="width: calc(100% - 200px)"
                        type="datetime"
                        placeholder="选择日期时间">
                      </el-date-picker>
                    </div>
                  </el-collapse-item>
                </el-col>
                <el-col :span="12">
                  <el-collapse-item title="L 授权的维修工人通知装置/部门施工完成" name="13">
                    如有需要，通过安全联络员
                    <br>
                    签名，日期/时间
                    <el-input style="width: 100px;" v-model="form.lNoticeSign" prefix-icon="el-icon-edit"/>
                    <el-date-picker
                      v-model="form.lNoticeDate"
                      type="datetime"
                      style="width: calc(100% - 200px)"
                      placeholder="选择日期时间">
                    </el-date-picker>
                  </el-collapse-item>
                </el-col>
              </el-row>
              <el-collapse-item title="M 评估/批准撤销D栏的施工前安全措施" name="14">
                <table>
                  <tr>
                    <td colspan="3">
                      <el-input v-model="form.mAssessDContent"/>
                    </td>
                    <td>
                      <el-input style="width: 100px;" v-model="form.mAssessDSign" prefix-icon="el-icon-edit"/>
                      <el-date-picker
                        v-model="form.mAssessDDate"
                        type="datetime"
                        style="width: calc(100% - 100px)"
                        placeholder="选择日期时间">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td colspan="3">
                      <small>如需要，列出撤销安全措施的次序</small>
                    </td>
                    <td><small>签名(装置/部门授权人员)</small></td>
                  </tr>
                  <tr>
                    <td>其它相关许可证：</td>
                    <td>
                      <el-input v-model="form.mOtherLicenceOne"/>
                    </td>
                    <td>
                      <el-input v-model="form.mOtherLicenceTwo"/>
                    </td>
                    <td>
                      <el-input v-model="form.mOtherLicenceThree"/>
                    </td>
                  </tr>
                </table>
              </el-collapse-item>
              <el-collapse-item title="N 动火工作空气检测记录（2小时分析/记录一次）" name="15">
                <table cellpadding="0" cellspacing="0" class="last-table">
                  <tr>
                    <td width="130">检测位置</td>
                    <td>
                      <el-input/>
                    </td>
                    <td>
                      <el-input/>
                    </td>
                    <td>
                      <el-input/>
                    </td>
                    <td>
                      <el-input/>
                    </td>
                    <td>
                      <el-input/>
                    </td>
                    <td>
                      <el-input/>
                    </td>
                  </tr>
                  <tr>
                    <td>检测时间（时/分）</td>
                    <td>
                      <el-input/>
                    </td>
                    <td>
                      <el-input/>
                    </td>
                    <td>
                      <el-input/>
                    </td>
                    <td>
                      <el-input/>
                    </td>
                    <td>
                      <el-input/>
                    </td>
                    <td>
                      <el-input/>
                    </td>
                  </tr>
                  <tr>
                    <td>检测物质</td>
                    <td>
                      <el-input/>
                    </td>
                    <td>
                      <el-input/>
                    </td>
                    <td>
                      <el-input/>
                    </td>
                    <td>
                      <el-input/>
                    </td>
                    <td>
                      <el-input/>
                    </td>
                    <td>
                      <el-input/>
                    </td>
                  </tr>
                  <tr>
                    <td>检测结果</td>
                    <td>
                      <el-input/>
                    </td>
                    <td>
                      <el-input/>
                    </td>
                    <td>
                      <el-input/>
                    </td>
                    <td>
                      <el-input/>
                    </td>
                    <td>
                      <el-input/>
                    </td>
                    <td>
                      <el-input/>
                    </td>
                  </tr>
                  <tr>
                    <td>检测人签名</td>
                    <td>
                      <el-input/>
                    </td>
                    <td>
                      <el-input/>
                    </td>
                    <td>
                      <el-input/>
                    </td>
                    <td>
                      <el-input/>
                    </td>
                    <td>
                      <el-input/>
                    </td>
                    <td>
                      <el-input/>
                    </td>
                  </tr>
                  <tr>
                    <td>便携式检测仪编号</td>
                    <td>
                      <el-input/>
                    </td>
                    <td>
                      <el-input/>
                    </td>
                    <td>
                      <el-input/>
                    </td>
                    <td>
                      <el-input/>
                    </td>
                    <td>
                      <el-input/>
                    </td>
                    <td>
                      <el-input/>
                    </td>
                  </tr>
                </table>
              </el-collapse-item>
            </el-collapse>
          </el-col>
        </el-row>
      </div>
    </el-form>
  </div>
</template>
<script>
import {
  listMatters
} from "@/api/ehs/throughcleanbcc";

export default {
  data() {
    return {
      check1: "",
      form: {

      },
      //A 基本信息
      productionUnit: "",
      productionUnitDirector: "",
      productionUnitPhone: "",
      productionUnitOffice: "",
      constructionUnit: "",
      constructionUnitDirector: "",
      constructionUnitPhone: "",
      constructionUnitOffice: "",
      extContractors: "",
      userDirector: "",
      extContractorsPhone: "",
      extContractorsOffice: "",
      userName: "",
      autograph: "",
      userPhone: "",
      userOffice: "",
      radio1: '1',
      input1: "",

      //B 工作内容
      equipment: "",
      areaNo: "",
      workContent: "",
      /* 日期格式模板，目前年月日均默认当日 */
      /* value1: [
                new Date(2000, 10, 10, 10, 10),
                new Date(2000, 10, 11, 10, 10),
              ], */
      value1: [
        new Date(new Date().getFullYear(), new Date().getMonth() + 1, new Date().getDate(), 0, 0),
        new Date(new Date().getFullYear(), new Date().getMonth() + 1, new Date().getDate(), 0, 0),
      ],

      //C 危害识别
      isYesDanger: false,
      isDanger: false,
      isWarning: false,
      matterNames: [],
      item: "",
      checkbox1: false,
      checkbox2: false,
      checkbox3: false,
      checkbox4: false,
      checkbox5: false,
      checkbox6: false,
      checkbox7: false,
      checkbox8: false,
      checkbox9: false,
      checkbox10: false,
      checkbox11: false,
      checkbox12: false,
      checkbox13: false,
      isEquipmentHazards: false,
      isHighTem: false,
      isLowTem: false,
      isPosPre: false,
      isNegPre: false,
      isProUnitDanger: false,
      proUnitDangerContent: "",
      isFacilityHazards: false,
      isMovingParts: false,
      isHotSurface: false,
      isColdSurface: false,
      isVoltage: false,
      isFireWorkPermit: false,
      isSafeguard: false,
      isOtherHazards: false,
      otherHazardsContent: "",
      fireWorkContent: "",

      //D 施工前的安全措施
      isYesResidue: false,
      isNoResidue: false,
      isYesPee: false,
      isNoPee: false,
      peeContent: "",
      protectGlovesContent: "",
      isYesProtectGloves: false,
      isNoProtectGloves: false,
      isYesRubberBoot: false,
      isNoRubberBoot: false,
      isYesRubberApron: false,
      isNoRubberApron: false,
      protectClotherContent: "",
      isYesProtectClothes: false,
      isNoProtectClothes: false,
      protectBreathingContent: "",
      isYesProtectBreathing: false,
      isNoProtectBreathing: false,
      protectFallContent: "",
      isYesProtectFall: false,
      isNoProtectFall: false,
      otherProtectContent: "",
      isYesOtherProtect: false,
      isNoOtherProtect: false,
      isYesdd: false,
      isNodd: false,
      yesddContent: "",
      noddContent: "",
      isYesdk: false,
      isNodk: false,
      isYeshl: false,
      isNohl: false,
      isYesfsy: false,
      isNofsy: false,
      isYesOther1: false,
      isNoOther1: false,
      isYesOther2: false,
      isNoOther2: false,
      isYesOther3: false,
      isNoOther3: false,
      isYesOther4: false,
      isNoOther4: false,
      isYesOther5: false,
      isNoOther5: false,
      isYesxy: false,
      isNosxy: false,
      isYesdf: false,
      isNodf: false,
      isYessf: false,
      isNosf: false,
      isYessd: false,
      isNosd: false,
      isYesbfgx: false,
      isNobfgx: false,
      isYesdkgx: false,
      isNodkgx: false,
      isYescrmb: false,
      isNocrmb: false,
      isYesjxan: false,
      isNojxan: false,
      isYesglmb: false,
      isNoglmb: false,
      isYesdaokong: false,
      isNodaokong: false,
      isYesqingxi: false,
      isNoqingxi: false,
      isYeszhihuan: false,
      isNozhihuan: false,
      isYesxcgl: false,
      isNoxcgl: false,
      isYesxfgqy: false,
      isNoxfgqy: false,
      isYesfbcc: false,
      isNofbcc: false,
      isYesljfl: false,
      isNoljfl: false,
      dqhlContent: "",
      ybceContent: "",
      yesdkContent: "",
      nodkContent: "",
      yesfsyContent: "",
      nofsyContent: "",
      other1Content: "",
      yesOther1Content: "",
      noOther1Content: "",
      xyContent: "",
      yesdfContent: "",
      nodfContent: "",
      yessfContent: "",
      nosfContent: "",
      sdContent: "",
      yessdContent: "",
      nosdContent: "",
      yesbfgxContent: "",
      nobfgxContent: "",
      yesdkgxContent: "",
      nodkgxContent: "",
      yescrmbContent: "",
      nocrmbContent: "",
      jxanContent: "",
      yesjxanContent: "",
      nojxanContent: "",
      yesglmbContent: "",
      noglmbContent: "",
      other2Content: "",
      yesOther2Content: "",
      noOther2Content: "",
      qingxiContent: "",
      yesqingxiContent: "",
      zhihuanContent: "",
      yeszhihuanContent: "",
      other3Content: "",
      yesOther3Content: "",
      xcglContent: "",
      yesxcglContent: "",
      noxcglContent: "",
      fgqyContent: "",
      yesfgqyContent: "",
      nofgqyContent: "",
      yesfbccContent: "",
      nofbccContent: "",
      yesljflContent: "",
      noljflContent: "",
      other4Content: "",
      yesOther4Content: "",
      noOther4Content: "",
      other5Content: "",
      yesOther5Content: "",
      noOther5Content: "",
      date1: "",
      date2: "",
      date3: "",
      date4: "",
      date5: "",
      date6: "",
      date7: "",
      date8: "",
      date9: "",
      date10: "",
      date11: "",
      date12: "",
      date13: "",
      date14: "",
      date15: "",
      date16: "",
      date17: "",
      date18: "",
      date19: "",
      date20: "",
      date21: "",
      date22: "",
      date23: "",
      date24: "",
      date25: "",
      date26: "",
      date27: "",
      date28: "",
      date29: "",
      date30: "",
      date31: "",
      date32: "",
      date33: "",
      date34: "",
      date35: "",
      date36: "",
      date37: "",
      date38: "",
      date39: "",
      date40: "",
      date41: "",
      date42: "",
      date43: "",
      date44: "",
      date45: "",
      date46: "",
      date47: "",
      date48: "",
      date49: "",
      date50: "",
      date51: "",
      date52: "",
      date53: "",
      bccContent: "",

      isYesxcjd: false,
      isNoxcjd: false,
      noxcjdContent: "",
      jdUserSign: "",

      safeGuardianUnit: "",
      safeGuardianSign: "",
      naturalDraft: "",
      isYesNaturalDraft: false,
      isNoNaturalDraft: false,
      mecVentilationContent: "",
      isYesMecVen: false,
      isNoMecVen: false,
      isYesRemoveDust: false,
      isNoRemoveDust: false,
      airAnalysisContent: "",
      isYesAirAnalysis: false,
      isNoAirAnalysis: false,
      analysisFre: "",
      other6Content: "",
      isYesOther6: false,
      isNoOther6: false,

      afterSafeMeasures: "",
      isYesAfterSafeMeasures: false,
      isNoAfterSafeMeasures: false,
      firstClassUsersign: "",
      speciallyContent: "",
      isYesSpecially: false,
      isNoSpecially: false,
      secondClassUser: "",
      thirdClasUser: "",
      hSign: "",
      extensionPermit1: "",
      extensionPermit2: "",
      extensionPermit3: "",
      a1Sign: "",
      b1Sign: "",
      l1bSign: "",
      proAuthorizer: "",
      eiSign: "",
      kfSign: "",
      lSign: "",
      revokeContent: "",
      revokeProAuthorizer: "",
      otherLicence1: "",
      otherLicence2: "",
      otherLicence3: "",
      isYesContinue: false,
      isNoContinue: false,
      //新增修改窗口内容是否展开
      activeNames: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15'],
    }
  },
  /* 页面渲染前执行的方法*/
  created() {
    this.queryMatters();
  },
  methods: {
    /* 动态改变勾选 */
    selectChange(id) {
      /* 取消所有选中框 */
      this.falseCheckbox();
      /* 根据危害物质进行动态多选框选中 */
      this.$nextTick(() => {
        this.matterNames.forEach(mf => {
          if (mf.id == id) {
            var ff = mf.matterFeatureList;
            var pro = mf.protects;
            if (ff != null && ff.length > 0) {
              this.trueCheckbox(ff);
              this.isDanger = true;
              this.isWarning = true;
              this.isYesDanger = true;
            } else {
              console.log("没有需要选中的多选框");
            }
            if (pro != null && pro.length > 0) {
              this.isYesResidue = true;
              pro.forEach(p => {
                this[p.conservatoryMeasureCode] = true;
                if (p.conservatoryMeasureContent != null) {
                  this[p.conservatoryMeasureContent] = p.conservatoryMeasureName;
                }
              })
            }
          }
        })
        /*var idd = this.matterNames[id];
        console.log(id);*/
      });
    },
    falseCheckbox() {
      this.isYesDanger = this.isDanger = this.isWarning = this.checkbox1 = this.checkbox2 =
        this.checkbox3 = this.checkbox4 = this.checkbox5 = this.checkbox6 = this.checkbox7 =
          this.checkbox8 = this.checkbox9 = this.checkbox10 = this.checkbox11 = this.checkbox12 =
            this.checkbox13 = this.isNoResidue =
              this.isYesResidue = this.isYesPee = this.isNoPee = this.isYesProtectGloves = this.isNoProtectGloves =
                this.isYesRubberBoot = this.isNoRubberBoot = this.isYesRubberApron = this.isNoRubberApron =
                  this.isYesProtectClothes = this.isNoProtectClothes = this.isYesProtectBreathing =
                    this.isNoProtectBreathing = this.isYesProtectFall = this.isNoProtectFall =
                      this.isYesOtherProtect = this.isNoOtherProtect = false;
      this.otherProtectContent = "";
      this.protectClotherContent = "";
      this.protectFallContent = "";
      this.protectGlovesContent = "";
      this.protectBreathingContent = "";
      this.peeContent = "";
      this.falseProtect();
    },
    queryMatters() {
      listMatters().then(response => {
        this.matterNames = response.data;
        console.log(this.matterNames)
      })
    },
    falseProtect() {
      this.safeGuardianUnit = "";
      this.safeGuardianSign = "";
      this.naturalDraft = "";
      this.mecVentilationContent = "";
      this.airAnalysisContent = "";
      this.analysisFre = "";
      this.other6Content = "";
      this.isYesOther6 = this.isNoOther6 =
        this.isYesAirAnalysis = this.isNoAirAnalysis =
          this.isYesRemoveDust = this.isNoRemoveDust =
            this.isYesMecVen = this.isNoMecVen =
              this.isYesNaturalDraft = this.isNoNaturalDraft =
                this.isYesContinue = this.isNoContinue = this.isYesResidue = this.isYesPee = this.isNoPee = this.isYesProtectGloves = this.isNoProtectGloves =
                  this.isYesRubberBoot = this.isNoRubberBoot = this.isYesRubberApron = this.isNoRubberApron =
                    this.isYesProtectClothes = this.isNoProtectClothes = this.isYesProtectBreathing =
                      this.isNoProtectBreathing = this.isYesProtectFall = this.isNoProtectFall =
                        this.isYesOtherProtect = this.isNoOtherProtect = this.checkbox10 = this.checkbox11 = this.checkbox12 =
                          this.checkbox13 = false;
      this.otherProtectContent = "";
      this.protectClotherContent = "";
      this.protectFallContent = "";
      this.protectGlovesContent = "";
      this.protectBreathingContent = "";
      this.peeContent = "";
    },
    trueProtect() {
      this.isNoResidue = false;
    },
    /* 为多选框进行动态选择*/
    trueCheckbox(arr) {
      arr.forEach((m) => {
        this[m] = true;
      })
    },
    // D栏施工前的安全措施
    // 1.确认E&I设备安全条件判断
    yesddChange() {
      this.isNodd = false;
    },
    noddChange() {
      this.isYesdd = false;
    },
    // 1.2条件判断
    yesdkChange() {
      this.isNodk = false;
    },
    nodkChange() {
      this.isYesdk = false;
    },
    yeshlChange() {
      this.isNohl = false;
    },
    nohlChange() {
      this.isYeshl = false;
    },
    highTemChange() {
      this.isLowTem = false;
    },
    lowTemChange() {
      this.isHighTem = false;
    },
    posPreChage() {
      this.isNegPre = false;
    },
    negPreChange() {
      this.isPosPre = false;
    },
    hotSurFaceChange() {
      this.isColdSurface = false;
    },
    coldSurfaceChange() {
      this.isHotSurface = false;
    },
    yesfsyChange() {
      this.isNofsy = false;
    },
    nofsyChange() {
      this.isYesfsy = false;
    },
    yesOther1Change() {
      this.isNoOther1 = false;
    },
    noOther1Change() {
      this.isYesOther1 = false;
    },
    yesxyChange() {
      this.isNosxy = false;
    },
    noxyChange() {
      this.isYesxy = false;
    },
    yessdfChange() {
      this.isNodf = false;
    },
    nodfChange() {
      this.isYesdf = false;
    },
    yessfChange() {
      this.isNosf = false;
    },
    nosfChange() {
      this.isYessf = false;
    },
    yessdChange() {
      this.isNosd = false;
    },
    nosdChange() {
      this.isYessd = false;
    },
    yesbfgxChange() {
      this.isNobfgx = false;
    },
    nobfgxChange() {
      this.isYesbfgx = false;
    },
    yesskgxChange() {
      this.isNodkgx = false;
    },
    nodkgxChange() {
      this.isYesdkgx = false;
    },
    yescrmbChange() {
      this.isNocrmb = false;
    },
    nocrmbChange() {
      this.isYescrmb = false;
    },
    yesjxanChange() {
      this.isNojxan = false;
    },
    nojxanChange() {
      this.isYesjxan = false;
    },
    yesglmbChange() {
      this.isNoglmb = false;
    },
    noglmbChange() {
      this.isYesglmb = false;
    },
    yesOther2Change() {
      this.isNoOther2 = false;
    },
    noOther2Change() {
      this.isYesOther2 = false;
    },
    yesdaokongChange() {
      this.isNodaokong = false;
    },
    nodaokongChange() {
      this.isYesdaokong = false;
    },
    yesqingxiChange() {
      this.isNoqingxi = false;
    },
    noqingxiChange() {
      this.isYesqingxi = false;
    },
    yeszhihuan() {
      this.isNozhihuan = false;
    },
    nozhihuan() {
      this.isYeszhihuan = false;
    },
    yesOther3() {
      this.isNoOther3 = false;
    },
    noOther3() {
      this.isYesOther3 = false;
    },
    yesxcgl() {
      this.isNoxcgl = false;
    },
    noxcgl() {
      this.isYesxcgl = false;
    },
    yesxfgqy() {
      this.isNoxfgqy = false;
    },
    noxfgqy() {
      this.isYesxfgqy = false;
    },
    yesfbcc() {
      this.isNofbcc = false;
    },
    nofbcc() {
      this.isYesfbcc = false;
    },
    yesljfl() {
      this.isNoljfl = false;
    },
    noljfl() {
      this.isYesljfl = false;
    },
    yesOther4() {
      this.isNoOther4 = false;
    },
    noOther4() {
      this.isYesOther4 = false;
    },
    yesOther5() {
      this.isNoOther5 = false;
    },
    noOther5() {
      this.isYesOther5 = false;
    },
    yesxcjd() {
      this.isNoxcjd = false;
    },
    noxcjd() {
      this.isYesxcjd = false;
    },
    yesPee() {
      this.isNoPee = false;
    },
    noPee() {
      this.isYesPee = false;
    },
    box10Change() {
      this.checkbox11 = false;
    },
    box11Change() {
      this.checkbox10 = false;
    },
    box12Change() {
      this.checkbox13 = false;
    },
    box13Change() {
      this.checkbox12 = false;
    },
    yesProtectGloves() {
      this.isNoProtectGloves = false;
    },
    noProtectGloves() {
      this.isYesProtectGloves = false;
    },
    yesRubberBoot() {
      this.isNoRubberBoot = false;
    },
    noRubberBoot() {
      this.isYesRubberBoot = false;
    },
    yesRubberApron() {
      this.isNoRubberApron = false;
    },
    noRubberApron() {
      this.isYesRubberApron = false;
    },
    yesProtectClothes() {
      this.isNoProtectClothes = false;
    },
    noProtectClothes() {
      this.isYesProtectClothes = false;
    },
    yesProtectBreathing() {
      this.isNoProtectBreathing = false;
    },
    noProtectBreathing() {
      this.isYesProtectBreathing = false;
    },
    yesProtectFall() {
      this.isNoProtectFall = false;
    },
    noProtectFall() {
      this.isYesProtectFall = false;
    },
    yesOtherProtect() {
      this.isNoOtherProtect = false;
    },
    noOtherProtect() {
      this.isYesOtherProtect = false;
    },
    yesContinue() {
      this.isNoContinue = false;
    },
    noContinue() {
      this.isYesContinue = false;
    },
    yesNatural() {
      this.isNoNaturalDraft = false;
    },
    noNatural() {
      this.isYesNaturalDraft = false;
    },
    yesMecVen() {
      this.isNoMecVen = false;
    },
    noMecVen() {
      this.isYesMecVen = false;
    },
    yesRemoveDust() {
      this.isNoRemoveDust = false;
    },
    noRemoveDust() {
      this.isYesRemoveDust = false;
    },
    yesAirAnalysis() {
      this.isNoAirAnalysis = false;
    },
    noAirAnalysis() {
      this.isYesAirAnalysis = false;
    },
    yesOther6() {
      this.isNoOther6 = false;
    },
    noOther6() {
      this.isYesOther6 = false;
    },
    yesAfterSafeMeasures() {
      this.isNoAfterSafeMeasures = false;
    },
    noAfterSafeMeasures() {
      this.isYesAfterSafeMeasures = false;
    },
    yesSpecially() {
      this.isNoSpecially = false;
    },
    noSpecially() {
      this.isYesSpecially = false;
    },
    allExpand() {
      this.activeNames = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14'];
    },
    allShrink() {
      this.activeNames = [];
    }


  }
};
</script>
