<template>
  <div>
    <div>
      <el-form ref="form" :model="form" :rules="rules">
        <div class="hazardwork" style="background-color: #C5E0B3;">
          <table>
            <tr>
              <td></td>
              <td></td>
              <td></td>
              <td>修订：04</td>
            </tr>
            <tr>
              <td rowspan="3" width="50" align="center">表格</td>
              <td rowspan="3" width="200" align="center"><b>C00-6.3.0-00FSH-207.0</b></td>
              <td rowspan="3" width="400" align="center"><b>危害工作许可证 危害评估及安全措施</b></td>
              <td>日期：18-5-2018</td>
            </tr>
            <tr>
              <td colspan="3">
                <div>
                  <el-form-item>
                    <el-input style="width: 200px;" v-model="form.aId" placeholder="点击生成票据ID" @focus="aIdClick"
                              :disabled="aIdDisabled">
                      <i slot="prefix" class="el-input__icon el-icon-word">A</i>
                    </el-input>
                  </el-form-item>
                </div>
              </td>
              <td>
                <el-form-item>
                  <el-button @click="allExpand">全部展开</el-button>
                </el-form-item>
              </td>
              <td>
                <el-form-item>
                  <el-button @click="allShrink">全部关闭</el-button>
                </el-form-item>
              </td>
              <td>
                <el-form-item>
                  <el-button type="primary" v-show="form.aId" @click="onSubmit">提交当前数据</el-button>
                </el-form-item>
              </td>
              <td>
                <el-form-item>
                  <el-button v-if="form.pdfUrl" type="success" @click="handleSee">预览</el-button>
                </el-form-item>
              </td>
              <td>
                <el-form-item>
                  <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 name="1" title="A 基本信息">
                  <el-form-item prop="ruleA1">
                    <table>
                      <tr>
                        <td>1.</td>
                        <td>
                          生产装置：
                          <el-select v-model="form.aEquipmentName" filterable placeholder="请选择生产装置"
                                     @change="aEquipmentChange(form.aEquipmentName)">
                            <el-option v-for="item in aEquipments" :key="item.value" :label="item.label"
                                       :value="item.value">
                            </el-option>
                          </el-select>
                        </td>

                        <td>生产装置主管：
                          <el-input style="width: 100px;" v-model="form.aEquipmentLeader"/>
                        </td>

                        <td>
                          <i class="el-icon-phone">：</i>
                          <el-input style="width: 70px;" v-model="form.aEquipmentTel"/>
                        </td>
                        <td>
                          办公室：
                          <el-input style="width: 70px;" v-model="form.aEquipmentOffice"/>
                        </td>
                      </tr>
                      <tr>
                        <td>2.</td>
                        <td>施工单位：
                          <el-select v-model="form.aConstructionName" filterable placeholder="请选择施工单位">
                            <el-option v-for="item in aConstructions" :key="item.deptName" :label="item.deptName"
                                       :value="item.deptName">
                            </el-option>
                          </el-select>
                        </td>
                        <td>施工单位主管：
                          <el-input style="width: 100px;" v-model="form.aConstructionLeader"/>
                        </td>
                        <td>
                          <i class="el-icon-phone">：</i>
                          <el-input style="width: 70px;" v-model="form.aConstructionTel"/>
                        </td>
                        <td>
                          办公室：
                          <el-input style="width: 70px;" v-model="form.aConstructionOffice"/>
                        </td>
                      </tr>
                      <tr>
                        <td>3.</td>
                        <td>用户(涉及外部承包商时)：
                          <el-select v-model="form.aContractorName" filterable placeholder="请选择用户"
                                     @change="aContractorChange(form.aContractorName)">
                            <el-option v-for="item in aContractors" :key="item.value" :label="item.label"
                                       :value="item.value">
                            </el-option>
                          </el-select>
                        </td>
                        <td align="right">用户主管：
                          <el-input style="width: 100px;" v-model="form.aContractorLeader"/>
                        </td>
                        <td>
                          <i class="el-icon-phone">：</i>
                          <el-input style="width: 70px;" v-model="form.aContractorTel"/>
                        </td>
                        <td>
                          办公室：
                          <el-input style="width: 70px;" v-model="form.aContractorOffice"/>
                        </td>
                      </tr>
                      <tr>
                        <td>4.</td>
                        <td class="short-radio">需要安全联络员？
                          <el-radio v-model="form.aIsNeedSafeLiaison" label="1">是</el-radio>
                          <el-radio v-model="form.aIsNeedSafeLiaison" label="2" @change="cleanSafeLiaison">否</el-radio>
                          姓名：
                          <el-select v-model="form.aSafeLiaisonName" filterable placeholder="请选择安全联络员"
                                     @change="aSafeLiaisonChange(form.aSafeLiaisonName)"
                                     :disabled="form.aIsNeedSafeLiaison==1?false:true" style="width: 150px">
                            <el-option v-for="item in aSafeLiaisons" :key="item.value" :label="item.label"
                                       :value="item.value">
                            </el-option>
                          </el-select>
                        </td>
                        <td align="right">
                          签名：
                          <el-input style="width: 100px;" v-model="form.aSafeLiaisonSign" readonly
                                    @focus="signCard('aSafeLiaisonSign')" prefix-icon="el-icon-edit"
                                    :disabled="form.aIsNeedSafeLiaison==1?false:true">
                          </el-input>
                          <!--                        <el-button type="primary" slot="append"-->
                          <!--                                   icon="el-icon-edit"-->
                          <!--                                   :disabled="form.aIsNeedSafeLiaison==1?false:true"></el-button>-->
                        </td>
                        <td>
                          <i class="el-icon-phone">：</i>
                          <el-input style="width: 70px;" v-model="form.aSafeLiaisonTel"
                                    :disabled="form.aIsNeedSafeLiaison==1?false:true"/>
                        </td>
                        <td>
                          办公室：
                          <el-input style="width: 70px;" v-model="form.aSafeLiaisonOffice"
                                    :disabled="form.aIsNeedSafeLiaison==1?false:true"/>
                        </td>
                      </tr>
                    </table>
                  </el-form-item>
                </el-collapse-item>
                <el-collapse-item title="B 工作内容" name="2">
                  <el-form-item prop="ruleB">
                    <table>
                      <tr>
                        <td>1.</td>
                        <td>装置设备：
                          <!--                      <el-select v-model="form.bDeviceName" filterable placeholder="请选择装置设备"
                                                           @change="bDeviceChange(form.bDeviceName)" style="width: 150px">-->
                          <el-select v-model="form.bDeviceName" filterable placeholder="请选择装置设备"
                                     style="width: 150px">
                            <el-option v-for="item in bDevices" :key="item.devName" :label="item.devName"
                                       :value="item.devName">
                            </el-option>
                          </el-select>
                        </td>
                        <td>位置/区域号：
                          <el-input style="width: 200px;" v-model="form.bAreaNo"/>
                        </td>
                      </tr>
                      <tr>
                        <td style="vertical-align: top">2.</td>
                        <td colspan="2" style="vertical-align: top">工作内容描述：
                          <el-input type="textarea" style="width: 80%;vertical-align: top" v-model="form.bWorkContent"/>
                        </td>
                      </tr>
                      <tr>
                        <td>3.</td>
                        <td>有效期：由
                          <el-date-picker v-model="value1" type="datetimerange" range-separator="至"
                                          start-placeholder="开始日期"
                                          end-placeholder="结束日期" format="yyyy-MM-dd HH:mm"
                                          value-format="yyyy-MM-dd HH:mm"
                                          :default-time="['9:00:00', '17:00:00']"
                                          :picker-options="pickerOptions"
                          >
                          </el-date-picker>
                        </td>
                      </tr>
                    </table>
                  </el-form-item>
                </el-collapse-item>
                <el-collapse-item title="C 危害识别" name="3">
                  <table>
                    <tr>
                      <td colspan="11">
                        <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 style="text-align: center;" class="short-checkbox">
                      <td rowspan="2">是否有GHS标识<br>
                        <el-checkbox v-model="form.cIsGhs" true-label="1"/>
                        是
                        <el-checkbox v-model="form.cIsGhs" true-label="2"/>
                        否
                      </td>
                      <td style="width: 80px;">
                        <el-image style="width: 70px;height: 70px;" :src="require('@/assets/image/toxicIcon.png')">
                        </el-image>
                      </td>
                      <td style="width: 80px;">
                        <el-image style="width: 70px;height: 70px;" :src="require('@/assets/image/flammableIcon.png')">
                        </el-image>
                      </td>
                      <td style="width: 80px;">
                        <el-image style="width: 70px;height: 70px;" :src="require('@/assets/image/oxidizingIcon.png')">
                        </el-image>
                      </td>
                      <td style="width: 80px;">
                        <el-image style="width: 70px;height: 70px;" :src="require('@/assets/image/explosiveIcon.png')">
                        </el-image>
                      </td>
                      <td style="width: 80px;">
                        <el-image style="width: 70px;height: 70px;" :src="require('@/assets/image/corrosiveIcon.png')">
                        </el-image>
                      </td>
                      <td style="width: 80px;">
                        <el-image style="width: 70px;height: 70px;"
                                  :src="require('@/assets/image/irritantSensitizationToxicIcon.png')">
                        </el-image>
                      </td>
                      <td style="width: 80px;">
                        <el-image style="width: 70px;height: 70px;"
                                  :src="require('@/assets/image/healthHazardIcon.png')">
                        </el-image>
                      </td>
                      <td style="width: 80px;">
                        <el-image style="width: 70px;height: 70px;"
                                  :src="require('@/assets/image/compressedGasIcon.png')">
                        </el-image>
                      </td>
                      <td style="width: 80px;">
                        <el-image style="width: 70px;height: 70px;"
                                  :src="require('@/assets/image/environmentalHazardIcon.png')">
                        </el-image>
                      </td>
                    </tr>
                    <tr style="text-align: center;">
                      <td style="width: 50px;">毒性<br>
                        <el-checkbox v-model="cIsToxic" true-label="1" false-label="0"/>
                      </td>
                      <td style="width: 50px;">易燃性<br>
                        <el-checkbox v-model="cIsFlammable" true-label="1" false-label="0"/>
                      </td>
                      <td style="width: 50px;">氧化性<br>
                        <el-checkbox v-model="cIsOxidizing" true-label="1" false-label="0"/>
                      </td>
                      <td style="width: 50px;">爆炸性<br>
                        <el-checkbox v-model="cIsExplosive" true-label="1" false-label="0"/>
                      </td>
                      <td style="width: 50px;">腐蚀性<br>
                        <el-checkbox v-model="cIsCorrosive" true-label="1" false-label="0"/>
                      </td>
                      <td style="width: 120px;">刺激性/致敏性/毒性<br>
                        <el-checkbox v-model="cIsIrritantToxic" true-label="1" false-label="0"/>
                      </td>
                      <td style="width: 70px;">健康危害<br>
                        <el-checkbox v-model="cIsHealthHazard" true-label="1" false-label="0"/>
                      </td>
                      <td style="width: 70px;">压力下气体<br>
                        <el-checkbox v-model="cIsCompressedGas" true-label="1" false-label="0"/>
                      </td>
                      <td style="width: 90px;">危害水生环境<br>
                        <el-checkbox v-model="cIsEnvironmentalHazard" true-label="1" false-label="0"/>
                      </td>
                    </tr>
                  </table>
                  <table>
                    <tr>
                      <td>
                        <el-checkbox v-model="isEquipmentHazards" true-label="1" false-label="0"
                                     @change="eHazardsChange"/>
                      </td>
                      <td colspan="5" class="short-checkbox">
                        设备内物质处于危险状态
                        （
                        <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>
                        <el-checkbox v-model="form.cIsHazardsProd" true-label="1" false-label="0"
                                     @change="cHazardsProdChange"/>
                      </td>
                      <td colspan="4">施工对生产单位的危害：
                        <el-input style="width: 150px;" v-model="form.cIsHazardsProdContent"
                                  :disabled="form.cIsHazardsProd==true?false:true"/>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <el-checkbox v-model="isFacilityHazards" true-label="1" false-label="0"
                                     @change="facilityChange"/>
                      </td>
                      <td colspan="5" class="short-checkbox">
                        来自设备/设施的危害（
                        <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>
                        <el-checkbox v-model="form.cIsFire" true-label="1" false-label="0"/>
                      </td>
                      <td>火灾或爆炸性危害，参考动火许可证：
                        <el-input style="width: 140px;" v-model="form.cHId"
                                  @click.native="aIdFireClick">
                          <!--                                :disabled="form.cIsFire==true?false:true">-->
                          <i slot="prefix" class="el-input__icon el-icon-word">H</i></el-input>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <el-checkbox v-model="form.cIsWorkProtective" true-label="1" false-label="0"
                                     @change="workProChange"/>
                      </td>
                      <td colspan="5" class="short-checkbox">安全保护设备的施工(
                        <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>
                    </tr>
                    <tr>
                      <td>
                        <el-checkbox v-model="form.cIsOtherDanger" true-label="1" false-label="0"
                                     @change="otherDangerChange"/>
                      </td>
                      <td colspan="5">其他危害：
                        <el-select style="width: 365px;" v-model="form.cOtherDangerContent" filterable
                                   :disabled="form.cIsOtherDanger==true?false:true">
                          <el-option v-for="item in otherDangers" :key="item.id" :label="item.name" :value="item.id">
                          </el-option>
                        </el-select>
                      </td>
                      <td colspan="5" rowspan="2">
                        <!--                      <el-input style="width: 150px;" v-model="form.cHId"-->
                        <!--                                :disabled="form.cIsFire==true?false:true"/>-->
                      </td>
                    </tr>
                  </table>
                </el-collapse-item>
                <el-collapse-item title="D 施工前的安全措施" name="4">
                  <table>
                    <tr>
                      <td>1.</td>
                      <td><b>确保E&I设备安全</b></td>
                      <td style="width: 30px; text-align: center;">是</td>
                      <td style="width: 30px; text-align: center;">否</td>
                      <td style="text-align: center;">安全措施完成，签名，日期</td>
                      <td style="text-align: center;">安全措施撤销，签名，日期</td>
                    </tr>
                    <tr>
                      <td>1.1</td>
                      <td>通过打开安全开关断电并上锁和运转测试</td>
                      <td style="width: 30px; text-align: center;">
                        <el-checkbox v-model="form.dIsOpenSafe" true-label="1"/>
                      </td>
                      <td style="width: 30px; text-align: center;">
                        <el-checkbox v-model="form.dIsOpenSafe" true-label="0" @change="dIsOpenSafeChange"/>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 85px;" 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: 115px" 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 style="text-align: center;">
                        <el-input style="width: 70px;" v-model="form.dSafeLiftedSign11" disabled/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 80px"
                                        v-model="form.dSafeLiftedDate11" type="date" disabled>
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td rowspan="5">1.2</td>
                      <td>断开电源通过：</td>
                      <td style="width: 30px; text-align: center;">
                        <el-checkbox v-model="form.dIsDkdyx" true-label="1" false-label="0"
                                     :disabled="form.dIsOpenSafe !== null?false:true"/>
                      </td>
                      <td style="width: 30px; text-align: center;">
                        <el-checkbox v-model="form.dIsDkdyx" true-label="0" false-label="1" @change="dIsDkdyxChange"
                                     :disabled="form.dIsOpenSafe !== null?false:true"/>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 85px;" v-model="form.dDkdyxImplSign" readonly prefix-icon="el-icon-edit"
                                  :disabled="form.dIsDkdyx==1?false:true" @focus="signCard('dDkdyxImplSign')">
                        </el-input>
                        <!--                      <el-button type="primary" slot="append"-->
                        <!--                                 icon="el-icon-edit"-->
                        <!--                                 :disabled="form.dIsDkdyx==1?false:true"></el-button>-->
                        <el-date-picker style="width: 115px" v-model="form.dDkdyxImplDate" type="date"
                                        format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss"
                                        :disabled="form.dIsDkdyx==1?false:true">
                        </el-date-picker>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 70px;" v-model="form.dDkdyxLiftedSign" disabled/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 80px"
                                        v-model="form.dDkdyxLiftedDate" type="date" disabled>
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>断开电源线</td>
                      <td style="width: 30px; text-align: center;">
                        <el-checkbox v-model="form.dIsDisFeeder" true-label="1" false-label="0"
                                     :disabled="form.dIsDkdyx !== null?false:true"/>
                      </td>
                      <td style="width: 30px; 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 style="text-align: center;">
                        <el-input style="width: 85px;" v-model="form.dDisFeederImplSign" readonly
                                  prefix-icon="el-icon-edit"
                                  :disabled="form.dIsDisFeeder==1?false:true"
                                  @focus="signCard('dDisFeederImplSign')">
                        </el-input>
                        <!--                      <el-button type="primary" slot="append"-->
                        <!--                                 icon="el-icon-edit"-->
                        <!--                                 :disabled="form.dIsDisFeeder==1?false:true"></el-button>-->
                        <el-date-picker style="width: 115px" 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 style="text-align: center;">
                        <el-input style="width: 70px;" v-model="form.dDisFeederLiftedSign" disabled/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 80px"
                                        v-model="form.dDisFeederLiftedDate" type="date" disabled>
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>断开回路开关并上锁和运转测试
                        <el-input style="width: 150px;" v-model="form.dBreakInclContent"
                                  :disabled="form.dIsBreakIncl == 1?false:true"/>
                      </td>
                      <td style="width: 30px; text-align: center;">
                        <el-checkbox v-model="form.dIsBreakIncl" true-label="1" false-label="0"
                                     :disabled="form.dIsDisFeeder!== null?false:true"/>
                      </td>
                      <td style="width: 30px; text-align: center;">
                        <el-checkbox v-model="form.dIsBreakIncl" true-label="0" false-label="1"
                                     @change="dIsBreakInclChange"
                                     :disabled="form.dIsDisFeeder!== null?false:true"/>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 85px;" v-model="form.dBreakInclImplSign" readonly
                                  prefix-icon="el-icon-edit"
                                  :disabled="form.dIsBreakIncl==1?false:true"
                                  @focus="signCard('dBreakInclImplSign')">
                        </el-input>
                        <!--                      <el-button type="primary" slot="append"-->
                        <!--                                 icon="el-icon-edit"-->
                        <!--                                 :disabled="form.dIsBreakIncl==1?false:true"></el-button>-->
                        <el-date-picker style="width: 115px" v-model="form.dBreakInclImplDate" type="date"
                                        format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss"
                                        :disabled="form.dIsBreakIncl==1?false:true">
                        </el-date-picker>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 70px;" v-model="form.dBreakInclLiftedSign" disabled/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 80px"
                                        v-model="form.dBreakInclLiftedDate" type="date" disabled>
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>电气回路编号：
                        <el-input style="width: 150px;" v-model="form.dEleCircuitNo" @change="dElecircuitChange"
                                  :disabled="form.dIsDqhl == 1?false:true"/>
                      </td>
                      <td style="width: 30px; text-align: center;">
                        <el-checkbox v-model="form.dIsDqhl" true-label="1" false-label="0"
                                     :disabled="form.dIsBreakIncl !== null?false:true"/>
                      </td>
                      <td style="width: 30px; text-align: center;">
                        <el-checkbox v-model="form.dIsDqhl" true-label="0" false-label="1" @change="dIsDqhlChange"
                                     :disabled="form.dIsBreakIncl !== null?false:true"/>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 85px;" v-model="form.dDqhlImplSign" readonly prefix-icon="el-icon-edit"
                                  :disabled="form.dIsDqhl==1?false:true" @focus="signCard('dDqhlImplSign')">
                        </el-input>
                        <!--<el-button type="primary" slot="append" @click="signCard('dDqhlImplSign')"
                                   icon="el-icon-edit"
                                   :disabled="form.dIsDqhl==1?false:true"></el-button>-->
                        <el-date-picker style="width: 115px" v-model="form.dDqhlImplDate" type="date"
                                        format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss"
                                        :disabled="form.dIsDqhl==1?false:true">
                        </el-date-picker>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 70px;" v-model="form.dDqhlLiftedSign" disabled/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 80px"
                                        v-model="form.dDqhlLiftedDate" type="date" disabled>
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>仪表号/测点编号：
                        <el-input style="width: 150px;" v-model="form.dInsTagNo" @change="dInsTagChange"
                                  :disabled="form.dIsYbh == 1?false:true"/>
                      </td>
                      <td style="width: 30px; text-align: center;">
                        <el-checkbox v-model="form.dIsYbh" true-label="1" false-label="0"
                                     :disabled="dIsDqhl !== null?false:true"/>
                      </td>
                      <td style="width: 30px; text-align: center;">
                        <el-checkbox v-model="form.dIsYbh" true-label="0" false-label="1" @change="dIsYbhChange"
                                     :disabled="dIsDqhl !== null?false:true"/>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 85px;" v-model="form.dSafeImplSign12" readonly
                                  prefix-icon="el-icon-edit"
                                  :disabled="form.dIsYbh==1?false:true" @focus="signCard('dSafeImplSign12')">
                        </el-input>
                        <!--<el-button type="primary" slot="append" @click="signCard('dSafeImplSign12')"
                                   icon="el-icon-edit"
                                   :disabled="form.dIsYbh==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: 115px"
                                        v-model="form.dSafeImplDate12" type="date"
                                        :disabled="form.dIsYbh == 1?false:true">
                        </el-date-picker>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 70px;" v-model="form.dSafeLiftedSign12" disabled/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 80px"
                                        v-model="form.dSafeLiftedDate12" type="date" disabled>
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>1.3</td>
                      <td>放射源由专业人员确保安全(日志)</td>
                      <td style="width: 30px; text-align: center;">
                        <el-checkbox v-model="form.dIsRadioactiveSources" true-label="1" false-label="0"
                                     :disabled="form.dIsYbh!= null?false:true"/>
                      </td>
                      <td style="width: 30px; 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 style="text-align: center;">
                        <el-input style="width: 85px;" v-model="form.dSafeImplSign13" readonly
                                  prefix-icon="el-icon-edit"
                                  :disabled="form.dIsRadioactiveSources==1?false:true"
                                  @focus="signCard('dSafeImplSign13')">
                        </el-input>
                        <!--<el-button type="primary" slot="append" @click="signCard('dSafeImplSign13')"
                                   icon="el-icon-edit"
                                   :disabled="form.dIsRadioactiveSources==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: 115px"
                                        v-model="form.dSafeImplDate13" type="date"
                                        :disabled="form.dIsRadioactiveSources==1?false:true">
                        </el-date-picker>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 70px;" v-model="form.dSafeLiftedSign13" disabled/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 80px"
                                        v-model="form.dSafeLiftedDate13" type="date" disabled>
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>1.4</td>
                      <td>
                        <el-input style="width: 150px;" v-model="form.dIsOtherEquSafeContent"
                                  :disabled="form.dIsOtherEquSafe == 1?false:true"/>
                      </td>
                      <td style="width: 30px; text-align: center;">
                        <el-checkbox v-model="form.dIsOtherEquSafe" true-label="1" false-label="0"
                                     :disabled="form.dIsRadioactiveSources!= null?false:true"/>
                      </td>
                      <td style="width: 30px; 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 style="text-align: center;">
                        <el-input style="width: 85px;" v-model="form.dSafeImplSign14" readonly
                                  prefix-icon="el-icon-edit"
                                  :disabled="form.dIsOtherEquSafe==1?false:true"
                                  @focus="signCard('dSafeImplSign14')">
                        </el-input>
                        <!--<el-button type="primary" slot="append" @click="signCard('dSafeImplSign14')"
                                   icon="el-icon-edit"
                                   :disabled="form.dIsOtherEquSafe==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: 115px"
                                        v-model="form.dSafeImplDate14" type="date"
                                        :disabled="form.dIsOtherEquSafe==1?false:true">
                        </el-date-picker>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 70px;" v-model="form.dSafeLiftedSign14" disabled/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 80px"
                                        v-model="form.dSafeLiftedDate14" type="date" disabled>
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>2.</td>
                      <td><b>确保装置设备安全</b></td>
                    </tr>
                    <tr>
                      <td>2.1</td>
                      <td>泄压/排空</td>
                      <td style="width: 30px; text-align: center;">
                        <el-checkbox v-model="form.dIsDepress" true-label="1" false-label="0"
                                     :disabled="form.dIsOtherEquSafe!= null?false:true"/>
                      </td>
                      <td style="width: 30px; 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 style="text-align: center;">
                        <el-input style="width: 85px;" v-model="form.dSafeImplSign21" readonly
                                  prefix-icon="el-icon-edit"
                                  :disabled="form.dIsDepress==1?false:true" @focus="signCard('dSafeImplSign21')">
                        </el-input>
                        <!--<el-button type="primary" slot="append" @click="signCard('dSafeImplSign21')"
                                   icon="el-icon-edit"
                                   :disabled="form.dIsDepress==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: 115px"
                                        v-model="form.dSafeImplDate21" type="date"
                                        :disabled="form.dIsDepress==1?false:true">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>2.2</td>
                      <td>单阀截断</td>
                      <td style="width: 30px; text-align: center;">
                        <el-checkbox v-model="form.dIsSingleBlocking" true-label="1" false-label="0"
                                     :disabled="form.dIsDepress!= null?false:true"/>
                      </td>
                      <td style="width: 30px; 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 style="text-align: center;">
                        <el-input style="width: 85px;" v-model="form.dSafeImplSign22" readonly
                                  prefix-icon="el-icon-edit"
                                  :disabled="form.dIsSingleBlocking==1?false:true"
                                  @focus="signCard('dSafeImplSign22')">
                        </el-input>
                        <!--<el-button type="primary" slot="append" @click="signCard('dSafeImplSign22')"
                                   icon="el-icon-edit"
                                   :disabled="form.dIsSingleBlocking==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: 115px"
                                        v-model="form.dSafeImplDate22" type="date"
                                        :disabled="form.dIsSingleBlocking==1?false:true">
                        </el-date-picker>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 70px;" v-model="form.dSafeLiftedSign22" disabled/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 80px"
                                        v-model="form.dSafeLiftedDate22" type="date" disabled>
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        2.3
                      </td>
                      <td>双阀截断与放空</td>
                      <td style="width: 30px; text-align: center;">
                        <el-checkbox v-model="form.dIsDoubleBlock" true-label="1" false-label="0"
                                     :disabled="form.dIsSingleBlocking!= null?false:true"/>
                      </td>
                      <td style="width: 30px; 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 style="text-align: center;">
                        <el-input style="width: 85px;" v-model="form.dSafeImplSign23" readonly
                                  prefix-icon="el-icon-edit"
                                  :disabled="form.dIsDoubleBlock==1?false:true"
                                  @focus="signCard('dSafeImplSign23')">
                        </el-input>
                        <!--<el-button type="primary" slot="append" @click="signCard('dSafeImplSign23')"
                                   icon="el-icon-edit"
                                   :disabled="form.dIsDoubleBlock==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: 115px"
                                        v-model="form.dSafeImplDate23" type="date"
                                        :disabled="form.dIsDoubleBlock==1?false:true">
                        </el-date-picker>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 70px;" v-model="form.dSafeLiftedSign23" disabled/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 80px"
                                        v-model="form.dSafeLiftedDate23" type="date" disabled>
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>2.4</td>
                      <td>
                        使用
                        <el-input style="width: 150px;" v-model="form.dLockoutUsingContent"
                                  :disabled="form.dIsLockoutUsing==1?false:true"/>
                        锁定
                      </td>
                      <td style="width: 30px; text-align: center;">
                        <el-checkbox v-model="form.dIsLockoutUsing" true-label="1" false-label="0"
                                     :disabled="form.dIsDoubleBlock!= null?false:true"/>
                      </td>
                      <td style="width: 30px; 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 style="text-align: center;">
                        <el-input style="width: 85px;" v-model="form.dSafeImplSign24" readonly
                                  prefix-icon="el-icon-edit"
                                  :disabled="form.dIsLockoutUsing==1?false:true"
                                  @focus="signCard('dSafeImplSign24')">
                        </el-input>
                        <!--<el-button type="primary" slot="append" @click="signCard('dSafeImplSign24')"
                                   icon="el-icon-edit"
                                   :disabled="form.dIsLockoutUsing==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: 115px"
                                        v-model="form.dSafeImplDate24" type="date"
                                        :disabled="form.dIsLockoutUsing==1?false:true">
                        </el-date-picker>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 70px;" v-model="form.dSafeLiftedSign24" disabled/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 80px"
                                        v-model="form.dSafeLiftedDate24" type="date" disabled>
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>2.5</td>
                      <td>移去部分管线/短接</td>
                      <td style="width: 30px; text-align: center;">
                        <el-checkbox v-model="form.dIsRemovePipe" true-label="1" false-label="0"
                                     :disabled="form.dIsLockoutUsing!= null?false:true"/>
                      </td>
                      <td style="width: 30px; 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 style="text-align: center;">
                        <el-input style="width: 85px;" v-model="form.dSafeImplSign25" readonly
                                  prefix-icon="el-icon-edit"
                                  :disabled="form.dIsRemovePipe==1?false:true"
                                  @focus="signCard('dSafeImplSign25')">
                        </el-input>
                        <!--<el-button type="primary" slot="append" @click="signCard('dSafeImplSign25')"
                                   icon="el-icon-edit"
                                   :disabled="form.dIsRemovePipe==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: 115px"
                                        v-model="form.dSafeImplDate25" type="date"
                                        :disabled="form.dIsRemovePipe==1?false:true">
                        </el-date-picker>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 70px;" v-model="form.dSafeLiftedSign25" disabled/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 80px"
                                        v-model="form.dSafeLiftedDate25" type="date" disabled>
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>2.6</td>
                      <td>断开管线并加盖盲法兰</td>
                      <td style="width: 30px; text-align: center;">
                        <el-checkbox v-model="form.dIsDisPipes" true-label="1" false-label="0"
                                     :disabled="form.dIsRemovePipe!= null?false:true"/>
                      </td>
                      <td style="width: 30px; 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 style="text-align: center;">
                        <el-input style="width: 85px;" v-model="form.dSafeImplSign26" readonly
                                  prefix-icon="el-icon-edit"
                                  :disabled="form.dIsDisPipes==1?false:true" @focus="signCard('dSafeImplSign26')">
                        </el-input>
                        <!--<el-button type="primary" slot="append" @click="signCard('dSafeImplSign26')"
                                   icon="el-icon-edit"
                                   :disabled="form.dIsDisPipes==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: 115px"
                                        v-model="form.dSafeImplDate26" type="date"
                                        :disabled="form.dIsDisPipes==1?false:true">
                        </el-date-picker>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 70px;" v-model="form.dSafeLiftedSign26" disabled/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 80px"
                                        v-model="form.dSafeLiftedDate26" type="date" disabled>
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>2.7</td>
                      <td>插入盲板</td>
                      <td style="width: 30px; text-align: center;">
                        <el-checkbox v-model="form.dIsInsertBlindPlage" true-label="1" false-label="0"
                                     :disabled="form.dIsDisPipes!= null?false:true"/>
                      </td>
                      <td style="width: 30px; 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: 85px;" v-model="form.dSafeImplSign27" readonly
                                  prefix-icon="el-icon-edit"
                                  :disabled="form.dIsInsertBlindPlage==1?false:true"
                                  @focus="signCard('dSafeImplSign27')">
                        </el-input>
                        <!--<el-button type="primary" slot="append" @click="signCard('dSafeImplSign27')"
                                   icon="el-icon-edit"
                                   :disabled="form.dIsInsertBlindPlage==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: 115px"
                                        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: 70px;" v-model="form.dSafeLiftedSign27" disabled/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 80px"
                                        v-model="form.dSafeLiftedDate27" type="date" disabled>
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>2.8</td>
                      <td>机械安全措施：
                        <el-input style="width: 150px;" v-model="form.dMecSecureContent"
                                  :disabled="form.dIsMecSecure==1?false:true"/>
                      </td>
                      <td style="width: 30px; text-align: center;">
                        <el-checkbox v-model="form.dIsMecSecure" true-label="1" false-label="0"
                                     :disabled="form.dIsInsertBlindPlage!= null?false:true"/>
                      </td>
                      <td style="width: 30px; 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: 85px;" v-model="form.dSafeImplSign28" readonly
                                  prefix-icon="el-icon-edit"
                                  :disabled="form.dIsMecSecure==1?false:true" @focus="signCard('dSafeImplSign28')">
                        </el-input>
                        <!--<el-button type="primary" slot="append" @click="signCard('dSafeImplSign28')"
                                   icon="el-icon-edit"
                                   :disabled="form.dIsMecSecure==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: 115px"
                                        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: 70px;" v-model="form.dSafeLiftedSign28" disabled/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 80px"
                                        v-model="form.dSafeLiftedDate28" type="date" disabled>
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>2.9</td>
                      <td>附隔离/盲板图</td>
                      <td style="width: 30px; text-align: center;">
                        <el-checkbox v-model="form.dIsIsolationDiagram" true-label="1" false-label="0"
                                     :disabled="form.dIsMecSecure!= null?false:true"/>
                      </td>
                      <td style="width: 30px; 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: 85px;" v-model="form.dSafeImplSign29" readonly
                                  prefix-icon="el-icon-edit"
                                  :disabled="form.dIsIsolationDiagram==1?false:true"
                                  @focus="signCard('dSafeImplSign29')">
                        </el-input>
                        <!--<el-button type="primary" slot="append" @click="signCard('dSafeImplSign29')"
                                   icon="el-icon-edit"
                                   :disabled="form.dIsIsolationDiagram==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: 115px"
                                        v-model="form.dSafeImplDate29" type="date"
                                        :disabled="form.dIsIsolationDiagram==1?false:true">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>2.10</td>
                      <td>
                        <el-input style="width: 150px;" v-model="form.dOtherSafePlantContent"
                                  :disabled="form.dIsOtherSafePlant==1?false:true"/>
                      </td>
                      <td style="width: 30px; text-align: center;">
                        <el-checkbox v-model="form.dIsOtherSafePlant" true-label="1" false-label="0"
                                     :disabled="form.dIsIsolationDiagram!= null?false:true"/>
                      </td>
                      <td style="width: 30px; 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: 85px;" 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: 115px"
                                        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: 70px;" 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: 80px"
                                        v-model="form.dSafeLiftedDate210" type="date" disabled>
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>3.</td>
                      <td><b>导空/清洗工艺设备</b></td>
                    </tr>
                    <tr>
                      <td>3.1</td>
                      <td>倒空</td>
                      <td style="width: 30px; text-align: center;">
                        <el-checkbox v-model="form.dIsDrain" true-label="1" false-label="0"
                                     :disabled="form.dIsOtherSafePlant!= null?false:true"/>
                      </td>
                      <td style="width: 30px; 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: 85px;" v-model="form.dSafeImplSign31" readonly
                                  prefix-icon="el-icon-edit"
                                  :disabled="form.dIsDrain==1?false:true" @focus="signCard('dSafeImplSign31')">
                        </el-input>
                        <!--<el-button type="primary" slot="append" @click="signCard('dSafeImplSign31')"
                                   icon="el-icon-edit"
                                   :disabled="form.dIsDrain==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: 115px"
                                        v-model="form.dSafeImplDate31" type="date"
                                        :disabled="form.dIsDrain==1?false:true">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>3.2</td>
                      <td>用
                        <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="width: 30px; text-align: center;">
                        <el-checkbox v-model="form.dIsClean" true-label="1" false-label="0"
                                     :disabled="form.dIsDrain!= null?false:true"/>
                      </td>
                      <td style="width: 30px; 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: 85px;" v-model="form.dSafeImplSign32" readonly
                                  prefix-icon="el-icon-edit"
                                  :disabled="form.dIsClean==1?false:true" @focus="signCard('dSafeImplSign32')">
                        </el-input>
                        <!--<el-button type="primary" slot="append" @click="signCard('dSafeImplSign32')"
                                   icon="el-icon-edit"
                                   :disabled="form.dIsClean==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: 115px"
                                        v-model="form.dSafeImplDate32" type="date"
                                        :disabled="form.dIsClean==1?false:true">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>3.3</td>
                      <td>用
                        <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="width: 30px; text-align: center;">
                        <el-checkbox v-model="form.dIsFlush" true-label="1" false-label="0"
                                     :disabled="form.dIsClean!= null?false:true"/>
                      </td>
                      <td style="width: 30px; 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: 85px;" v-model="form.dSafeImplSign33" readonly
                                  prefix-icon="el-icon-edit"
                                  :disabled="form.dIsFlush==1?false:true" @focus="signCard('dSafeImplSign33')">
                        </el-input>
                        <!--<el-button type="primary" slot="append" @click="signCard('dSafeImplSign33')"
                                   icon="el-icon-edit"
                                   :disabled="form.dIsFlush==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: 115px"
                                        v-model="form.dSafeImplDate33" type="date"
                                        :disabled="form.dIsFlush==1?false:true">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>3.4</td>
                      <td>
                        <el-input style="width: 150px;" v-model="form.dOtherCleanContent"
                                  :disabled="form.dIsOhterClean==1?false:true"/>
                      </td>
                      <td style="width: 30px; text-align: center;">
                        <el-checkbox v-model="form.dIsOhterClean" true-label="1" false-label="0"
                                     :disabled="form.dIsFlush!= null?false:true"/>
                      </td>
                      <td style="width: 30px; 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: 85px;" v-model="form.dSafeImplSign34" readonly
                                  prefix-icon="el-icon-edit"
                                  :disabled="form.dIsOhterClean==1?false:true"
                                  @focus="signCard('dSafeImplSign34')">
                        </el-input>
                        <!--<el-button type="primary" slot="append" @click="signCard('dSafeImplSign34')"
                                   icon="el-icon-edit"
                                   :disabled="form.dIsOhterClean==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: 115px"
                                        v-model="form.dSafeImplDate34" type="date"
                                        :disabled="form.dIsOhterClean==1?false:true">
                        </el-date-picker>
                      </td>
                    </tr>
                  </table>
                </el-collapse-item>
              </el-collapse>
            </el-col>

            <!-- 右侧栏 -->
            <el-col :span="12">

              <el-collapse v-model="activeNames">
                <el-collapse-item title="D" name="4" class="display-type">
                  <table>
                    <tr>
                      <td>4.</td>
                      <td><b>确保施工区域安全</b></td>
                      <td style="text-align: center">是</td>
                      <td style="text-align: center">否</td>
                      <td style="text-align: center">安全措施完成，签名/日期</td>
                      <td style="text-align: center">安全措施完成，签名/日期</td>
                    </tr>
                    <tr>
                      <td>4.1</td>
                      <td>现场隔离使用：
                        <el-select style="width: 150px;" clearable v-model="form.dSiteDemarcationContent" filterable
                                   :disabled="form.dIsSiteDemarcation==1?false:true">
                          <el-option v-for="item in dSiteDemarcations" :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="form.dIsSiteDemarcation" true-label="1" false-label="0"
                                     :disabled="form.dIsOhterClean!= null?false:true"/>
                      </td>
                      <td style="width: 30px; text-align: center;">
                        <el-checkbox v-model="form.dIsSiteDemarcation" true-label="0" false-label="1"
                                     @change="dIsSiteDemarcationChange"
                                     :disabled="form.dIsOhterClean!= null?false:true"/>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 85px;" v-model="form.dSafeImplSign41" readonly
                                  prefix-icon="el-icon-edit"
                                  :disabled="form.dIsSiteDemarcation==1?false:true"
                                  @focus="signCard('dSafeImplSign41')">
                        </el-input>
                        <!--<el-button type="primary" slot="append" @click="signCard('dSafeImplSign41')"
                                   icon="el-icon-edit"
                                   :disabled="form.dIsSiteDemarcation==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: 115px"
                                        v-model="form.dSafeImplDate41" type="date"
                                        :disabled="form.dIsSiteDemarcation==1?false:true">
                        </el-date-picker>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 70px;" v-model="form.dSafeLiftedSign41" disabled/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 80px"
                                        v-model="form.dSafeLiftedDate41" type="date" disabled>
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>4.2</td>
                      <td>需覆盖的区域：
                        <el-input style="width: 150px;" v-model="form.dAreaCoverContent"
                                  :disabled="form.dIsAreaCover==1?false:true"/>
                      </td>
                      <td style="width: 30px; text-align: center;">
                        <el-checkbox v-model="form.dIsAreaCover" true-label="1" false-label="0"
                                     :disabled="form.dIsSiteDemarcation!= null?false:true"/>
                      </td>
                      <td style="width: 30px; 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: 85px;" v-model="form.dSafeImplSign42" readonly
                                  prefix-icon="el-icon-edit"
                                  :disabled="form.dIsAreaCover==1?false:true" @focus="signCard('dSafeImplSign42')">
                        </el-input>
                        <!--<el-button type="primary" slot="append" @click="signCard('dSafeImplSign42')"
                                   icon="el-icon-edit"
                                   :disabled="form.dIsAreaCover==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: 115px"
                                        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: 70px;" v-model="form.dSafeLiftedSign42" disabled/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 80px"
                                        v-model="form.dSafeLiftedDate42" type="date" disabled>
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>4.3</td>
                      <td>封闭槽车/火车路线</td>
                      <td style="width: 30px; text-align: center;">
                        <el-checkbox v-model="form.dIsCloseTrucks" true-label="1" false-label="0"
                                     :disabled="form.dIsAreaCover!= null?false:true"/>
                      </td>
                      <td style="width: 30px; text-align: center;">
                        <el-checkbox v-model="form.dIsCloseTrucks" true-label="0" false-label="1"
                                     @change="dIsCloseTrucksChange"
                                     :disabled="form.dIsAreaCover!= null?false:true"/>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 85px;" v-model="form.dSafeImplSign43" readonly
                                  prefix-icon="el-icon-edit"
                                  :disabled="form.dIsCloseTrucks==1?false:true"
                                  @focus="signCard('dSafeImplSign43')">
                        </el-input>
                        <!--<el-button type="primary" slot="append" @click="signCard('dSafeImplSign43')"
                                   icon="el-icon-edit"
                                   :disabled="form.dIsCloseTrucks==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: 115px"
                                        v-model="form.dSafeImplDate43" type="date"
                                        :disabled="form.dIsCloseTrucks==1?false:true">
                        </el-date-picker>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 70px;" v-model="form.dSafeLiftedSign43" disabled/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 80px"
                                        v-model="form.dSafeLiftedDate43" type="date" disabled>
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>4.4</td>
                      <td>对邻近法兰和管件检漏</td>
                      <td style="width: 30px; text-align: center;">
                        <el-checkbox v-model="form.dIsLeakFlanges" true-label="1" false-label="0"
                                     :disabled="form.dIsCloseTrucks!= null?false:true"/>
                      </td>
                      <td style="width: 30px; text-align: center;">
                        <el-checkbox v-model="form.dIsLeakFlanges" true-label="0" false-label="1"
                                     @change="dIsLeakFlangesChange"
                                     :disabled="form.dIsCloseTrucks!= null?false:true"/>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 85px;" v-model="form.dSafeImplSign44" readonly
                                  prefix-icon="el-icon-edit"
                                  :disabled="form.dIsLeakFlanges==1?false:true"
                                  @focus="signCard('dSafeImplSign44')">
                        </el-input>
                        <!--<el-button type="primary" slot="append" @click="signCard('dSafeImplSign44')"
                                   icon="el-icon-edit"
                                   :disabled="form.dIsLeakFlanges==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: 115px"
                                        v-model="form.dSafeImplDate44" type="date"
                                        :disabled="form.dIsLeakFlanges==1?false:true">
                        </el-date-picker>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 70px;" v-model="form.dSafeLiftedSign44" disabled/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 80px"
                                        v-model="form.dSafeLiftedDate44" type="date" disabled>
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>4.5</td>
                      <td>
                        <el-input style="width: 150px;" v-model="form.dOtherWorkSafeContent"
                                  :disabled="form.dIsOtherWorkSafe==1?false:true"/>
                      </td>
                      <td style="width: 30px; text-align: center;">
                        <el-checkbox v-model="form.dIsOtherWorkSafe" true-label="1" false-label="0"
                                     :disabled="form.dIsLeakFlanges!= null?false:true"/>
                      </td>
                      <td style="width: 30px; 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: 85px;" 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: 115px"
                                        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: 70px;" 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: 80px"
                                        v-model="form.dSafeLiftedDate45" type="date" disabled>
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>5.</td>
                      <td><b>额外组织措施</b></td>
                    </tr>
                    <tr>
                      <td>5.1</td>
                      <td>
                        <el-input style="width: 150px;" v-model="form.dOtherMeasureContent"
                                  :disabled="form.dIsOtherMeasure==1?false:true"/>
                      </td>
                      <td style="width: 30px; text-align: center;">
                        <el-checkbox v-model="form.dIsOtherMeasure" true-label="1" false-label="0"
                                     :disabled="form.dIsOtherWorkSafe!= null?false:true"/>
                      </td>
                      <td style="width: 30px; text-align: center;">
                        <el-checkbox v-model="form.dIsOtherMeasure" true-label="0" false-label="1"
                                     @change="dIsOtherMeasureChange"
                                     :disabled="form.dIsOtherWorkSafe!= null?false:true"/>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 85px;" v-model="form.dSafeImplSign51" readonly
                                  prefix-icon="el-icon-edit"
                                  :disabled="form.dIsOtherMeasure==1?false:true"
                                  @focus="signCard('dSafeImplSign51')">
                        </el-input>
                        <!--<el-button type="primary" slot="append" @click="signCard('dSafeImplSign51')"
                                   icon="el-icon-edit"
                                   :disabled="form.dIsOtherMeasure==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: 115px"
                                        v-model="form.dSafeImplDate51" type="date"
                                        :disabled="form.dIsOtherMeasure==1?false:true">
                        </el-date-picker>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 70px;" v-model="form.dSafeLiftedSign51" disabled/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 80px"
                                        v-model="form.dSafeLiftedDate51" type="date" disabled>
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>6.</td>
                      <td><b>现场安全说明/交底</b></td>
                      <td></td>
                      <td></td>
                      <td></td>
                      <td></td>
                    </tr>
                    <tr>
                      <td></td>
                      <td colspan="5">
                        <!--<el-checkbox v-model="form.dIsSafeBriefing" true-label="1" false-label="0"-->
                        <el-checkbox true-label="1" false-label="0"
                                     v-model="form.dIsSafeBriefing"
                                     @change="dIsSafeBriefingChange"
                                     :disabled="form.dIsOtherMeasure!= null?false:true">是
                        </el-checkbox>
                        参与交底人签名/日期
                        <el-input style="width: 250px;" v-model="form.dPartakeBriefingSign" clearable
                                  :disabled="form.dIsSafeBriefing==1?false:true"/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 200px"
                                        v-model="form.dPartakeBriefingDate" type="date"
                                        :disabled="form.dIsSafeBriefing==1?false:true">
                        </el-date-picker>
                        <el-button type="primary" slot="append" @click="signCard('dPartakeBriefingSign')"
                                   icon="el-icon-edit"
                                   :disabled="form.dIsSafeBriefing==1?false:true"></el-button>

                        <el-button type="primary" slot="append" @click="uploadFile('dPartakeBriefingSign')"
                                   icon="el-icon-link"
                                   :disabled="form.dIsSafeBriefing==1?false:false"></el-button>
                      </td>
                    </tr>
                    <tr>
                      <td></td>
                      <td colspan="5">
                        <el-checkbox v-model="form.dIsSafeBriefing" true-label="0" false-label="1"
                                     @change="dIsSafeBriefingChange"
                                     :disabled="form.dIsOtherMeasure!= null?false:true">没有
                        </el-checkbox>
                        原因：
                        <el-input style="width: 150px;" v-model="form.dNoReasonContent"
                                  :disabled="form.dIsSafeBriefing==0?false:true"/>
                      </td>
                    </tr>
                  </table>
                </el-collapse-item>
                <el-collapse-item title="E 施工时的安全措施" name="5">
                  <el-row>
                    <el-col :span="12">
                      <table>
                        <th style="width: 30px;"></th>
                        <th style="width: 300px;"></th>
                        <th style="width: 30px; text-align: center;">是</th>
                        <th style="width: 30px; text-align: center;">否</th>
                        <tr>
                          <td><b>1.</b></td>
                          <td>可能有残留物料</td>
                          <td style="width: 30px; text-align: center;">
                            <el-checkbox v-model="form.eIsPresent" true-label="1" false-label="0"/>
                          </td>
                          <td style="width: 30px; text-align: center;">
                            <el-checkbox v-model="form.eIsPresent" true-label="0" false-label="1"/>
                          </td>
                        </tr>
                        <tr>
                          <td><b>2.</b></td>
                          <td><b>个人防护用品(PPE)</b></td>
                        </tr>
                        <tr>
                          <td></td>
                          <td>仅限定时间内佩戴的PPE：</td>
                          <td style="width: 30px; text-align: center;">
                            <el-checkbox v-model="form.eIsRequiredPpe" true-label="1" false-label="0"/>
                          </td>
                          <td style="width: 30px; text-align: center;">
                            <el-checkbox v-model="form.eIsRequiredPpe" true-label="0" false-label="1"
                                         @change="eIsRequiredPpeChange"/>
                          </td>
                        </tr>
                        <tr>
                          <td></td>
                          <td>项目：
                            <el-input style="width: 150px;" v-model="form.ePpeContent"
                                      :disabled="form.eIsRequiredPpe==1?false:true"/>
                          </td>
                        </tr>
                        <tr>
                          <td><b>2.1</b></td>
                          <td>安全护目镜</td>
                          <td style="width: 30px; text-align: center;">
                            <el-checkbox v-model="eIsSafeGoggles" true-label="1" false-label="0"/>
                          </td>
                          <td style="width: 30px; text-align: center;">
                            <el-checkbox v-model="eIsSafeGoggles" true-label="0" false-label="1"/>
                          </td>
                        </tr>
                        <tr>
                          <td><b>2.2</b></td>
                          <td>防护面罩</td>
                          <td style="width: 30px; text-align: center;">
                            <el-checkbox v-model="eIsFaceShield" true-label="1" false-label="0"/>
                          </td>
                          <td style="width: 30px; text-align: center;">
                            <el-checkbox v-model="eIsFaceShield" true-label="0" false-label="1"/>
                          </td>
                        </tr>
                        <tr>
                          <td><b>2.3</b></td>
                          <td>防护手套，类型：
                            <el-select :disabled="eIsProtectGloves==1?false:true" style="width: 150px;"
                                       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="width: 30px; text-align: center;">
                            <el-checkbox v-model="eIsProtectGloves" true-label="1" false-label="0"/>
                          </td>
                          <td style="width: 30px; text-align: center;">
                            <el-checkbox v-model="eIsProtectGloves" true-label="0" false-label="1"
                                         @change="eIsProtectGlovesChange"/>
                          </td>
                        </tr>
                        <tr>
                          <td><b>2.4</b></td>
                          <td>橡胶长靴</td>
                          <td style="width: 30px; text-align: center;">
                            <el-checkbox v-model="eIsRubberBoots" true-label="1" false-label="0"/>
                          </td>
                          <td style="width: 30px; text-align: center;">
                            <el-checkbox v-model="eIsRubberBoots" true-label="0" false-label="1"/>
                          </td>
                        </tr>
                        <tr>
                          <td><b>2.5</b></td>
                          <td>橡胶围裙</td>
                          <td style="width: 30px; text-align: center;">
                            <el-checkbox v-model="eIsRubberApron" true-label="1" false-label="0"/>
                          </td>
                          <td style="width: 30px; text-align: center;">
                            <el-checkbox v-model="eIsRubberApron" true-label="0" false-label="1"/>
                          </td>
                        </tr>
                        <tr>
                          <td><b>2.6</b></td>
                          <td>防护服，类型：
                            <el-select :disabled="eIsProtectSuit==1?false:true" style="width: 150px;"
                                       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="width: 30px; text-align: center;">
                            <el-checkbox v-model="eIsProtectSuit" true-label="1" false-label="0"/>
                          </td>
                          <td style="width: 30px; text-align: center;">
                            <el-checkbox v-model="eIsProtectSuit" true-label="0" false-label="1"
                                         @change="eIsProtectSuitChange"/>
                          </td>
                        </tr>
                        <tr>
                          <td><b>2.7</b></td>
                          <td>呼吸保护用品，类型：
                            <el-select :disabled="eIsResProtect==1?false:true" style="width: 150px;"
                                       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="width: 30px; text-align: center;">
                            <el-checkbox v-model="eIsResProtect" true-label="1" false-label="0"/>
                          </td>
                          <td style="width: 30px; text-align: center;">
                            <el-checkbox v-model="eIsResProtect" true-label="0" false-label="1"
                                         @change="eIsResProtectChange"/>
                          </td>
                        </tr>
                        <tr>
                          <td><b>2.8</b></td>
                          <td>防坠落装置，类型：
                            <el-select style="width: 150px;" 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><b>2.9</b></td>
                          <td>
                            <el-input style="width: 150px;" v-model="form.eOtherProtectContent"
                                      :disabled="form.eIsOtherProtect==1?false:true"/>
                          </td>
                          <td style="width: 30px; text-align: center;">
                            <el-checkbox v-model="form.eIsOtherProtect" true-label="1" false-label="0"/>
                          </td>
                          <td style="width: 30px; text-align: center;">
                            <el-checkbox v-model="form.eIsOtherProtect" true-label="0" false-label="1"
                                         @change="eIsOtherProtectChange"/>
                          </td>
                        </tr>
                      </table>
                    </el-col>
                    <el-col :span="11">
                      <table>
                        <th style="width: 30px;"></th>
                        <th style="width: 300px;"></th>
                        <th style="width: 30px; text-align: center;">是</th>
                        <th style="width: 30px; text-align: center;">否</th>
                        <tr>
                          <td><b>3.</b></td>
                          <td><b>连续的监控</b></td>
                        </tr>
                        <tr>
                          <td></td>
                          <td>安全监护人单位/签字：
                            <el-input style="width: 70px;" v-model="form.eSafeAttendant"
                                      :disabled="form.eIsContinueMonitoring==1?false:true"/>
                            /
                            <el-input style="width: 85px;" v-model="form.eSafeAttendantSign" readonly
                                      prefix-icon="el-icon-edit"
                                      :disabled="form.eIsContinueMonitoring==1?false:true"
                                      @focus="signCard('eSafeAttendantSign')">
                            </el-input>
                            <!--<el-button type="primary" slot="append" @click="signCard('eSafeAttendantSign')"
                                       icon="el-icon-edit"
                                       :disabled="form.eIsContinueMonitoring==1?false:true"></el-button>-->
                          </td>
                          <td style="width: 30px; text-align: center;">
                            <el-checkbox v-model="form.eIsContinueMonitoring" true-label="1" false-label="0"/>
                          </td>
                          <td style="width: 30px; text-align: center;">
                            <el-checkbox v-model="form.eIsContinueMonitoring" true-label="0" false-label="1"
                                         @change="eIsContinueMonitoringChange"/>
                          </td>
                        </tr>
                        <tr>
                          <td><b>4.</b></td>
                          <td><b>通风措施</b></td>
                        </tr>
                        <tr>
                          <td><b>4.1</b></td>
                          <td>自然通风：
                            <el-input style="width: 150px;" v-model="form.eNaturalVenContent"
                                      :disabled="form.eIsNaturalVen==1?false:true"/>
                          </td>
                          <td style="width: 30px; text-align: center;">
                            <el-checkbox v-model="form.eIsNaturalVen" true-label="1" false-label="0"/>
                          </td>
                          <td style="width: 30px; text-align: center;">
                            <el-checkbox v-model="form.eIsNaturalVen" true-label="0" false-label="1"
                                         @change="eIsNaturalVenChange"/>
                          </td>
                        </tr>
                        <tr>
                          <td><b>4.2</b></td>
                          <td>机械通风，使用：
                            <el-input style="width: 150px;" v-model="form.eMecVenContent"
                                      :disabled="form.eIsMecVen==1?false:true"/>
                          </td>
                          <td style="width: 30px; text-align: center;">
                            <el-checkbox v-model="form.eIsMecVen" true-label="1" false-label="0"/>
                          </td>
                          <td style="width: 30px; text-align: center;">
                            <el-checkbox v-model="form.eIsMecVen" true-label="0" false-label="1"
                                         @change="eIsMecVenChange"/>
                          </td>
                        </tr>
                        <tr>
                          <td><b>4.3</b></td>
                          <td>在释放源处抽走粉尘/气体/蒸汽</td>
                          <td style="width: 30px; text-align: center;">
                            <el-checkbox v-model="form.eIsExxtractDust" true-label="1" false-label="0"/>
                          </td>
                          <td style="width: 30px; text-align: center;">
                            <el-checkbox v-model="form.eIsExxtractDust" true-label="0" false-label="1"/>
                          </td>
                        </tr>
                        <tr>
                          <td><b>4.4</b></td>
                          <td>空气分析内容：
                            <el-input style="width: 150px;" v-model="form.eAnalyzeAirContent"
                                      :disabled="form.eIsAnalyzeAir==1?false:true"/>
                          </td>
                          <td style="width: 30px; text-align: center;">
                            <el-checkbox v-model="form.eIsAnalyzeAir" true-label="1" false-label="0"/>
                          </td>
                          <td style="width: 30px; text-align: center;">
                            <el-checkbox v-model="form.eIsAnalyzeAir" true-label="0" false-label="1"
                                         @change="eIsAnalyzeAirChange"/>
                          </td>
                        </tr>
                        <tr>
                          <td></td>
                          <td>分析频次：
                            <el-select style="width: 150px;" clearable v-model="form.eAnalyzeAirInterval" filterable
                                       :disabled="form.eIsAnalyzeAir==1?false:true">
                              <el-option v-for="item in eAnalyzeAirIntervals" :key="item.id" :label="item.name"
                                         :value="item.id">
                              </el-option>
                            </el-select>
                          </td>
                        </tr>
                        <tr>
                          <td><b>4.5</b></td>
                          <td>
                            <el-input style="width: 150px;" v-model="form.eOtherVenContent"
                                      :disabled="form.eIsOtherVen==1?false:true"/>
                          </td>
                          <td style="width: 30px; text-align: center;">
                            <el-checkbox v-model="form.eIsOtherVen" true-label="1" false-label="0"/>
                          </td>
                          <td style="width: 30px; text-align: center;">
                            <el-checkbox v-model="form.eIsOtherVen" true-label="0" false-label="1"
                                         @change="eIsOtherVenChange"/>
                          </td>
                        </tr>
                      </table>
                    </el-col>
                  </el-row>
                </el-collapse-item>
                <el-collapse-item title="F 施工后的安全措施" name="6">
                  <table>
                    <tr>
                      <th></th>
                      <th style="width: 30px; text-align: center;">是</th>
                      <th style="width: 30px; text-align: center;">否</th>
                    </tr>
                    <tr>
                      <td>
                        <el-input style="width: 600px;" v-model="form.fAfterWorkSafeContent"
                                  :disabled="form.fIsAfterWorkSafe == 1?false:true"/>
                      </td>
                      <td style="width: 30px; text-align: center;">
                        <el-checkbox v-model="form.fIsAfterWorkSafe" true-label="1" false-label="0"/>
                      </td>
                      <td style="width: 30px; text-align: center;">
                        <el-checkbox v-model="form.fIsAfterWorkSafe" true-label="0" false-label="1"
                                     @change="fIsAfterWorkSafeChange"/>
                      </td>
                    </tr>
                  </table>
                </el-collapse-item>
                <el-collapse-item title="G 核实危害评估和安全措施界定" name="7">
                  <table>
                    <tr>
                      <td></td>
                      <td align="right">由专门部门人员评估的项目：</td>
                      <td>是</td>
                      <td>否</td>
                    </tr>
                    <tr>
                      <td>第一签名<small>(装置/部门授权人员)</small>：
                        <el-input style="width: 85px;" v-model="form.gFirstSign" readonly prefix-icon="el-icon-edit"
                                  @focus="signCard('gFirstSign')">
                        </el-input>
                        <!--<el-button type="primary" slot="append" @click="signCard('gFirstSign')"
                                   icon="el-icon-edit"></el-button>-->
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 175px"
                                        v-model="form.gFirstDate"
                                        type="datetime">
                        </el-date-picker>
                      </td>
                      <td align="right">
                        <el-input style="width: 360px;" v-model="form.gSpecialAssessment"
                                  :disabled="form.gIsSpecialAssessment == 1?false:true"/>
                      </td>
                      <td>
                        <el-checkbox v-model="form.gIsSpecialAssessment" true-label="1" false-label="0"/>
                      </td>
                      <td>
                        <el-checkbox v-model="form.gIsSpecialAssessment" true-label="0" false-label="1"
                                     @change="gIsSpecialAssessmentChange"/>
                      </td>
                    </tr>
                    <tr>
                      <td>第二签名<small>(装置/部门授权人员)</small>：
                        <el-input style="width: 85px;" v-model="form.gSecondSign" readonly prefix-icon="el-icon-edit"
                                  @focus="signCard('gSecondSign')">
                        </el-input>
                        <!--<el-button type="primary" slot="append" @click="signCard('gSecondSign')"
                                   icon="el-icon-edit"></el-button>-->
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 175px"
                                        v-model="form.gSecondDate"
                                        type="datetime">
                        </el-date-picker>
                      </td>
                      <td colspan="3" align="right">第三签名<small>(相应部门人员及部门名称)</small>：
                        <el-input style="width: 85px;" v-model="form.gThirdSign" readonly prefix-icon="el-icon-edit"
                                  @focus="signCard('gThirdSign')">
                        </el-input>
                        <!--<el-button type="primary" slot="append" @click="signCard('gThirdSign')"
                                   icon="el-icon-edit"></el-button>-->
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 175px"
                                        v-model="form.gThirdDate"
                                        type="datetime">
                        </el-date-picker>
                      </td>
                    </tr>
                  </table>
                </el-collapse-item>
                <el-collapse-item title="H 安全措施检查和许可证批准" name="8">
                  <table>
                    <tr>
                      <td>签名：
                        <el-input v-model="form.hSafeMesSign" readonly @focus="signCard('hSafeMesSign')"
                                  prefix-icon="el-icon-edit">
                        </el-input>
                        <!--<el-button type="primary" slot="append" @click="signCard('hSafeMesSign')"
                                   icon="el-icon-edit"></el-button>-->
                        <el-date-picker style="width: 180px"
                                        format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" v-model="form.hSafeMesDate" type="datetime">
                        </el-date-picker>
                      </td>
                      <td align="right">
                        相应延期许可证号码：
                        <el-input style="width: 50%;" v-model="form.hVNoOne" disabled>
                          <i slot="prefix" class="el-input__icon el-icon-word">V</i>
                        </el-input>
                        <small>(生产装置授权人员，D栏的安全措施已实施和检查，G栏的签名已完成)</small>
                      </td>
                    </tr>
                    <tr>
                      <td></td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.hVNoTwo" disabled>
                          <i slot="prefix" class="el-input__icon el-icon-word">V</i>
                        </el-input>
                        <el-input style="width: 50%;" v-model="form.hVNoThree" disabled>
                          <i slot="prefix" class="el-input__icon el-icon-word">V</i>
                        </el-input>
                      </td>
                    </tr>
                  </table>
                </el-collapse-item>
                <el-collapse-item title="I 施工单位接受许可证" name="9">
                  <table>
                    <tr>
                      <td>
                        1a 签名（授权的维修主管）
                        <el-input style="width: 85px;" v-model="form.iOneASign" readonly @focus="signCard('iOneASign')"
                                  prefix-icon="el-icon-edit">
                        </el-input>
                        <!--<el-button type="primary" slot="append" @click="signCard('iOneASign')"
                                   icon="el-icon-edit"></el-button>-->
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 180px" v-model="form.iOneADate"
                                        type="datetime">
                        </el-date-picker>
                        <small>(E栏的安全措施已实施和D6的现场安全说明已完成)</small>
                      </td>
                      <td>
                        1b 签名（授权的维修工人）
                        <el-input style="width: 85px;" v-model="form.iOneBSign" readonly @focus="signCard('iOneBSign')"
                                  prefix-icon="el-icon-edit">
                        </el-input>
                        <!--<el-button type="primary" slot="append" @click="signCard('iOneBSign')"
                                   icon="el-icon-edit"></el-button>-->
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 180px" v-model="form.iOneBDate"
                                        type="datetime">
                        </el-date-picker>
                        <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: 85px;" v-model="form.jOneBSign" readonly @focus="signCard('jOneBSign')"
                                  prefix-icon="el-icon-edit">
                        </el-input>
                        <!--<el-button type="primary" slot="append" @click="signCard('jOneBSign')"
                                   icon="el-icon-edit"></el-button>-->
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 180px" v-model="form.jOneBDate"
                                        type="datetime">
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 85px;" v-model="form.jResMemberSign" readonly prefix-icon="el-icon-edit"
                                  @focus="signCard('jResMemberSign')">
                        </el-input>
                        <!--<el-button type="primary" slot="append" @click="signCard('jResMemberSign')"
                                   icon="el-icon-edit"></el-button>-->
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 180px"
                                        v-model="form.jResMemberDate" type="datetime">
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 85px;" v-model="form.jEISign" readonly @focus="signCard('jEISign')"
                                  prefix-icon="el-icon-edit">
                        </el-input>
                        <!--<el-button type="primary" slot="append" @click="signCard('jEISign')"
                                   icon="el-icon-edit"></el-button>-->
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 180px" v-model="form.jEIDate"
                                        type="datetime">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>
                        <small>授权的维修工人签名(l1b)，日期</small>
                      </td>
                      <td>
                        <small>生产装置授权人签名(G)，日期</small>
                      </td>
                      <td>
                        <small>E&I人员签名确认已安全停电，日期</small>
                      </td>
                    </tr>
                  </table>
                </el-collapse-item>
                <el-row :gutter="20">
                  <el-col :span="12">
                    <el-collapse-item title="K 确认F栏的安全措施已完成" name="12">
                      签名，日期/时间
                      <el-input style="width: 85px;" v-model="form.kConfirmSign" readonly prefix-icon="el-icon-edit"
                                @focus="signCard('kConfirmSign')">
                      </el-input>
                      <!--<el-button type="primary" @click="signCard('kConfirmSign')"
                                 icon="el-icon-edit"></el-button>-->
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 180px"
                                      v-model="form.kConfirmDate"
                                      type="datetime">
                      </el-date-picker>
                    </el-collapse-item>
                  </el-col>
                  <el-col :span="12">
                    <el-collapse-item title="L 授权的维修工人通知生产装置施工完成" name="13">
                      <small>如有需要，通过安全联络员</small>
                      <br>
                      签名，日期/时间
                      <el-input style="width: 85px;" v-model="form.lNoticeSign" readonly prefix-icon="el-icon-edit"
                                @focus="signCard('lNoticeSign')">
                      </el-input>
                      <!--<el-button type="primary" @click="signCard('lNoticeSign')"
                                 icon="el-icon-edit"></el-button>-->
                      <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                      value-format="yyyy-MM-dd HH:mm:ss" style="width: 180px" v-model="form.lNoticeDate"
                                      type="datetime">
                      </el-date-picker>
                    </el-collapse-item>
                  </el-col>
                </el-row>
                <el-collapse-item title="M 评估/批准撤销D栏的施工前安全措施" name="14">
                  <table style="table-layout: fixed">
                    <tr>
                      <td colspan="2">
                        <el-input style="width: 380px;" v-model="form.mAssessDContent"/>
                        <span>如需要，列出撤销安全措施的次序</span>
                      </td>
                      <td>
                        <el-input style="width: 85px;" v-model="form.mAssessDSign" readonly prefix-icon="el-icon-edit"
                                  @focus="signCard('mAssessDSign')">
                        </el-input>
                        <!--<el-button type="primary" @click="signCard('mAssessDSign')"
                                   icon="el-icon-edit"></el-button>-->
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 180px"
                                        v-model="form.mAssessDDate"
                                        type="datetime">
                        </el-date-picker>
                        <p style="text-align: right">签名(生产装置授权人员)</p>
                      </td>
                    </tr>
                    <tr>
                      <td colspan="3" style="text-align: center">其他相关许可证：
                        <el-input style="width: 80px;" v-model="form.mOtherLicenceOne"/>
                        <el-input style="width: 80px;" v-model="form.mOtherLicenceTwo"/>
                        <el-input style="width: 80px;" v-model="form.mOtherLicenceThree"/>
                      </td>
                    </tr>
                  </table>
                </el-collapse-item>
                <el-collapse-item title="N 空气检测记录" name="15">
                  <table cellpadding="0" cellspacing="0" class="last-table">
                    <tr>
                      <td>检测位置</td>
                      <td>
                        <el-input style="width: 100%;"/>
                      </td>
                      <td>
                        <el-input style="width: 100%;"/>
                      </td>
                      <td>
                        <el-input style="width: 100%;"/>
                      </td>
                      <td>
                        <el-input style="width: 100%;"/>
                      </td>
                      <td>
                        <el-input style="width: 100%;"/>
                      </td>
                      <td>
                        <el-input style="width: 100%;"/>
                      </td>
                    </tr>
                    <tr>
                      <td>检测日期/时间（时/分）</td>
                      <td>
                        <el-input style="width: 100%;"/>
                      </td>
                      <td>
                        <el-input style="width: 100%;"/>
                      </td>
                      <td>
                        <el-input style="width: 100%;"/>
                      </td>
                      <td>
                        <el-input style="width: 100%;"/>
                      </td>
                      <td>
                        <el-input style="width: 100%;"/>
                      </td>
                      <td>
                        <el-input style="width: 100%;"/>
                      </td>
                    </tr>
                    <tr>
                      <td>检测物质</td>
                      <td>
                        <el-input style="width: 100%;"/>
                      </td>
                      <td>
                        <el-input style="width: 100%;"/>
                      </td>
                      <td>
                        <el-input style="width: 100%;"/>
                      </td>
                      <td>
                        <el-input style="width: 100%;"/>
                      </td>
                      <td>
                        <el-input style="width: 100%;"/>
                      </td>
                      <td>
                        <el-input style="width: 100%;"/>
                      </td>
                    </tr>
                    <tr>
                      <td>检测结果</td>
                      <td>
                        <el-input style="width: 100%;"/>
                      </td>
                      <td>
                        <el-input style="width: 100%;"/>
                      </td>
                      <td>
                        <el-input style="width: 100%;"/>
                      </td>
                      <td>
                        <el-input style="width: 100%;"/>
                      </td>
                      <td>
                        <el-input style="width: 100%;"/>
                      </td>
                      <td>
                        <el-input style="width: 100%;"/>
                      </td>
                    </tr>
                    <tr>
                      <td>检测人签名</td>
                      <td>
                        <el-input style="width: 100%;"/>
                      </td>
                      <td>
                        <el-input style="width: 100%;"/>
                      </td>
                      <td>
                        <el-input style="width: 100%;"/>
                      </td>
                      <td>
                        <el-input style="width: 100%;"/>
                      </td>
                      <td>
                        <el-input style="width: 100%;"/>
                      </td>
                      <td>
                        <el-input style="width: 100%;"/>
                      </td>
                    </tr>
                    <tr>
                      <td>便携式检测仪编号</td>
                      <td>
                        <el-input style="width: 100%;"/>
                      </td>
                      <td>
                        <el-input style="width: 100%;"/>
                      </td>
                      <td>
                        <el-input style="width: 100%;"/>
                      </td>
                      <td>
                        <el-input style="width: 100%;"/>
                      </td>
                      <td>
                        <el-input style="width: 100%;"/>
                      </td>
                      <td>
                        <el-input style="width: 100%;"/>
                      </td>
                    </tr>
                  </table>
                </el-collapse-item>
              </el-collapse>
            </el-col>
          </el-row>
        </div>
        <sign-card v-if="signCardVisible" v-on:signRes="getSignRes" ref="signCard"></sign-card>
      </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 {
  addTicket,
  addFireTicket,
  updateTicket,
  getInfo
} from "@/api/invoicing/hazardwork";
import {getDept, listDept} from "@/api/system/dept";
import {listDevice} from "@/api/configuration/device"
import SignCard from "../signcard/index";
import {getForType} from "@/api/configuration/protect";
import {getInfoByInvoiceId} from "@/api/invoice/invoice";
import {batchAddJobticket} from "@/api/ehs/jobticket";
import {updateWorkcontent} from "@/api/invoice/workcontent";

export default {
  components: {SignCard},
  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 {
      signCardVisible: false,
      pdf: {
        title: '',
        pdfUrl: '',
        numPages: null,
        open: false,
        pageNum: 1,
        pageTotalNum: 1,
        loadedRatio: 0,
      },
      loadingFlash: false,
      //TODO 模拟生产装置获取后台数据
      aEquipments: [{
        value: 'CTM',
        label: 'CTM'
      }, {
        value: 'CBP/C',
        label: 'CBP/C'
      }],
      aConstructions: [],
      aConstructionsQuery: {
        parentId: 500
      },
      aContractors: [{
        value: 'CTM',
        label: 'CTM'
      }, {
        value: 'CTA',
        label: 'CTA'
      }],
      aSafeLiaisons: [{
        value: '1',
        label: '徐明浩'
      }, {
        value: '2',
        label: '李杨'
      }],
      bDevices: [],
      bDeviceParams: {},
      users: [{
        value: '1',
        label: '徐明浩1'
      }, {
        value: '2',
        label: '徐明浩2'
      }, {
        value: '3',
        label: '徐明浩3'
      }, {
        value: '4',
        label: '徐明浩4'
      }, {
        value: '5',
        label: '徐明浩5'
      }, {
        value: '6',
        label: '徐明浩6'
      }],
      otherDangers: [
        {
          id: '坠落',
          name: '坠落'
        },
        {
          id: '高空坠物',
          name: '高空坠物'
        },
        {
          id: '灰尘',
          name: '灰尘'
        }
      ],
      dClears: [
        {
          id: '水',
          name: '水'
        },
        {
          id: '空气',
          name: '空气'
        },
        {
          id: '氮气',
          name: '氮气'
        },
        {
          id: '蒸汽',
          name: '蒸汽'
        }
      ],
      dFlushs: [
        {
          id: '水',
          name: '水'
        },
        {
          id: '空气',
          name: '空气'
        },
        {
          id: '氮气',
          name: '氮气'
        },
        {
          id: '蒸汽',
          name: '蒸汽'
        }
      ],
      dSiteDemarcations: [
        {
          id: '警戒绳',
          name: '警戒绳'
        },
        {
          id: '警戒锥桶',
          name: '警戒锥桶'
        }
      ],
      eFallArrestContents: [
        {
          id: '腰部护带',
          name: '腰部护带'
        },
        {
          id: '全身护带',
          name: '全身护带'
        }
      ],
      eAnalyzeAirIntervals: [
        {
          id: '1h/次',
          name: '1h/次'
        },
        {
          id: '2h/次',
          name: '2h/次'
        },
        {
          id: '6h/次',
          name: '6h/次'
        },
        {
          id: '12h/次',
          name: '12h/次'
        }
      ],
      aIdDisabled: false,
      matterNames: [],
      item: "",
      isYesDanger: null,
      cIsToxic: null,
      cIsFlammable: null,
      cIsOxidizing: null,
      cIsExplosive: null,
      cIsCorrosive: null,
      cIsIrritantToxic: null,
      cIsHealthHazard: null,
      cIsCompressedGas: null,
      cIsEnvironmentalHazard: null,
      eIsSafeGoggles: null,
      eIsFaceShield: null,
      eIsProtectGloves: null,
      eProtectGlovesContent: null,
      safeGoggles: [], //防护手套
      safeGogglesParams: {
        protectType: '1',
      },
      eIsRubberBoots: null,
      eIsRubberApron: null,
      eIsProtectSuit: null,
      eProtectSuitContent: null,
      protectSuitsParams: {
        protectType: '5',
      },
      protectSuits: [], //防护服
      eIsResProtect: null,
      eResProtectContent: null,
      resProtectsParams: {
        protectType: '3',
      },
      resProtects: [], //防护面罩
      eIsFallArrest: null,
      eFallArrestContent: null,
      aIsNeedSafeLiaison: '2',
      isFacilityHazards: null,
      isEquipmentHazards: null,
      form: {
        //危害工作许可证ID
        aId: null,
        //A 基本信息字段
        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,
        //B 工作内容
        bDeviceName: null,
        bWorkContent: null,
        bAreaNo: null,
        bValidityStartTime: null,
        bValidityEndTime: null,
        //C 危害识别
        cIsDanger: null,
        cIsAttention: null,
        cHarmMatterName: null,
        cIsToxic: null,
        cIsFlammable: null,
        cIsOxidizing: null,
        cIsExplosive: null,
        cIsCorrosive: null,
        cIsIrritantToxic: null,
        cIsHealthHazard: null,
        cIsCompressedGas: null,
        cIsEnvironmentalHazard: null,
        cIsHighTemp: null,
        cIsLowTemp: null,
        cIsPosPressure: null,
        cIsNegPressure: null,
        cIsHazardsProd: null,
        cIsHazardsProdContent: null,
        cIsMovingParts: null,
        cIsHotSurfaces: null,
        cIsColdSurfaces: null,
        cIsVoltages: null,
        cIsFire: null,
        cHId: null,
        cIsWorkProtective: null,
        cIsDy: null,
        cIsAqf: null,
        cIsLq: null,
        cIsOtherDanger: null,
        cOtherDangerContent: null,
        //D 施工前的安全措施
        dIsOpenSafe: null,
        dIsDkdyx: null,
        dDkdyxImplSign: null,
        dDkdyxImplDate: null,
        dDkdyxLiftedSign: null,
        dDkdyxLiftedDate: null,
        dIsDisFeeder: null,
        dDisFeederImplSign: null,
        dDisFeederImplDate: null,
        dDisFeederLiftedSign: null,
        dDisFeederLiftedDate: null,
        dIsBreakIncl: null,
        dBreakInclImplSign: null,
        dBreakInclImplDate: null,
        dBreakInclLiftedSign: null,
        dBreakInclLiftedDate: null,
        dIsDqhl: null,
        dDqhlImplSign: null,
        dDqhlImplDate: null,
        dDqhlLiftedSign: null,
        dDqhlLiftedDate: null,
        dEleCircuitNo: null,
        dInsTagNo: null,
        dIsYbh: null,
        dBreakInclContent: null,
        dIsRadioactiveSources: null,
        dIsOtherEquSafe: null,
        dIsOtherEquSafeContent: null,
        dIsDepress: null,
        dIsSingleBlocking: null,
        dIsDoubleBlock: null,
        dIsLockoutUsing: null,
        dLockoutUsingContent: null,
        dIsRemovePipe: null,
        dIsDisPipes: null,
        dIsInsertBlindPlage: null,
        dIsMecSecure: null,
        dMecSecureContent: null,
        dIsIsolationDiagram: null,
        dIsOtherSafePlant: null,
        dOtherSafePlantContent: null,
        dIsDrain: null,
        dIsClean: null,
        dCleanContent: null,
        dIsFlush: null,
        dFlushContent: null,
        dIsOhterClean: null,
        dOtherCleanContent: null,
        dIsSiteDemarcation: null,
        dSiteDemarcationContent: null,
        dIsAreaCover: null,
        dAreaCoverContent: null,
        dIsCloseTrucks: null,
        dIsLeakFlanges: null,
        dIsOtherWorkSafe: null,
        dOtherWorkSafeContent: null,
        dIsOtherMeasure: null,
        dOtherMeasureContent: null,
        dIsSafeBriefing: null,
        dPartakeBriefingSign: null,
        dPartakeBriefingDate: null,
        dNoReasonContent: null,
        dSafeImplSign11: null,
        dSafeImplDate11: null,
        dSafeLiftedSign11: null,
        dSafeLiftedDate11: null,
        dSafeImplSign12: null,
        dSafeImplDate12: null,
        dSafeLiftedSign12: null,
        dSafeLiftedDate12: null,
        dSafeImplSign13: null,
        dSafeImplDate13: null,
        dSafeLiftedSign13: null,
        dSafeLiftedDate13: null,
        dSafeImplSign14: null,
        dSafeImplDate14: null,
        dSafeLiftedSign14: null,
        dSafeLiftedDate14: null,
        dSafeImplSign21: null,
        dSafeImplDate21: null,
        dSafeImplSign22: null,
        dSafeImplDate22: null,
        dSafeLiftedSign22: null,
        dSafeLiftedDate22: null,
        dSafeImplSign23: null,
        dSafeImplDate23: null,
        dSafeLiftedSign23: null,
        dSafeLiftedDate23: null,
        dSafeImplSign24: null,
        dSafeImplDate24: null,
        dSafeLiftedSign24: null,
        dSafeLiftedDate24: null,
        dSafeImplSign25: null,
        dSafeImplDate25: null,
        dSafeLiftedSign25: null,
        dSafeLiftedDate25: null,
        dSafeImplSign26: null,
        dSafeImplDate26: null,
        dSafeLiftedSign26: null,
        dSafeLiftedDate26: null,
        dSafeImplSign27: null,
        dSafeImplDate27: null,
        dSafeLiftedSign27: null,
        dSafeLiftedDate27: null,
        dSafeImplSign28: null,
        dSafeImplDate28: null,
        dSafeLiftedSign28: null,
        dSafeLiftedDate28: null,
        dSafeImplSign29: null,
        dSafeImplDate29: null,
        dSafeImplSign210: null,
        dSafeImplDate210: null,
        dSafeLiftedSign210: null,
        dSafeLiftedDate210: null,
        dSafeImplSign31: null,
        dSafeImplDate31: null,
        dSafeImplSign32: null,
        dSafeImplDate32: null,
        dSafeImplSign33: null,
        dSafeImplDate33: null,
        dSafeImplSign34: null,
        dSafeImplDate34: null,
        dSafeImplSign41: null,
        dSafeImplDate41: null,
        dSafeLiftedSign41: null,
        dSafeLiftedDate41: null,
        dSafeImplSign42: null,
        dSafeImplDate42: null,
        dSafeLiftedSign42: null,
        dSafeLiftedDate42: null,
        dSafeImplSign43: null,
        dSafeImplDate43: null,
        dSafeLiftedSign43: null,
        dSafeLiftedDate43: null,
        dSafeImplSign44: null,
        dSafeImplDate44: null,
        dSafeLiftedSign44: null,
        dSafeLiftedDate44: null,
        dSafeImplSign45: null,
        dSafeImplDate45: null,
        dSafeLiftedSign45: null,
        dSafeLiftedDate45: null,
        dSafeImplSign51: null,
        dSafeImplDate51: null,
        dSafeLiftedSign51: null,
        dSafeLiftedDate51: null,
        //施工时的安全措施
        eIsPresent: null,
        eIsRequiredPpe: null,
        ePpeContent: null,
        eIsSafeGoggles: null,
        eIsFaceShield: null,
        eIsProtectGloves: null,
        eProtectGlovesContent: null,
        eIsRubberBoots: null,
        eIsRubberApron: null,
        eIsProtectSuit: null,
        eProtectSuitContent: null,
        eIsResProtect: null,
        eResProtectContent: null,
        eIsFallArrest: null,
        eFallArrestContent: null,
        eIsOtherProtect: null,
        eOtherProtectContent: 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,
        fIsAfterWorkSafe: null,
        fAfterWorkSafeContent: 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,
        jOneBSign: null,
        jOneBDate: null,
        jResMemberSign: null,
        jResMemberDate: null,
        jEISign: null,
        jEIDate: null,
        kConfirmSign: null,
        kConfirmDate: null,
        lNoticeSign: null,
        lNoticeDate: null,
        mAssessDContent: null,
        mAssessDSign: null,
        mAssessDDate: null,
        mOtherLicenceOne: null,
        mOtherLicenceTwo: null,
        mOtherLicenceThree: 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),
              ],
              new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate(), new Date().getHours(),
          new Date().getMinutes()),
        new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate(), 17, 0),
        */
      value1: [],
      pickerOptions: {
        shortcuts: [{
          text: '当天有效期',
          onClick(picker) {
            const end = new Date();
            const start = new Date();
            end.setTime(new Date(new Date().getFullYear(), new Date().getMonth(), new Date().getDate(), 17, 0));
            picker.$emit('pick', [start, end]);
          }
        }]
      },
      timeValue: [],
      //新增修改窗口内容是否展开
      activeNames: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15'],
    }
  },
  /* 页面渲染前执行的方法*/
  created() {
    this.queryMatters();
    this.queryDevices();
    console.log(this.value1)
    getForType(this.safeGogglesParams).then(response => {
      this.safeGoggles = response.data;
    });
    getForType(this.protectSuitsParams).then(response => {
      this.protectSuits = response.data;
    });
    getForType(this.resProtectsParams).then(response => {
      this.resProtects = response.data;
    });

    var id = this.$route.query.aId;
    if (id != null) {
      getInfo(id).then(response => {
        this.form = response.data;
        this.dataLoading(this.form);
        this.msgSuccess(this.$t('数据加载成功'));
        console.log('1231231-----', this.form)
      });
      this.aIdDisabled = true;
    }

    //加载施工单位
    listDept(this.aConstructionsQuery).then(response => {
      this.aConstructions = response.data;
    })
    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)
    },
    /* 动态改变勾选 */
    selectChange(id) {
      //清空取消数据选中时清除选中的危害及防护用品
      if (this.form.cHarmMatterName == null || this.form.cHarmMatterName == '') {
        this.form.cIsDanger = "0";
        this.isYesDanger = "0";
      }
      /* 取消所有危害选中框 */
      this.falseCheckbox();
      // 取消所有防护用品选中
      this.falseProtect();
      /* 根据危害物质进行动态多选框选中 */
      this.$nextTick(() => {
        this.matterNames.forEach(mf => {
          if (mf.id == id) {
            var ff = mf.matterFeatureList;
            var pro = mf.protects;
            if (ff != null && ff.length > 0) {
              this.trueCheckbox(ff);
              this.form.cIsDanger = "1";
              this.isYesDanger = "1";
            } else {
              console.log("没有需要选中的多选框");
            }
            //2022年1月5日取消防护用品自动选中
            if (pro != null && pro.length > 0) {
              this.form.isYesResidue = true;
              pro.forEach(p => {
                this[p.conservatoryMeasureCode] = "1";
                if (p.conservatoryMeasureContent != null) {
                  console.log(p.conservatoryMeasureContent);
                  console.log(p.conservatoryMeasureName);
                  this[p.conservatoryMeasureContent] = p.conservatoryMeasureName;
                }
              })
            }
          }
        })
        var idd = this.matterNames[id];
        console.log(id);
      });
    },
    //取消选中时-清除危害物质-危险性选中状态
    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;
    },
    //获取装置设备数据
    queryDevices() {
      listDevice(this.bDeviceParams).then(response => {
        this.bDevices = response.rows;
      })
    },
    //获取危害物质数据
    queryMatters() {
      listMatters().then(response => {
        this.matterNames = response.data;
        console.log(this.matterNames)
      })
    },
    // 取消所有防护用品选中
    falseProtect() {
      this.eIsSafeGoggles = null;
      this.eIsFaceShield = null;
      this.eIsProtectGloves = null;
      this.eProtectGlovesContent = null;
      this.eIsRubberBoots = null;
      this.eIsRubberApron = null;
      this.eIsProtectSuit = null;
      this.eProtectSuitContent = null;
      this.eIsResProtect = null;
      this.eResProtectContent = null;
      this.eIsFallArrest = null;
      this.eFallArrestContent = null;
    },
    /* 为多选框进行动态选择*/
    trueCheckbox(arr) {
      console.log(arr);
      arr.forEach((m) => {
        this[m] = '1';
      })
    },
    //全部打开按钮
    allExpand() {
      this.activeNames = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14'];
    },
    //全部关闭按钮
    allShrink() {
      this.activeNames = [];
    },
    //提交当前数据
    onSubmit() {
      this.dataSet();
      updateTicket(this.form).then(response => {
        this.msgSuccess(this.$t('票据数据已更新'));
      });
    },
    //点击生成ID
    aIdClick() {
      this.rules.ruleA1 = null
      this.$refs["form"].validate(valid => {
        if (valid) {
          if (this.form.aId == null) {
            this.dataSet();
            addTicket(this.form).then(response => {
              this.form.aId = 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({whgzxkzh: this.form.aId + '', id: putData.id}).then(res => {
                  putData.whgzxkzh = this.form.aId;
                  batchAddJobticket([putData]).then(response => {
                    this.msgSuccess(this.$t(response.msg));
                  });
                });
              }
            });
            this.aIdDisabled = true;
          } else {
          }
        }
      });

    },
    //点击生成火票
    aIdFireClick() {
      if (this.form.aId == null) {
        this.$refs["form"].validate(valid => {
          if (valid) {
            this.dataSet();
            addTicket(this.form).then(response => {
              this.form.aId = response.data;
              addFireTicket(this.form).then(response => {
                this.form.cHId = response.data
                this.$nextTick(() => {
                  let routeData = this.$router.resolve({
                    path: "/firework",
                    query: {hId: this.form.cHId}
                  });
                  window.open(routeData.href, '_blank');
                })
              });
            });
            this.aIdDisabled = true;
          }
        })
      } else if (this.form.cHId == null) {
        addFireTicket(this.form).then(response => {
          this.form.cHId = response.data
          this.$nextTick(() => {
            let routeData = this.$router.resolve({
              path: "/firework",
              query: {hId: this.form.cHId}
            });
            window.open(routeData.href, '_blank');
          })
        });
      } else {
        this.$nextTick(() => {
          let routeData = this.$router.resolve({
            path: "/firework",
            query: {hId: this.form.cHId}
          });
          window.open(routeData.href, '_blank');
        })
      }
    },
    //生产装置后台数据联动
    aEquipmentChange(val) {
      if (val == 'CBP/C') {
        this.form.aEquipmentLeader = '张三';
        this.form.aEquipmentTel = '6647';
        this.form.aEquipmentOffice = 'D301';
      }
      if (val == 'CTM') {
        this.form.aEquipmentLeader = 'wj';
        this.form.aEquipmentTel = '12315';
        this.form.aEquipmentOffice = 'D700-B楼';
      }
    },
    //施工单位后台数据联动
    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 = '/';
        }
      })
    },
    //用户后台数据联动
    aContractorChange(val) {
      if (val == 1) {
        this.form.aContractorLeader = 'xmh';
        this.form.aContractorTel = '10086';
        this.form.aContractorOffice = 'D700';
      }
      if (val == 2) {
        this.form.aContractorLeader = 'wj';
        this.form.aContractorTel = '12315';
        this.form.aContractorOffice = 'D600';
      }
    },
    //安全联络员后台数据联动
    aSafeLiaisonChange(val) {
      if (val == 1) {
        this.form.aSafeLiaisonTel = '10086';
        this.form.aSafeLiaisonOffice = 'D700';
      }
      if (val == 2) {
        this.form.aSafeLiaisonTel = '12315';
        this.form.aSafeLiaisonOffice = '/';
      }
    },
    //重置A栏是否需要安全联络员数据
    cleanSafeLiaison() {
      this.form.aSafeLiaisonName = null;
      this.form.aSafeLiaisonSign = null;
      this.form.aSafeLiaisonTel = null;
      this.form.aSafeLiaisonOffice = null;
    },
    //装置设备后台数据联动
    bDeviceChange(val) {
      this.bDevices.forEach(t => {
        if (t.id == val) {
          this.form.bAreaNo = t.area;
          this.form.bWorkContent = t.devName;
        }
      })
    },
    //高温
    highTempChange() {
      this.form.cIsLowTemp = "0";
    },
    //低温
    lowTempChange() {
      this.form.cIsHighTemp = "0";
    },
    //正压
    posPressureChange() {
      this.form.cIsNegPressure = "0";
    },
    //负压
    negPressureChange() {
      this.form.cIsPosPressure = "0";
    },
    //热表面
    hotSurfacesChange() {
      this.form.cIsColdSurfaces = "0";
    },
    //冷表面
    coldSurfacesChange() {
      this.form.cIsHotSurfaces = "0";
    },
    // form表单选择框数据无法正常加载，数据加载处理,数据为字符串可正常显示，后台存储的数据为数值型
    dataLoading(val) {
      //A栏4.是否需要安全联络员数据回显
      //this.form.aConstructionName = parseInt(this.form.aConstructionName);
      //B栏3.有效期开始结束时间回显
      this.$set(this.value1, 0, val.bValidityStartTime);
      this.$set(this.value1, 1, val.bValidityEndTime);
      //C栏危害物质回显
      this.form.cHarmMatterName = parseInt(this.form.cHarmMatterName);
      if (this.form.cHarmMatterName != null) {
        this.isYesDanger = '1';
      }
      //处理（来自设备/设施的危害）选中按钮未入库保存的选中实现
      if (this.form.cIsMovingParts == "1"
        || this.form.cIsHotSurfaces == "1"
        || this.form.cIsColdSurfaces == "1"
        || this.form.cIsVoltages == "1") {
        this.isFacilityHazards = true;
      }
      //处理（设备内物质处于危险状态）选中按钮未入库保存的选中实现
      if (this.form.cIsHighTemp == "1"
        || this.form.cIsLowTemp == "1"
        || this.form.cIsPosPressure == "1"
        || this.form.cIsNegPressure == "1") {
        this.isEquipmentHazards = true;
      }
      this.cIsToxic = this.form.cIsToxic;
      this.cIsFlammable = this.form.cIsFlammable;
      this.cIsOxidizing = this.form.cIsOxidizing;
      this.cIsExplosive = this.form.cIsExplosive;
      this.cIsCorrosive = this.form.cIsCorrosive;
      this.cIsIrritantToxic = this.form.cIsIrritantToxic;
      this.cIsHealthHazard = this.form.cIsHealthHazard;
      this.cIsCompressedGas = this.form.cIsCompressedGas;
      this.cIsEnvironmentalHazard = this.form.cIsEnvironmentalHazard;
      this.eIsSafeGoggles = this.form.eIsSafeGoggles;
      this.eIsFaceShield = this.form.eIsFaceShield;
      this.eIsProtectGloves = this.form.eIsProtectGloves;
      this.eIsRubberBoots = this.form.eIsRubberBoots;
      this.eIsRubberApron = this.form.eIsRubberApron;
      this.eIsProtectSuit = this.form.eIsProtectSuit;
      this.eIsResProtect = this.form.eIsResProtect;
      this.eIsFallArrest = this.form.eIsFallArrest;
      this.eProtectGlovesContent = this.form.eProtectGlovesContent;
      this.eResProtectContent = this.form.eResProtectContent;
      this.eProtectSuitContent = this.form.eProtectSuitContent;
    },
    //数据提交时保存的数据处理
    dataSet() {
      //B栏有效期开始结束时间处理
      this.form.bValidityStartTime = this.value1[0];
      this.form.bValidityEndTime = this.value1[1];
      //C栏
      this.form.cIsToxic = this.cIsToxic;
      this.form.cIsFlammable = this.cIsFlammable;
      this.form.cIsOxidizing = this.cIsOxidizing;
      this.form.cIsExplosive = this.cIsExplosive;
      this.form.cIsCorrosive = this.cIsCorrosive;
      this.form.cIsIrritantToxic = this.cIsIrritantToxic;
      this.form.cIsHealthHazard = this.cIsHealthHazard;
      this.form.cIsCompressedGas = this.cIsCompressedGas;
      this.form.cIsEnvironmentalHazard = this.cIsEnvironmentalHazard;
      this.form.eIsSafeGoggles = this.eIsSafeGoggles;
      this.form.eIsFaceShield = this.eIsFaceShield;
      this.form.eIsProtectGloves = this.eIsProtectGloves;
      this.form.eIsRubberBoots = this.eIsRubberBoots;
      this.form.eIsRubberApron = this.eIsRubberApron;
      this.form.eIsProtectSuit = this.eIsProtectSuit;
      this.form.eIsResProtect = this.eIsResProtect;
      this.form.eIsFallArrest = this.eIsFallArrest;
      this.form.eProtectGlovesContent = this.eProtectGlovesContent;
      this.form.eResProtectContent = this.eResProtectContent;
      this.form.eProtectSuitContent = this.eProtectSuitContent;
    },
    //取消其他危害选中时-清除数据
    otherDangerChange() {
      if (this.form.cIsOtherDanger == '0') {
        this.form.cOtherDangerContent = null;
      }
    },
    //电气回路编号与仪表号/测点编号二选一
    dElecircuitChange() {
      if (this.form.dEleCircuitNo != null && this.form.dEleCircuitNo != '/') {
        this.form.dInsTagNo = '/';
      }
    },
    //电气回路编号与仪表号/测点编号二选一
    dInsTagChange() {
      if (this.form.dInsTagNo != null && this.form.dInsTagNo != '/') {
        this.form.dEleCircuitNo = '/';
      }
    },
    //取消选中设备内物质处于危险状态-清除数据
    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;
      }
    },
    //D-1.2
    dIsDkdyxChange() {
      if (this.form.dIsDkdyx == '0') {
        this.form.dDkdyxImplSign = null;
        this.form.dDkdyxImplDate = null;
      }
    },
    //D-1.2
    dIsDisFeederChange() {
      if (this.form.dIsDisFeeder == '0') {
        this.form.dDisFeederImplSign = null;
        this.form.dDisFeederImplDate = null;
      }
    },
    //D-1.2
    dIsBreakInclChange() {
      if (this.form.dIsBreakIncl == '0') {
        this.form.dBreakInclContent = null;
        this.form.dBreakInclImplSign = null;
        this.form.dBreakInclImplDate = null;
      }
    },
    //D-1.2
    dIsDqhlChange() {
      if (this.form.dIsDqhl == '0') {
        this.form.dEleCircuitNo = null;
        this.form.dDqhlImplSign = null;
        this.form.dDqhlImplDate = null;
      }
    },
    //D-1.2
    dIsYbhChange() {
      if (this.form.dIsYbh == '0') {
        this.form.dInsTagNo = null;
        this.form.dSafeImplSign12 = null;
        this.form.dSafeImplDate12 = null;
      }
    },
    //D-1.3
    dIsRadioactiveSourcesChange() {
      if (this.form.dIsRadioactiveSources == '0') {
        this.form.dSafeImplSign13 = null;
        this.form.dSafeImplDate13 = null;
      }
    },
    //D-1.4
    dIsOtherEquSafeChange() {
      if (this.form.dIsOtherEquSafe == '0') {
        this.form.dIsOtherEquSafeContent = null;
        this.form.dSafeImplSign14 = null;
        this.form.dSafeImplDate14 = null;
      }
    },
    //D-2.1
    dIsDepressChange() {
      if (this.form.dIsDepress == '0') {
        this.form.dSafeImplSign21 = null;
        this.form.dSafeImplDate21 = null;
      }
    },
    //D-2.2
    dIsSingleBlockingChange() {
      if (this.form.dIsSingleBlocking == '0') {
        this.form.dSafeImplSign22 = null;
        this.form.dSafeImplDate22 = null;
      }
    },
    //D-2.3
    dIsDoubleBlockChange() {
      if (this.form.dIsDoubleBlock == '0') {
        this.form.dSafeImplSign23 = null;
        this.form.dSafeImplDate23 = null;
      }
    },
    //D-2.4
    dIsLockoutUsingChange() {
      if (this.form.dIsLockoutUsing == '0') {
        this.form.dLockoutUsingContent = null;
        this.form.dSafeImplSign24 = null;
        this.form.dSafeImplDate24 = null;
      }
    },
    //D-2.5
    dIsRemovePipeChange() {
      if (this.form.dIsRemovePipe == '0') {
        this.form.dSafeImplSign25 = null;
        this.form.dSafeImplDate25 = null;
      }
    },
    //D-2.6
    dIsDisPipesChange() {
      if (this.form.dIsDisPipes == '0') {
        this.form.dSafeImplSign26 = null;
        this.form.dSafeImplDate26 = null;
      }
    },
    //D-2.7
    dIsInsertBlindPlageChange() {
      if (this.form.dIsInsertBlindPlage == '0') {
        this.form.dSafeImplSign27 = null;
        this.form.dSafeImplDate27 = null;
      }
    },
    //D-2.8
    dIsMecSecureChange() {
      if (this.form.dIsMecSecure == '0') {
        this.form.dMecSecureContent = null;
        this.form.dSafeImplSign28 = null;
        this.form.dSafeImplDate28 = null;
      }
    },
    //D-2.9
    dIsIsolationDiagramChange() {
      if (this.form.dIsIsolationDiagram == '0') {
        this.form.dSafeImplSign29 = null;
        this.form.dSafeImplDate29 = null;
      }
    },
    //D-2.10
    dIsOtherSafePlantChange() {
      if (this.form.dIsOtherSafePlant == '0') {
        this.form.dOtherSafePlantContent = null;
        this.form.dSafeImplSign210 = null;
        this.form.dSafeImplDate210 = null;
      }
    },
    //D-3.1
    dIsDrainChange() {
      if (this.form.dIsDrain == '0') {
        this.form.dSafeImplSign31 = null;
        this.form.dSafeImplDate31 = null;
      }
    },
    //D-3.2
    dIsCleanChange() {
      if (this.form.dIsClean == '0') {
        this.form.dCleanContent = null;
        this.form.dSafeImplSign32 = null;
        this.form.dSafeImplDate32 = null;
      }
    },
    //D-3.3
    dIsFlushChange() {
      if (this.form.dIsFlush == '0') {
        this.form.dFlushContent = null;
        this.form.dSafeImplSign33 = null;
        this.form.dSafeImplDate33 = null;
      }
    },
    //D-3.4
    dIsOhterCleanChange() {
      if (this.form.dIsOhterClean == '0') {
        this.form.dOtherCleanContent = null;
        this.form.dSafeImplSign34 = null;
        this.form.dSafeImplDate34 = null;
      }
    },
    //D-4.1
    dIsSiteDemarcationChange() {
      if (this.form.dIsSiteDemarcation == '0') {
        this.form.dSiteDemarcationContent = null;
        this.form.dSafeImplSign41 = null;
        this.form.dSafeImplDate41 = null;
      }
    },
    //D-4.2
    dIsAreaCoverChange() {
      if (this.form.dIsAreaCover == '0') {
        this.form.dAreaCoverContent = null;
        this.form.dSafeImplSign42 = null;
        this.form.dSafeImplDate42 = null;
      }
    },
    //D-4.3
    dIsCloseTrucksChange() {
      if (this.form.dIsCloseTrucks == '0') {
        this.form.dSafeImplSign43 = null;
        this.form.dSafeImplDate43 = null;
      }
    },
    //D-4.4
    dIsLeakFlangesChange() {
      if (this.form.dIsLeakFlanges == '0') {
        this.form.dSafeImplSign44 = null;
        this.form.dSafeImplDate44 = null;
      }
    },
    //D-4.5
    dIsOtherWorkSafeChange() {
      if (this.form.dIsOtherWorkSafe == '0') {
        this.form.dOtherWorkSafeContent = null;
        this.form.dSafeImplSign45 = null;
        this.form.dSafeImplDate45 = null;
      }
    },
    //D-5.1
    dIsOtherMeasureChange() {
      if (this.form.dIsOtherMeasure == '0') {
        this.form.dOtherMeasureContent = null;
        this.form.dSafeImplSign51 = null;
        this.form.dSafeImplDate51 = null;
      }
    },
    //D-6
    dIsSafeBriefingChange() {
      if (this.form.dIsSafeBriefing == '0') {
        this.form.dPartakeBriefingSign = null;
        this.form.dPartakeBriefingDate = null;
      }
      if (this.form.dIsSafeBriefing == '1') {
        this.form.dNoReasonContent = null;
      }
    },
    //取消仅限定时间内佩戴的PPE选中-清除数据
    eIsRequiredPpeChange() {
      if (this.form.eIsRequiredPpe == '0') {
        this.form.ePpeContent = null;
      }
    },
    //取消防护手套选中-清除数据
    eIsProtectGlovesChange() {
      if (this.eIsProtectGloves == '0') {
        this.eProtectGlovesContent = null;
      }
    },
    //取消防护服选中-清除数据
    eIsProtectSuitChange() {
      if (this.eIsProtectSuit == '0') {
        this.eProtectSuitContent = null;
      }
    },
    //取消呼吸保护用品选中-清除数据
    eIsResProtectChange() {
      if (this.eIsResProtect == '0') {
        this.eResProtectContent = null;
      }
    },
    //取消防坠落装置选中-清除数据
    eIsFallArrestChange() {
      if (this.eIsFallArrest == '0') {
        this.form.eFallArrestContent = null;
      }
    },
    //E-2.9
    eIsOtherProtectChange() {
      if (this.form.eIsOtherProtect == '0') {
        this.form.eOtherProtectContent = null;
      }
    },
    //取消安全监护人单位/签字选中-清除数据
    eIsContinueMonitoringChange() {
      if (this.form.eIsContinueMonitoring == '0') {
        this.form.eSafeAttendant = null;
        this.form.eSafeAttendantSign = null;
      }
    },
    //取消自然通风选中-清除数据
    eIsNaturalVenChange() {
      if (this.form.eIsNaturalVen == '0') {
        this.form.eNaturalVenContent = null;
      }
    },
    //取消机械通风选中-清除数据
    eIsMecVenChange() {
      if (this.form.eIsMecVen == '0') {
        this.form.eMecVenContent = null;
      }
    },
    //取消空气分析内容选中-清除数据
    eIsAnalyzeAirChange() {
      if (this.form.eIsAnalyzeAir == '0') {
        this.form.eAnalyzeAirContent = null;
        this.form.eAnalyzeAirInterval = null;
      }
    },
    //E-4.5
    eIsOtherVenChange() {
      if (this.form.eIsOtherVen == '0') {
        this.form.eOtherVenContent = null;
      }
    },
    //取消F施工后的安全措施选中-清除数据
    fIsAfterWorkSafeChange() {
      if (this.form.fIsAfterWorkSafe == '0') {
        this.form.fAfterWorkSafeContent = null;
      }
    },
    //取消G由专门部门人员评估的项目选中-清除数据
    gIsSpecialAssessmentChange() {
      if (this.form.gIsSpecialAssessment == '0') {
        this.form.gSpecialAssessment = null;
      }
    },
    //上传附件
    uploadFile(type) {

    },
    //IC卡签名
    signCard(type) {
      console.log('签名类型：' + type)
      this.signCardVisible = true
      this.$nextTick(() => {
        this.$refs.signCard.init(type)
      })
    },
    //获取签名结果
    getSignRes(res) {
      console.log(res)
      //A
      if (res.signType == 'aSafeLiaisonSign') {
        this.form.aSafeLiaisonSign = res.staffName
        console.log('刷卡人姓名：' + this.form.aSafeLiaisonSign)
      }
      //D[1]
      if (res.signType == 'dSafeImplSign11') {
        this.form.dSafeImplSign11 = res.staffName
        this.form.dSafeImplDate11 = this.dateformat('y-M-d h:m:s')
        console.log('刷卡人姓名：' + this.form.dSafeImplSign11)
      }
      if (res.signType == 'dDkdyxImplSign') {
        this.form.dDkdyxImplSign = res.staffName
        this.form.dDkdyxImplDate = this.dateformat('y-M-d h:m:s')
        console.log('刷卡人姓名：' + this.form.dDkdyxImplSign)
      }
      if (res.signType == 'dDisFeederImplSign') {
        this.form.dDisFeederImplSign = res.staffName
        this.form.dDisFeederImplDate = this.dateformat('y-M-d h:m:s')
        console.log('刷卡人姓名：' + this.form.dDisFeederImplSign)
      }
      if (res.signType == 'dBreakInclImplSign') {
        this.form.dBreakInclImplSign = res.staffName
        this.form.dBreakInclImplDate = this.dateformat('y-M-d h:m:s')
        this.$set(this.value1, 0, this.form.dBreakInclImplDate);
        console.log('刷卡人姓名：' + this.form.dBreakInclImplSign)
      }
      if (res.signType == 'dDqhlImplSign') {
        this.form.dDqhlImplSign = res.staffName
        this.form.dDqhlImplDate = this.dateformat('y-M-d h:m:s')
        console.log('刷卡人姓名：' + this.form.dDqhlImplSign)
      }
      if (res.signType == 'dSafeImplSign12') {
        this.form.dSafeImplSign12 = res.staffName
        this.form.dSafeImplDate12 = this.dateformat('y-M-d h:m:s')
        this.$set(this.value1, 0, this.form.dSafeImplDate12);
        console.log('刷卡人姓名：' + this.form.dSafeImplSign12)
      }
      if (res.signType == 'dSafeImplSign13') {
        this.form.dSafeImplSign13 = res.staffName
        this.form.dSafeImplDate13 = this.dateformat('y-M-d h:m:s')
        console.log('刷卡人姓名：' + this.form.dSafeImplSign13)
      }
      if (res.signType == 'dSafeImplSign14') {
        this.form.dSafeImplSign14 = res.staffName
        this.form.dSafeImplDate14 = this.dateformat('y-M-d h:m:s')
        console.log('刷卡人姓名：' + this.form.dSafeImplSign14)
      }
      //D[2]
      if (res.signType == 'dSafeImplSign21') {
        this.form.dSafeImplSign21 = res.staffName
        this.form.dSafeImplDate21 = this.dateformat('y-M-d h:m:s')
        console.log('刷卡人姓名：' + this.form.dSafeImplSign21)
      }
      if (res.signType == 'dSafeImplSign22') {
        this.form.dSafeImplSign22 = res.staffName
        this.form.dSafeImplDate22 = this.dateformat('y-M-d h:m:s')
        console.log('刷卡人姓名：' + this.form.dSafeImplSign22)
      }
      if (res.signType == 'dSafeImplSign23') {
        this.form.dSafeImplSign23 = res.staffName
        this.form.dSafeImplDate23 = this.dateformat('y-M-d h:m:s')
        console.log('刷卡人姓名：' + this.form.dSafeImplSign23)
      }
      if (res.signType == 'dSafeImplSign24') {
        this.form.dSafeImplSign24 = res.staffName
        this.form.dSafeImplDate24 = this.dateformat('y-M-d h:m:s')
        console.log('刷卡人姓名：' + this.form.dSafeImplSign24)
      }
      if (res.signType == 'dSafeImplSign25') {
        this.form.dSafeImplSign25 = res.staffName
        this.form.dSafeImplDate25 = this.dateformat('y-M-d h:m:s')
        console.log('刷卡人姓名：' + this.form.dSafeImplSign25)
      }
      if (res.signType == 'dSafeImplSign26') {
        this.form.dSafeImplSign26 = res.staffName
        this.form.dSafeImplDate26 = this.dateformat('y-M-d h:m:s')
        console.log('刷卡人姓名：' + this.form.dSafeImplSign26)
      }
      if (res.signType == 'dSafeImplSign27') {
        this.form.dSafeImplSign27 = res.staffName
        this.form.dSafeImplDate27 = this.dateformat('y-M-d h:m:s')
        console.log('刷卡人姓名：' + this.form.dSafeImplSign27)
      }
      if (res.signType == 'dSafeImplSign28') {
        this.form.dSafeImplSign28 = res.staffName
        this.form.dSafeImplDate28 = this.dateformat('y-M-d h:m:s')
        console.log('刷卡人姓名：' + this.form.dSafeImplSign28)
      }
      if (res.signType == 'dSafeImplSign29') {
        this.form.dSafeImplSign29 = res.staffName
        this.form.dSafeImplDate29 = this.dateformat('y-M-d h:m:s')
        console.log('刷卡人姓名：' + this.form.dSafeImplSign29)
      }
      if (res.signType == 'dSafeImplSign210') {
        this.form.dSafeImplSign210 = res.staffName
        this.form.dSafeImplDate210 = this.dateformat('y-M-d h:m:s')
        console.log('刷卡人姓名：' + this.form.dSafeImplSign210)
      }
      //D[3]
      if (res.signType == 'dSafeImplSign31') {
        this.form.dSafeImplSign31 = res.staffName
        this.form.dSafeImplDate31 = this.dateformat('y-M-d h:m:s')
        console.log('刷卡人姓名：' + this.form.dSafeImplSign31)
      }
      if (res.signType == 'dSafeImplSign32') {
        this.form.dSafeImplSign32 = res.staffName
        this.form.dSafeImplDate32 = this.dateformat('y-M-d h:m:s')
        console.log('刷卡人姓名：' + this.form.dSafeImplSign32)
      }
      if (res.signType == 'dSafeImplSign33') {
        this.form.dSafeImplSign33 = res.staffName
        this.form.dSafeImplDate33 = this.dateformat('y-M-d h:m:s')
        console.log('刷卡人姓名：' + this.form.dSafeImplSign33)
      }
      if (res.signType == 'dSafeImplSign34') {
        this.form.dSafeImplSign34 = res.staffName
        this.form.dSafeImplDate34 = this.dateformat('y-M-d h:m:s')
        console.log('刷卡人姓名：' + this.form.dSafeImplSign34)
      }
      //D[4]
      if (res.signType == 'dSafeImplSign41') {
        this.form.dSafeImplSign41 = res.staffName
        this.form.dSafeImplDate41 = this.dateformat('y-M-d h:m:s')
        console.log('刷卡人姓名：' + this.form.dSafeImplSign41)
      }
      if (res.signType == 'dSafeImplSign42') {
        this.form.dSafeImplSign42 = res.staffName
        this.form.dSafeImplDate42 = this.dateformat('y-M-d h:m:s')

        console.log('刷卡人姓名：' + this.form.dSafeImplSign42)
      }
      if (res.signType == 'dSafeImplSign43') {
        this.form.dSafeImplSign43 = res.staffName
        this.form.dSafeImplDate43 = this.dateformat('y-M-d h:m:s')
        console.log('刷卡人姓名：' + this.form.dSafeImplSign43)
      }
      if (res.signType == 'dSafeImplSign44') {
        this.form.dSafeImplSign44 = res.staffName
        this.form.dSafeImplDate44 = this.dateformat('y-M-d h:m:s')
        console.log('刷卡人姓名：' + this.form.dSafeImplSign44)
      }
      if (res.signType == 'dSafeImplSign45') {
        this.form.dSafeImplSign45 = res.staffName
        this.form.dSafeImplDate45 = this.dateformat('y-M-d h:m:s')
        console.log('刷卡人姓名：' + this.form.dSafeImplSign45)
      }
      //D[5]
      if (res.signType == 'dSafeImplSign51') {
        this.form.dSafeImplSign51 = res.staffName
        this.form.dSafeImplDate51 = this.dateformat('y-M-d h:m:s')
        console.log('刷卡人姓名：' + this.form.dSafeImplSign51)
      }
      //D[6]
      if (res.signType == 'dPartakeBriefingSign') {
        if (this.form.dPartakeBriefingSign == null || this.form.dPartakeBriefingSign == '') {
          this.form.dPartakeBriefingSign = res.staffName
        } else {
          this.form.dPartakeBriefingSign = this.form.dPartakeBriefingSign + "," + res.staffName
        }
        this.form.dPartakeBriefingDate = this.dateformat('y-M-d h:m:s')
        console.log('刷卡人姓名：' + this.form.dPartakeBriefingSign)
      }
      //E
      if (res.signType == 'eSafeAttendantSign') {
        this.form.eSafeAttendantSign = res.staffName
        console.log('刷卡人姓名：' + this.form.eSafeAttendantSign)
      }
      //G
      if (res.signType == 'gFirstSign') {
        this.form.gFirstSign = res.staffName
        this.form.gFirstDate = this.dateformat('y-M-d h:m:s')
        console.log('刷卡人姓名：' + this.form.gFirstSign)
      }
      if (res.signType == 'gSecondSign') {
        this.form.gSecondSign = res.staffName
        this.form.gSecondDate = this.dateformat('y-M-d h:m:s')
        console.log('刷卡人姓名：' + this.form.gSecondSign)
      }
      if (res.signType == 'gThirdSign') {
        this.form.gThirdSign = res.staffName
        this.form.gThirdDate = this.dateformat('y-M-d h:m:s')
        console.log('刷卡人姓名：' + this.form.gThirdSign)
      }
      //H
      if (res.signType == 'hSafeMesSign') {
        this.form.hSafeMesSign = res.staffName
        this.form.hSafeMesDate = this.dateformat('y-M-d h:m:s')
        this.$set(this.value1, 0, this.form.hSafeMesDate);
        console.log('刷卡人姓名：' + this.form.hSafeMesSign)
      }
      //I
      if (res.signType == 'iOneASign') {
        this.form.iOneASign = res.staffName
        this.form.iOneADate = this.dateformat('y-M-d h:m:s')
        console.log('刷卡人姓名：' + this.form.iOneASign)
      }
      if (res.signType == 'iOneBSign') {
        this.form.iOneBSign = res.staffName
        this.form.iOneBDate = this.dateformat('y-M-d h:m:s')
        console.log('刷卡人姓名：' + this.form.iOneBSign)
      }
      //J
      if (res.signType == 'jOneBSign') {
        this.form.jOneBSign = res.staffName
        this.form.jOneBDate = this.dateformat('y-M-d h:m:s')
        console.log('刷卡人姓名：' + this.form.jOneBSign)
      }
      if (res.signType == 'jResMemberSign') {
        this.form.jResMemberSign = res.staffName
        this.form.jResMemberDate = this.dateformat('y-M-d h:m:s')
        console.log('刷卡人姓名：' + this.form.jResMemberSign)
      }
      if (res.signType == 'jEISign') {
        this.form.jEISign = res.staffName
        this.form.jEIDate = this.dateformat('y-M-d h:m:s')
        console.log('刷卡人姓名：' + this.form.jEISign)
      }
      //K
      if (res.signType == 'kConfirmSign') {
        this.form.kConfirmSign = res.staffName
        this.form.kConfirmDate = this.dateformat('y-M-d h:m:s')
        console.log('刷卡人姓名：' + this.form.kConfirmSign)
      }
      //L
      if (res.signType == 'lNoticeSign') {
        this.form.lNoticeSign = res.staffName
        this.form.lNoticeDate = this.dateformat('y-M-d h:m:s')
        console.log('刷卡人姓名：' + this.form.lNoticeSign)
      }
      //M
      if (res.signType == 'mAssessDSign') {
        this.form.mAssessDSign = res.staffName
        this.form.mAssessDDate = this.dateformat('y-M-d h:m:s')
        console.log('刷卡人姓名：' + this.form.mAssessDSign)
      }
    },
    dateformat(params) {
      var date = new Date(),
        year = date.getFullYear(),
        month = date.getMonth() + 1,
        day = date.getDate(),
        hour = date.getHours(),
        minute = date.getMinutes(),
        second = date.getSeconds()
      var arr = params.split('')
      var result = ''
      for (var i = 0; i < arr.length; i += 2) {
        var tem = arr[i + 1] === undefined ? '' : arr[i + 1]
        switch (arr[i]) {
          case 'y':
            result += this.addZero(year) + tem
            break
          case 'M':
            result += this.addZero(month) + tem
            break
          case 'd':
            result += this.addZero(day) + tem
            break
          case 'h':
            result += this.addZero(hour) + tem
            break
          case 'm':
            result += this.addZero(minute) + tem
            break
          case 's':
            result += this.addZero(second)
            break
        }
      }
      return result
    },
    // 如果时间是个位数，就补0
    addZero(obj) {
      return obj < 10 ? '0' + obj : obj
    }
  }
};
</script>
<style scoped lang="scss">
.rule-input ::v-deep {
  .el-input__inner {
    border: 0;
    border-radius: 0px;

    &:focus {
      border-bottom: 1px solid #409eff;
    }
  }
}

</style>
