<template>
  <div>
    <div>
      <el-form ref="form" :model="form" :rules="rules">
        <div class="hazardwork" style="background-color: #E6BCE0;">
          <table style="width: 100%;margin-bottom: 8px;">
            <tr>
              <td>表格</td>
              <td><b>C00-6.3.0-00FSH-207.2</b></td>
              <td><b>动火工作许可证 危害评估及安全措施</b></td>
              <td>
                <div>修订：04</div>
                <div>日期：19-9-2022</div>
                <div>页次：1 of 2</div>
              </td>
              <td>
                <el-input style="width: 200px;" v-model="form.hId" placeholder="点击生成票据ID" @focus="hIdClick"
                          :disabled="hIdDisabled">
                  <i slot="prefix" class="el-input__icon el-icon-word">H</i>
                </el-input>
              </td>
              <td>
                <el-button @click="allExpand">全部展开</el-button>
                <el-button @click="allShrink">全部关闭</el-button>
                <el-button type="primary" v-show="form.hId" @click="onSubmit">提交当前数据</el-button>
                <el-button type="success" @click="handleSee">预览</el-button>
                <el-button type="success" @click="handleDownload">下载</el-button>
              </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.deptName" :label="item.deptName"
                                         :value="item.deptName">
                              </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"
                            />
                          </td>
                          <!--                          <td>-->
                          <!--                            签名：-->
                          <!--                            <el-input style="width: 100px;" v-model="form.aSafeLiaisonSign"-->
                          <!--                                      />-->
                          <!--                          </td>-->
                          <td style="white-space: nowrap;">
                            <i class="el-icon-phone"></i>：
                            <el-input v-model="form.aSafeLiaisonTel" style="width: 110px"/>
                          </td>
                          <td>
                            办公室：
                          </td>
                          <td>
                            <el-input v-model="form.aSafeLiaisonOffice"/>
                          </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" class="short-checkbox">3. 动火作业分级：
                          <el-checkbox v-model="form.bFireWorkGrade" :true-label="1"/>
                          特级
                          <el-checkbox v-model="form.bFireWorkGrade" :true-label="2"/>
                          一级
                          <el-checkbox v-model="form.bFireWorkGrade" :true-label="3"/>
                          二级
                        </td>
                      </tr>
                      <tr>
                        <td colspan="3">4.有效期：由
                          <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"/>
                        危害物质（正常运行时存在于设备中的物料名称）：
                        <!-- 物料数据源绑定 -->
                        <el-select v-model="form.cHarmMatterName" clearable placeholder="请选择物料名称"
                                   @change="selectChange(form.cHarmMatterName)">
                          <el-option v-for="item in matterNames" :key="item.matterName" :label="item.matterName"
                                     :value="item.matterName">
                          </el-option>
                        </el-select>
                      </td>
                    </tr>
                    <!-- 图标及物料特性根据物料进行动态展示 -->
                    <tr>
                      <td colspan="2" class="short-checkbox">
                        <el-row>
                          <el-col :span="3">是否有GHS标识 <br>
                            是
                            <el-checkbox v-model="form.cIsGhs" :true-label="1"/>
                            否
                            <el-checkbox v-model="form.cIsGhs" :true-label="2"/>
                          </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="form.cIsToxic" :true-label="1"/>
                          </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="form.cIsFlammable" :true-label="1"/>
                          </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="form.cIsOxidizing" :true-label="1"/>
                          </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="form.cIsExplosive" :true-label="1"/>
                          </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="form.cIsCorrosive" :true-label="1"/>
                          </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="form.cIsIrritantToxic" :true-label="1"/>
                          </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="form.cIsHealthHazard" :true-label="1"/>
                          </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="form.cIsCompressedGas" :true-label="1"/>
                          </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="form.cIsEnvironmentalHazard" :true-label="1"/>
                          </el-col>
                        </el-row>
                      </td>
                    </tr>
                    <tr>
                      <td class="short-checkbox">
                        <el-checkbox v-model="form.cIsEquipmentHazards" :true-label="1"
                                     @change="eHazardsChange"/>
                        设备内物质处于危险状态
                        （
                        <el-checkbox v-model="form.cIsHighTemp" :true-label="1"

                                     @change="highTempChange"/>
                        高温
                        /
                        <el-checkbox v-model="form.cIsLowTemp" :true-label="1"

                                     @change="lowTempChange"/>
                        低温；
                        <el-checkbox v-model="form.cIsPosPressure" :true-label="1"

                                     @change="posPressureChange"/>
                        正压
                        /
                        <el-checkbox v-model="form.cIsNegPressure" :true-label="1"

                                     @change="negPressureChange"/>
                        负压
                        ）
                      </td>
                      <td class="short-checkbox">
                        <el-checkbox v-model="form.cIsHazardsProd" :true-label="1"
                                     @change="cHazardsProdChange"/>
                        施工对生产装置可能造成的危害：
                        <el-input style="width: 150px;" v-model="form.cIsHazardsProdContent"
                        />
                      </td>
                    </tr>
                    <tr>
                      <td class="short-checkbox">
                        <el-checkbox v-model="form.cIsFacilityHazards" :true-label="1"
                                     @change="facilityChange"/>

                        来自设备/设施的危害（
                        <el-checkbox v-model="form.cIsMovingParts" :true-label="1"
                        />
                        移动部件，
                        <el-checkbox v-model="form.cIsHotSurfaces" :true-label="1"

                                     @change="hotSurfacesChange"/>
                        热表面/
                        <el-checkbox v-model="form.cIsColdSurfaces" :true-label="1"

                                     @change="coldSurfacesChange"/>
                        冷表面，
                        <el-checkbox v-model="form.cIsVoltages" :true-label="1"
                        />
                        电压
                        ）
                      </td>
                      <td class="short-checkbox">
                        <el-checkbox v-model="form.cIsWorkToFire" :true-label="1"/>
                        动火可能引起火灾
                      </td>
                    </tr>
                    <tr>
                      <td class="short-checkbox">
                        <el-checkbox v-model="form.cIsWorkProtective" :true-label="1"
                                     @change="workProChange"/>
                        安全保护设备的施工(
                        <!--                        <el-checkbox v-model="form.cIsDy" :true-label="1" -->
                        <!--                                     />-->
                        电仪安全保护设备，
                        <!--                        <el-checkbox v-model="form.cIsAqf" :true-label="1" -->
                        <!--                                     />-->
                        安全阀，
                        <!--                        <el-checkbox v-model="form.cIsLq" :true-label="1" -->
                        <!--                                     />-->
                        冷却系统)
                      </td>
                      <td class="short-checkbox">
                        <el-checkbox v-model="form.cIsWorkToBlast" :true-label="1"/>
                        在防爆区内有爆炸危害
                      </td>
                    </tr>
                    <tr>
                      <td class="short-checkbox">
                        <el-checkbox v-model="form.cIsDeviceToBlast" :true-label="1"/>
                        设备、储罐、管线有爆炸危害
                      </td>
                      <td class="short-checkbox">
                        <el-checkbox v-model="form.cIsWorkToEnvir" :true-label="1"/>
                        动火对周边环境有危害
                      </td>
                    </tr>
                    <tr>
                      <td class="short-checkbox">
                        <el-checkbox v-model="form.cIsOtherFire" :true-label="1"/>
                        其它危害：
                        <el-input v-model="form.cOtherFireContent" style="width: calc(100% - 104px)"/>
                      </td>
                      <td class="short-checkbox">
                        <el-checkbox v-model="form.cIsOtherId" :true-label="1"/>
                        涉及的其它作业，相关许可证：
                        <el-input style="width: 158px;" v-model="form.cOtherId"></el-input>
                      </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><b>1.设备隔离图及详细隔离清单：</b>
                        <el-input v-model="form.dDivideContent" style="width: calc(100% - 182px)"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsDivide" :true-label="1"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsDivide" :true-label="2"/>
                      </td>
                      <td>
                        <el-input v-model="form.dSafeImplSign11" style="width: 50%;" prefix-icon="el-icon-edit"/>
                        <el-date-picker v-model="form.dSafeImplDate11" style="width: 50%;"
                                        type="date">
                        </el-date-picker>
                      </td>
                      <td>
                      </td>
                    </tr>
                    <tr>
                      <td>切割确认表：
                        <el-input v-model="form.dSlicingContent" style="width: calc(100% - 80px)"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsSlicing" :true-label="1"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsSlicing" :true-label="2"/>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign12" prefix-icon="el-icon-edit"/>
                        <el-date-picker v-model="form.dSafeImplDate12" style="width: 50%;"
                                        type="date">
                        </el-date-picker>
                      </td>
                      <td></td>
                    </tr>
                    <tr>
                      <td colspan="5"><b>2.确保E&l设备安全</b></td>
                    </tr>
                    <tr>
                      <td>2.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="2" @change="dIsOpenSafeChange"/>
                      </td>
                      <td>
                        <el-input style="width: 50%" v-model="form.dSafeImplSign21"  prefix-icon="el-icon-edit"

                        >
                        </el-input>
                        <!--                      <el-button type="primary" slot="append"-->
                        <!--                                 icon="el-icon-edit"-->
                        <!--                                 ></el-button>-->
                        <el-date-picker style="width: 50%" v-model="form.dSafeImplDate21" type="date"
                                        format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss"
                        >
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input v-model="form.dSafeLiftedSign21" style="width: 50%;" prefix-icon="el-icon-edit"/>
                        <el-date-picker v-model="form.dSafeLiftedDate21" style="width: 50%;"
                                        type="date">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>2.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"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsDisFeeder" :true-label="2"
                                     @change="dIsDisFeederChange"
                        />
                      </td>
                      <td rowspan="4">
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign22"
                                  prefix-icon="el-icon-edit"
                        >
                        </el-input>
                        <el-date-picker style="width: 50%" v-model="form.dSafeImplDate22" type="date"
                                        format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss"
                        >
                        </el-date-picker>
                      </td>
                      <td rowspan="4">
                        <el-input style="width: 50%" v-model="form.dSafeLiftedSign22" prefix-icon="el-icon-edit"
                        />
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeLiftedDate22" type="date">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>断开回路开关并上锁和运转测试
                        <el-input style="width: calc(100% - 188px)" v-model="form.dBreakInclContent"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsBreakIncl" :true-label="1"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsBreakIncl" :true-label="2"
                                     @change="dIsBreakInclChange"
                        />
                      </td>
                    </tr>
                    <tr>
                      <td>电气回路编号：
                        <el-input style="width:calc(100% - 93px);" v-model="form.dEleCircuitNo"
                                  @change="dElecircuitChange"
                        />
                      </td>
                      <td></td>
                      <td></td>
                    </tr>
                    <tr>
                      <td>仪表号/测点编号：
                        <el-input style="width: calc(100% - 110px)" v-model="form.dInsTagNo" @change="dInsTagChange"
                        />
                      </td>
                      <td></td>
                      <td></td>
                    </tr>
                    <tr>
                      <td>2.3 放射源由专业人员确保安全（日志）</td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsRadioactiveSources" :true-label="1"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsRadioactiveSources" :true-label="2"
                                     @change="dIsRadioactiveSourcesChange"
                        />
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign23"

                                  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.dSafeImplDate23" type="date"
                        >
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign23" prefix-icon="el-icon-edit"
                        />
                        <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">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>2.4
                        <el-input style="width: calc(100% - 25px)" v-model="form.dIsOtherEquSafeContent"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsOtherEquSafe" :true-label="1"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsOtherEquSafe" :true-label="2"
                                     @change="dIsOtherEquSafeChange"
                        />
                      </td>
                      <td>
                        <el-input style="width:50%;" v-model="form.dSafeImplSign24"

                                  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.dSafeImplDate24" type="date"
                        >
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%" v-model="form.dSafeLiftedSign24" prefix-icon="el-icon-edit"
                        />
                        <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">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td><b>3. 确保装置设备安全</b></td>
                      <td colspan="4"></td>
                    </tr>
                    <tr>
                      <td>3.1 泄压 /排空</td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsDepress" :true-label="1"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsDepress" :true-label="2" @change="dIsDepressChange"
                        />
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign31"  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.dSafeImplDate31" type="date">
                        </el-date-picker>
                      </td>
                      <td>
                      </td>
                    </tr>
                    <tr>
                      <td>3.2 单阀截断</td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsSingleBlocking" :true-label="1"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsSingleBlocking" :true-label="2"
                                     @change="dIsSingleBlockingChange"
                        />
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign32"

                                  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.dSafeImplDate32" type="date"
                        >
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign32" prefix-icon="el-icon-edit"
                        />
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeLiftedDate32" type="date">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>3.3 双阀截断与放空</td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsDoubleBlock" :true-label="1"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsDoubleBlock" :true-label="2"
                                     @change="dIsDoubleBlockChange"
                        />
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign33"

                                  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.dSafeImplDate33" type="date">
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign33" prefix-icon="el-icon-edit"
                        />
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeLiftedDate33" type="date">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>3.4 使用
                        <el-input style="width: calc(100% - 120px)" v-model="form.dLockoutUsingContent"
                        />
                        锁定
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsLockoutUsing" :true-label="1"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsLockoutUsing" :true-label="2"
                                     @change="dIsLockoutUsingChange"
                        />
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign34"  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.dSafeImplDate34" type="date"
                        >
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign34" prefix-icon="el-icon-edit"
                        />
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeLiftedDate34" type="date">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>3.5 移去部分管线/短接</td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsRemovePipe" :true-label="1"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsRemovePipe" :true-label="2"
                                     @change="dIsRemovePipeChange"
                        />
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign35"  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.dSafeImplDate35" type="date"
                        >
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%" v-model="form.dSafeLiftedSign35" prefix-icon="el-icon-edit"
                        />
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeLiftedDate35" type="date">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>3.6 断开管线并加盖盲法兰</td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsDisPipes" :true-label="1"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsDisPipes" :true-label="2"
                                     @change="dIsDisPipesChange"
                        />
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign36"  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.dSafeImplDate36" type="date"
                        >
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%" v-model="form.dSafeLiftedSign36" prefix-icon="el-icon-edit"
                        />
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeLiftedDate36" type="date">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>3.7 插入盲板</td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsInsertBlindPlage" :true-label="1"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsInsertBlindPlage" :true-label="2"
                                     @change="dIsInsertBlindPlageChange"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign37"  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.dSafeImplDate37" type="date"
                        >
                        </el-date-picker>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign37" prefix-icon="el-icon-edit"
                        />
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%;"
                                        v-model="form.dSafeLiftedDate37" type="date">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>3.8 机械安全措施：
                        <el-input style="width: calc(100% - 118px)" v-model="form.dMecSecureContent"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsMecSecure" :true-label="1"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsMecSecure" :true-label="2"
                                     @change="dIsMecSecureChange"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign38"  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.dSafeImplDate38" type="date"
                        >
                        </el-date-picker>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign38" prefix-icon="el-icon-edit"
                        />
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%;"
                                        v-model="form.dSafeLiftedDate38" type="date">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>3.9 用
                        <el-select style="width: 150px;" clearable v-model="form.dCleanContent" filterable
                        >
                          <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"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsClean" :true-label="2" @change="dIsCleanChange"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign39"  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.dSafeImplDate39" type="date"
                        >
                        </el-date-picker>
                      </td>
                      <td>
                      </td>
                    </tr>
                    <tr>
                      <td>3.10 用
                        <el-select style="width: 150px;" clearable v-model="form.dFlushContent" filterable
                        >
                          <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"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsFlush" :true-label="2" @change="dIsFlushChange"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign310"
                                  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.dSafeImplDate310" type="date"
                        >
                        </el-date-picker>
                      </td>
                      <td>
                      </td>
                    </tr>
                    <tr>
                      <td>3.11 注水保护</td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsFloodWater" :true-label="1"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsFloodWater" :true-label="2"/>
                      </td>
                      <td>
                        <el-input v-model="form.dSafeImplSign311" style="width: 50%;" prefix-icon="el-icon-edit"/>
                        <el-date-picker style="width: 50%;" v-model="form.dSafeImplDate311"
                                        type="date">
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign311" prefix-icon="el-icon-edit"/>
                        <el-date-picker style="width: 50%;" v-model="form.dSafeLiftedDate311"
                                        type="date">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>3.12 惰性气体保护：
                        <el-input style="width: calc(100% - 125px)" v-model="form.dProInertGasContent"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsProInertGas" :true-label="1"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsProInertGas" :true-label="2"
                        />
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign312" prefix-icon="el-icon-edit"
                        />
                        <el-date-picker
                          style="width: 50%;"
                          v-model="form.dSafeImplDate312"
                          type="date">
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign312" prefix-icon="el-icon-edit"
                        />
                        <el-date-picker
                          style="width: 50%;"
                          v-model="form.dSafeLiftedDate312"
                          type="date">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>3.13 气体分析内容：
                        <el-input style="width: calc(100% - 125px)" v-model="form.dGasAnalysisContent"
                        />
                      </td>
                      <td style="text-align: center">
                        <el-checkbox v-model="form.dIsGasAnalysis" :true-label="1"
                        />
                      </td>
                      <td style="text-align: center">
                        <el-checkbox v-model="form.dIsGasAnalysis" :true-label="2"
                        />
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign313" prefix-icon="el-icon-edit"
                        />
                        <el-date-picker
                          style="width: 50%;"
                          v-model="form.dSafeImplDate313"
                          type="date">
                        </el-date-picker>
                      </td>
                      <td></td>
                    </tr>
                    <tr>
                      <td>3.14
                        <el-input style="width: calc(100% - 31px)" v-model="form.dOtherDevSafeContent"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsOtherDevSafe" :true-label="1"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsOtherDevSafe" :true-label="2"
                                     @change="dIsOhterCleanChange"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign314"
                                  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.dSafeImplDate314" type="date"
                        >
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input v-model="form.dSafeLiftedSign314" style="width: 50%;" prefix-icon="el-icon-edit"/>
                        <el-date-picker style="width: 50%;" v-model="form.dSafeLiftedDate314"
                                        type="date">
                        </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"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsSiteDemarcation" :true-label="2"/>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign41" prefix-icon="el-icon-edit"
                        />
                        <el-date-picker
                          style="width: 50%;"
                          v-model="form.dSafeImplDate41"
                          type="date">
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign41" prefix-icon="el-icon-edit"
                        />
                        <el-date-picker
                          style="width: 50%;"
                          v-model="form.dSafeLiftedDate41"
                          type="date">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>4.2 封闭槽车/火车路线</td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsCloseTrucks" :true-label="1"
                        ></el-checkbox>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsCloseTrucks" :true-label="2"
                        />
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign42" prefix-icon="el-icon-edit"
                        />
                        <el-date-picker
                          style="width: 50%;"
                          v-model="form.dSafeImplDate42"
                          type="date">
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign42" prefix-icon="el-icon-edit"
                        />
                        <el-date-picker
                          style="width: 50%;"
                          v-model="form.dSafeLiftedDate42"
                          type="date">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>4.3 与槽车/储罐的最低距离
                        <el-input style="width: 150px" v-model="form.dDistanceContent"
                        />
                        米
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsDistance" :true-label="1"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsDistance" :true-label="2"
                        />
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign43" prefix-icon="el-icon-edit"
                        />
                        <el-date-picker
                          style="width: 50%;"
                          v-model="form.dSafeImplDate43"
                          type="date">
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign43" prefix-icon="el-icon-edit"
                        />
                        <el-date-picker
                          style="width: 50%;"
                          v-model="form.dSafeLiftedDate43"
                          type="date">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>4.4
                        清理覆盖管线、设备，穿过墙壁/天花板的管线及电缆的缝隙，栅栏，轻质墙，下水道孔，墙壁和天花板的开口处
                      </td>
                      <td style="text-align: center">
                        <el-checkbox v-model="form.dIsCleanCover" :true-label="1"/>
                      </td>
                      <td style="text-align: center">
                        <el-checkbox v-model="form.dIsCleanCover" :true-label="2"/>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign44" prefix-icon="el-icon-edit"/>
                        <el-date-picker v-model="form.dSafeImplDate44"
                                        style="width: 50%;">
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign44" prefix-icon="el-icon-edit"/>
                        <el-date-picker v-model="form.dSafeLiftedDate44"
                                        style="width: 50%;">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>4.5 移开易燃物，并对作业范围附近的法兰和管件检漏</td>
                      <td style="text-align: center">
                        <el-checkbox v-model="form.dIsLeakFlanges" :true-label="1"
                        />
                      </td>
                      <td style="text-align: center">
                        <el-checkbox v-model="form.dIsLeakFlanges" :true-label="2"
                        />
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign45" prefix-icon="el-icon-edit"
                        />
                        <el-date-picker
                          clearable
                          style="width: 50%;"
                          v-model="form.dSafeImplDate45"
                          type="date">
                        </el-date-picker>
                      </td>
                      <td></td>
                    </tr>
                    <tr>
                      <td>4.6 动火点周围无可燃气体、液体排放、溶剂清洗、喷漆和粉尘清扫</td>
                      <td style="text-align: center">
                        <el-checkbox v-model="form.dIsCleanAround" :true-label="1"/>
                      </td>
                      <td style="text-align: center">
                        <el-checkbox v-model="form.dIsCleanAround" :true-label="2"/>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign46" prefix-icon="el-icon-edit"/>
                        <el-date-picker v-model="form.dSafeImplDate46"
                                        style="width: 50%;">
                        </el-date-picker>
                      </td>
                      <td style="text-align: center;"></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 style="width: 100%">
                    <tr>
                      <td class="short-checkbox">4.7 通风方法：
                        <el-checkbox v-model="form.dIsMecVen" :true-label="1"/>
                        机械通风
                        <el-input style="width: calc(50% - 116px)" v-model="form.dMecVenContent"/>
                        <el-checkbox v-model="form.dIsNaturalVen" :true-label="1"/>
                        自然通风
                        <el-input style="width: calc(50% - 116px)" v-model="form.dNaturalVenContent"/>
                      </td>
                      <td width="30" style="text-align: center">
                        <el-checkbox v-model="form.dIsVentilate" :true-label="1"/>
                      </td>
                      <td width="30" style="text-align: center">
                        <el-checkbox v-model="form.dIsVentilate" :true-label="2"/>
                      </td>
                      <td width="203">
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign47" prefix-icon="el-icon-edit"/>
                        <el-date-picker v-model="form.dSafeImplDate47"
                                        style="width: 50%;">
                        </el-date-picker>
                      </td>
                      <td width="203">
                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign47" prefix-icon="el-icon-edit"/>
                        <el-date-picker v-model="form.dSafeLiftedDate47"
                                        style="width: 50%;">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>4.8 气体检测内容：
                        <el-input v-model="form.dGasDetectionContent" style="width: calc(100% - 117px)"/>
                      </td>
                      <td style="text-align: center">
                        <el-checkbox v-model="form.dIsGasDetection" :true-label="1"/>
                      </td>
                      <td style="text-align: center">
                        <el-checkbox v-model="form.dIsGasDetection" :true-label="2"/>
                      </td>
                      <td>
                        <el-input v-model="form.dSafeImplSign48" style="width: 50%;" prefix-icon="el-icon-edit"/>
                        <el-date-picker v-model="form.dSafeImplDate48"
                                        style="width: 50%;">
                        </el-date-picker>
                      </td>
                      <td>
                      </td>
                    </tr>
                    <tr>
                      <td>4.9 其它：
                        <el-input style="width: calc(100% - 61px)" v-model="form.dOtherAreaSafeContent"/>
                      </td>
                      <td style="text-align: center">
                        <el-checkbox v-model="form.dIsOtherAreaSafe" :true-label="1"/>
                      </td>
                      <td style="text-align: center">
                        <el-checkbox v-model="form.dIsOtherAreaSafe" :true-label="2"/>
                      </td>
                      <td>
                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" v-model="form.dSafeImplSign49"/>
                        <el-date-picker v-model="form.dSafeImplDate49"
                                        style="width: 50%;">
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" v-model="form.dSafeLiftedSign49"/>
                        <el-date-picker v-model="form.dSafeLiftedDate49"
                                        style="width: 50%;">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td colspan="5"><b>5.额外的组织措施</b></td>
                    </tr>
                    <tr>
                      <td>5.1 关闭消防/报警系统
                        <el-input style="width: calc(100% - 130px)" v-model="form.dAlarmSystemsContent"/>
                      </td>
                      <td style="text-align: center">
                        <el-checkbox v-model="form.dIsAlarmSystems" :true-label="1"
                        ></el-checkbox>
                      </td>
                      <td style="text-align: center">
                        <el-checkbox v-model="form.dIsAlarmSystems" :true-label="2"
                        />
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign51" prefix-icon="el-icon-edit"
                        />
                        <el-date-picker
                          style="width: 50%;"
                          v-model="form.dSafeImplDate51"
                          type="date">
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign51" prefix-icon="el-icon-edit"
                        />
                        <el-date-picker
                          style="width: 50%;"
                          v-model="form.dSafeLiftedDate51"
                          type="date">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>5.2 其它：
                        <el-input style="width: calc(100% - 65px)" v-model="form.dOtherMeasureContent"
                        />
                      </td>
                      <td style="text-align: center">
                        <el-checkbox v-model="form.dIsOtherMeasure" :true-label="1"
                        ></el-checkbox>
                      </td>
                      <td style="text-align: center">
                        <el-checkbox v-model="form.dIsOtherMeasure" :true-label="2"
                        />
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign52" prefix-icon="el-icon-edit"
                        />
                        <el-date-picker
                          style="width: 50%;"
                          v-model="form.dSafeImplDate52"
                          type="date">
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign52" prefix-icon="el-icon-edit"
                        />
                        <el-date-picker
                          style="width: 50%;"
                          v-model="form.dSafeLiftedDate52"
                          type="date">
                        </el-date-picker>
                      </td>
                    </tr>
                  </table>
                  <table style="width: 100%">
                    <tr>
                      <td colspan="4"><b>6.确保邻近的危险区域安全</b></td>
                    </tr>
                    <tr>
                      <th style="text-align: center">危险区域</th>
                      <th style="text-align: center" width="180">负责人签名/日期</th>
                      <th style="text-align: center">办公室 / <i class="el-icon-phone"></i></th>
                      <th style="text-align: center">额外的安全措施</th>
                    </tr>
                    <tr>
                      <td>6.1
                        <el-input v-model="form.dDangerArea61" style="width: calc(100% - 25px);"></el-input>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dDangerLeader61" prefix-icon="el-icon-edit"/>
                        <el-date-picker v-model="form.dDangerLeaderDate61"
                                        style="width: 50%;">
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input v-model="form.dDangerOffice61" style="width: 50%"></el-input>
                        <el-input v-model="form.dDangerOfficeTel61" style="width:50%"></el-input>
                      </td>
                      <td>分项号：
                        <el-input v-model="form.dDangerOtherMeasure61" style="width: calc(100% - 56px);"></el-input>
                      </td>
                    </tr>
                    <tr>
                      <td>6.2
                        <el-input v-model="form.dDangerArea62" style="width: calc(100% - 25px);"></el-input>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dDangerLeader62" prefix-icon="el-icon-edit"/>
                        <el-date-picker v-model="form.dDangerLeaderDate62"
                                        style="width: 50%;">
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%" v-model="form.dDangerOffice62"></el-input>
                        <el-input style="width: 50%" v-model="form.dDangerOfficeTel62"></el-input>
                      </td>
                      <td>分项号：
                        <el-input v-model="form.dDangerOtherMeasure62" style="width: calc(100% - 56px);"></el-input>
                      </td>
                    </tr>
                    <tr>
                      <td colspan="4"><b>现场安全说明/交底</b></td>
                    </tr>
                    <tr>
                      <td colspan="4">
                        <el-checkbox v-model="form.dIsSafeBriefing" :true-label="1" checked>是
                        </el-checkbox>
                        参与交底人签名/日期：
                        <div style="width: calc(100% - 179px);display: inline-block">
                          <el-input style="width: 50%" placeholder="签名"
                                    v-model="form.dPartakeBriefingSign"></el-input>
                          <el-date-picker
                            style="width: 50%;"
                            v-model="form.dPartakeBriefingDate"
                            type="date">
                          </el-date-picker>
                        </div>
                      </td>
                    </tr>
                  </table>
                </el-collapse-item>

                <el-collapse-item title="E 施工时的安全措施" name="5">
                  <el-row :gutter="10">
                    <el-col :span="12">
                      <table style="width: 100%">
                        <tr>
                          <td></td>
                          <th style="width: 30px;text-align: center">是</th>
                          <th style="width: 30px;text-align: center">否</th>
                        </tr>
                        <tr>
                          <td><b>1. 可能有残留物料</b></td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="form.eIsPresent" :true-label="1"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="form.eIsPresent" :true-label="2"/>
                          </td>
                        </tr>
                        <tr>
                          <td colspan="3"><b>2. 个人防护用品 (不包含区域 PPE)</b></td>
                        </tr>
                        <tr>
                          <td>仅限定时间内佩戴的 PPE，项目：
                            <el-input style="width: calc(100% - 200px)" v-model="form.ePpeContent"
                            />
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="form.eIsRequiredPpe" :true-label="1"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="form.eIsRequiredPpe" :true-label="2"
                                         @change="eIsRequiredPpeChange"/>
                          </td>
                        </tr>
                        <tr>
                          <td class="short-checkbox">2.1
                            <el-checkbox v-model="form.eIsSafeGoggles" :true-label="1"/>
                            护目镜
                            <el-checkbox v-model="form.eIsFaceShield" :true-label="1"/>
                            防护面罩
                            <el-checkbox v-model="form.eIsOther21" :true-label="1"/>
                            其他
                            <el-input style="width: calc(100% - 208px)" v-model="form.eOther21Content"/>
                          </td>
                          <td style="text-align: center">
                            <el-checkbox v-model="form.eIsFaceSafe" :true-label="1"/>
                          </td>
                          <td style="text-align: center">
                            <el-checkbox v-model="form.eIsFaceSafe" :true-label="2"/>
                          </td>
                        </tr>
                        <tr>
                          <td>2.2 防护手套, 类型：
                            <el-select
                              style="width: calc(100% - 124px)"
                              v-model="form.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="form.eIsProtectGloves" :true-label="1"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="form.eIsProtectGloves" :true-label="2"
                                         @change="eIsProtectGlovesChange"/>
                          </td>
                        </tr>
                        <tr>
                          <td class="short-checkbox">2.3
                            <el-checkbox v-model="form.eIsRubberBoots" :true-label="1"/>
                            橡胶长靴
                            <el-checkbox v-model="form.eIsRubberApron" :true-label="1"/>
                            橡胶围裙
                            <el-checkbox v-model="form.eIsOther23" :true-label="1"/>
                            其他
                            <el-input style="width: calc(100% - 221px)" v-model="form.eIsOther23Content"/>
                          </td>
                          <td style="text-align: center">
                            <el-checkbox v-model="form.eIsFeetSafe" :true-label="1"/>
                          </td>
                          <td style="text-align: center">
                            <el-checkbox v-model="form.eIsFeetSafe" :true-label="2"/>
                          </td>
                        </tr>
                        <tr>
                          <td>2.4 防护服，类型：
                            <el-select
                              v-model="form.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="form.eIsProtectSuit" :true-label="1"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="form.eIsProtectSuit" :true-label="2"
                                         @change="eIsProtectSuitChange"/>
                          </td>
                        </tr>
                        <tr>
                          <td>2.5 呼吸保护用品，类型：
                            <el-select
                              style="width: calc(100% - 153px);"
                              v-model="form.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="form.eIsResProtect" :true-label="1"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="form.eIsResProtect" :true-label="2"
                                         @change="eIsResProtectChange"/>
                          </td>
                        </tr>
                        <tr>
                          <td>2.6 听力保护，类型：
                            <el-input style="width: calc(100% - 127px)" v-model="form.eHearProtectContent"/>
                          </td>
                          <td style="text-align: center">
                            <el-checkbox v-model="form.eIsHearProtect" :true-label="1"/>
                          </td>
                          <td style="text-align: center">
                            <el-checkbox v-model="form.eIsHearProtect" :true-label="2"/>
                          </td>
                        </tr>
                        <tr>
                          <td>2.7 防坠落保护措施，类型：
                            <el-select style="width: calc(100% - 170px)" clearable v-model="form.eFallArrestContent"
                                       filterable
                            >
                              <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="form.eIsFallArrest" :true-label="1"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="form.eIsFallArrest" :true-label="2"
                                         @change="eIsFallArrestChange"/>
                          </td>
                        </tr>
                        <tr>
                          <td>2.8
                            <el-input style="width: calc(100% - 23px)" v-model="form.eOtherProtectContent"
                            />
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="form.eIsOtherProtect" :true-label="1"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="form.eIsOtherProtect" :true-label="2"
                                         @change="eIsOtherProtectChange"/>
                          </td>
                        </tr>
                        <tr>
                          <td colspan="3"><b>3. 火灾和爆炸的防护措施</b></td>
                        </tr>
                        <tr>
                          <td>3.1 使用测爆仪连续监测空气成分</td>
                          <td style="text-align: center">
                            <el-checkbox v-model="form.eIsContineCheckAir" :true-label="1"/>
                          </td>
                          <td style="text-align: center">
                            <el-checkbox v-model="form.eIsContineCheckAir" :true-label="2"/>
                          </td>
                        </tr>
                      </table>
                    </el-col>
                    <el-col :span="12">
                      <table style="width: 100%">
                        <tr>
                          <th></th>
                          <th width="30">是</th>
                          <th width="30">否</th>
                        </tr>
                        <tr>
                          <td>3.2 保持施工场地潮湿</td>
                          <td style="text-align: center">
                            <el-checkbox v-model="form.eIsKeepWet" :true-label="1"/>
                          </td>
                          <td style="text-align: center">
                            <el-checkbox v-model="form.eIsKeepWet" :true-label="2"/>
                          </td>
                        </tr>
                        <tr>
                          <td class="short-checkbox">3.3 监测和维持
                            <el-checkbox v-model="form.eIsWaterPro" :true-label="1"/>
                            充水保护
                            <el-checkbox v-model="form.eIsCheckInertGasPro" :true-label="1"/>
                            惰性气体保护
                          </td>
                          <td style="text-align: center">
                            <el-checkbox v-model="form.eIsKeepCheck" :true-label="1"/>
                          </td>
                          <td style="text-align: center">
                            <el-checkbox v-model="form.eIsKeepCheck" :true-label="2"/>
                          </td>
                        </tr>
                        <tr>
                          <td>3.4 现场消防水管/水带充压备用</td>
                          <td style="text-align: center">
                            <el-checkbox v-model="form.eIsFireWaterPipe" :true-label="1"/>
                          </td>
                          <td style="text-align: center">
                            <el-checkbox v-model="form.eIsFireWaterPipe" :true-label="2"/>
                          </td>
                        </tr>
                        <tr>
                          <td>3.5 现场配备灭火器，数量/类型：
                            <el-input v-model="form.eFireExtNum" placeholder="数量" style="width: 70px;"/>
                            /
                            <el-input v-model="form.eFireExtType" placeholder="类型" style="width: 70px;"/>
                          </td>
                          <td style="text-align: center">
                            <el-checkbox v-model="form.eIsProFireExt" :true-label="1"/>
                          </td>
                          <td style="text-align: center">
                            <el-checkbox v-model="form.eIsProFireExt" :true-label="2"/>
                          </td>
                        </tr>
                        <tr>
                          <td colspan="3"><b>4. 连续监控</b></td>
                        </tr>
                        <tr>
                          <td>4.1 动火监护人单位/签名:
                            <el-input style="width: 70px;" v-model="form.eLeaderUnit" placeholder="单位"/>
                            /
                            <el-input style="width: 70px;" v-model="form.eLeaderName" placeholder="签名"
                                      prefix-icon="el-icon-edit"/>
                          </td>
                          <td style="text-align: center">
                            <el-checkbox checked disabled/>
                          </td>
                          <td style="text-align: center"></td>
                        </tr>
                        <tr>
                          <td>4.2 防爆型摄录设备采集全过程作业影像</td>
                          <td style="text-align: center">
                            <el-checkbox v-model="form.eIsCapture" :true-label="1"/>
                          </td>
                          <td style="text-align: center">
                            <el-checkbox v-model="form.eIsCapture" :true-label="2"/>
                          </td>
                        </tr>
                        <tr>
                          <td colspan="3"><b>5. 通风措施</b></td>
                        </tr>
                        <tr>
                          <td class="short-checkbox">5.1 通风方法：
                            <el-checkbox v-model="form.eIsMecVen" :true-label="1"/>
                            机械通风
                            <el-input v-model="form.eMecVenContent" style="width: calc(50% - 117px)"/>
                            <el-checkbox v-model="form.eIsNaturalVen" :true-label="1"/>
                            自然通风
                            <el-input v-model="form.eNaturalVenContent" style="width: calc(50% - 117px)"/>
                          </td>
                          <td style="text-align: center">
                            <el-checkbox v-model="form.eIsVentilate" :true-label="1"/>
                          </td>
                          <td style="text-align: center">
                            <el-checkbox v-model="form.eIsVentilate" :true-label="2"/>
                          </td>
                        </tr>
                        <tr>
                          <td>5.2 在释放源处抽走粉尘/气体/蒸汽</td>
                          <td style="text-align: center">
                            <el-checkbox v-model="form.eIsExxtractDust" :true-label="1"/>
                          </td>
                          <td style="text-align: center">
                            <el-checkbox v-model="form.eIsExxtractDust" :true-label="2"/>
                          </td>
                        </tr>
                        <tr>
                          <td>5.3 空气分析内容：
                            <el-input style="width: calc(100% - 114px)" v-model="form.eAnalyzeAirContent"/>
                          </td>
                          <td style="text-align: center">
                            <el-checkbox v-model="form.eIsAnalyzeAir" :true-label="1"/>
                          </td>
                          <td style="text-align: center">
                            <el-checkbox v-model="form.eIsAnalyzeAir" :true-label="2"/>
                          </td>
                        </tr>
                        <tr>
                          <td>分析频次：
                            <el-select style="width: calc(100% - 67px)" clearable v-model="form.eAnalyzeAirInterval"
                                       filterable
                            >
                              <el-option v-for="item in eAnalyzeAirIntervals" :key="item.id" :label="item.name"
                                         :value="item.id">
                              </el-option>
                            </el-select>
                          </td>
                          <td style="text-align: center"></td>
                          <td style="text-align: center"></td>
                        </tr>
                        <tr>
                          <td colspan="3"><b>！若有预料不到的事件发生，立即停止工作并通知主管。</b></td>
                        </tr>
                      </table>
                    </el-col>
                  </el-row>
                </el-collapse-item>
                <el-collapse-item title="F 施工后的安全措施" name="6">
                  <table>
                    <tr>
                      <th></th>
                      <th></th>
                      <th style="width: 30px; text-align: center;">是</th>
                      <th style="width: 30px; text-align: center;">否</th>
                    </tr>
                    <tr>
                      <td><b>1.</b></td>
                      <td>动火结束后，作业区域由
                        <el-input style="width: calc(100% - 450px);" v-model="form.fProfessional"/>
                        停留检查至少30分钟，发现和消除尽可能的余烬。
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.fIsFireEndCheck" :true-label="1"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.fIsFireEndCheck" :true-label="2"/>
                      </td>
                    </tr>
                    <tr>
                      <td><b>2.</b></td>
                      <td>将作业情况通知D6。
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.fIsNoticeD" :true-label="1"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.fIsNoticeD" :true-label="2"/>
                      </td>
                    </tr>
                    <tr>
                      <td><b>3.</b></td>
                      <td>其它
                        <el-input style="width: calc(100% - 40px)" v-model="form.fOtherSafeMeasuresContent"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.fIsOtherSafeMeasures" :true-label="1"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.fIsOtherSafeMeasures" :true-label="2"/>
                      </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"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.gIsSpecialAssessment" :true-label="2"></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" v-model="form.hSafeMesA4Sign"/>
                        <el-date-picker
                          style="width: calc(100% - 272px)" v-model="form.hSafeMesA4Date"
                          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>
                  </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"
                        >
                          <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"
                        >
                          <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" >
                          <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">
                      签名，日期/时间
                      <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>
                    </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="150">检测位置</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>
    <div>
      <el-dialog :close-on-click-modal="false" v-loading="loadingFlash" element-loading-background="rgba(0,0,0,0.2)"
                 v-dialogDrag :title="pdf.title"
                 :visible.sync="pdf.open" width="1300px" height="800px" :center="true" append-to-body>
        <div style="margin-top: -60px;float: right;margin-right: 40px;">
          <el-button size="mini" type="text" @click="openPdf">新页面预览</el-button>
        </div>
        <div style="margin-top: -30px">
          <iframe id="iFrame" class="iframe-html" :src="pdf.pdfUrl" frameborder="0" width="100%"
                  height="700px"></iframe>
        </div>
      </el-dialog>
    </div>
  </div>
