jobticket/ui/src/views/invoicing/firework/index.vue

<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>
              </td>
              <td>
                  <el-button @click="allShrink">全部关闭</el-button>
              </td>
              <td>
                  <el-button type="primary" v-show="form.hId" @click="onSubmit">提交当前数据</el-button>
              </td>
              <td>
                <el-form-item>
                  <el-button v-if="form.pdfUrl" type="success" @click="handleSee">预览</el-button>
                  <el-button v-if="form.pdfUrl" type="success" @click="handleDownload">下载</el-button>
                </el-form-item>
              </td>
            </tr>
          </table>
          <el-row :gutter="20">
            <!-- 左侧栏 -->
            <el-col :span="12">
              <el-collapse v-model="activeNames">
                <el-collapse-item title="A 基本信息" name="1">
                  <el-form-item prop="ruleA1">
                    <div>
                      <table style="width: 100%;">
                        <tr>
                          <td>1. 装置/部门：
                            <el-input v-model="form.aEquipmentName" style="width: calc(100% - 95px);"></el-input></td>
                          <td style="text-align: right;white-space: nowrap;">装置/部门主管：</td>
                          <td><el-input v-model="form.aEquipmentLeader"/></td>
                          <td style="white-space: nowrap;">
                            <i class="el-icon-phone"></i>：
                            <el-input v-model="form.aEquipmentTel" style="width: 110px"/></td>
                          <td style="white-space: nowrap;">办公室：</td>
                          <td width="90"><el-input v-model="form.aEquipmentOffice"/></td>
                        </tr>
                        <tr>
                          <td>2. 施工单位：
                            <el-select v-model="form.aConstructionName" filterable placeholder="请选择施工单位"
                                       @change="aConstructionChange(form.aConstructionName)" style="width: calc(100% - 93px)">
                              <el-option v-for="item in aConstructions" :key="item.deptId" :label="item.deptName"
                                         :value="item.deptId">
                              </el-option>
                            </el-select>
                          </td>
                          <td style="text-align: right">施工单位主管：</td>
                          <td><el-input v-model="form.aConstructionLeader"/>
                          </td>
                          <td style="white-space: nowrap;">
                            <i class="el-icon-phone"></i>：
                            <el-input v-model="form.aConstructionTel" style="width: 110px"/>
                          </td>
                          <td>办公室：</td>
                          <td> <el-input v-model="form.aConstructionOffice"/></td>
                        </tr>
                        <tr>
                          <td>3.
                          用户(涉及外部承包商时)：
                            <el-input v-model="form.aContractorName" style="width: calc(100% - 188px)"/>
                          </td>
                          <td style="text-align: right">用户主管：</td>
                          <td><el-input v-model="form.aContractorLeader"/></td>
                          <td style="white-space: nowrap;">
                            <i class="el-icon-phone"></i>：
                            <el-input v-model="form.aContractorTel" style="width: 110px"/>
                          </td>
                          <td>办公室：</td>
                          <td><el-input v-model="form.aContractorOffice"/></td>
                        </tr>
                        <tr>
                          <td>4. 需要安全联络员？
                            <el-radio v-model="form.aIsNeedSafeLiaison" label="1">是</el-radio>
                            <el-radio v-model="form.aIsNeedSafeLiaison" label="2">否</el-radio></td>
                          <td style="text-align: right">姓名：</td>
                          <td><el-input v-model="form.aSafeLiaisonName"
                                      :disabled="form.aIsNeedSafeLiaison==1?false:true"/>
                          </td>
