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

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

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

                                     @change="negPressureChange"/>
                        负压
                        ）
                      </td>
                      <td class="short-checkbox" colspan="2">
                        <el-checkbox v-model="form.cIsHazardsProd" true-label="1"
                                     @change="cHazardsProdChange"/>
                        施工对生产单位的危害：
                        <el-input style="width: calc(100% - 172px);" v-model="form.cIsHazardsProdContent"
                        />
                      </td>
                    </tr>
                    <tr>
                      <td class="short-checkbox">
                        <el-checkbox v-model="form.cIsFacilityHazards" true-label="1"
                                     @change="facilityChange"/>

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

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

                                     @change="coldSurfacesChange"/>
                        冷表面，
                        <el-checkbox v-model="form.cIsVoltages" true-label="1"
                        />
                        电压
                        ）
                      </td>
                      <td class="short-checkbox">
                        <el-checkbox v-model="form.cIsDrain" true-label="1"/>
                        排放口/泄放口
                      </td>
                      <td class="short-checkbox">
                        <el-checkbox v-model="form.cIsFall" true-label="1"/>
                        坠落/坠物
                      </td>
                    </tr>
                    <tr>
                      <td class="short-checkbox">
                        <el-checkbox v-model="form.cIsWorkProtective" true-label="1"
                                     @change="workProChange"/>
                        安全保护设备的施工(
                        <!--                        <el-checkbox v-model="form.cIsDy" true-label="1" -->
                        <!--                                     />-->
                        电仪安全保护设备，
                        <!--                        <el-checkbox v-model="form.cIsAqf" true-label="1" -->
                        <!--                                     />-->
                        安全阀，
                        <!--                        <el-checkbox v-model="form.cIsLq" true-label="1" -->
                        <!--                                     />-->
                        冷却系统)
                      </td>
                      <td class="short-checkbox">
                        <el-checkbox v-model="form.cIsLighting" true-label="1"/>
                        采光或照明不足
                      </td>
                      <td class="short-checkbox">
                        <el-checkbox v-model="form.cIsRay" true-label="1"/>
                        射线
                      </td>
                    </tr>
                    <tr>
                      <td class="short-checkbox">
                        <el-checkbox v-model="form.cIsOtherDanger" true-label="1"/>
                        其它危害：
                        <el-input v-model="form.cOtherDangerContent" style="width: calc(100% - 104px)"/>
                      </td>
                      <td class="short-checkbox" colspan="2">
                        <el-checkbox v-model="form.cIsOtherId" true-label="1"/>
                        涉及的其它作业，相关工作许可证：
                        <el-input style="width: calc(100% - 235px);" v-model="form.cOtherId"></el-input>
                      </td>
                    </tr>
                  </table>
                </el-collapse-item>
                <el-collapse-item title="D 施工前的安全措施" name="4">
                  <table style="width: 100%">
                    <tr>
                      <td></td>
                      <th width="30" style="text-align: center">是</th>
                      <th width="30" style="text-align: center">否</th>
                      <th>安全措施完成，签名/日期</th>
                      <th>安全措施撤销，签名/日期</th>
                    </tr>
                    <tr>
                      <td colspan="5"><b>1.确保E&l设备安全</b></td>
                    </tr>
                    <tr>
                      <td>1.1 通过打开安全开关断电并上锁和运转测试</td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsOpenSafe" true-label="1"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsOpenSafe" true-label="2" @change="dIsOpenSafeChange"/>
                      </td>
                      <td>
                        <el-input style="width: 50%" v-model="form.dSafeImplSign11" prefix-icon="el-icon-edit"
                        >
                        </el-input>
                        <!--                      <el-button type="primary" slot="append"-->
                        <!--                                 icon="el-icon-edit"-->
                        <!--                                 ></el-button>-->
                        <el-date-picker style="width: 50%" v-model="form.dSafeImplDate11" type="date"
                                        format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss"
                        >
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" v-model="form.dSafeLiftedSign11"/>
                        <el-date-picker style="width: 50%;" v-model="form.dSafeLiftedDate11"
                                        type="date">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>1.2 断开电源，通过：</td>
                      <td></td>
                      <td></td>
                      <td></td>
                      <td></td>
                    </tr>
                    <tr>
                      <td>断开电源线</td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsDisFeeder" true-label="1"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsDisFeeder" true-label="2"
                                     @change="dIsDisFeederChange"
                        />
                      </td>
                      <td rowspan="4">
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign12"
                                  prefix-icon="el-icon-edit"
                        >
                        </el-input>
                        <el-date-picker style="width: 50%" v-model="form.dSafeImplDate12" type="date"
                                        format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss"
                        >
                        </el-date-picker>
                      </td>
                      <td rowspan="4">
                        <el-input style="width: 50%" v-model="form.dSafeLiftedSign12" prefix-icon="el-icon-edit"/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeLiftedDate12" type="date">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>断开回路开关并上锁和运转测试
                        <el-input style="width: calc(100% - 188px)" v-model="form.dBreakInclContent"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsBreakIncl" true-label="1"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsBreakIncl" true-label="2"
                                     @change="dIsBreakInclChange"
                        />
                      </td>
                    </tr>
                    <tr>
                      <td>电气回路编号：
                        <el-input style="width:calc(100% - 93px);" v-model="form.dEleCircuitNo"
                                  @change="dElecircuitChange"
                        />
                      </td>
                      <td></td>
                      <td></td>
                    </tr>
                    <tr>
                      <td>仪表号/测点编号：
                        <el-input style="width: calc(100% - 110px)" v-model="form.dInsTagNo" @change="dInsTagChange"
                        />
                      </td>
                      <td></td>
                      <td></td>
                    </tr>
                    <tr>
                      <td>1.3 放射源由专业人员确保安全（日志）</td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsRadioactiveSources" true-label="1"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsRadioactiveSources" true-label="2"
                                     @change="dIsRadioactiveSourcesChange"
                        />
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign13"

                                  prefix-icon="el-icon-edit">
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeImplDate13" type="date"
                        >
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign13" prefix-icon="el-icon-edit"/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%;"
                                        v-model="form.dSafeLiftedDate13" type="date">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>1.4
                        <el-input style="width: calc(100% - 25px)" v-model="form.dIsOtherEquSafeContent"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsOtherEquSafe" true-label="1"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsOtherEquSafe" true-label="2"
                                     @change="dIsOtherEquSafeChange"
                        />
                      </td>
                      <td>
                        <el-input style="width:50%;" v-model="form.dSafeImplSign14"
                                  prefix-icon="el-icon-edit"
                        >
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeImplDate14" type="date"
                        >
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%" v-model="form.dSafeLiftedSign14" prefix-icon="el-icon-edit"/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeLiftedDate14" type="date">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td><b>2. 确保装置设备安全</b></td>
                      <td colspan="4"></td>
                    </tr>
                    <tr>
                      <td>2.1 泄压 /排空</td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsDepress" true-label="1"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsDepress" true-label="2" @change="dIsDepressChange"
                        />
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign21" prefix-icon="el-icon-edit"
                        >
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeImplDate21" type="date"
                        >
                        </el-date-picker>
                      </td>
                      <td>
                      </td>
                    </tr>
                    <tr>
                      <td>2.2 单阀截断</td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsSingleBlocking" true-label="1"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsSingleBlocking" true-label="2"
                                     @change="dIsSingleBlockingChange"
                        />
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign22"
                                  prefix-icon="el-icon-edit"
                        >
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeImplDate22" type="date"
                        >
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign22" prefix-icon="el-icon-edit"/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeLiftedDate22" type="date">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>2.3 双阀截断与放空</td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsDoubleBlock" true-label="1"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsDoubleBlock" true-label="2"
                                     @change="dIsDoubleBlockChange"
                        />
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign23"
                                  prefix-icon="el-icon-edit"
                        >
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeImplDate23" type="date"
                        >
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign23" prefix-icon="el-icon-edit"/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeLiftedDate23" type="date">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>2.4 使用
                        <el-input style="width: calc(100% - 120px)" v-model="form.dLockoutUsingContent"
                        />
                        锁定
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsLockoutUsing" true-label="1"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsLockoutUsing" true-label="2"
                                     @change="dIsLockoutUsingChange"
                        />
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign24" prefix-icon="el-icon-edit"

                        >
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeImplDate24" type="date"
                        >
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign24" prefix-icon="el-icon-edit"/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeLiftedDate24" type="date">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>2.5 移去部分管线/短接</td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsRemovePipe" true-label="1"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsRemovePipe" true-label="2"
                                     @change="dIsRemovePipeChange"
                        />
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign25" prefix-icon="el-icon-edit"

                        >
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeImplDate25" type="date"
                        >
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%" v-model="form.dSafeLiftedSign25" prefix-icon="el-icon-edit"/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeLiftedDate25" type="date">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>2.6 断开管线并加盖盲法兰</td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsDisPipes" true-label="1"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsDisPipes" true-label="2"
                                     @change="dIsDisPipesChange"
                        />
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign26" prefix-icon="el-icon-edit"
                        >
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeImplDate26" type="date"
                        >
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%" v-model="form.dSafeLiftedSign26" prefix-icon="el-icon-edit"/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeLiftedDate26" type="date">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>2.7 插入盲板</td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsInsertBlindPlage" true-label="1"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsInsertBlindPlage" true-label="2"
                                     @change="dIsInsertBlindPlageChange"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign27" prefix-icon="el-icon-edit"

                        >
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeImplDate27" type="date"
                        >
                        </el-date-picker>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign27" prefix-icon="el-icon-edit"/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%;"
                                        v-model="form.dSafeLiftedDate27" type="date">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>2.8 机械安全措施：
                        <el-input style="width: calc(100% - 118px)" v-model="form.dMecSecureContent"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsMecSecure" true-label="1"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsMecSecure" true-label="2"
                                     @change="dIsMecSecureChange"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign28" prefix-icon="el-icon-edit"
                        >
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeImplDate28" type="date"
                        >
                        </el-date-picker>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign28" prefix-icon="el-icon-edit"/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%;"
                                        v-model="form.dSafeLiftedDate28" type="date">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>2.9 附隔离/盲板图</td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsIsolationDiagram" true-label="1"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsIsolationDiagram" true-label="2"
                                     @change="dIsIsolationDiagramChange"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign29" prefix-icon="el-icon-edit"

                        >
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeImplDate29" type="date"
                        >
                        </el-date-picker>
                      </td>
                      <td></td>
                    </tr>
                    <tr>
                      <td>2.10
                        <el-input style="width: calc(100% - 23px)" v-model="form.dOtherSafePlantContent"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsOtherSafePlant" true-label="1"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsOtherSafePlant" true-label="2"
                                     @change="dIsOtherSafePlantChange"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign210"
                                  prefix-icon="el-icon-edit"

                        >
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeImplDate210" type="date"
                        >
                        </el-date-picker>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%" v-model="form.dSafeLiftedSign210"/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeLiftedDate210" type="date">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td colspan="5"><b>3. 导空/清洗工艺设备</b></td>
                    </tr>
                    <tr>
                      <td>3.1 倒空</td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsDrain" true-label="1"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsDrain" true-label="2" @change="dIsDrainChange"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%" v-model="form.dSafeImplSign31" prefix-icon="el-icon-edit"
                        >
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeImplDate31" type="date"
                        >
                        </el-date-picker>
                      </td>
                      <td></td>
                    </tr>
                    <tr>
                      <td>3.2 用
                        <el-select style="width: 150px;" clearable v-model="form.dCleanContent" filterable
                        >
                          <el-option v-for="item in dClears" :key="item.id" :label="item.name" :value="item.id">
                          </el-option>
                        </el-select>
                        清洗
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsClean" true-label="1"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsClean" true-label="2" @change="dIsCleanChange"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign32" prefix-icon="el-icon-edit"
                        >
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeImplDate32" type="date"
                        >
                        </el-date-picker>
                      </td>
                      <td>
                      </td>
                    </tr>
                    <tr>
                      <td>3.3 用
                        <el-select style="width: 150px;" clearable v-model="form.dFlushContent" filterable
                        >
                          <el-option v-for="item in dFlushs" :key="item.id" :label="item.name" :value="item.id">
                          </el-option>
                        </el-select>
                        置换
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsFlush" true-label="1"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsFlush" true-label="2" @change="dIsFlushChange"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign33" prefix-icon="el-icon-edit"
                        >
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeImplDate33" type="date"
                        >
                        </el-date-picker>
                      </td>
                      <td>
                      </td>
                    </tr>
                    <tr>
                      <td>3.4
                        <el-input style="width: calc(100% - 31px)" v-model="form.dOtherCleanContent"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsOhterClean" true-label="1"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsOhterClean" true-label="2"
                                     @change="dIsOhterCleanChange"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign34" prefix-icon="el-icon-edit"

                        >
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
                                        v-model="form.dSafeImplDate34" type="date"
                        >
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td colspan="5"><b>4.确保作业区域安全</b></td>
                    </tr>
                    <tr>
                      <td>4.1 现场隔离使用：
                        <el-input style="width: calc(100% - 115px)" v-model="form.dSiteDemarcationContent"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsSiteDemarcation" true-label="1"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsSiteDemarcation" true-label="2"/>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign41" prefix-icon="el-icon-edit"
                        />
                        <el-date-picker
                          style="width: 50%;"
                          v-model="form.dSafeImplDate41"
                          type="date">
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign41" prefix-icon="el-icon-edit"
                        />
                        <el-date-picker
                          style="width: 50%;"
                          v-model="form.dSafeLiftedDate41"
                          type="date">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td> 4.2 需覆盖的区域：
                        <el-input style="width: calc(100% - 118px)" v-model="form.dAreaCoverContent"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsAreaCover" true-label="1"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsAreaCover" true-label="2"
                                     @change="dIsAreaCoverChange"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign42" prefix-icon="el-icon-edit"
                        >
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%;"
                                        v-model="form.dSafeImplDate42" type="date"
                        >
                        </el-date-picker>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign42" prefix-icon="el-icon-edit"/>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%;"
                                        v-model="form.dSafeLiftedDate42" type="date">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>4.3 封闭槽车/火车路线</td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsCloseTrucks" true-label="1"
                        ></el-checkbox>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsCloseTrucks" true-label="2"
                        />
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeImplSign43" prefix-icon="el-icon-edit"
                        />
                        <el-date-picker
                          style="width: 50%;"
                          v-model="form.dSafeImplDate43"
                          type="date">
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign43" prefix-icon="el-icon-edit"
                        />
                        <el-date-picker
                          style="width: 50%;"
                          v-model="form.dSafeLiftedDate43"
                          type="date">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>4.4 对邻近排放口/泄放口等采取的安全措施
                        <el-input style="width: calc(100% - 250px)" v-model="form.dLeakDrainContent"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="1" v-model="form.dIsLeakDrain"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="2" v-model="form.dIsLeakDrain"/>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" v-model="form.dSafeImplSign44">
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss" v-model="form.dSafeImplDate44"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%" type="date">
                        </el-date-picker>
                      </td>
                      <td style="text-align: center;">
                      </td>
                    </tr>
                    <tr>
                      <td>4.5 额外的照明措施：
                        <el-input style="width: calc(100% - 130px)" v-model="form.dOtherLightContent"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="1" v-model="form.dIsOtherLight"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="2" v-model="form.dIsOtherLight"/>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" v-model="form.dSafeImplSign45">
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss" v-model="form.dSafeImplDate45"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%" type="date">
                        </el-date-picker>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" v-model="form.dSafeLiftedSign45">
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss" v-model="form.dSafeLiftedDate45"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%" type="date">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>4.6 邻近受影响单位
                        <el-input style="width: 100px" v-model="form.dEffectUnit"/>
                        负责人签名
                        <el-input prefix-icon="el-icon-edit" style="width: calc(100% - 290px)"
                                  v-model="form.dEffectLeader"/>
                        措施
                        <el-input style="width: calc(100% - 31px)" v-model="form.dEffectMeasure"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="1" v-model="form.dIsEffect"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="2" v-model="form.dIsEffect"/>
                      </td>
                      <td>
                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" v-model="form.dSafeImplSign46">
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss" v-model="form.dSafeImplDate46"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%" type="date">
                        </el-date-picker>
                      </td>
                      <td>
                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" v-model="form.dSafeLiftedSign46">
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss" v-model="form.dSafeLiftedDate46"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%" type="date">
                        </el-date-picker>
                      </td>
                    </tr>
                    <tr>
                      <td>4.7
                        <el-input style="width: calc(100% - 23px);" v-model="form.dOtherSafeContent"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsOtherSafe" true-label="1"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox v-model="form.dIsOtherSafe" true-label="2"
                        />
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" v-model="form.dSafeImplSign47">
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss" v-model="form.dSafeImplDate47"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%" type="date">
                        </el-date-picker>
                      </td>
                      <td style="text-align: center;">
                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" v-model="form.dSafeLiftedSign47">
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss" v-model="form.dSafeLiftedDate47"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%" type="date">
                        </el-date-picker>
                      </td>
                    </tr>
                  </table>
                </el-collapse-item>
              </el-collapse>
            </el-col>
            <el-col :span="12">
              <el-collapse v-model="activeNames">
                <el-collapse-item title="D" name="4" class="display-type">
                  <table style="width: 100%">
                    <tr>
                      <td><b>5. 确认人员和安全设施</b></td>
                      <td width="30" style="text-align: center">是</td>
                      <td width="30" style="text-align: center">否</td>
                      <td width="210" style="text-align: center">确认人，签名/日期</td>
                      <td width="180"></td>
                    </tr>
                    <tr>
                      <td>5.1 作业人员身体条件符合要求</td>
                      <td style="text-align: center">
                        <el-checkbox checked/>
                      </td>
                      <td style="text-align: center"></td>
                      <td>
                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" v-model="form.dSafeImplSign51">
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss" v-model="form.dSafeImplDate51"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%" type="date">
                        </el-date-picker>
                      </td>
                      <td></td>
                    </tr>
                    <tr>
                      <td class="short-checkbox">5.2 现场搭设的
                        <el-checkbox v-model="form.dIsScaffold" true-label="1"/>
                        脚手架
                        <el-checkbox v-model="form.dIsProtectionNet" true-label="1"/>
                        防护网
                        <el-checkbox v-model="form.dIsFence" true-label="1"/>
                        围栏符合安全规定
                      </td>
                      <td style="text-align: center">
                        <el-checkbox v-model="form.dIsScene" true-label="1"/>
                      </td>
                      <td style="text-align: center">
                        <el-checkbox v-model="form.dIsScene" true-label="2"/>
                      </td>
                      <td>
                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" v-model="form.dSafeImplSign52">
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss" v-model="form.dSafeImplDate52"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%" type="date">
                        </el-date-picker>
                      </td>
                      <td></td>
                    </tr>
                    <tr>
                      <td class="short-checkbox">5.3 架设的
                        <el-checkbox v-model="form.dIsSafetyRope" true-label="1"/>
                        生命绳
                        <el-checkbox v-model="form.dIsFaller" true-label="1"/>
                        防坠器符合安全规定
                      </td>
                      <td style="text-align: center">
                        <el-checkbox v-model="form.dIsSafetyRegulations" true-label="1"/>
                      </td>
                      <td style="text-align: center">
                        <el-checkbox v-model="form.dIsSafetyRegulations" true-label="2"/>
                      </td>
                      <td>
                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" v-model="form.dSafeImplSign53">
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss" v-model="form.dSafeImplDate53"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%" type="date">
                        </el-date-picker>
                      </td>
                      <td></td>
                    </tr>
                    <tr>
                      <td>5.4 若为垂直分层作业，中间要设置隔离设施</td>
                      <td style="text-align: center">
                        <el-checkbox v-model="form.dIsLamination" true-label="1"/>
                      </td>
                      <td style="text-align: center">
                        <el-checkbox v-model="form.dIsLamination" true-label="2"/>
                      </td>
                      <td>
                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" v-model="form.dSafeImplSign54">
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss" v-model="form.dSafeImplDate54"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%" type="date">
                        </el-date-picker>
                      </td>
                      <td></td>
                    </tr>
                    <tr>
                      <td>5.5 轻型棚的承重梁、柱能承重符合的要求</td>
                      <td style="text-align: center">
                        <el-checkbox v-model="form.dIsLightShed" true-label="1"/>
                      </td>
                      <td style="text-align: center">
                        <el-checkbox v-model="form.dIsLightShed" true-label="2"/>
                      </td>
                      <td>
                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" v-model="form.dSafeImplSign55">
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss" v-model="form.dSafeImplDate55"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%" type="date">
                        </el-date-picker>
                      </td>
                      <td></td>
                    </tr>
                    <tr>
                      <td>5.6 作业人员在不承重作业面上所搭设的承重板稳定牢固</td>
                      <td style="text-align: center">
                        <el-checkbox v-model="form.dIsSecure" true-label="1"/>
                      </td>
                      <td style="text-align: center">
                        <el-checkbox v-model="form.dIsSecure" true-label="2"/>
                      </td>
                      <td>
                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" v-model="form.dSafeImplSign56">
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss" v-model="form.dSafeImplDate56"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%" type="date">
                        </el-date-picker>
                      </td>
                      <td></td>
                    </tr>
                    <tr>
                      <td>5.7 准备的梯子、绳子、移动式登高平台符合安全规定</td>
                      <td style="text-align: center">
                        <el-checkbox v-model="form.dIsPrepared" true-label="1"/>
                      </td>
                      <td style="text-align: center">
                        <el-checkbox v-model="form.dIsPrepared" true-label="2"/>
                      </td>
                      <td>
                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" v-model="form.dSafeImplSign57">
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss" v-model="form.dSafeImplDate57"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%" type="date">
                        </el-date-picker>
                      </td>
                      <td></td>
                    </tr>
                    <tr>
                      <td>5.8 30米以上高处作业配备通讯、联络工具</td>
                      <td style="text-align: center">
                        <el-checkbox v-model="form.dIs30m" true-label="1"/>
                      </td>
                      <td style="text-align: center">
                        <el-checkbox v-model="form.dIs30m" true-label="2"/>
                      </td>
                      <td>
                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" v-model="form.dSafeImplSign58">
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss" v-model="form.dSafeImplDate58"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%" type="date">
                        </el-date-picker>
                      </td>
                      <td></td>
                    </tr>
                    <tr>
                      <td class="short-checkbox">5.9
                        <el-input style="width: calc(100% - 22px)" v-model="form.dOtherMeasureContent"/>
                      </td>
                      <td style="text-align: center">
                        <el-checkbox v-model="form.dIsOtherMeasure" true-label="1"/>
                      </td>
                      <td style="text-align: center">
                        <el-checkbox v-model="form.dIsOtherMeasure" true-label="1"/>
                      </td>
                      <td>
                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" v-model="form.dSafeImplSign59">
                        </el-input>
                        <el-date-picker format="yyyy-MM-dd HH:mm:ss" v-model="form.dSafeImplDate59"
                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%" type="date">
                        </el-date-picker>
                      </td>
                      <td></td>
                    </tr>
                    <tr>
                      <td colspan="5"><b>6. 现场安全说明/交底</b></td>
                    </tr>
                    <tr>
                      <td colspan="5">
                        <el-checkbox v-model="form.dIsSafeBriefing" true-label="1" checked>是
                        </el-checkbox>
                        参与交底人签名/日期：
                        <div style="width: calc(100% - 179px);display: inline-block">
                          <el-input style="width: 50%" placeholder="签名" prefix-icon="el-icon-edit"
                                    v-model="form.dPartakeBriefingSign"></el-input>
                          <el-date-picker
                            style="width: 50%;"
                            v-model="form.dPartakeBriefingDate"
                            type="date">
                          </el-date-picker>
                        </div>
                      </td>
                    </tr>
                  </table>
                </el-collapse-item>

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

            </el-col>
          </el-row>
        </div>
      </el-form>
    </div>
    <div>
      <el-dialog :close-on-click-modal="false" v-loading="loadingFlash" element-loading-background="rgba(0,0,0,0.2)"
                 v-dialogDrag :title="pdf.title"
                 :visible.sync="pdf.open" width="1300px" height="800px" :center="true" append-to-body>
        <div style="margin-top: -60px;float: right;margin-right: 40px;">
          <el-button size="mini" type="text" @click="openPdf">新页面预览</el-button>
        </div>
        <div style="margin-top: -30px">
          <iframe id="iFrame" class="iframe-html" :src="pdf.pdfUrl" frameborder="0" width="100%"
                  height="700px"></iframe>
        </div>
      </el-dialog>
    </div>
  </div>
</template>
<script>
import {
  listMatters
} from "@/api/ehs/throughcleanbcc";
import {addFireTicket, updateFireTicket, getFireInfo} from "@/api/invoicing/firework";

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

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

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

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