<template>
  <div>
    <div>
      <el-form ref="form" :model="form" :rules="rules">
        <div class="hazardwork">
          <table style="width: 100%;margin-bottom: 8px;">
            <tr>
              <td>表格</td>
              <td><b>C00-6.3.0-00FSH-207.9</b></td>
              <td><b>高处作业许可证 危害评估及安全措施</b></td>
              <td>
                <div>修订：01</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">WH</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 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: 450px"/>
                        </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% - 114px);vertical-align: top" type="textarea" v-model="form.bWorkContent"/>
                        </td>
                      </tr>
                      <tr>
                        <td class="short-checkbox">3. 作业高度：<el-checkbox />2m≤h≤5m <el-checkbox />5m<h≤15m <el-checkbox />15m<h≤30m <el-checkbox />h>30m</td>
                        <td class="short-checkbox" colspan="2">
                          作业级别：
                          <el-checkbox :true-label="0"/>
                          I级
                          <el-checkbox :true-label="1"/>
                          II级
                          <el-checkbox :true-label="2"/>
                          III级
                          <el-checkbox :true-label="3"/>
                          IV级
                        </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="3" 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" colspan="2">
                        <el-checkbox v-model="form.cIsHazardsProd" true-label="1" false-label="0"
                                     @change="cHazardsProdChange"/>
                        施工对生产单位的危害：
                        <el-input style="width: calc(100% - 172px);" 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 :true-label="1" :false-label="0"/>
                        排放口/泄放口
                      </td>
                      <td class="short-checkbox">
                        <el-checkbox :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 :true-label="1" :false-label="0"/>
                        采光或照明不足
                      </td>
                      <td class="short-checkbox">
                        <el-checkbox :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" colspan="2">
                        <el-checkbox v-model="form.cIsOtherA" :true-label="1" :false-label="0"/>
                        涉及的其它作业，相关工作许可证：
                        <el-input style="width: calc(100% - 235px);" 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 colspan="5"><b>1.确保E&l设备安全</b></td>
                    </tr>
                    <tr>
                      <td>1.1 通过打开安全开关断电并上锁和运转测试</td>
                      <td style="text-align: center;"><el-checkbox v-model="form.dIsOpenSafe" true-label="1"/></td>
                      <td style="text-align: center;"><el-checkbox v-model="form.dIsOpenSafe" true-label="0" @change="dIsOpenSafeChange"/></td>
                      <td>
                        <el-input style="width: 50%" v-model="form.dSafeImplSign11" readonly prefix-icon="el-icon-edit"
                                  :disabled="form.dIsOpenSafe==1?false:true" @focus="signCard('dSafeImplSign11')">
                        </el-input>
                        <!--                      <el-button type="primary" slot="append"-->
                        <!--                                 icon="el-icon-edit"-->
                        <!--                                 :disabled="form.dIsOpenSafe==1?false:true"></el-button>-->
                        <el-date-picker style="width: 50%" v-model="form.dSafeImplDate11" type="date"
                                        format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss"
                                        :disabled="form.dIsOpenSafe==1?false:true">
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" />
                        <el-date-picker style="width: 50%;"
                                        type="date">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>1.2 断开电源，通过：</td>
                      <td></td>
                      <td></td>
                      <td></td>
                      <td></td>
                    </tr>
                    <tr>
                      <td>断开电源线</td>
                      <td style="text-align: center;"><el-checkbox v-model="form.dIsDisFeeder" true-label="1" false-label="0"
                                                                   :disabled="form.dIsDkdyx !== null?false:true"/></td>
                      <td style="text-align: center;"><el-checkbox v-model="form.dIsDisFeeder" true-label="0" false-label="1"
                                                                   @change="dIsDisFeederChange"
                                                                   :disabled="form.dIsDkdyx !== null?false:true"/></td>
                      <td rowspan="4">
                        <el-input style="width: 50%;" v-model="form.dDisFeederImplSign" readonly
                                  :disabled="form.dIsDisFeeder==1?false:true" prefix-icon="el-icon-edit"
                                  @focus="signCard('dDisFeederImplSign')">
                        </el-input>
                        <el-date-picker style="width: 50%" v-model="form.dDisFeederImplDate" type="date"
                                        format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss"
                                        :disabled="form.dIsDisFeeder==1?false:true">
                        </el-date-picker>
                      </td>
                      <td rowspan="4">
                        <el-input style="width: 50%" v-model="form.dDisFeederLiftedSign" prefix-icon="el-icon-edit" disabled/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dDisFeederLiftedDate" type="date" disabled>
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>断开回路开关并上锁和运转测试 <el-input style="width: calc(100% - 188px)" v-model="form.dBreakInclContent"
                                                   :disabled="form.dIsBreakIncl == 1?false:true"/></td>
                      <td style="text-align: center;"> <el-checkbox v-model="form.dIsBreakIncl" true-label="1" false-label="0"
                                                                    :disabled="form.dIsDisFeeder!== null?false:true"/></td>
                      <td style="text-align: center;"><el-checkbox v-model="form.dIsBreakIncl" true-label="0" false-label="1"
                                                                   @change="dIsBreakInclChange"
                                                                   :disabled="form.dIsDisFeeder!== null?false:true"/></td>
                    </tr>
                    <tr>
                      <td>电气回路编号：<el-input style="width:calc(100% - 93px);" v-model="form.dEleCircuitNo" @change="dElecircuitChange"
                                           :disabled="form.dIsDqhl == 1?false:true"/></td>
                      <td></td>
                      <td></td>
                    </tr>
                    <tr>
                      <td>仪表号/测点编号：<el-input style="width: calc(100% - 110px)" v-model="form.dInsTagNo" @change="dInsTagChange"
                                             :disabled="form.dIsYbh == 1?false:true"/></td>
                      <td></td>
                      <td></td>
                    </tr>
                    <tr>
                      <td>1.3 放射源由专业人员确保安全（日志）</td>
                      <td style="text-align: center;"><el-checkbox v-model="form.dIsRadioactiveSources" true-label="1" false-label="0"
                                                                   :disabled="form.dIsYbh!= null?false:true"/></td>
                      <td style="text-align: center;"><el-checkbox v-model="form.dIsRadioactiveSources" true-label="0" false-label="1"
                                                                   @change="dIsRadioactiveSourcesChange"
                                                                   :disabled="form.dIsYbh!= null?false:true"/></td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign13" readonly
                                  :disabled="form.dIsRadioactiveSources==1?false:true"
                                  @focus="signCard('dSafeImplSign13')" prefix-icon="el-icon-edit">
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeImplDate13" type="date"
                                        :disabled="form.dIsRadioactiveSources==1?false:true">
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign13" prefix-icon="el-icon-edit" disabled/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%;"
                                        v-model="form.dSafeLiftedDate13" type="date" disabled>
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>1.4 <el-input style="width: calc(100% - 25px)" v-model="form.dIsOtherEquSafeContent"
                                        :disabled="form.dIsOtherEquSafe == 1?false:true"/></td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsOtherEquSafe" true-label="1" false-label="0"
                                     :disabled="form.dIsRadioactiveSources!= null?false:true"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsOtherEquSafe" true-label="0" false-label="1"
                                     @change="dIsOtherEquSafeChange"
                                     :disabled="form.dIsRadioactiveSources!= null?false:true"/>
                      </td>
                      <td>
                        <el-input style="width:50%;" v-model="form.dSafeImplSign14" readonly
                                  :disabled="form.dIsOtherEquSafe==1?false:true" prefix-icon="el-icon-edit"
                                  @focus="signCard('dSafeImplSign14')">
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeImplDate14" type="date"
                                        :disabled="form.dIsOtherEquSafe==1?false:true">
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%" v-model="form.dSafeLiftedSign14" prefix-icon="el-icon-edit" disabled/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeLiftedDate14" type="date" disabled>
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td><b>2. 确保装置设备安全</b></td>
                      <td colspan="4"></td>
                    </tr>
                    <tr>
                      <td>2.1 泄压 /排空</td>
                      <td style="text-align: center;"><el-checkbox v-model="form.dIsDepress" true-label="1" false-label="0"
                                                                   :disabled="form.dIsOtherEquSafe!= null?false:true"/></td>
                      <td style="text-align: center;"><el-checkbox v-model="form.dIsDepress" true-label="0" false-label="1" @change="dIsDepressChange"
                                                                   :disabled="form.dIsOtherEquSafe!= null?false:true"/></td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign21" readonly prefix-icon="el-icon-edit"
                                  :disabled="form.dIsDepress==1?false:true" @focus="signCard('dSafeImplSign21')">
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeImplDate21" type="date"
                                        :disabled="form.dIsDepress==1?false:true">
                        </el-date-picker>
                      </td>
                      <td>
                      </td>
                    </tr>
                    <tr>
                      <td>2.2 单阀截断</td>
                      <td style="text-align: center;"><el-checkbox v-model="form.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>2.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>2.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>2.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>2.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>2.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>2.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>2.9 附隔离/盲板图</td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsIsolationDiagram" true-label="1" false-label="0"
                                     :disabled="form.dIsMecSecure!= null?false:true"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsIsolationDiagram" true-label="0" false-label="1"
                                     @change="dIsIsolationDiagramChange"
                                     :disabled="form.dIsMecSecure!= null?false:true"/>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign29" readonly prefix-icon="el-icon-edit"
                                  :disabled="form.dIsIsolationDiagram==1?false:true"
                                  @focus="signCard('dSafeImplSign29')">
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeImplDate29" type="date"
                                        :disabled="form.dIsIsolationDiagram==1?false:true">
                        </el-date-picker>
                      </td>
                      <td></td>
                    </tr>
                    <tr>
                      <td>2.10
                        <el-input style="width: calc(100% - 23px)" v-model="form.dOtherSafePlantContent"
                                  :disabled="form.dIsOtherSafePlant==1?false:true"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsOtherSafePlant" true-label="1" false-label="0"
                                     :disabled="form.dIsIsolationDiagram!= null?false:true"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsOtherSafePlant" true-label="0" false-label="1"
                                     @change="dIsOtherSafePlantChange"
                                     :disabled="form.dIsIsolationDiagram!= null?false:true"/>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign210" readonly prefix-icon="el-icon-edit"
                                  :disabled="form.dIsOtherSafePlant==1?false:true"
                                  @focus="signCard('dSafeImplSign210')">
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeImplDate210" type="date"
                                        :disabled="form.dIsOtherSafePlant==1?false:true">
                        </el-date-picker>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%" v-model="form.dSafeLiftedSign210" disabled/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeLiftedDate210" type="date" disabled>
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td colspan="5"><b>3. 导空/清洗工艺设备</b></td>
                    </tr>
                    <tr>
                      <td>3.1 倒空</td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsDrain" true-label="1" false-label="0"
                                     :disabled="form.dIsOtherSafePlant!= null?false:true"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsDrain" true-label="0" false-label="1" @change="dIsDrainChange"
                                     :disabled="form.dIsOtherSafePlant!= null?false:true"/>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%" v-model="form.dSafeImplSign31" readonly prefix-icon="el-icon-edit"
                                  :disabled="form.dIsDrain==1?false:true" @focus="signCard('dSafeImplSign31')">
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeImplDate31" type="date"
                                        :disabled="form.dIsDrain==1?false:true">
                        </el-date-picker>
                      </td>
                      <td></td>
                    </tr>
                    <tr>
                      <td>3.1 用 <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.2 用 <el-select style="width: 150px;" clearable v-model="form.dFlushContent" filterable
                                            :disabled="form.dIsFlush==1?false:true">
                        <el-option v-for="item in dFlushs" :key="item.id" :label="item.name" :value="item.id">
                        </el-option>
                      </el-select> 置换</td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsFlush" true-label="1" false-label="0"
                                     :disabled="form.dIsClean!= null?false:true"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsFlush" true-label="0" false-label="1" @change="dIsFlushChange"
                                     :disabled="form.dIsClean!= null?false:true"/>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign33" readonly prefix-icon="el-icon-edit"
                                  :disabled="form.dIsFlush==1?false:true" @focus="signCard('dSafeImplSign33')">
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeImplDate33" type="date"
                                        :disabled="form.dIsFlush==1?false:true">
                        </el-date-picker>
                      </td>
                      <td>
                      </td>
                    </tr>
                    <tr>
                      <td>3.4 <el-input style="width: calc(100% - 31px)" v-model="form.dOtherCleanContent"
                                        :disabled="form.dIsOhterClean==1?false:true"/></td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsOhterClean" true-label="1" false-label="0"
                                     :disabled="form.dIsFlush!= null?false:true"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsOhterClean" true-label="0" false-label="1"
                                     @change="dIsOhterCleanChange"
                                     :disabled="form.dIsFlush!= null?false:true"/>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign34" readonly prefix-icon="el-icon-edit"
                                  :disabled="form.dIsOhterClean==1?false:true"
                                  @focus="signCard('dSafeImplSign34')">
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeImplDate34" type="date"
                                        :disabled="form.dIsOhterClean==1?false:true">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td colspan="5"><b>4.确保作业区域安全</b></td>
                    </tr>
                    <tr>
                      <td>4.1  现场隔离使用：<el-input style="width: calc(100% - 115px)" v-model="form.dSiteDemarcationContent"/></td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsSiteDemarcation" :true-label="1" :false-label="0"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsSiteDemarcation" :true-label="0" :false-label="1"/>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign11" prefix-icon="el-icon-edit"
                                  :disabled="form.dIsSiteDemarcation==1?false:true"/>
                        <el-date-picker
                          style="width: 50%;"
                          v-model="form.dSafeImplDate11"
                          type="date" :disabled="form.dIsSiteDemarcation==1?false:true">
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign11" prefix-icon="el-icon-edit"
                                  :disabled="form.dIsSiteDemarcation==0?false:true"/>
                        <el-date-picker
                          style="width: 50%;"
                          v-model="form.dSafeLiftedDate11"
                          type="date" :disabled="form.dIsSiteDemarcation==0?false:true">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td> 4.2 需覆盖的区域：<el-input style="width: calc(100% - 118px)" v-model="form.dAreaCoverContent"
                                                :disabled="form.dIsAreaCover==1?false:true"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsAreaCover" true-label="1" false-label="0"
                                     :disabled="form.dIsSiteDemarcation!= null?false:true"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsAreaCover" true-label="0" false-label="1"
                                     @change="dIsAreaCoverChange"
                                     :disabled="form.dIsSiteDemarcation!= null?false:true"/>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign42" readonly prefix-icon="el-icon-edit"
                                  :disabled="form.dIsAreaCover==1?false:true" @focus="signCard('dSafeImplSign42')">
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%;"
                                        v-model="form.dSafeImplDate42" type="date"
                                        :disabled="form.dIsAreaCover==1?false:true">
                        </el-date-picker>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign42" prefix-icon="el-icon-edit" disabled/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%;"
                                        v-model="form.dSafeLiftedDate42" type="date" disabled>
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>4.3 封闭槽车/火车路线</td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsCloseTrucks" true-label="1" :false-label="0"
                                     :disabled="form.dIsSiteDemarcation != null?false:true"></el-checkbox>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsCloseTrucks" :true-label="0" :false-label="1"
                                     :disabled="form.dIsSiteDemarcation != null?false:true"/>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign12" prefix-icon="el-icon-edit"
                                  :disabled="form.dIsCloseTrucks == 1?false:true"/>
                        <el-date-picker
                          style="width: 50%;"
                          v-model="form.dSafeImplDate12"
                          type="date" :disabled="form.dIsCloseTrucks == 1?false:true">
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign12" prefix-icon="el-icon-edit"
                                  :disabled="form.dIsCloseTrucks == 0?false:true"/>
                        <el-date-picker
                          style="width: 50%;"
                          v-model="form.dSafeLiftedDate12"
                          type="date" :disabled="form.dIsCloseTrucks == 0?false:true">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>4.4 对邻近排放口/泄放口等采取的安全措施 <el-input style="width: calc(100% - 250px)" /></td>
                      <td style="text-align: center;">
                        <el-checkbox  true-label="1" false-label="0" />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="0" false-label="1" />
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%;" 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%" type="date" >
                        </el-date-picker>
                      </td>
                      <td style="text-align: center;">
                      </td>
                    </tr>
                    <tr>
                      <td>4.5 额外的照明措施： <el-input style="width: calc(100% - 130px)" /></td>
                      <td style="text-align: center;">
                        <el-checkbox  true-label="1" false-label="0" />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="0" false-label="1" />
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%;" 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%" type="date" >
                        </el-date-picker>
                      </td>
                      <td style="text-align: center;">
                      </td>
                    </tr>
                    <tr>
                      <td>4.6 邻近受影响单位 <el-input style="width: 100px" />
                        负责人签名 <el-input prefix-icon="el-icon-edit" style="width: calc(100% - 290px)" />
                        措施 <el-input style="width: calc(100% - 31px)" /> </td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="1" false-label="0" />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="0" false-label="1" />
                      </td>
                      <td>
                        <el-input style="width:50%;" 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%" >
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%" prefix-icon="el-icon-edit" />
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        type="date">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>4.7 <el-input style="width: calc(100% - 23px);" v-model="form.dOtherWorkSafeContent"
                                        :disabled="form.dIsOtherWorkSafe==1?false:true"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsOtherWorkSafe" true-label="1" false-label="0"
                                     :disabled="form.dIsLeakFlanges!= null?false:true"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsOtherWorkSafe" true-label="0" false-label="1"
                                     @change="dIsOtherWorkSafeChange"
                                     :disabled="form.dIsLeakFlanges!= null?false:true"/>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign45" readonly prefix-icon="el-icon-edit"
                                  :disabled="form.dIsOtherWorkSafe==1?false:true"
                                  @focus="signCard('dSafeImplSign45')">
                        </el-input>
                        <!--<el-button type="primary" slot="append" @click="signCard('dSafeImplSign45')"
                                   icon="el-icon-edit"
                                   :disabled="form.dIsOtherWorkSafe==1?false:true"></el-button>-->
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeImplDate45" type="date"
                                        :disabled="form.dIsOtherWorkSafe==1?false:true">
                        </el-date-picker>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign45" disabled/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeLiftedDate45" type="date" disabled>
                        </el-date-picker>
                      </td>
                    </tr>
                  </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><b>5. 确认人员和安全设施</b></td>
                      <td width="30" style="text-align: center">是</td>
                      <td width="30" style="text-align: center">否</td>
                      <td width="210" style="text-align: center">确认人，签名/日期</td>
                      <td width="180"></td>
                    </tr>
                    <tr>
                      <td>5.1 作业人员身体条件符合要求</td>
                      <td style="text-align: center"> <el-checkbox checked /></td>
                      <td style="text-align: center"></td>
                      <td><el-input prefix-icon="el-icon-edit" style="width: 50%" />
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                          value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%" type="date">
                      </el-date-picker> </td>
                      <td></td>
                    </tr>
                    <tr>
                      <td class="short-checkbox">5.2 现场搭设的 <el-checkbox />脚手架
                        <el-checkbox />防护网
                        <el-checkbox />围栏符合安全规定</td>
                      <td style="text-align: center"> <el-checkbox /></td>
                      <td style="text-align: center"><el-checkbox /></td>
                      <td><el-input prefix-icon="el-icon-edit" style="width: 50%" />
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                          value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%" type="date">
                      </el-date-picker> </td>
                      <td></td>
                    </tr>
                    <tr>
                      <td class="short-checkbox">5.3 架设的 <el-checkbox />生命绳
                        <el-checkbox />防坠器符合安全规定</td>
                      <td style="text-align: center"> <el-checkbox /></td>
                      <td style="text-align: center"><el-checkbox /></td>
                      <td><el-input prefix-icon="el-icon-edit" style="width: 50%" />
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                          value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%" type="date">
                      </el-date-picker> </td>
                      <td></td>
                    </tr>
                    <tr>
                      <td>5.4 若为垂直分层作业，中间要设置隔离设施</td>
                      <td style="text-align: center"> <el-checkbox /></td>
                      <td style="text-align: center"><el-checkbox /></td>
                      <td><el-input prefix-icon="el-icon-edit" style="width: 50%" />
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                          value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%" type="date">
                      </el-date-picker> </td>
                      <td></td>
                    </tr>
                    <tr>
                      <td>5.5 轻型棚的承重梁、柱能承重符合的要求</td>
                      <td style="text-align: center"> <el-checkbox /></td>
                      <td style="text-align: center"><el-checkbox /></td>
                      <td><el-input prefix-icon="el-icon-edit" style="width: 50%" />
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                          value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%" type="date">
                      </el-date-picker> </td>
                      <td></td>
                    </tr>
                    <tr>
                      <td>5.6 作业人员在不承重作业面上所搭设的承重板稳定牢固</td>
                      <td style="text-align: center"> <el-checkbox /></td>
                      <td style="text-align: center"><el-checkbox /></td>
                      <td><el-input prefix-icon="el-icon-edit" style="width: 50%" />
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                          value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%" type="date">
                      </el-date-picker> </td>
                      <td></td>
                    </tr>
                    <tr>
                      <td>5.7 准备的梯子、绳子、移动式登高平台符合安全规定</td>
                      <td style="text-align: center"> <el-checkbox /></td>
                      <td style="text-align: center"><el-checkbox /></td>
                      <td><el-input prefix-icon="el-icon-edit" style="width: 50%" />
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                          value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%" type="date">
                      </el-date-picker> </td>
                      <td></td>
                    </tr>
                    <tr>
                      <td>5.8 30米以上高处作业配备通讯、联络工具</td>
                      <td style="text-align: center"> <el-checkbox /></td>
                      <td style="text-align: center"><el-checkbox /></td>
                      <td><el-input prefix-icon="el-icon-edit" style="width: 50%" />
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                          value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%" type="date">
                      </el-date-picker> </td>
                      <td></td>
                    </tr>
                    <tr>
                      <td class="short-checkbox">5.9 <el-input style="width: calc(100% - 22px)" /></td>
                      <td style="text-align: center"> <el-checkbox /></td>
                      <td style="text-align: center"><el-checkbox /></td>
                      <td><el-input prefix-icon="el-icon-edit" style="width: 50%" />
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                          value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%" type="date">
                      </el-date-picker> </td>
                      <td></td>
                    </tr>
                    <tr>
                      <td colspan="5"><b>6. 现场安全说明/交底</b></td>
                    </tr>
                    <tr>
                      <td colspan="5">
                        <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="签名" prefix-icon="el-icon-edit"></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="15">
                    <el-col :span="12">
                      <table>
                        <th></th>
                        <th width = "30" style="text-align: center;">是</th>
                        <th width = "30" style="text-align: center;">否</th>
                        <tr>
                          <td><b>1. 可能有残留物料</b></td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="form.eIsPresent" true-label="1" false-label="0"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="form.eIsPresent" true-label="0" false-label="1"/>
                          </td>
                        </tr>
                        <tr>
                          <td><b>2. 个人防护用品(不包含区域 PPE)</b></td>
                        </tr>
                        <tr>
                          <td>仅限定时间内佩戴的PPE：</td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="form.eIsRequiredPpe" true-label="1" false-label="0"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="form.eIsRequiredPpe" true-label="0" false-label="1"
                                         @change="eIsRequiredPpeChange"/>
                          </td>
                        </tr>
                        <tr>
                          <td>项目：
                            <el-input style="width: calc(100% - 44px)" v-model="form.ePpeContent"
                                      :disabled="form.eIsRequiredPpe==1?false:true"/>
                          </td>
                          <td></td>
                          <td></td>
                        </tr>
                        <tr>
                          <td>2.1 安全护目镜</td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="eIsSafeGoggles" true-label="1" false-label="0"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="eIsSafeGoggles" true-label="0" false-label="1"/>
                          </td>
                        </tr>
                        <tr>
                          <td>2.2 防护面罩</td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="eIsFaceShield" true-label="1" false-label="0"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="eIsFaceShield" true-label="0" false-label="1"/>
                          </td>
                        </tr>
                        <tr>
                          <td>2.3 防护手套，类型：
                            <el-select :disabled="eIsProtectGloves==1?false:true" style="width: calc(100% - 130px)"
                                       v-model="eProtectGlovesContent" placeholder="请选择防护手套">
                              <el-option v-for="dict in safeGoggles" :key="dict.id"
                                         :label="dict.conservatoryMeasureName"
                                         :value="dict.id">
                              </el-option>
                            </el-select>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="eIsProtectGloves" true-label="1" false-label="0"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="eIsProtectGloves" true-label="0" false-label="1"
                                         @change="eIsProtectGlovesChange"/>
                          </td>
                        </tr>
                        <tr>
                          <td>2.4 橡胶长靴</td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="eIsRubberBoots" true-label="1" false-label="0"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="eIsRubberBoots" true-label="0" false-label="1"/>
                          </td>
                        </tr>
                        <tr>
                          <td>2.5 橡胶围裙</td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="eIsRubberApron" true-label="1" false-label="0"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="eIsRubberApron" true-label="0" false-label="1"/>
                          </td>
                        </tr>
                        <tr>
                          <td>2.6 防护服，类型：
                            <el-select :disabled="eIsProtectSuit==1?false:true" style="width: calc(100% - 118px)"
                                       v-model="eProtectSuitContent" placeholder="请选择防护服">
                              <el-option v-for="dict in protectSuits" :key="dict.id"
                                         :label="dict.conservatoryMeasureName"
                                         :value="dict.id">
                              </el-option>
                            </el-select>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="eIsProtectSuit" true-label="1" false-label="0"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="eIsProtectSuit" true-label="0" false-label="1"
                                         @change="eIsProtectSuitChange"/>
                          </td>
                        </tr>
                        <tr>
                          <td>2.7 呼吸保护用品，类型：
                            <el-select :disabled="eIsResProtect==1?false:true" style="width: calc(100% - 157px)"
                                       v-model="eResProtectContent" placeholder="请选择防护面罩">
                              <el-option v-for="dict in resProtects" :key="dict.id"
                                         :label="dict.conservatoryMeasureName"
                                         :value="dict.id">
                              </el-option>
                            </el-select>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="eIsResProtect" true-label="1" false-label="0"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="eIsResProtect" true-label="0" false-label="1"
                                         @change="eIsResProtectChange"/>
                          </td>
                        </tr>
                        <tr>
                          <td>2.8 防坠落装置，类型：
                            <el-select style="width: calc(100% - 144px);" clearable v-model="form.eFallArrestContent" filterable
                                       :disabled="eIsFallArrest==1?false:true">
                              <el-option v-for="item in eFallArrestContents" :key="item.id" :label="item.name"
                                         :value="item.id">
                              </el-option>
                            </el-select>
                          </td>
                          <td style="width: 30px; text-align: center;">
                            <el-checkbox v-model="eIsFallArrest" true-label="1" false-label="0"/>
                          </td>
                          <td style="width: 30px; text-align: center;">
                            <el-checkbox v-model="eIsFallArrest" true-label="0" false-label="1"
                                         @change="eIsFallArrestChange"/>
                          </td>
                        </tr>
                        <tr>
                          <td>2.9
                            <el-input style="width: calc(100% - 23px);" v-model="form.eOtherProtectContent"
                                      :disabled="form.eIsOtherProtect==1?false:true"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="form.eIsOtherProtect" true-label="1" false-label="0"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="form.eIsOtherProtect" true-label="0" false-label="1"
                                         @change="eIsOtherProtectChange"/>
                          </td>
                        </tr>
                        <tr>
                          <td><b>3. 连续的监控</b></td>
                        </tr>
                        <tr>
                          <td>安全监护人及单位签名：
                            <el-input style="width: calc(50% - 79px)" prefix-icon="el-icon-edit" v-model="form.eSafeAttendant"
                                      :disabled="form.eIsContinueMonitoring==1?false:true" /> /
                            <el-input style="width: calc(50% - 79px)" v-model="form.eSafeAttendantSign" readonly prefix-icon="el-icon-edit"
                                      :disabled="form.eIsContinueMonitoring==1?false:true"
                                      @focus="signCard('eSafeAttendantSign')"/>
                          </td>
                          <td style="text-align: center;">
                          </td>
                          <td style="text-align: center;">
                          </td>
                        </tr>
                      </table>
                    </el-col>
                    <el-col :span="12">
                      <table>
                        <tr>
                          <td><b>4. 通风措施</b></td>
                          <th width="30" style="text-align: center;">是</th>
                          <th width="30" style="text-align: center;">否</th>
                        </tr>
                        <tr>
                          <td>4.1 自然通风：
                            <el-input style="width: calc(100% - 91px)" v-model="form.eNaturalVenContent"
                                      :disabled="form.eIsNaturalVen==1?false:true"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="form.eIsNaturalVen" true-label="1" false-label="0"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="form.eIsNaturalVen" true-label="0" false-label="1"
                                         @change="eIsNaturalVenChange"/>
                          </td>
                        </tr>
                        <tr>
                          <td>4.2 机械通风，使用：
                            <el-input style="width: calc(100% - 130px);" v-model="form.eMecVenContent"
                                      :disabled="form.eIsMecVen==1?false:true"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="form.eIsMecVen" true-label="1" false-label="0"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="form.eIsMecVen" true-label="0" false-label="1"
                                         @change="eIsMecVenChange"/>
                          </td>
                        </tr>
                        <tr>
                          <td>4.3 在释放源处抽走粉尘/气体/蒸汽</td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="form.eIsExxtractDust" true-label="1" false-label="0"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="form.eIsExxtractDust" true-label="0" false-label="1"/>
                          </td>
                        </tr>
                        <tr>
                          <td>4.4 空气分析内容：
                            <el-input style="width: calc(100% - 117px);" v-model="form.eAnalyzeAirContent"
                                      :disabled="form.eIsAnalyzeAir==1?false:true"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="form.eIsAnalyzeAir" true-label="1" false-label="0"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="form.eIsAnalyzeAir" true-label="0" false-label="1"
                                         @change="eIsAnalyzeAirChange"/>
                          </td>
                        </tr>
                        <tr>
                          <td>分析频次：
                            <el-select style="width: calc(100% - 70px);" clearable v-model="form.eAnalyzeAirInterval" filterable
                                       :disabled="form.eIsAnalyzeAir==1?false:true">
                              <el-option v-for="item in eAnalyzeAirIntervals" :key="item.id" :label="item.name"
                                         :value="item.id">
                              </el-option>
                            </el-select>
                          </td>
                          <td></td>
                          <td></td>
                        </tr>
                        <tr>
                          <td>4.5
                            <el-input style="width: calc(100% - 23px);" v-model="form.eOtherVenContent"
                                      :disabled="form.eIsOtherVen==1?false:true"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="form.eIsOtherVen" true-label="1" false-label="0"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox v-model="form.eIsOtherVen" true-label="0" false-label="1"
                                         @change="eIsOtherVenChange"/>
                          </td>
                        </tr>
                        <tr>
                          <td colspan="3"><b>5. 其它安全要求</b></td>
                        </tr>
                        <tr>
                          <td>5.1 安全带高挂低用</td>
                          <td style="text-align: center;">
                            <el-checkbox checked true-label="1" false-label="0"/>
                          </td>
                          <td style="text-align: center;">
                          </td>
                        </tr>
                        <tr>
                          <td class="short-checkbox">5.2 防止工具坠落携带并使用 <el-checkbox />工具袋
                          <el-checkbox />安全绳</td>
                          <td style="text-align: center;">
                            <el-checkbox checked true-label="1" false-label="0"/>
                          </td>
                          <td style="text-align: center;">
                          </td>
                        </tr>
                        <tr>
                          <td>5.3 使用梯子时要安排人员扶住</td>
                          <td style="text-align: center;">
                            <el-checkbox checked true-label="1" false-label="0"/>
                          </td>
                          <td style="text-align: center;">
                          </td>
                        </tr>
                        <tr>
                          <td>5.4 作业场所采光、照明符合要求</td>
                          <td style="text-align: center;">
                            <el-checkbox checked true-label="1" false-label="0"/>
                          </td>
                          <td style="text-align: center;">
                          </td>
                        </tr>
                        <tr>
                          <td>5.5
                            <el-input style="width: calc(100% - 23px);"  />
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox true-label="1" false-label="0"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox true-label="0" false-label="1" />
                          </td>
                        </tr>
                        <tr>
                          <td colspan="3" style="text-align: center"><br/>
                            <b>！若有预料不到的事件发生，立即停止工作并通知主管。</b>
                          </td>
                        </tr>
                      </table>
                    </el-col>
                  </el-row>
                </el-collapse-item>
                <el-collapse-item title="F 施工后的安全措施" name="6">
                  <table>
                    <tr>
                      <th></th>
                      <th style="width: 30px; text-align: center;">是</th>
                      <th style="width: 30px; text-align: center;">否</th>
                    </tr>
                    <tr>
                      <td>1.将作业情况通知D4.6 受影响单位。</td>
                      <td style="text-align: center"><el-checkbox /></td>
                      <td style="text-align: center"><el-checkbox /></td>
                    </tr>
                    <tr>
                      <td>2.
                        <el-input style="width: 600px;" v-model="form.fAfterWorkSafeContent"
                                  :disabled="form.fIsAfterWorkSafe == 1?false:true"/>
                      </td>
                      <td style="width: 30px; text-align: center;">
                        <el-checkbox v-model="form.fIsAfterWorkSafe" true-label="1" false-label="0"/>
                      </td>
                      <td style="width: 30px; text-align: center;">
                        <el-checkbox v-model="form.fIsAfterWorkSafe" true-label="0" false-label="1"
                                     @change="fIsAfterWorkSafeChange"/>
                      </td>
                    </tr>
                  </table>
                </el-collapse-item>
                <el-collapse-item title="G 核实危害评估和安全措施界定" name="7">
                  <table>
                    <tr>
                      <th></th>
                      <th align="right">由专门部门人员评估的项目：</th>
                      <th style="width: 35px; text-align: center;">是</th>
                      <th style="width: 40px; text-align: center;">否</th>
                    </tr>
                    <tr>
                      <td>第一签名<small>(装置/部门授权人员)</small>：
                        <el-input style="width: 90px;" v-model="form.gFirstSign" prefix-icon="el-icon-edit"/>
                        <el-date-picker
                          style="width: calc(100% - 270px)"
                          v-model="form.gFirstDate"
                          type="datetime"
                          placeholder="选择日期时间">
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input v-model="form.gSpecialAssessment"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.gIsSpecialAssessment" :true-label="1" :false-label="0"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.gIsSpecialAssessment" :true-label="0" :false-label="1"></el-checkbox>
                      </td>
                    </tr>
                    <tr>
                      <td>第二签名<small>(装置/部门授权人员)</small>：
                        <el-input style="width: 90px;" v-model="form.gSecondSign" prefix-icon="el-icon-edit"/>
                        <el-date-picker
                          style="width: calc(100% - 270px)"
                          v-model="form.gSecondDate"
                          type="datetime"
                          placeholder="选择日期时间">
                        </el-date-picker>
                      </td>
                      <td colspan="3">第三签名<small>(相应部门人员及部门名称)</small>：
                        <el-input style="width: 85px;" v-model="form.gThirdSign" prefix-icon="el-icon-edit"/>
                        <el-date-picker
                          style="width: calc(100% - 300px)"
                          v-model="form.gThirdDate"
                          type="datetime"
                          placeholder="选择日期时间">
                        </el-date-picker>
                      </td>
                    </tr>
                  </table>
                </el-collapse-item>
                <el-collapse-item title="H 安全措施检查和许可证批准" name="8">
                  <table>
                    <tr>
                      <td>签名：
                        <el-input style="width: 150px;" v-model="form.hSafeMesSign" prefix-icon="el-icon-edit"/>
                        <el-date-picker
                          style="width: calc(100% - 200px)"
                          v-model="form.hSafeMesDate"
                          type="datetime"
                          placeholder="选择日期时间">
                        </el-date-picker>
                      </td>
                      <td>A4栏安全联络员签名：
                        <el-input style="width: 130px;" prefix-icon="el-icon-edit" />
                        <el-date-picker
                          style="width: calc(100% - 272px)"
                          type="datetime"
                          placeholder="选择日期时间">
                        </el-date-picker></td>
                    </tr>
                    <tr>
                      <td><small>(生产装置授权人员，D栏的安全措施已实施和检查，G栏的签名已完成)</small></td>
                      <td>
                      </td>
                    </tr>
                  </table>
                </el-collapse-item>
                <el-collapse-item title="I 施工单位接受许可证" name="9">
                  <table>
                    <tr>
                      <td>
                        1a 签名（授权维修主管）
                        <el-input style="width: 90px;" v-model="form.iOneASign" prefix-icon="el-icon-edit"/>
                        <el-date-picker
                          style="width: calc(100% - 245px)"
                          v-model="form.iOneADate"
                          type="datetime"
                          placeholder="选择日期时间">
                        </el-date-picker>
                      </td>
                      <td>
                        1b 签名（授权维修工人）
                        <el-input style="width: 90px;" v-model="form.iOneBSign" prefix-icon="el-icon-edit"/>
                        <el-date-picker
                          style="width: calc(100% - 245px)"
                          v-model="form.iOneBDate"
                          type="datetime"
                          placeholder="选择日期时间">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <small>
                          (E栏的安全措施已实施和D6的现场安全说明已完成)
                        </small>
                      </td>
                      <td>
                        <small>(E栏的安全措施已实施和D6的现场安全说明已完成)</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>授权的维修工人签名(I1b)，日期</small>
                      </td>
                      <td>
                        <small>装置/部门授权人签名(G)，日期</small>
                      </td>
                      <td>
                        <small>E&I人员签名确认已安全停电，日期</small>
                      </td>
                    </tr>
                  </table>
                </el-collapse-item>
                <el-row :gutter="20">
                  <el-col :span="12">
                    <el-collapse-item title="K 确认F栏的安全措施已实施" name="12">
                      <div style="margin-top: 23px">
                        签名，日期/时间
                        <el-input style="width: 100px;" v-model="form.kConfirmSign" prefix-icon="el-icon-edit"/>
                        <el-date-picker
                          v-model="form.kConfirmDate"
                          style="width: calc(100% - 200px)"
                          type="datetime"
                          placeholder="选择日期时间">
                        </el-date-picker>
                      </div>
                    </el-collapse-item>
                  </el-col>
                  <el-col :span="12">
                    <el-collapse-item title="L 授权的维修工人通知生产装置施工完成" name="13">
                      如有需要，通过安全联络员
                      <br>
                      签名，日期/时间
                      <el-input style="width: 100px;" v-model="form.lNoticeSign" prefix-icon="el-icon-edit"/>
                      <el-date-picker
                        v-model="form.lNoticeDate"
                        type="datetime"
                        style="width: calc(100% - 200px)"
                        placeholder="选择日期时间">
                      </el-date-picker>
                    </el-collapse-item>
                  </el-col>
                </el-row>
                <el-collapse-item title="M 评估/批准撤销D栏的施工前安全措施" name="14">
                  <table>
                    <tr>
                      <td colspan="3">
                        <el-input v-model="form.mAssessDContent"/>
                      </td>
                      <td>
                        <el-input style="width: 100px;" v-model="form.mAssessDSign" prefix-icon="el-icon-edit"/>
                        <el-date-picker
                          v-model="form.mAssessDDate"
                          type="datetime"
                          style="width: calc(100% - 100px)"
                          placeholder="选择日期时间">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td colspan="3">
                        <small>如需要，列出撤销安全措施的次序</small>
                      </td>
                      <td><small>签名(装置/部门授权人员)</small></td>
                    </tr>
                    <tr>
                      <td>其它相关许可证：</td>
                      <td>
                        <el-input v-model="form.mOtherLicenceOne"/>
                      </td>
                      <td>
                        <el-input v-model="form.mOtherLicenceTwo"/>
                      </td>
                      <td>
                        <el-input v-model="form.mOtherLicenceThree"/>
                      </td>
                    </tr>
                  </table>
                </el-collapse-item>
                <el-collapse-item title="N 动火工作空气检测记录（2小时分析/记录一次）" name="15">
                  <table cellpadding="0" cellspacing="0" class="last-table">
                    <tr>
                      <td width="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>