<!--                          <td>-->
<!--                            签名：-->
<!--                            <el-input style="width: 100px;" v-model="form.aSafeLiaisonSign"-->
<!--                                      :disabled="form.aIsNeedSafeLiaison==1?false:true"/>-->
<!--                          </td>-->
                          <td style="white-space: nowrap;">
                            <i class="el-icon-phone"></i>：
                            <el-input v-model="form.aSafeLiaisonTel"
                                      :disabled="form.aIsNeedSafeLiaison==1?false:true" style="width: 110px"/>
                          </td>
                          <td>
                            办公室：</td>
                          <td><el-input v-model="form.aSafeLiaisonOffice"
                                      :disabled="form.aIsNeedSafeLiaison==1?false:true"/></td>
                        </tr>
                      </table>
                    </div>
                  </el-form-item>
                </el-collapse-item>
                <el-collapse-item title="B 工作内容" name="2">
                  <el-form-item prop="ruleB">
                    <table style="width: 100%;">
                      <tr>
                        <td style="white-space: nowrap">1.装置设备：
                          <el-input v-model="form.bDeviceName" style="width: 480px"/>
                        </td>
                        <td style="text-align: right">位置/区域号：</td>
                          <td><el-input v-model="form.bAreaNo"/>
                        </td>
                      </tr>
                      <tr>
                        <td colspan="3">2.工作内容描述：
                          <el-input style="width: calc(100% - 116px);vertical-align: top" type="textarea" v-model="form.bWorkContent"/>
                        </td>
                      </tr>
                      <tr>
                        <td colspan="3" class="short-checkbox">3. 动火作业分级：
                          <el-checkbox v-model="form.bFireWorkGrade" :true-label="0"/>
                          特级
                          <el-checkbox v-model="form.bFireWorkGrade" :true-label="1"/>
                          一级
                          <el-checkbox v-model="form.bFireWorkGrade" :true-label="2"/>
                          二级
                        </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" false-label="0"/>
                      危害物质（正常运行时存在于设备中的物料名称）：
                        <!-- 物料数据源绑定 -->
                        <el-select v-model="form.cHarmMatterName" clearable placeholder="请选择物料名称"
                                   @change="selectChange(form.cHarmMatterName)">
                          <el-option v-for="item in matterNames" :key="item.id" :label="item.matterName"
                                     :value="item.id">
                          </el-option>
                        </el-select>
                      </td>
                    </tr>
                    <!-- 图标及物料特性根据物料进行动态展示 -->
                    <tr>
                      <td colspan="2" class="short-checkbox">
                        <el-row>
                          <el-col :span="3">是否有GHS标识
                            <el-checkbox v-model="form.cIsDanger" true-label="1" false-label="0"/></el-col>
                          <el-col :span="2.5" style="text-align: center">
                            <el-image style="width: 70px;height: 70px;" :src="require('@/assets/image/toxicIcon.png')">
                            </el-image>
                            <div>毒性</div>
                            <el-checkbox v-model="cIsToxic" true-label="1" false-label="0"/>
                          </el-col>
                          <el-col :span="2.5" style="text-align: center">
                            <el-image style="width: 70px;height: 70px;" :src="require('@/assets/image/flammableIcon.png')">
                            </el-image>
                            <div>易燃性</div>
                            <el-checkbox v-model="cIsFlammable" true-label="1" false-label="0"/>
                          </el-col>
                          <el-col :span="2.5" style="text-align: center">
                            <el-image style="width: 70px;height: 70px;" :src="require('@/assets/image/oxidizingIcon.png')">
                            </el-image>
                            <div>氧化性</div>
                            <el-checkbox v-model="cIsOxidizing" true-label="1" false-label="0"/>
                          </el-col>
                          <el-col :span="2.5" style="text-align: center">
                            <el-image style="width: 70px;height: 70px;" :src="require('@/assets/image/explosiveIcon.png')">
                            </el-image>
                            <div>爆炸性</div>
                            <el-checkbox v-model="cIsExplosive" true-label="1" false-label="0"/>
                          </el-col>
                          <el-col :span="2.5" style="text-align: center">
                            <el-image style="width: 70px;height: 70px;" :src="require('@/assets/image/corrosiveIcon.png')">
                            </el-image>
                            <div>腐蚀性</div>
                            <el-checkbox v-model="cIsCorrosive" true-label="1" false-label="0"/>
                          </el-col>
                          <el-col :span="2.5" style="text-align: center">
                            <el-image style="width: 70px;height: 70px;"
                                      :src="require('@/assets/image/irritantSensitizationToxicIcon.png')">
                            </el-image>
                            <div>刺激性/致敏性/毒性</div>
                            <el-checkbox v-model="cIsIrritantToxic" true-label="1" false-label="0"/>
                          </el-col>
                          <el-col :span="2.5" style="text-align: center">
                            <el-image style="width: 70px;height: 70px;"
                                      :src="require('@/assets/image/healthHazardIcon.png')">
                            </el-image>
                            <div>健康危害</div>
                            <el-checkbox v-model="cIsHealthHazard" true-label="1" false-label="0"/>
                          </el-col>
                          <el-col :span="2.5" style="text-align: center">
                            <el-image style="width: 70px;height: 70px;"
                                      :src="require('@/assets/image/compressedGasIcon.png')">
                            </el-image>
                            <div>压力下气体</div>
                            <el-checkbox v-model="cIsCompressedGas" true-label="1" false-label="0"/>
                          </el-col>
                          <el-col :span="2.5" style="text-align: center">
                            <el-image style="width: 70px;height: 70px;"
                                      :src="require('@/assets/image/environmentalHazardIcon.png')">
                            </el-image>
                            <div>危害水生环境</div>
                            <el-checkbox v-model="cIsEnvironmentalHazard" true-label="1" false-label="0"/>
                          </el-col>
                        </el-row>
                      </td>
                    </tr>
                    <tr>
                      <td class="short-checkbox">
                        <el-checkbox v-model="isEquipmentHazards" true-label="1" false-label="0"
                                     @change="eHazardsChange"/>
                        设备内物质处于危险状态
                        （
                        <el-checkbox v-model="form.cIsHighTemp" true-label="1" false-label="0"
                                     :disabled="isEquipmentHazards==true?false:true" @change="highTempChange"/>
                        高温
                        /
                        <el-checkbox v-model="form.cIsLowTemp" true-label="1" false-label="0"
                                     :disabled="isEquipmentHazards==true?false:true"
                                     @change="lowTempChange"/>
                        低温；
                        <el-checkbox v-model="form.cIsPosPressure" true-label="1" false-label="0"
                                     :disabled="isEquipmentHazards==true?false:true"
                                     @change="posPressureChange"/>
                        正压
                        /
                        <el-checkbox v-model="form.cIsNegPressure" true-label="1" false-label="0"
                                     :disabled="isEquipmentHazards==true?false:true"
                                     @change="negPressureChange"/>
                        负压
                        ）
                      </td>
                      <td class="short-checkbox">
                        <el-checkbox v-model="form.cIsHazardsProd" true-label="1" false-label="0"
                                     @change="cHazardsProdChange"/>
                      施工对生产装置可能造成的危害：
                        <el-input style="width: 150px;" v-model="form.cIsHazardsProdContent"
                                  :disabled="form.cIsHazardsProd==true?false:true"/>
                      </td>
                    </tr>
                    <tr>
                      <td class="short-checkbox">
                        <el-checkbox v-model="isFacilityHazards" true-label="1" false-label="0"
                                     @change="facilityChange"/>

                        来自设备/设施的危害（
                        <el-checkbox v-model="form.cIsMovingParts" true-label="1" false-label="0"
                                     :disabled="isFacilityHazards==true?false:true"/>
                        移动部件，
                        <el-checkbox v-model="form.cIsHotSurfaces" true-label="1" false-label="0"
                                     :disabled="isFacilityHazards==true?false:true"
                                     @change="hotSurfacesChange"/>
                        热表面/
                        <el-checkbox v-model="form.cIsColdSurfaces" true-label="1" false-label="0"
                                     :disabled="isFacilityHazards==true?false:true"
                                     @change="coldSurfacesChange"/>
                        冷表面，
                        <el-checkbox v-model="form.cIsVoltages" true-label="1" false-label="0"
                                     :disabled="isFacilityHazards==true?false:true"/>
                        电压
                        ）
                      </td>
                      <td class="short-checkbox">
                        <el-checkbox v-model="form.cIsWorkToFire" :true-label="1" :false-label="0"/>
                        动火可能引起火灾
                      </td>
                    </tr>
                    <tr>
                      <td class="short-checkbox">
                        <el-checkbox v-model="form.cIsWorkProtective" true-label="1" false-label="0"
                                     @change="workProChange"/>
                      安全保护设备的施工(
<!--                        <el-checkbox v-model="form.cIsDy" true-label="1" false-label="0"-->
<!--                                     :disabled="form.cIsWorkProtective==1?false:true"/>-->
                        电仪安全保护设备，
<!--                        <el-checkbox v-model="form.cIsAqf" true-label="1" false-label="0"-->
<!--                                     :disabled="form.cIsWorkProtective==1?false:true"/>-->
                        安全阀，
<!--                        <el-checkbox v-model="form.cIsLq" true-label="1" false-label="0"-->
<!--                                     :disabled="form.cIsWorkProtective==1?false:true"/>-->
                        冷却系统)
                      </td>
                      <td class="short-checkbox">
                        <el-checkbox v-model="form.cIsWorkToBlast" :true-label="1" :false-label="0"/>
                        在防爆区内有爆炸危害
                      </td>
                    </tr>
                    <tr>
                      <td class="short-checkbox">
                        <el-checkbox v-model="form.cIsDeviceToBlast" :true-label="1" :false-label="0"/>
                        设备、储罐、管线有爆炸危害
                      </td>
                      <td class="short-checkbox">
                        <el-checkbox v-model="form.cIsWorkToEnvir" :true-label="1" :false-label="0"/>
                        动火对周边环境有危害
                      </td>
                    </tr>
                    <tr>
                      <td class="short-checkbox">
                        <el-checkbox v-model="form.cIsOtherFire" true-label="1" :false-label="0"/>
                      其它危害：
                        <el-input v-model="form.cOtherFireContent" style="width: calc(100% - 104px)"/>
                      </td>
                      <td class="short-checkbox">
                        <el-checkbox v-model="form.cIsOtherA" :true-label="1" :false-label="0"/>
                        涉及的其它作业，相关许可证：
                        <el-input style="width: 158px;" v-model="form.aId"><i slot="prefix" class="el-input__icon el-icon-word">A</i>
                        </el-input>
                      </td>
                    </tr>
                  </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 style="width: calc(100% - 182px)"/></td>
                      <td style="text-align: center;"><el-checkbox/></td>
                      <td style="text-align: center;"><el-checkbox/></td>
                      <td>
                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" />
                        <el-date-picker style="width: 50%;"
                          type="date">
                        </el-date-picker>
                      </td>
                      <td>
                      </td>
                    </tr>
                    <tr>
                      <td>切割确认表：<el-input style="width: calc(100% - 80px)" /></td>
                      <td style="text-align: center;"><el-checkbox/></td>
                      <td style="text-align: center;"><el-checkbox/></td>
                      <td>
                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" />
                        <el-date-picker 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="0" @change="dIsOpenSafeChange"/></td>
                      <td>
                        <el-input style="width: 50%" v-model="form.dSafeImplSign11" readonly prefix-icon="el-icon-edit"
                                  :disabled="form.dIsOpenSafe==1?false:true" @focus="signCard('dSafeImplSign11')">
                        </el-input>
                        <!--                      <el-button type="primary" slot="append"-->
                        <!--                                 icon="el-icon-edit"-->
                        <!--                                 :disabled="form.dIsOpenSafe==1?false:true"></el-button>-->
                        <el-date-picker style="width: 50%" v-model="form.dSafeImplDate11" type="date"
                                        format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss"
                                        :disabled="form.dIsOpenSafe==1?false:true">
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" />
                        <el-date-picker style="width: 50%;"
                                        type="date">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>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" false-label="0"
                                                                   :disabled="form.dIsDkdyx !== null?false:true"/></td>
                      <td style="text-align: center;"><el-checkbox v-model="form.dIsDisFeeder" true-label="0" false-label="1"
                                                                   @change="dIsDisFeederChange"
                                                                   :disabled="form.dIsDkdyx !== null?false:true"/></td>
                      <td rowspan="4">
                        <el-input style="width: 50%;" v-model="form.dDisFeederImplSign" readonly
                                  :disabled="form.dIsDisFeeder==1?false:true" prefix-icon="el-icon-edit"
                                  @focus="signCard('dDisFeederImplSign')">
                        </el-input>
                        <el-date-picker style="width: 50%" v-model="form.dDisFeederImplDate" type="date"
                                        format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss"
                                        :disabled="form.dIsDisFeeder==1?false:true">
                        </el-date-picker>
                      </td>
                      <td rowspan="4">
                        <el-input style="width: 50%" v-model="form.dDisFeederLiftedSign" prefix-icon="el-icon-edit" disabled/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dDisFeederLiftedDate" type="date" disabled>
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>断开回路开关并上锁和运转测试 <el-input style="width: calc(100% - 188px)" v-model="form.dBreakInclContent"
                                                                 :disabled="form.dIsBreakIncl == 1?false:true"/></td>
                      <td style="text-align: center;"> <el-checkbox v-model="form.dIsBreakIncl" true-label="1" false-label="0"
                                                                    :disabled="form.dIsDisFeeder!== null?false:true"/></td>
                      <td style="text-align: center;"><el-checkbox v-model="form.dIsBreakIncl" true-label="0" false-label="1"
                                                                   @change="dIsBreakInclChange"
                                                                   :disabled="form.dIsDisFeeder!== null?false:true"/></td>
                    </tr>
                    <tr>
                      <td>电气回路编号：<el-input style="width:calc(100% - 93px);" v-model="form.dEleCircuitNo" @change="dElecircuitChange"
                                                 :disabled="form.dIsDqhl == 1?false:true"/></td>
                      <td></td>
                      <td></td>
                    </tr>
                    <tr>
                      <td>仪表号/测点编号：<el-input style="width: calc(100% - 110px)" v-model="form.dInsTagNo" @change="dInsTagChange"
                                                    :disabled="form.dIsYbh == 1?false:true"/></td>
                      <td></td>
                      <td></td>
                    </tr>
                    <tr>
                      <td>2.3 放射源由专业人员确保安全（日志）</td>
                      <td style="text-align: center;"><el-checkbox v-model="form.dIsRadioactiveSources" true-label="1" false-label="0"
                                                                   :disabled="form.dIsYbh!= null?false:true"/></td>
                      <td style="text-align: center;"><el-checkbox v-model="form.dIsRadioactiveSources" true-label="0" false-label="1"
                                                                   @change="dIsRadioactiveSourcesChange"
                                                                   :disabled="form.dIsYbh!= null?false:true"/></td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign13" readonly
                                  :disabled="form.dIsRadioactiveSources==1?false:true"
                                  @focus="signCard('dSafeImplSign13')" prefix-icon="el-icon-edit">
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeImplDate13" type="date"
                                        :disabled="form.dIsRadioactiveSources==1?false:true">
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign13" prefix-icon="el-icon-edit" disabled/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%;"
                                        v-model="form.dSafeLiftedDate13" type="date" disabled>
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>2.4 <el-input style="width: calc(100% - 25px)" v-model="form.dIsOtherEquSafeContent"
                                        :disabled="form.dIsOtherEquSafe == 1?false:true"/></td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsOtherEquSafe" true-label="1" false-label="0"
                                     :disabled="form.dIsRadioactiveSources!= null?false:true"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsOtherEquSafe" true-label="0" false-label="1"
                                     @change="dIsOtherEquSafeChange"
                                     :disabled="form.dIsRadioactiveSources!= null?false:true"/>
                      </td>
                      <td>
                        <el-input style="width:50%;" v-model="form.dSafeImplSign14" readonly
                                  :disabled="form.dIsOtherEquSafe==1?false:true" prefix-icon="el-icon-edit"
                                  @focus="signCard('dSafeImplSign14')">
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeImplDate14" type="date"
                                        :disabled="form.dIsOtherEquSafe==1?false:true">
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%" v-model="form.dSafeLiftedSign14" prefix-icon="el-icon-edit" disabled/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeLiftedDate14" type="date" disabled>
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td><b>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" false-label="0"
                                                                   :disabled="form.dIsOtherEquSafe!= null?false:true"/></td>
                      <td style="text-align: center;"><el-checkbox v-model="form.dIsDepress" true-label="0" false-label="1" @change="dIsDepressChange"
                                                                   :disabled="form.dIsOtherEquSafe!= null?false:true"/></td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign21" readonly prefix-icon="el-icon-edit"
                                  :disabled="form.dIsDepress==1?false:true" @focus="signCard('dSafeImplSign21')">
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeImplDate21" type="date"
                                        :disabled="form.dIsDepress==1?false:true">
                        </el-date-picker>
                      </td>
                      <td>
                      </td>
                    </tr>
                    <tr>
                      <td>3.2 单阀截断</td>
                      <td style="text-align: center;"><el-checkbox v-model="form.dIsSingleBlocking" true-label="1" false-label="0"
                                                                   :disabled="form.dIsDepress!= null?false:true"/></td>
                      <td style="text-align: center;"><el-checkbox v-model="form.dIsSingleBlocking" true-label="0" false-label="1"
                                                                   @change="dIsSingleBlockingChange"
                                                                   :disabled="form.dIsDepress!= null?false:true"/></td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign22" readonly
                                  :disabled="form.dIsSingleBlocking==1?false:true" prefix-icon="el-icon-edit"
                                  @focus="signCard('dSafeImplSign22')">
                        </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.dSafeImplDate22" type="date"
                                        :disabled="form.dIsSingleBlocking==1?false:true">
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign22" prefix-icon="el-icon-edit" disabled/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeLiftedDate22" type="date" disabled>
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>3.3 双阀截断与放空 </td>
                      <td style="text-align: center;"><el-checkbox v-model="form.dIsDoubleBlock" true-label="1" false-label="0"
                                                                   :disabled="form.dIsSingleBlocking!= null?false:true"/></td>
                      <td style="text-align: center;"><el-checkbox v-model="form.dIsDoubleBlock" true-label="0" false-label="1"
                                                                   @change="dIsDoubleBlockChange"
                                                                   :disabled="form.dIsSingleBlocking!= null?false:true"/></td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign23" readonly
                                  :disabled="form.dIsDoubleBlock==1?false:true" prefix-icon="el-icon-edit"
                                  @focus="signCard('dSafeImplSign23')">
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeImplDate23" type="date"
                                        :disabled="form.dIsDoubleBlock==1?false:true">
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign23" prefix-icon="el-icon-edit" disabled/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeLiftedDate23" type="date" disabled>
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>3.4 使用 <el-input style="width: calc(100% - 120px)" v-model="form.dLockoutUsingContent"
                                            :disabled="form.dIsLockoutUsing==1?false:true"/> 锁定 </td>
                      <td style="text-align: center;"><el-checkbox v-model="form.dIsLockoutUsing" true-label="1" false-label="0"
                                                                    :disabled="form.dIsDoubleBlock!= null?false:true"/></td>
                      <td style="text-align: center;"><el-checkbox v-model="form.dIsLockoutUsing" true-label="0" false-label="1"
                                                                   @change="dIsLockoutUsingChange"
                                                                   :disabled="form.dIsDoubleBlock!= null?false:true"/></td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign24" readonly prefix-icon="el-icon-edit"
                                  :disabled="form.dIsLockoutUsing==1?false:true"
                                  @focus="signCard('dSafeImplSign24')">
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeImplDate24" type="date"
                                        :disabled="form.dIsLockoutUsing==1?false:true">
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign24" prefix-icon="el-icon-edit" disabled/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeLiftedDate24" type="date" disabled>
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>3.5 移去部分管线/短接 </td>
                      <td style="text-align: center;"><el-checkbox v-model="form.dIsRemovePipe" true-label="1" false-label="0"
                                                                   :disabled="form.dIsLockoutUsing!= null?false:true"/></td>
                      <td style="text-align: center;"><el-checkbox v-model="form.dIsRemovePipe" true-label="0" false-label="1"
                                                                   @change="dIsRemovePipeChange"
                                                                   :disabled="form.dIsLockoutUsing!= null?false:true"/></td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign25" readonly prefix-icon="el-icon-edit"
                                  :disabled="form.dIsRemovePipe==1?false:true"
                                  @focus="signCard('dSafeImplSign25')">
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeImplDate25" type="date"
                                        :disabled="form.dIsRemovePipe==1?false:true">
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%" v-model="form.dSafeLiftedSign25" prefix-icon="el-icon-edit" disabled/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeLiftedDate25" type="date" disabled>
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>3.6 断开管线并加盖盲法兰 </td>
                      <td style="text-align: center;"><el-checkbox v-model="form.dIsDisPipes" true-label="1" false-label="0"
                                                                   :disabled="form.dIsRemovePipe!= null?false:true"/></td>
                      <td style="text-align: center;"><el-checkbox v-model="form.dIsDisPipes" true-label="0" false-label="1"
                                                                   @change="dIsDisPipesChange"
                                                                   :disabled="form.dIsRemovePipe!= null?false:true"/></td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign26" readonly prefix-icon="el-icon-edit"
                                  :disabled="form.dIsDisPipes==1?false:true" @focus="signCard('dSafeImplSign26')">
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeImplDate26" type="date"
                                        :disabled="form.dIsDisPipes==1?false:true">
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%" v-model="form.dSafeLiftedSign26" prefix-icon="el-icon-edit" disabled/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeLiftedDate26" type="date" disabled>
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>3.7 插入盲板 </td>
                      <td style="text-align: center;"><el-checkbox v-model="form.dIsInsertBlindPlage" true-label="1" false-label="0"
                                                                   :disabled="form.dIsDisPipes!= null?false:true"/></td>
                      <td style="text-align: center;"><el-checkbox v-model="form.dIsInsertBlindPlage" true-label="0" false-label="1"
                                                                   @change="dIsInsertBlindPlageChange"
                                                                   :disabled="form.dIsDisPipes!= null?false:true"/></td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign27" readonly prefix-icon="el-icon-edit"
                                  :disabled="form.dIsInsertBlindPlage==1?false:true"
                                  @focus="signCard('dSafeImplSign27')">
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeImplDate27" type="date"
                                        :disabled="form.dIsInsertBlindPlage==1?false:true">
                        </el-date-picker>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign27" prefix-icon="el-icon-edit" disabled/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%;"
                                        v-model="form.dSafeLiftedDate27" type="date" disabled>
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>3.8 机械安全措施：<el-input style="width: calc(100% - 118px)" v-model="form.dMecSecureContent"
                                                     :disabled="form.dIsMecSecure==1?false:true"/> </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsMecSecure" true-label="1" false-label="0"
                                     :disabled="form.dIsInsertBlindPlage!= null?false:true"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsMecSecure" true-label="0" false-label="1"
                                     @change="dIsMecSecureChange"
                                     :disabled="form.dIsInsertBlindPlage!= null?false:true"/>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign28" readonly prefix-icon="el-icon-edit"
                                  :disabled="form.dIsMecSecure==1?false:true" @focus="signCard('dSafeImplSign28')">
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeImplDate28" type="date"
                                        :disabled="form.dIsMecSecure==1?false:true">
                        </el-date-picker>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign28" prefix-icon="el-icon-edit" disabled/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%;"
                                        v-model="form.dSafeLiftedDate28" type="date" disabled>
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>3.9 用 <el-select style="width: 150px;" clearable v-model="form.dCleanContent" filterable
                                           :disabled="form.dIsClean==1?false:true">
                        <el-option v-for="item in dClears" :key="item.id" :label="item.name" :value="item.id">
                        </el-option>
                      </el-select> 清洗</td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsClean" true-label="1" false-label="0"
                                     :disabled="form.dIsDrain!= null?false:true"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsClean" true-label="0" false-label="1" @change="dIsCleanChange"
                                     :disabled="form.dIsDrain!= null?false:true"/>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign32" readonly prefix-icon="el-icon-edit"
                                  :disabled="form.dIsClean==1?false:true" @focus="signCard('dSafeImplSign32')">
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeImplDate32" type="date"
                                        :disabled="form.dIsClean==1?false:true">
                        </el-date-picker>
                      </td>
                      <td>
                      </td>
                    </tr>
                    <tr>
                      <td>3.10 用 <el-select style="width: 150px;" clearable v-model="form.dFlushContent" filterable
                                            :disabled="form.dIsFlush==1?false:true">
                        <el-option v-for="item in dFlushs" :key="item.id" :label="item.name" :value="item.id">
                        </el-option>
                      </el-select> 置换</td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsFlush" true-label="1" false-label="0"
                                     :disabled="form.dIsClean!= null?false:true"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsFlush" true-label="0" false-label="1" @change="dIsFlushChange"
                                     :disabled="form.dIsClean!= null?false:true"/>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign33" readonly prefix-icon="el-icon-edit"
                                  :disabled="form.dIsFlush==1?false:true" @focus="signCard('dSafeImplSign33')">
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeImplDate33" type="date"
                                        :disabled="form.dIsFlush==1?false:true">
                        </el-date-picker>
                      </td>
                      <td>
                      </td>
                    </tr>
                    <tr>
                      <td>3.11 注水保护</td>
                      <td style="text-align: center;"><el-checkbox/></td>
                      <td style="text-align: center;"><el-checkbox/></td>
                      <td>
                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" />
                        <el-date-picker style="width: 50%;"
                                        type="date">
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" />
                        <el-date-picker style="width: 50%;"
                                        type="date">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>3.12 惰性气体保护： <el-input style="width: calc(100% - 125px)" v-model="form.dProInertGasContent"
                                                        :disabled="form.dIsProInertGas!= null?false:true"/></td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsProInertGas" :true-label="1" :false-label="0"
                                     :disabled="form.dIsFloodWater!= null?false:true"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsProInertGas" :true-label="0" :false-label="1"
                                     :disabled="form.dIsFloodWater!= null?false:true"/>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign32" prefix-icon="el-icon-edit"
                                  :disabled="form.dIsProInertGas==1?false:true"/>
                        <el-date-picker
                          style="width: 50%;"
                          v-model="form.dSafeImplDate32"
                          type="date" :disabled="form.dIsProInertGas==1?false:true">
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign32" prefix-icon="el-icon-edit"
                                  :disabled="form.dIsProInertGas==1?false:true"/>
                        <el-date-picker
                          style="width: 50%;"
                          v-model="form.dSafeLiftedDate32"
                          type="date" :disabled="form.dIsProInertGas==1?false:true">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>3.13 气体分析内容： <el-input style="width: calc(100% - 125px)" v-model="form.dGasAnalysisContent"
                                                       :disabled="form.dIsGasAnalysis==1?false:true"/></td>
                      <td style="text-align: center">
                        <el-checkbox v-model="form.dIsGasAnalysis" :true-label="1" :false-label="0"
                                     :disabled="form.dIsCleanFlush!= null?false:true"/>
                      </td>
                      <td style="text-align: center">
                        <el-checkbox v-model="form.dIsMecSecure" :true-label="0" :false-label="1"
                                     :disabled="form.dIsCleanFlush!= null?false:true"/>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign34" prefix-icon="el-icon-edit"
                                  :disabled="form.dIsGasAnalysis==1?false:true"/>
                        <el-date-picker
                          style="width: 50%;"
                          v-model="form.dSafeImplDate34"
                          type="date" :disabled="form.dIsGasAnalysis==1?false:true">
                        </el-date-picker>
                      </td>
                      <td></td>
                    </tr>
                    <tr>
                      <td>3.14 <el-input style="width: calc(100% - 31px)" v-model="form.dOtherCleanContent"
                                         :disabled="form.dIsOhterClean==1?false:true"/></td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsOhterClean" true-label="1" false-label="0"
                                     :disabled="form.dIsFlush!= null?false:true"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsOhterClean" true-label="0" false-label="1"
                                     @change="dIsOhterCleanChange"
                                     :disabled="form.dIsFlush!= null?false:true"/>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign34" readonly prefix-icon="el-icon-edit"
                                  :disabled="form.dIsOhterClean==1?false:true"
                                  @focus="signCard('dSafeImplSign34')">
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeImplDate34" type="date"
                                        :disabled="form.dIsOhterClean==1?false:true">
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" />
                        <el-date-picker style="width: 50%;"
                                        type="date">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td colspan="5"><b>4.确保作业区域安全</b></td>
                    </tr>

                    <tr>
                      <td>4.1  现场隔离使用：<el-input style="width: calc(100% - 115px)" v-model="form.dSiteDemarcationContent"/></td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsSiteDemarcation" :true-label="1" :false-label="0"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsSiteDemarcation" :true-label="0" :false-label="1"/>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign11" prefix-icon="el-icon-edit"
                                  :disabled="form.dIsSiteDemarcation==1?false:true"/>
                        <el-date-picker
                          style="width: 50%;"
                          v-model="form.dSafeImplDate11"
                          type="date" :disabled="form.dIsSiteDemarcation==1?false:true">
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign11" prefix-icon="el-icon-edit"
                                  :disabled="form.dIsSiteDemarcation==0?false:true"/>
                        <el-date-picker
                          style="width: 50%;"
                          v-model="form.dSafeLiftedDate11"
                          type="date" :disabled="form.dIsSiteDemarcation==0?false:true">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>4.2 封闭槽车/火车路线</td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsCloseTrucks" true-label="1" :false-label="0"
                                     :disabled="form.dIsSiteDemarcation != null?false:true"></el-checkbox>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsCloseTrucks" :true-label="0" :false-label="1"
                                     :disabled="form.dIsSiteDemarcation != null?false:true"/>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign12" prefix-icon="el-icon-edit"
                                  :disabled="form.dIsCloseTrucks == 1?false:true"/>
                        <el-date-picker
                          style="width: 50%;"
                          v-model="form.dSafeImplDate12"
                          type="date" :disabled="form.dIsCloseTrucks == 1?false:true">
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign12" prefix-icon="el-icon-edit"
                                  :disabled="form.dIsCloseTrucks == 0?false:true"/>
                        <el-date-picker
                          style="width: 50%;"
                          v-model="form.dSafeLiftedDate12"
                          type="date" :disabled="form.dIsCloseTrucks == 0?false:true">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>4.3 与槽车/储罐的最低距离
                        <el-input style="width: 150px" v-model="form.dLowTrucksDistance"
                                  :disabled="form.dIsCloseTrucks!= null?false:true"/>
                        米
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsTrucksDistance" :true-label="1" :false-label="0"
                                     :disabled="form.dIsCloseTrucks!= null?false:true"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsTrucksDistance" :true-label="0" :false-label="1"
                                     :disabled="form.dIsCloseTrucks!= null?false:true"/>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign13" prefix-icon="el-icon-edit"
                                  :disabled="form.dIsTrucksDistance==1?false:true"/>
                        <el-date-picker
                          style="width: 50%;"
                          v-model="form.dSafeImplDate13"
                          type="date" :disabled="form.dIsTrucksDistance==1?false:true">
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign13" prefix-icon="el-icon-edit"
                                  :disabled="form.dIsTrucksDistance==0?false:true"/>
                        <el-date-picker
                          style="width: 50%;"
                          v-model="form.dSafeLiftedDate13"
                          type="date" :disabled="form.dIsTrucksDistance==0?false:true">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>4.4 清理覆盖管线、设备，穿过墙壁/天花板的管线及电缆的缝隙，栅栏，轻质墙，下水道孔，墙壁和天花板的开口处</td>
                      <td style="text-align: center">
                        <el-checkbox  />
                      </td>
                      <td style="text-align: center">
                        <el-checkbox />
                      </td>
                      <td>
                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" />
                        <el-date-picker
                          style="width: 50%;" >
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" />
                        <el-date-picker
                          style="width: 50%;" >
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>4.5 移开易燃物，并对作业范围附近的法兰和管件检漏 </td>
                      <td style="text-align: center">
                        <el-checkbox v-model="form.dIsRemoveCombustibles" :true-label="1" :false-label="0"
                                     :disabled="form.dIsOverlayPipe!= null?false:true"/>
                      </td>
                      <td style="text-align: center">
                        <el-checkbox v-model="form.dIsRemoveCombustibles" :true-label="0" :false-label="1"
                                     :disabled="form.dIsOverlayPipe!= null?false:true"/>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign16" prefix-icon="el-icon-edit"
                                  :disabled="form.dIsRemoveCombustibles==1?false:true"/>
                        <el-date-picker
                          style="width: 50%;"
                          v-model="form.dSafeImplDate16"
                          type="date" :disabled="form.dIsRemoveCombustibles==1?false:true">
                        </el-date-picker>
                      </td>
                      <td></td>
                    </tr>
                    <tr>
                      <td>4.6 动火点周围无可燃气体、液体排放、溶剂清洗、喷漆和粉尘清扫  </td>
                      <td style="text-align: center">
                        <el-checkbox  />
                      </td>
                      <td style="text-align: center">
                        <el-checkbox />
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" />
                        <el-date-picker
                          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 />机械通风<el-input style="width: calc(50% - 116px)" /> <el-checkbox />自然通风<el-input style="width: calc(50% - 116px)" /></td>
                      <td width="30" style="text-align: center">
                        <el-checkbox  />
                      </td>
                      <td width="30" style="text-align: center">
                        <el-checkbox />
                      </td>
                      <td width="203">
                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" />
                        <el-date-picker
                          style="width: 50%;" >
                        </el-date-picker>
                      </td>
                      <td width="203">
                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" />
                        <el-date-picker
                          style="width: 50%;" >
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>4.8 气体检测内容： <el-input style="width: calc(100% - 117px)" /></td>
                      <td style="text-align: center">
                        <el-checkbox  />
                      </td>
                      <td style="text-align: center">
                        <el-checkbox />
                      </td>
                      <td>
                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" />
                        <el-date-picker
                          style="width: 50%;" >
                        </el-date-picker>
                      </td>
                      <td>
                      </td>
                    </tr>
                    <tr>
                      <td>4.9 其它：<el-input style="width: calc(100% - 61px)" /></td>
                      <td style="text-align: center">
                        <el-checkbox  />
                      </td>
                      <td style="text-align: center">
                        <el-checkbox />
                      </td>
                      <td>
                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" />
                        <el-date-picker
                          style="width: 50%;" >
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" />
                        <el-date-picker
                          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)" /></td>
                      <td style="text-align: center">
                        <el-checkbox v-model="form.dIsCloseFireControl" :true-label="1" :false-label="0"
                                     :disabled="form.dIsGasAnalysis!= null?false:true"></el-checkbox>
                      </td>
                      <td style="text-align: center">
                        <el-checkbox v-model="form.dIsCloseFireControl" :true-label="0" :false-label="1"
                                     :disabled="form.dIsGasAnalysis!= null?false:true"/>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign41" prefix-icon="el-icon-edit"
                                  :disabled="form.dIsCloseFireControl==1?false:true"/>
                        <el-date-picker
                          style="width: 50%;"
                          v-model="form.dSafeImplDate41"
                          type="date" :disabled="form.dIsCloseFireControl==1?false:true">
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign41" prefix-icon="el-icon-edit"
                                  :disabled="form.dIsCloseFireControl==1?false:true"/>
                        <el-date-picker
                          style="width: 50%;"
                          v-model="form.dSafeLiftedDate41"
                          type="date" :disabled="form.dIsCloseFireControl==1?false:true">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>5.2 其它：
                        <el-input style="width: calc(100% - 65px)" v-model="form.dOtherMeasureContent"
                                  :disabled="form.dIsOtherMeasure==1?false:true"/>
                      </td>
                      <td style="text-align: center">
                        <el-checkbox v-model="form.dIsOtherMeasure" :true-label="1" :false-label="0"
                                     :disabled="form.dIsCloseFireControl!= null?false:true"></el-checkbox>
                      </td>
                      <td style="text-align: center">
                        <el-checkbox v-model="form.dIsOtherMeasure" :true-label="0" :false-label="1"
                                     :disabled="form.dIsCloseFireControl!= null?false:true"/>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign42" prefix-icon="el-icon-edit"
                                  :disabled="form.dIsOtherMeasure==1?false:true"/>
                        <el-date-picker
                          style="width: 50%;"
                          v-model="form.dSafeImplDate42"
                          type="date" :disabled="form.dIsOtherMeasure==1?false:true">
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign42" prefix-icon="el-icon-edit"
                                  :disabled="form.dIsOtherMeasure==0?false:true"/>
                        <el-date-picker
                          style="width: 50%;"
                          v-model="form.dSafeLiftedDate42"
                          type="date" :disabled="form.dIsOtherMeasure==0?false:true">
                        </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.dDangerSpaceOne" style="width: calc(100% - 25px);"></el-input>
                      </td>
                      <td>
                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" />
                        <el-date-picker
                          style="width: 50%;">
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input v-model="form.dDangerSpaceOneOffice" style="width: 50%"></el-input>
                        <el-input v-model="form.dDangerSpaceOneTel" style="width:50%"></el-input>
                      </td>
                      <td>分项号：
                        <el-input v-model="form.dDangerSpaceOneItem" style="width: calc(100% - 56px);"></el-input>
                      </td>
                    </tr>
                    <tr>
                      <td>6.2
                        <el-input v-model="form.dDangerSpaceTwo" style="width: calc(100% - 25px);"></el-input>
                      </td>
                      <td>
                        <el-input v-model="form.dDangerSpaceTwoLeader"></el-input>
                      </td>
                      <td>
                        <el-input style="width: 50%" v-model="form.dDangerSpaceTwoOffice"></el-input>
                        <el-input style="width: 50%" v-model="form.dDangerSpaceTwoTel"></el-input>
                      </td>
                      <td>分项号：
                        <el-input v-model="form.dDangerSpaceTwoItem" 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" false-label="0" checked>是</el-checkbox>
                        参与交底人签名/日期：
                        <div style="width: calc(100% - 179px);display: inline-block">
                          <el-input style="width: 50%" placeholder="签名"></el-input>
                          <el-date-picker
                            style="width: 50%;"
                            v-model="form.dPartakeBriefingSign"
                            type="date" :disabled="form.dIsSafeBriefing==1?false:true">
                          </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" false-label="0"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="form.eIsPresent" true-label="0" false-label="1"/>
                          </td>
                        </tr>
                        <tr>
                          <td colspan="3"><b>2. 个人防护用品 (不包含区域 PPE)</b></td>
                        </tr>
                        <tr>
                          <td>仅限定时间内佩戴的 PPE，项目：<el-input style="width: calc(100% - 200px)" v-model="form.ePpeContent"
                                                                    :disabled="form.eIsRequiredPpe==1?false:true" /></td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="form.eIsRequiredPpe" true-label="1" false-label="0"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="form.eIsRequiredPpe" true-label="0" false-label="1"
                                         @change="eIsRequiredPpeChange"/>
                          </td>
                        </tr>
                        <tr>
                          <td class="short-checkbox">2.1 <el-checkbox /> 护目镜 <el-checkbox />防护面罩 <el-checkbox />其他 <el-input style="width: calc(100% - 208px)" /></td>
                          <td style="text-align: center"><el-checkbox /></td>
                          <td style="text-align: center"><el-checkbox /></td>
                        </tr>
                        <tr>
                          <td>2.2 防护手套, 类型： <el-select :disabled="eIsProtectGloves==1?false:true" style="width: calc(100% - 124px)"
                                                             v-model="eProtectGlovesContent" placeholder="请选择防护手套">
                            <el-option v-for="dict in safeGoggles" :key="dict.id"
                                       :label="dict.conservatoryMeasureName"
                                       :value="dict.id">
                            </el-option>
                          </el-select></td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="eIsProtectGloves" true-label="1" false-label="0"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="eIsProtectGloves" true-label="0" false-label="1"
                                         @change="eIsProtectGlovesChange"/>
                          </td>
                        </tr>
                        <tr>
                          <td class="short-checkbox">2.3 <el-checkbox /> 橡胶长靴 <el-checkbox />橡胶围裙 <el-checkbox />其他 <el-input style="width: calc(100% - 221px)" /></td>
                          <td style="text-align: center"><el-checkbox /></td>
                          <td style="text-align: center"><el-checkbox /></td>
                        </tr>
                        <tr>
                          <td>2.4 防护服，类型：<el-select :disabled="eIsProtectSuit==1?false:true" style="width: calc(100% - 114px)"
                                                         v-model="eProtectSuitContent" placeholder="请选择防护服">
                            <el-option v-for="dict in protectSuits" :key="dict.id"
                                       :label="dict.conservatoryMeasureName"
                                       :value="dict.id">
                            </el-option>
                          </el-select></td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="eIsProtectSuit" true-label="1" false-label="0"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="eIsProtectSuit" true-label="0" false-label="1"
                                         @change="eIsProtectSuitChange"/>
                          </td>
                        </tr>
                        <tr>
                          <td>2.5 呼吸保护用品，类型：<el-select :disabled="eIsResProtect==1?false:true" style="width: calc(100% - 153px);"
                                                               v-model="eResProtectContent" placeholder="请选择防护面罩">
                            <el-option v-for="dict in resProtects" :key="dict.id"
                                       :label="dict.conservatoryMeasureName"
                                       :value="dict.id">
                            </el-option>
                          </el-select></td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="eIsResProtect" true-label="1" false-label="0"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="eIsResProtect" true-label="0" false-label="1"
                                         @change="eIsResProtectChange"/>
                          </td>
                        </tr>
                        <tr>
                            <td>2.6 听力保护，类型：<el-input style="width: calc(100% - 127px)" /></td>
                          <td style="text-align: center"><el-checkbox /></td>
                          <td style="text-align: center"><el-checkbox /></td>
                        </tr>
                        <tr>
                          <td>2.7 防坠落保护措施，类型： <el-select style="width: calc(100% - 170px)" clearable v-model="form.eFallArrestContent" filterable
                                                                  :disabled="eIsFallArrest==1?false:true">
                            <el-option v-for="item in eFallArrestContents" :key="item.id" :label="item.name"
                                       :value="item.id">
                            </el-option>
                          </el-select></td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="eIsFallArrest" true-label="1" false-label="0"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="eIsFallArrest" true-label="0" false-label="1"
                                         @change="eIsFallArrestChange"/>
                          </td>
                        </tr>
                        <tr>
                          <td>2.8 <el-input style="width: calc(100% - 23px)" v-model="form.eOtherProtectContent"
                                            :disabled="form.eIsOtherProtect==1?false:true"/></td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="form.eIsOtherProtect" true-label="1" false-label="0"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="form.eIsOtherProtect" true-label="0" false-label="1"
                                         @change="eIsOtherProtectChange"/>
                          </td>
                        </tr>
                        <tr>
                          <td colspan="3"><b>3. 火灾和爆炸的防护措施</b></td>
                        </tr>
                        <tr>
                          <td>3.1 使用测爆仪连续监测空气成分</td>
                          <td style="text-align: center"><el-checkbox v-model="form.eIsRequiredPpe" :true-label="1" :false-label="0"/></td>
                          <td style="text-align: center"><el-checkbox v-model="form.eIsRequiredPpe" :true-label="0" :false-label="1"/></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.eIsRequiredPpe" :true-label="1" :false-label="0"/></td>
                          <td style="text-align: center"><el-checkbox v-model="form.eIsRequiredPpe" :true-label="0" :false-label="1"/></td>
                        </tr>
                        <tr>
                          <td class="short-checkbox">3.3 监测和维持 <el-checkbox />充水保护 <el-checkbox />惰性气体保护 </td>
                          <td style="text-align: center"><el-checkbox /></td>
                          <td style="text-align: center"><el-checkbox /></td>
                        </tr>
                        <tr>
                          <td>3.4 现场消防水管/水带充压备用</td>
                          <td style="text-align: center"><el-checkbox v-model="form.eIsRequiredPpe" :true-label="1" :false-label="0"/></td>
                          <td style="text-align: center"><el-checkbox v-model="form.eIsRequiredPpe" :true-label="0" :false-label="1"/></td>
                        </tr>
                        <tr>
                          <td>3.5 现场配备灭火器，数量/类型：<el-input /> </td>
                          <td style="text-align: center"><el-checkbox v-model="form.eIsRequiredPpe" :true-label="1" :false-label="0"/></td>
                          <td style="text-align: center"><el-checkbox v-model="form.eIsRequiredPpe" :true-label="0" :false-label="1"/></td>
                        </tr>
                        <tr>
                          <td colspan="3"><b>4. 连续监控</b></td>
                        </tr>
                        <tr>
                          <td>4.1 动火监护人单位/签名:<el-input style="width: 70px;" v-model="form.eSafeAttendant"/>
                            /
                            <el-input style="width: 70px;" v-model="form.eSafeAttendantSign" prefix-icon="el-icon-edit"/></td>
                          <td style="text-align: center"><el-checkbox v-model="form.eIsContinueMonitoring" :true-label="1" :false-label="0" checked /></td>
                          <td style="text-align: center"></td>
                        </tr>
                        <tr>
                          <td>4.2 防爆型摄录设备采集全过程作业影像</td>
                          <td style="text-align: center"><el-checkbox /></td>
                          <td style="text-align: center"><el-checkbox /></td>
                        </tr>
                        <tr>
                          <td colspan="3"><b>5. 通风措施</b></td>
                        </tr>
                        <tr>
                          <td class="short-checkbox">5.1 通风方法：
                            <el-checkbox />机械通风<el-input v-model="form.eMecVenContent" style="width: calc(50% - 117px)" /> <el-checkbox />自然通风<el-input v-model="form.eNaturalVenContent" style="width: calc(50% - 117px)" /></td>
                          <td style="text-align: center"><el-checkbox /></td>
                          <td style="text-align: center"><el-checkbox /></td>
                        </tr>
                        <tr>
                          <td>5.2 在释放源处抽走粉尘/气体/蒸汽</td>
                          <td style="text-align: center"><el-checkbox v-model="form.eIsExxtractDust" :true-label="1" :false-label="0"/></td>
                          <td style="text-align: center"><el-checkbox v-model="form.eIsExxtractDust" :true-label="0" :false-label="1"/></td>
                        </tr>
                        <tr>
                          <td>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" :false-label="0"/></td>
                          <td style="text-align: center"><el-checkbox v-model="form.eIsAnalyzeAir" :true-label="0" :false-label="1"/></td>
                        </tr>
                        <tr>
                          <td>分析频次：<el-select style="width: calc(100% - 67px)" clearable v-model="form.eAnalyzeAirInterval" filterable
                                                  :disabled="form.eIsAnalyzeAir==1?false:true">
                            <el-option v-for="item in eAnalyzeAirIntervals" :key="item.id" :label="item.name"
                                       :value="item.id">
                            </el-option>
                          </el-select></td>
                          <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.fAfterWorkSafeContent"/>
                        停留检查至少30分钟，发现和消除尽可能的余烬。
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.fIsAfterWorkSafe" :true-label="1" :false-label="0"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.fIsAfterWorkSafe" :true-label="0" :false-label="1"/>
                      </td>
                    </tr>
                    <tr>
                      <td><b>2.</b></td>
                      <td>将作业情况通知D6。
                        <el-input style="width: calc(100% - 135px);" v-model="form.fAfterWorkSafeContent"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.fIsAfterWorkSafe" :true-label="1" :false-label="0"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.fIsAfterWorkSafe" :true-label="0" :false-label="1"/>
                      </td>
                    </tr>
                    <tr>
                      <td><b>3.</b></td>
                      <td>其它
                        <el-input style="width: calc(100% - 40px)" v-model="form.fAfterWorkSafeContent"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.fIsAfterWorkSafe" :true-label="1" :false-label="0"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.fIsAfterWorkSafe" :true-label="0" :false-label="1"/>
                      </td>
                    </tr>
                  </table>
                </el-collapse-item>
                <el-collapse-item title="G 核实危害评估和安全措施界定" name="7">
                  <table>
                    <tr>
                      <th></th>
                      <th align="right">由专门部门人员评估的项目：</th>
                      <th style="width: 35px; text-align: center;">是</th>
                      <th style="width: 40px; text-align: center;">否</th>
                    </tr>
                    <tr>
                      <td>第一签名<small>(装置/部门授权人员)</small>：
                        <el-input style="width: 90px;" v-model="form.gFirstSign" prefix-icon="el-icon-edit"/>
                        <el-date-picker
                          style="width: calc(100% - 270px)"
                          v-model="form.gFirstDate"
                          type="datetime"
                          placeholder="选择日期时间">
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input v-model="form.gSpecialAssessment"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.gIsSpecialAssessment" :true-label="1" :false-label="0"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.gIsSpecialAssessment" :true-label="0" :false-label="1"></el-checkbox>
                      </td>
                    </tr>
                    <tr>
                      <td>第二签名<small>(装置/部门授权人员)</small>：
                        <el-input style="width: 90px;" v-model="form.gSecondSign" prefix-icon="el-icon-edit"/>
                        <el-date-picker
                          style="width: calc(100% - 270px)"
                          v-model="form.gSecondDate"
                          type="datetime"
                          placeholder="选择日期时间">
                        </el-date-picker>
                      </td>
                      <td colspan="3">第三签名<small>(相应部门人员及部门名称)</small>：
                        <el-input style="width: 85px;" v-model="form.gThirdSign" prefix-icon="el-icon-edit"/>
                        <el-date-picker
                          style="width: calc(100% - 300px)"
                          v-model="form.gThirdDate"
                          type="datetime"
                          placeholder="选择日期时间">
                        </el-date-picker>
                      </td>
                    </tr>
                  </table>
                </el-collapse-item>
                <el-collapse-item title="H 安全措施检查和许可证批准" name="8">
                  <table>
                    <tr>
                      <td>签名：
                        <el-input style="width: 150px;" v-model="form.hSafeMesSign" prefix-icon="el-icon-edit"/>
                        <el-date-picker
                          style="width: calc(100% - 200px)"
                          v-model="form.hSafeMesDate"
                          type="datetime"
                          placeholder="选择日期时间">
                        </el-date-picker>
                      </td>
                      <td>A4栏安全联络员签名：
                        <el-input style="width: 130px;" prefix-icon="el-icon-edit" />
                        <el-date-picker
                          style="width: calc(100% - 272px)"
                          type="datetime"
                          placeholder="选择日期时间">
                        </el-date-picker></td>
                    </tr>
                    <tr>
                      <td><small>(生产装置授权人员，D栏的安全措施已实施和检查，G栏的签名已完成)</small></td>
                      <td>
                      </td>
                    </tr>
                  </table>
                </el-collapse-item>
                <el-collapse-item title="I 施工单位接受许可证" name="9">
                  <table>
                    <tr>
                      <td>
                        1a 签名（授权维修主管）
                        <el-input style="width: 90px;" v-model="form.iOneASign" prefix-icon="el-icon-edit"/>
                        <el-date-picker
                          style="width: calc(100% - 245px)"
                          v-model="form.iOneADate"
                          type="datetime"
                          placeholder="选择日期时间">
                        </el-date-picker>
                      </td>
                      <td>
                        1b 签名（授权维修工人）
                        <el-input style="width: 90px;" v-model="form.iOneBSign" prefix-icon="el-icon-edit"/>
                        <el-date-picker
                          style="width: calc(100% - 245px)"
                          v-model="form.iOneBDate"
                          type="datetime"
                          placeholder="选择日期时间">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <small>
                          (E栏的安全措施已实施和D7的现场安全说明已完成)
                        </small>
                      </td>
                      <td>
                        <small>(E栏的安全措施已实施和D7的现场安全说明已完成)</small>
                      </td>
                    </tr>
                  </table>
                </el-collapse-item>
                <el-collapse-item title="J1 中途的E&I功能测试       J2 中途测试后,再次停用装置设备" name="10">
                  <table>
                    <tr>
                      <td>
                        <el-input style="width: 100px;" v-model="form.jOneBSign" readonly @focus="signCard('jOneBSign')">
                          <i slot="prefix" class="el-input__icon el-icon-edit"></i>
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: calc(100% - 100px)" v-model="form.jOneBDate"
                                        type="datetime">
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 100px;" v-model="form.jResMemberSign" readonly
                                  @focus="signCard('jResMemberSign')">
                          <i slot="prefix" class="el-input__icon el-icon-edit"></i>
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: calc(100% - 100px)"
                                        v-model="form.jResMemberDate" type="datetime">
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 100px;" v-model="form.jEISign" readonly @focus="signCard('jEISign')">
                          <i slot="prefix" class="el-input__icon el-icon-edit"></i>
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: calc(100% - 100px)" v-model="form.jEIDate"
                                        type="datetime">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <small>授权的维修工人签名(l1b)，日期</small>
                      </td>
                      <td>
                        <small>装置/部门授权人签名(G)，日期</small>
                      </td>
                      <td>
                        <small>E&I人员签名确认已安全停电，日期</small>
                      </td>
                    </tr>
                  </table>
                </el-collapse-item>
                <el-row :gutter="20">
                  <el-col :span="12">
                    <el-collapse-item title="K 确认F栏的安全措施已实施" name="12">
                      签名，日期/时间
                      <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 {
      aConstructions: [],
      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;
        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);
        }
        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: {
    handleSee() {
      console.log(this.form.pdfUrl)
      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() {
      window.open(this.pdf.pdfUrl)
    },
    handleDownload() {
      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.cIsToxic = null;
      this.cIsFlammable = null;
      this.cIsOxidizing = null;
      this.cIsExplosive = null;
      this.cIsCorrosive = null;
      this.cIsIrritantToxic = null;
      this.cIsHealthHazard = null;
      this.cIsCompressedGas = null;
      this.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[m] = true;
      })
    },
    //施工单位后台数据联动
    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;
      }
    },
    //TODO 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>