</template>
<script>
import {
  listMatters
} from "@/api/ehs/throughcleanbcc";
import {addFireTicket, updateFireTicket, getFireInfo} from "@/api/invoicing/firework";

import {getDept, listDept} from "@/api/system/dept";
import {getInfoByInvoiceId} from "@/api/invoice/invoice";
import {updateWorkcontent} from "@/api/invoice/workcontent";
import {batchAddJobticket} from "@/api/ehs/jobticket";

export default {
  data() {
    var validateruleA1 = (rule, value, callback) => {
      if (!this.form.aEquipmentName) {
        callback(this.$message.error('生产装置名称不能为空'))
      } else if (!this.form.aEquipmentLeader) {
        callback(this.$message.error('生产装置主管不能为空'))
      } else if (!this.form.aEquipmentTel) {
        callback(this.$message.error('生产装置电话不能为空'))
      } else if (!this.form.aEquipmentOffice) {
        callback(this.$message.error('生产装置办公室不能为空'))
      } else if (!this.form.aConstructionName) {
        callback(this.$message.error('施工单位名称不能为空'))
      } else if (!this.form.aConstructionLeader) {
        callback(new Error('施工单位主管不能为空'))
      } else if (!this.form.aConstructionTel) {
        callback(new Error('施工单位电话不能为空'))
      } else if (!this.form.aConstructionOffice) {
        callback(new Error('施工单位办公室不能为空'))
      } else if (!this.form.aContractorName) {
        callback(new Error('用户不能为空'))
      } else if (!this.form.aContractorLeader) {
        callback(new Error('用户主管不能为空'))
      } else if (!this.form.aContractorTel) {
        callback(new Error('用户电话不能为空'))
      } else if (!this.form.aContractorOffice) {
        callback(new Error('用户办公室不能为空'))
      } else {
        callback();
      }
    };
    var validateruleB = (rule, value, callback) => {
      if (!this.form.bDeviceName) {
        callback(this.$message.error('装置设备名称不能为空'))
      } else if (!this.form.bWorkContent) {
        callback(this.$message.error('工作内容描述不能为空'))
      } else if (!this.form.bAreaNo) {
        callback(this.$message.error('位置/区域号不能为空'))
      } /*else if (this.value1 == null || this.value1.length < 2) {
        callback(this.$message.error('有效期不能为空'))
      }*/ else {
        callback();
      }
    };
    return {
      trueLabel: 1,
      aConstructions: [],
      matterNames: [],
      aConstructionsQuery: {
        parentId: 500
      },
      pdf: {
        title: '',
        pdfUrl: '',
        numPages: null,
        open: false,
        pageNum: 1,
        pageTotalNum: 1,
        loadedRatio: 0,
      },
      loadingFlash: false,
      hIdDisabled: false,
      form: {
        hId: null,
        aEquipmentName: null,
        aEquipmentLeader: null,
        aEquipmentTel: null,
        aEquipmentOffice: null,
        aConstructionName: null,
        aConstructionLeader: null,
        aConstructionTel: null,
        aConstructionOffice: null,
        aContractorName: null,
        aContractorLeader: null,
        aContractorTel: null,
        aContractorOffice: null,
        aIsNeedSafeLiaison: '2',
        aSafeLiaisonName: null,
        aSafeLiaisonSign: null,
        aSafeLiaisonTel: null,
        aSafeLiaisonOffice: null,
        bDeviceName: null,
        bWorkContent: null,
        bValidityStartTime: null,
        bValidityEndTime: null,
        bFireWorkGrade: null,
        cIsWorkToFire: null,
        cIsWorkToBlast: null,
        cIsWorkToEnvir: null,
        cIsDeviceToBlast: null,
        cIsOtherA: null,
        aId: null,
        cIsOtherFire: null,
        cOtherFireContent: null,
        dIsSiteDemarcation: null,
        dSiteDemarcationContent: null,
        dSafeImplSign11: null,
        dSafeImplDate11: null,
        dSafeLiftedSign11: null,
        dSafeLiftedDate11: null,
        dIsCloseTrucks: null,
        dSafeImplSign12: null,
        dSafeImplDate12: null,
        dSafeLiftedSign12: null,
        dSafeLiftedDate12: null,
        dIsTrucksDistance: null,
        dLowTrucksDistance: null,
        dSafeImplSign13: null,
        dSafeImplDate13: null,
        dSafeLiftedSign13: null,
        dSafeLiftedDate13: null,
        dIsLeakFlanges: null,
        dSafeImplSign14: null,
        dSafeImplDate14: null,
        dIsOverlayPipe: null,
        dSafeImplSign15: null,
        dSafeImplDate15: null,
        dSafeLiftedSign15: null,
        dSafeLiftedDate15: null,
        dIsRemoveCombustibles: null,
        dSafeImplSign16: null,
        dSafeImplDate16: null,
        dIsProvideFireExt: null,
        dSafeImplSign17: null,
        dSafeImplDate17: null,
        dSafeLiftedSign17: null,
        dSafeLiftedDate17: null,
        dIsFireConfirmForm: null,
        dSafeImplSign18: null,
        dSafeImplDate18: null,
        dIsNaturalVen: null,
        dNaturalVenContent: null,
        dSafeImplSign21: null,
        dSafeImplDate21: null,
        dSafeLiftedSign21: null,
        dSafeLiftedDate21: null,
        dIsMecVen: null,
        dMecVenContent: null,
        dSafeImplSign22: null,
        dSafeImplDate22: null,
        dSafeLiftedSign22: null,
        dSafeLiftedDate22: null,
        dIsAnalyzeAir: null,
        dAnalyzeAirContent: null,
        dIsFloodWater: null,
        dSafeImplSign31: null,
        dSafeImplDate31: null,
        dSafeLiftedSign31: null,
        dSafeLiftedDate31: null,
        dIsProInertGas: null,
        dProInertGasContent: null,
        dSafeImplSign32: null,
        dSafeImplDate32: null,
        dSafeLiftedSign32: null,
        dSafeLiftedDate32: null,
        dIsCleanFlush: null,
        dCleanFlushContent: null,
        dSafeImplSign33: null,
        dSafeImplDate33: null,
        dIsGasAnalysis: null,
        dGasAnalysisContent: null,
        dSafeImplSign34: null,
        dSafeImplDate34: null,
        dIsCloseFireControl: null,
        dSafeImplSign41: null,
        dSafeImplDate41: null,
        dSafeLiftedSign41: null,
        dSafeLiftedDate41: null,
        dIsOtherMeasure: null,
        dOtherMeasureContent: null,
        dSafeImplSign42: null,
        dSafeImplDate42: null,
        dSafeLiftedSign42: null,
        dSafeLiftedDate42: null,
        dDangerSpaceOne: null,
        dDangerSpaceOneLeader: null,
        dDangerSpaceOneOffice: null,
        dDangerSpaceOneTel: null,
        dDangerSpaceOneItem: null,
        dDangerSpaceTwo: null,
        dDangerSpaceTwoLeader: null,
        dDangerSpaceTwoOffice: null,
        dDangerSpaceTwoTel: null,
        dDangerSpaceTwoItem: null,
        dDangerSpaceThree: null,
        dDangerSpaceThreeLeader: null,
        dDangerSpaceThreeOffice: null,
        dDangerSpaceThreeTel: null,
        dDangerSpaceThreeItem: null,
        dDangerSpaceFour: null,
        dDangerSpaceFourLeader: null,
        dDangerSpaceFourOffice: null,
        dDangerSpaceFourTel: null,
        dDangerSpaceFourItem: null,
        dDangerApproveSignOne: null,
        dDangerApproveDateOne: null,
        dDangerApproveSignTwo: null,
        dDangerApproveDateTwo: null,
        dDangerApproveSignThree: null,
        dDangerApproveDateThree: null,
        dDangerApproveSignFour: null,
        dDangerApproveDateFour: null,
        dIsSafeBriefing: null,
        dPartakeBriefingSign: null,
        dPartakeBriefingDate: null,
        dNoReasonContent: null,
        eIsContineCheckAir: null,
        eIsKeepWet: null,
        eIsCheckInertGasPro: null,
        eIsWaterPro: null,
        eIsFireWaterPipe: null,
        eIsProFireExt: null,
        eFireExtType: null,
        eFireExtNum: null,
        eIsFallArrest: null,
        eFallArrestContent: null,
        eIsWeldingMachine: null,
        eIsOtherMeasure: null,
        eOtherMeasureContent: null,
        eIsContinueMonitoring: null,
        eSafeAttendant: null,
        eSafeAttendantSign: null,
        eIsNaturalVen: null,
        eNaturalVenContent: null,
        eIsMecVen: null,
        eMecVenContent: null,
        eIsExxtractDust: null,
        eIsAnalyzeAir: null,
        eAnalyzeAirContent: null,
        eAnalyzeAirInterval: null,
        eIsOtherVen: null,
        eOtherVenContent: null,
        fIsFireEndCheck: null,
        fProfessional: null,
        fIsNoticeD: null,
        fNoticeOne: null,
        fNoticeTwo: null,
        fNoticeThree: null,
        fNoticeFour: null,
        fIsOtherSafeMeasures: null,
        fOtherSafeMeasuresContent: null,
        gFirstSign: null,
        gFirstDate: null,
        gSecondSign: null,
        gSecondDate: null,
        gThirdSign: null,
        gThirdDate: null,
        gIsSpecialAssessment: null,
        gSpecialAssessment: null,
        hSafeMesSign: null,
        hSafeMesDate: null,
        hVNoOne: null,
        hVNoTwo: null,
        hVNoThree: null,
        iOneASign: null,
        iOneADate: null,
        iOneBSign: null,
        iOneBDate: null,
        kConfirmSign: null,
        kConfirmDate: null,
        lNoticeSign: null,
        lNoticeDate: null,
        mAssessDContent: null,
        mAssessDSign: null,
        mAssessDDate: null,
        mOtherLicenceOne: null,
        mOtherLicenceTwo: null,
        mOtherLicenceThree: null,
        wordUrl: null,
        pdfUrl: null
      },
      rules: {
        ruleA1: [
          {validator: validateruleA1, trigger: 'blur'}
        ],
        ruleB: [
          {validator: validateruleB, trigger: 'blur'}
        ],
      },
      /* 日期格式模板，目前年月日均默认当日 */
      /* value1: [
                new Date(2000, 10, 10, 10, 10),
                new Date(2000, 10, 11, 10, 10),
              ], */
      value1: [],
      //新增修改窗口内容是否展开
      activeNames: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15'],
    }
  },
  /* 页面渲染前执行的方法*/
  created() {
    this.queryMatters();
    //加载施工单位
    listDept(this.aConstructionsQuery).then(response => {
      this.aConstructions = response.data;
    })
    var id = this.$route.query.hId;
    console.log("id=============" + id)
    if (id != null) {
      getFireInfo(id).then(response => {
        // this.form = response.data
        this.form = response.data;
        console.log(this.form)
        this.form.hId = id
        this.form.aIsNeedSafeLiaison = response.data.aIsNeedSafeLiaison.toString()
        if (response.data.bValidityStartTime) {
          this.$set(this.value1, 0, response.data.bValidityStartTime);
        }
        if (response.data.bValidityEndTime) {
          this.$set(this.value1, 1, response.data.bValidityEndTime);
        }
        if (this.form.cHarmMatterName) {
          this.form.isYesDanger = 1;
        }
        this.msgSuccess(this.$t('数据加载成功'));
      });
      this.hIdDisabled = true;
    }
    if (this.$route.query.data) {
      let invoice = {};
      let data = JSON.parse(this.$route.query.data);
      getInfoByInvoiceId(data.bookingworkticket.id).then(res => {
          invoice = res.data;
          console.log("2222--", data)
          console.log("3333--", invoice)
          // A-装置信息
          this.form.aEquipmentName = 'CBP/C';
          this.form.aEquipmentLeader = invoice.devSup.nickName;
          this.form.aEquipmentTel = invoice.devSup.phonenumber;
          this.form.aEquipmentOffice = '/';
          // A-承包商
          getDept(invoice.user.deptId).then(res => {
            this.form.aConstructionName = res.data.deptName;
            this.form.aConstructionLeader = res.data.leader;
            this.form.aConstructionTel = res.data.phone;
          })
          this.form.aConstructionOffice = '/';
          // A-用户主管
          this.form.aContractorName = data.bookingworkticket.userUnit;
          this.form.aContractorLeader = invoice.userSup.nickName;
          this.form.aContractorOffice = '/';
          this.form.aContractorTel = invoice.userSup.phonenumber;
          //B-位置/区域号：
          this.form.bAreaNo = data.bookingworkticket.workArea;
          //B-工作内容
          this.form.bWorkContent = data.workDescription;
        }
      )

    }
  },
  methods: {/* 动态改变勾选 */
    selectChange(id) {
      //清空取消数据选中时清除选中的危害及防护用品
      if (this.form.cHarmMatterName == null || this.form.cHarmMatterName == '') {
        this.form.cIsGhs = 2;
        this.form.isYesDanger = 0;
      }
      /* 取消所有危害选中框 */
      this.falseCheckbox();
      // 取消所有防护用品选中
      this.falseProtect();
      /* 根据危害物质进行动态多选框选中 */
      // this.$nextTick(() => {
      this.matterNames.forEach(mf => {
        if (mf.matterName == id) {
          var ff = mf.matterFeatureList;
          var pro = mf.protects;
          if (ff != null && ff.length > 0) {
            this.trueCheckbox(ff);
            this.form.cIsGhs = 1;
            this.form.isYesDanger = 1;
          } else {
            console.log("没有需要选中的多选框");
          }
          //2022年1月5日取消防护用品自动选中
          if (pro != null && pro.length > 0) {
            this.form.isYesResidue = true;
            pro.forEach(p => {
              this.form[p.conservatoryMeasureCode] = 1;
              if (p.conservatoryMeasureContent != null) {
                console.log(p.conservatoryMeasureContent);
                console.log(p.conservatoryMeasureName);
                this.form[p.conservatoryMeasureContent] = p.conservatoryMeasureName;
              }
            })
          }
        }
      })
      console.log(id);
      // });
    },
    handleSee() {
      if (!this.form.pdfUrl) {
        return
      }
      this.loadingFlash = true
      this.pdf.open = true
      this.pdf.pdfUrl = process.env.VUE_APP_BASE_API + '/pdf/web/viewer.html?file=' + process.env.VUE_APP_BASE_API + this.form.pdfUrl
      this.loadingFlash = false
    },
    openPdf() {
      if (!this.form.pdfUrl) {
        return
      }
      window.open(this.pdf.pdfUrl)
    },
    handleDownload() {
      if (!this.form.pdfUrl) {
        return
      }
      window.open(process.env.VUE_APP_BASE_API + this.form.wordUrl)
    },
    hIdClick() {
      this.$refs["form"].validate(valid => {
        if (valid) {
          if (this.form.hId == null) {
            this.dataSet();
            addFireTicket(this.form).then(response => {
              this.form.hId = response.data;
              this.msgSuccess(this.$t('生成ID成功'));
              if (this.$route.query.data) {
                let putData = JSON.parse(this.$route.query.data)
                console.log('5555---', putData)
                updateWorkcontent({dhzyxkzh: this.form.hId + '', id: putData.id}).then(res => {
                  putData.dhzyxkzh = this.form.hId;
                  batchAddJobticket([putData]).then(response => {
                    this.msgSuccess(this.$t(response.msg));
                  });
                });
              }
            });
            this.hIdDisabled = true;
          } else {
          }
        }
      });

    },
    //提交当前数据
    onSubmit() {
      this.dataSet();
      updateFireTicket(this.form).then(response => {
        this.msgSuccess(this.$t('票据数据已更新'));
      });
    },
    //数据提交时保存的数据处理
    dataSet() {
      //B栏有效期开始结束时间处理
      this.form.bValidityStartTime = this.value1[0] == null ? null : this.value1[0];
      this.form.bValidityEndTime = this.value1[1] == null ? null : this.value1[1];
    },
    falseCheckbox() {
      this.form.cIsToxic = null;
      this.form.cIsFlammable = null;
      this.form.cIsOxidizing = null;
      this.form.cIsExplosive = null;
      this.form.cIsCorrosive = null;
      this.form.cIsIrritantToxic = null;
      this.form.cIsHealthHazard = null;
      this.form.cIsCompressedGas = null;
      this.form.cIsEnvironmentalHazard = null;
    },
    queryMatters() {
      listMatters().then(response => {
        this.matterNames = response.data;
        console.log(this.matterNames)
      })
    },
    // 取消所有防护用品选中
    falseProtect() {
      this.eIsSafeGoggles = 0;
      this.eIsFaceShield = 0;
      this.eIsProtectGloves = 0;
      this.eProtectGlovesContent = null;
      this.eIsRubberBoots = 0;
      this.eIsRubberApron = 0;
      this.eIsProtectSuit = 0;
      this.eProtectSuitContent = null;
      this.eIsResProtect = 0;
      this.eResProtectContent = null;
      this.eIsFallArrest = 0;
      this.eFallArrestContent = null;
    },
    /* 为多选框进行动态选择*/
    trueCheckbox(arr) {
      arr.forEach((m) => {
        this.form[m] = 1;
      })
    },
    //施工单位后台数据联动
    aConstructionChange(val) {
      this.aConstructions.forEach(t => {
        console.log(val)
        if (val == t.deptId) {
          this.form.aConstructionLeader = t.leader;
          this.form.aConstructionTel = t.phone;
          this.form.aConstructionOffice = '/';
        }
      })
    },
    allExpand() {
      this.activeNames = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16'];
    },
    allShrink() {
      this.activeNames = [];
    },
//取消选中设备内物质处于危险状态-清除数据
    eHazardsChange() {
      if (this.isEquipmentHazards == '0') {
        this.form.cIsHighTemp = null;
        this.form.cIsLowTemp = null;
        this.form.cIsPosPressure = null;
        this.form.cIsNegPressure = null;
      }
    },
    //取消施工对生产单位的危害-清除数据
    cHazardsProdChange() {
      if (this.form.cIsHazardsProd == '0') {
        this.form.cIsHazardsProdContent = null;
      }
    },
    //取消来自设备/设施的危害-清除数据
    facilityChange() {
      if (this.isFacilityHazards == '0') {
        this.form.cIsMovingParts = null;
        this.form.cIsHotSurfaces = null;
        this.form.cIsColdSurfaces = null;
        this.form.cIsVoltages = null;
      }
    },
    //取消安全保护设备的施工-清除数据
    workProChange() {
      if (this.form.cIsWorkProtective == '0') {
        this.form.cIsDy = null;
        this.form.cIsAqf = null;
        this.form.cIsLq = null;
      }
    },
    //D栏否的状态清除数据
    //D-1.1
    dIsOpenSafeChange() {
      if (this.form.dIsOpenSafe == '0') {
        this.form.dSafeImplSign11 = null;
        this.form.dSafeImplDate11 = null;
      }
    },
    commonYesMethod(val) {
      /*this[val] = "1";*/
      console.log(val + " : " + this[val])
    },
    commonNoMethod(val) {
      /*this[val] = "0";*/
      console.log(val + " : " + this[val])
    }
  }
};
</script>
