Browse Source

zl:commit盲板,完成

Administrator 2 years ago
parent
commit
74271aa14c

+ 2242 - 0
ui/src/views/invoicing/blind/index.vue

@@ -0,0 +1,2242 @@
+<template>
+  <div>
+    <div>
+      <el-form ref="form" :model="form" :rules="rules">
+        <div class="hazardwork" style="background-color: #E6BCE0;">
+          <table style="width: 100%;margin-bottom: 8px;">
+            <tr>
+              <td>表格</td>
+              <td><b>C00-6.3.0-00FSH_207.10</b></td>
+              <td><b>盲板抽堵作业许可证 危害评估及安全措施</b></td>
+              <td>
+                <div>修订:01</div>
+                <div>日期:19-9-2022</div>
+                <div>页次:1 of 2</div>
+              </td>
+              <td>
+                <el-input style="width: 200px;" v-model="form.hId" placeholder="点击生成票据ID" @focus="hIdClick"
+                          :disabled="hIdDisabled">
+                  <i slot="prefix" class="el-input__icon el-icon-word">BP</i>
+                </el-input>
+              </td>
+              <td>
+                <el-button @click="allExpand">全部展开</el-button>
+              </td>
+              <td>
+                <el-button @click="allShrink">全部关闭</el-button>
+              </td>
+              <td>
+                <el-button type="primary" v-show="form.hId" @click="onSubmit">提交当前数据</el-button>
+              </td>
+              <td>
+                <el-form-item>
+                  <el-button v-if="form.pdfUrl" type="success" @click="handleSee">预览</el-button>
+                  <el-button v-if="form.pdfUrl" type="success" @click="handleDownload">下载</el-button>
+                </el-form-item>
+              </td>
+            </tr>
+          </table>
+          <el-row :gutter="20">
+            <!-- 左侧栏 -->
+            <el-col :span="12">
+              <el-collapse v-model="activeNames">
+                <el-collapse-item title="A 基本信息" name="1">
+                  <el-form-item prop="ruleA1">
+                    <div>
+                      <table style="width: 100%;">
+                        <tr>
+                          <td>1. 装置/部门:
+                            <el-input v-model="form.aEquipmentName" style="width: calc(100% - 95px);"></el-input></td>
+                          <td style="text-align: right;white-space: nowrap;">装置/部门主管:</td>
+                          <td><el-input v-model="form.aEquipmentLeader"/></td>
+                          <td style="white-space: nowrap;">
+                            <i class="el-icon-phone"></i>:
+                            <el-input v-model="form.aEquipmentTel" style="width: 110px"/></td>
+                          <td style="white-space: nowrap;">办公室:</td>
+                          <td width="90"><el-input v-model="form.aEquipmentOffice"/></td>
+                        </tr>
+                        <tr>
+                          <td>2. 施工单位:
+                            <el-select v-model="form.aConstructionName" filterable placeholder="请选择施工单位"
+                                       @change="aConstructionChange(form.aConstructionName)" style="width: calc(100% - 93px)">
+                              <el-option v-for="item in aConstructions" :key="item.deptId" :label="item.deptName"
+                                         :value="item.deptId">
+                              </el-option>
+                            </el-select>
+                          </td>
+                          <td style="text-align: right">施工单位主管:</td>
+                          <td><el-input v-model="form.aConstructionLeader"/>
+                          </td>
+                          <td style="white-space: nowrap;">
+                            <i class="el-icon-phone"></i>:
+                            <el-input v-model="form.aConstructionTel" style="width: 110px"/>
+                          </td>
+                          <td>办公室:</td>
+                          <td> <el-input v-model="form.aConstructionOffice"/></td>
+                        </tr>
+                        <tr>
+                          <td>3.
+                            用户(涉及外部承包商时):
+                            <el-input v-model="form.aContractorName" style="width: calc(100% - 188px)"/>
+                          </td>
+                          <td style="text-align: right">用户主管:</td>
+                          <td><el-input v-model="form.aContractorLeader"/></td>
+                          <td style="white-space: nowrap;">
+                            <i class="el-icon-phone"></i>:
+                            <el-input v-model="form.aContractorTel" style="width: 110px"/>
+                          </td>
+                          <td>办公室:</td>
+                          <td><el-input v-model="form.aContractorOffice"/></td>
+                        </tr>
+                        <tr>
+                          <td>4. 需要安全联络员?
+                            <el-radio v-model="form.aIsNeedSafeLiaison" label="1">是</el-radio>
+                            <el-radio v-model="form.aIsNeedSafeLiaison" label="2">否</el-radio></td>
+                          <td style="text-align: right">姓名:</td>
+                          <td><el-input v-model="form.aSafeLiaisonName"
+                                        :disabled="form.aIsNeedSafeLiaison==1?false:true"/>
+                          </td>
+                          <td style="white-space: nowrap;">
+                            <i class="el-icon-phone"></i>:
+                            <el-input v-model="form.aSafeLiaisonTel"
+                                      :disabled="form.aIsNeedSafeLiaison==1?false:true" style="width: 110px"/>
+                          </td>
+                          <td>
+                            办公室:</td>
+                          <td><el-input v-model="form.aSafeLiaisonOffice"
+                                        :disabled="form.aIsNeedSafeLiaison==1?false:true"/></td>
+                        </tr>
+                      </table>
+                    </div>
+                  </el-form-item>
+                </el-collapse-item>
+                <el-collapse-item title="B 工作内容" name="2">
+                  <el-form-item prop="ruleB">
+                    <table style="width: 100%;">
+                      <tr>
+                        <td style="white-space: nowrap">1. 装置设备:
+                          <el-input v-model="form.bDeviceName" style="width: 470px"/>
+                        </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% - 118px);vertical-align: top" type="textarea" v-model="form.bWorkContent"/>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td colspan="3">3. 有效期:由
+                          <el-date-picker v-model="value1" type="datetimerange" range-separator="至"
+                                          start-placeholder="开始日期" end-placeholder="结束日期">
+                          </el-date-picker>
+                        </td>
+                      </tr>
+                    </table>
+                  </el-form-item>
+                </el-collapse-item>
+                <el-collapse-item title="C 危害识别" name="3">
+                  <table style="width: 100%;">
+                    <tr>
+                      <td colspan="2" class="short-checkbox">
+                        <el-checkbox v-model="form.isYesDanger" true-label="1" false-label="0"/>
+                        危害物质(正常运行时存在于设备中的物料名称):
+                        <!-- 物料数据源绑定 -->
+                        <el-select v-model="form.cHarmMatterName" clearable placeholder="请选择物料名称"
+                                   @change="selectChange(form.cHarmMatterName)">
+                          <el-option v-for="item in matterNames" :key="item.id" :label="item.matterName"
+                                     :value="item.id">
+                          </el-option>
+                        </el-select>
+                      </td>
+                    </tr>
+                    <!-- 图标及物料特性根据物料进行动态展示 -->
+                    <tr>
+                      <td colspan="3" class="short-checkbox">
+                        <el-row>
+                          <el-col :span="3">是否有GHS标识
+                            <el-checkbox v-model="form.cIsDanger" true-label="1" false-label="0"/></el-col>
+                          <el-col :span="2.5" style="text-align: center">
+                            <el-image style="width: 70px;height: 70px;" :src="require('@/assets/image/toxicIcon.png')">
+                            </el-image>
+                            <div>毒性</div>
+                            <el-checkbox v-model="cIsToxic" true-label="1" false-label="0"/>
+                          </el-col>
+                          <el-col :span="2.5" style="text-align: center">
+                            <el-image style="width: 70px;height: 70px;" :src="require('@/assets/image/flammableIcon.png')">
+                            </el-image>
+                            <div>易燃性</div>
+                            <el-checkbox v-model="cIsFlammable" true-label="1" false-label="0"/>
+                          </el-col>
+                          <el-col :span="2.5" style="text-align: center">
+                            <el-image style="width: 70px;height: 70px;" :src="require('@/assets/image/oxidizingIcon.png')">
+                            </el-image>
+                            <div>氧化性</div>
+                            <el-checkbox v-model="cIsOxidizing" true-label="1" false-label="0"/>
+                          </el-col>
+                          <el-col :span="2.5" style="text-align: center">
+                            <el-image style="width: 70px;height: 70px;" :src="require('@/assets/image/explosiveIcon.png')">
+                            </el-image>
+                            <div>爆炸性</div>
+                            <el-checkbox v-model="cIsExplosive" true-label="1" false-label="0"/>
+                          </el-col>
+                          <el-col :span="2.5" style="text-align: center">
+                            <el-image style="width: 70px;height: 70px;" :src="require('@/assets/image/corrosiveIcon.png')">
+                            </el-image>
+                            <div>腐蚀性</div>
+                            <el-checkbox v-model="cIsCorrosive" true-label="1" false-label="0"/>
+                          </el-col>
+                          <el-col :span="2.5" style="text-align: center">
+                            <el-image style="width: 70px;height: 70px;"
+                                      :src="require('@/assets/image/irritantSensitizationToxicIcon.png')">
+                            </el-image>
+                            <div>刺激性/致敏性/毒性</div>
+                            <el-checkbox v-model="cIsIrritantToxic" true-label="1" false-label="0"/>
+                          </el-col>
+                          <el-col :span="2.5" style="text-align: center">
+                            <el-image style="width: 70px;height: 70px;"
+                                      :src="require('@/assets/image/healthHazardIcon.png')">
+                            </el-image>
+                            <div>健康危害</div>
+                            <el-checkbox v-model="cIsHealthHazard" true-label="1" false-label="0"/>
+                          </el-col>
+                          <el-col :span="2.5" style="text-align: center">
+                            <el-image style="width: 70px;height: 70px;"
+                                      :src="require('@/assets/image/compressedGasIcon.png')">
+                            </el-image>
+                            <div>压力下气体</div>
+                            <el-checkbox v-model="cIsCompressedGas" true-label="1" false-label="0"/>
+                          </el-col>
+                          <el-col :span="2.5" style="text-align: center">
+                            <el-image style="width: 70px;height: 70px;"
+                                      :src="require('@/assets/image/environmentalHazardIcon.png')">
+                            </el-image>
+                            <div>危害水生环境</div>
+                            <el-checkbox v-model="cIsEnvironmentalHazard" true-label="1" false-label="0"/>
+                          </el-col>
+                        </el-row>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="short-checkbox">
+                        <el-checkbox v-model="isEquipmentHazards" true-label="1" false-label="0"
+                                     @change="eHazardsChange"/>
+                        设备内物质处于危险状态
+                        (
+                        <el-checkbox v-model="form.cIsHighTemp" true-label="1" false-label="0"
+                                     :disabled="isEquipmentHazards==true?false:true" @change="highTempChange"/>
+                        高温
+                        /
+                        <el-checkbox v-model="form.cIsLowTemp" true-label="1" false-label="0"
+                                     :disabled="isEquipmentHazards==true?false:true"
+                                     @change="lowTempChange"/>
+                        低温;
+                        <el-checkbox v-model="form.cIsPosPressure" true-label="1" false-label="0"
+                                     :disabled="isEquipmentHazards==true?false:true"
+                                     @change="posPressureChange"/>
+                        正压
+                        /
+                        <el-checkbox v-model="form.cIsNegPressure" true-label="1" false-label="0"
+                                     :disabled="isEquipmentHazards==true?false:true"
+                                     @change="negPressureChange"/>
+                        负压
+                        )
+                      </td>
+                      <td class="short-checkbox" colspan="2">
+                        <el-checkbox v-model="form.cIsHazardsProd" true-label="1" false-label="0"
+                                     @change="cHazardsProdChange"/>
+                        施工对生产单位的危害:
+                        <el-input style="width: calc(100% - 172px);" v-model="form.cIsHazardsProdContent"
+                                  :disabled="form.cIsHazardsProd==true?false:true"/>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="short-checkbox">
+                        <el-checkbox v-model="isFacilityHazards" true-label="1" false-label="0"
+                                     @change="facilityChange"/>
+
+                        来自设备/设施的危害(
+                        <el-checkbox v-model="form.cIsMovingParts" true-label="1" false-label="0"
+                                     :disabled="isFacilityHazards==true?false:true"/>
+                        移动部件,
+                        <el-checkbox v-model="form.cIsHotSurfaces" true-label="1" false-label="0"
+                                     :disabled="isFacilityHazards==true?false:true"
+                                     @change="hotSurfacesChange"/>
+                        热表面/
+                        <el-checkbox v-model="form.cIsColdSurfaces" true-label="1" false-label="0"
+                                     :disabled="isFacilityHazards==true?false:true"
+                                     @change="coldSurfacesChange"/>
+                        冷表面,
+                        <el-checkbox v-model="form.cIsVoltages" true-label="1" false-label="0"
+                                     :disabled="isFacilityHazards==true?false:true"/>
+                        电压
+                        )
+                      </td>
+                      <td class="short-checkbox">
+                        <el-checkbox :true-label="1" :false-label="0"/>
+                        排放口/泄放口
+                      </td>
+                      <td class="short-checkbox">
+                        <el-checkbox :true-label="1" :false-label="0"/>
+                        坠落/坠物
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="short-checkbox">
+                        <el-checkbox v-model="form.cIsWorkProtective" true-label="1" false-label="0"
+                                     @change="workProChange"/>
+                        安全保护设备的施工(
+                        <!--                        <el-checkbox v-model="form.cIsDy" true-label="1" false-label="0"-->
+                        <!--                                     :disabled="form.cIsWorkProtective==1?false:true"/>-->
+                        电仪安全保护设备,
+                        <!--                        <el-checkbox v-model="form.cIsAqf" true-label="1" false-label="0"-->
+                        <!--                                     :disabled="form.cIsWorkProtective==1?false:true"/>-->
+                        安全阀,
+                        <!--                        <el-checkbox v-model="form.cIsLq" true-label="1" false-label="0"-->
+                        <!--                                     :disabled="form.cIsWorkProtective==1?false:true"/>-->
+                        冷却系统)
+                      </td>
+                      <td class="short-checkbox">
+                        <el-checkbox :true-label="1" :false-label="0"/>
+                        采光或照明不足
+                      </td>
+                      <td class="short-checkbox">
+                        <el-checkbox :true-label="1" :false-label="0"/>
+                        射线
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="short-checkbox">
+                        <el-checkbox v-model="form.cIsOtherFire" true-label="1" :false-label="0"/>
+                        其它危害:
+                        <el-input v-model="form.cOtherFireContent" style="width: calc(100% - 104px)"/>
+                      </td>
+                      <td class="short-checkbox" colspan="2">
+                        <el-checkbox v-model="form.cIsOtherA" :true-label="1" :false-label="0"/>
+                        涉及的其它作业,相关工作许可证:
+                        <el-input style="width: calc(100% - 235px);" v-model="form.aId"><i slot="prefix" class="el-input__icon el-icon-word">A</i>
+                        </el-input>
+                      </td>
+                    </tr>
+                  </table>
+                </el-collapse-item>
+                <el-collapse-item title="D 施工前的安全措施" name="4">
+                  <table style="width: 100%">
+                    <tr>
+                      <td><b>1.隔离/盲板图编号:</b><el-input style="width: calc(100% - 120px)"/></td>
+                      <td colspan="4">
+                        盲板材质:<el-input style="width: calc(33.33% - 68px)" />
+                        盲板规格:<el-input style="width: calc(33.34% - 68px)" />
+                        盲板编号:<el-input style="width: calc(33.33% - 68px)" />
+                      </td>
+                    </tr>
+                    <tr>
+                      <td><b>2.确保E&l设备安全</b></td>
+                      <th width="30" style="text-align: center">是</th>
+                      <th width="30" style="text-align: center">否</th>
+                      <th>安全措施完成,签名/日期</th>
+                      <th>安全措施撤销,签名/日期</th>
+                    </tr>
+                    <tr>
+                      <td>2.1 通过打开安全开关断电并上锁和运转测试</td>
+                      <td style="text-align: center;"><el-checkbox v-model="form.dIsOpenSafe" true-label="1"/></td>
+                      <td style="text-align: center;"><el-checkbox v-model="form.dIsOpenSafe" true-label="0" @change="dIsOpenSafeChange"/></td>
+                      <td>
+                        <el-input style="width: 50%" v-model="form.dSafeImplSign11" readonly prefix-icon="el-icon-edit"
+                                  :disabled="form.dIsOpenSafe==1?false:true" @focus="signCard('dSafeImplSign11')">
+                        </el-input>
+                        <!--                      <el-button type="primary" slot="append"-->
+                        <!--                                 icon="el-icon-edit"-->
+                        <!--                                 :disabled="form.dIsOpenSafe==1?false:true"></el-button>-->
+                        <el-date-picker style="width: 50%" v-model="form.dSafeImplDate11" type="date"
+                                        format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss"
+                                        :disabled="form.dIsOpenSafe==1?false:true">
+                        </el-date-picker>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" />
+                        <el-date-picker style="width: 50%;"
+                                        type="date">
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>2.2 断开电源,通过:</td>
+                      <td></td>
+                      <td></td>
+                      <td></td>
+                      <td></td>
+                    </tr>
+                    <tr>
+                      <td>断开电源线</td>
+                      <td style="text-align: center;"></td>
+                      <td style="text-align: center;"></td>
+                      <td rowspan="4">
+                        <el-input style="width: 50%;" v-model="form.dDisFeederImplSign" readonly
+                                  :disabled="form.dIsDisFeeder==1?false:true" prefix-icon="el-icon-edit"
+                                  @focus="signCard('dDisFeederImplSign')">
+                        </el-input>
+                        <el-date-picker style="width: 50%" v-model="form.dDisFeederImplDate" type="date"
+                                        format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss"
+                                        :disabled="form.dIsDisFeeder==1?false:true">
+                        </el-date-picker>
+                      </td>
+                      <td rowspan="4">
+                        <el-input style="width: 50%" v-model="form.dDisFeederLiftedSign" prefix-icon="el-icon-edit" disabled/>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        v-model="form.dDisFeederLiftedDate" type="date" disabled>
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>断开回路开关并上锁和运转测试 <el-input style="width: calc(100% - 188px)" v-model="form.dBreakInclContent"
+                                                   :disabled="form.dIsBreakIncl == 1?false:true"/></td>
+                      <td style="text-align: center;"> <el-checkbox v-model="form.dIsBreakIncl" true-label="1" false-label="0"
+                                                                    :disabled="form.dIsDisFeeder!== null?false:true"/></td>
+                      <td style="text-align: center;"><el-checkbox v-model="form.dIsBreakIncl" true-label="0" false-label="1"
+                                                                   @change="dIsBreakInclChange"
+                                                                   :disabled="form.dIsDisFeeder!== null?false:true"/></td>
+                    </tr>
+                    <tr>
+                      <td>电气回路编号:<el-input style="width:calc(100% - 93px);" v-model="form.dEleCircuitNo" @change="dElecircuitChange"
+                                           :disabled="form.dIsDqhl == 1?false:true"/></td>
+                      <td style="text-align: center"><el-checkbox /> </td>
+                      <td style="text-align: center"><el-checkbox /> </td>
+                    </tr>
+                    <tr>
+                      <td>仪表号/测点编号:<el-input style="width: calc(100% - 110px)" v-model="form.dInsTagNo" @change="dInsTagChange"
+                                             :disabled="form.dIsYbh == 1?false:true"/></td>
+                      <td></td>
+                      <td></td>
+                    </tr>
+                    <tr>
+                      <td>2.3 放射源由专业人员确保安全(日志)</td>
+                      <td style="text-align: center;"><el-checkbox v-model="form.dIsRadioactiveSources" true-label="1" false-label="0"
+                                                                   :disabled="form.dIsYbh!= null?false:true"/></td>
+                      <td style="text-align: center;"><el-checkbox v-model="form.dIsRadioactiveSources" true-label="0" false-label="1"
+                                                                   @change="dIsRadioactiveSourcesChange"
+                                                                   :disabled="form.dIsYbh!= null?false:true"/></td>
+                      <td>
+                        <el-input style="width: 50%;" v-model="form.dSafeImplSign13" readonly
+                                  :disabled="form.dIsRadioactiveSources==1?false:true"
+                                  @focus="signCard('dSafeImplSign13')" prefix-icon="el-icon-edit">
+                        </el-input>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        v-model="form.dSafeImplDate13" type="date"
+                                        :disabled="form.dIsRadioactiveSources==1?false:true">
+                        </el-date-picker>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign13" prefix-icon="el-icon-edit" disabled/>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%;"
+                                        v-model="form.dSafeLiftedDate13" type="date" disabled>
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>2.4 <el-input style="width: calc(100% - 25px)" v-model="form.dIsOtherEquSafeContent"
+                                        :disabled="form.dIsOtherEquSafe == 1?false:true"/></td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.dIsOtherEquSafe" true-label="1" false-label="0"
+                                     :disabled="form.dIsRadioactiveSources!= null?false:true"/>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.dIsOtherEquSafe" true-label="0" false-label="1"
+                                     @change="dIsOtherEquSafeChange"
+                                     :disabled="form.dIsRadioactiveSources!= null?false:true"/>
+                      </td>
+                      <td>
+                        <el-input style="width:50%;" v-model="form.dSafeImplSign14" readonly
+                                  :disabled="form.dIsOtherEquSafe==1?false:true" prefix-icon="el-icon-edit"
+                                  @focus="signCard('dSafeImplSign14')">
+                        </el-input>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        v-model="form.dSafeImplDate14" type="date"
+                                        :disabled="form.dIsOtherEquSafe==1?false:true">
+                        </el-date-picker>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%" v-model="form.dSafeLiftedSign14" prefix-icon="el-icon-edit" disabled/>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        v-model="form.dSafeLiftedDate14" type="date" disabled>
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td><b>3. 确保装置设备安全</b></td>
+                      <td colspan="4"></td>
+                    </tr>
+                    <tr>
+                      <td>3.1 泄压</td>
+                      <td style="text-align: center;"><el-checkbox v-model="form.dIsDepress" true-label="1" false-label="0"
+                                                                   :disabled="form.dIsOtherEquSafe!= null?false:true"/></td>
+                      <td style="text-align: center;"><el-checkbox v-model="form.dIsDepress" true-label="0" false-label="1" @change="dIsDepressChange"
+                                                                   :disabled="form.dIsOtherEquSafe!= null?false:true"/></td>
+                      <td>
+                        <el-input style="width: 50%;" v-model="form.dSafeImplSign21" readonly prefix-icon="el-icon-edit"
+                                  :disabled="form.dIsDepress==1?false:true" @focus="signCard('dSafeImplSign21')">
+                        </el-input>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        v-model="form.dSafeImplDate21" type="date"
+                                        :disabled="form.dIsDepress==1?false:true">
+                        </el-date-picker>
+                      </td>
+                      <td>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>3.2 单阀截断</td>
+                      <td style="text-align: center;"><el-checkbox v-model="form.dIsSingleBlocking" true-label="1" false-label="0"
+                                                                   :disabled="form.dIsDepress!= null?false:true"/></td>
+                      <td style="text-align: center;"><el-checkbox v-model="form.dIsSingleBlocking" true-label="0" false-label="1"
+                                                                   @change="dIsSingleBlockingChange"
+                                                                   :disabled="form.dIsDepress!= null?false:true"/></td>
+                      <td>
+                        <el-input style="width: 50%;" v-model="form.dSafeImplSign22" readonly
+                                  :disabled="form.dIsSingleBlocking==1?false:true" prefix-icon="el-icon-edit"
+                                  @focus="signCard('dSafeImplSign22')">
+                        </el-input>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        v-model="form.dSafeImplDate22" type="date"
+                                        :disabled="form.dIsSingleBlocking==1?false:true">
+                        </el-date-picker>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign22" prefix-icon="el-icon-edit" disabled/>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        v-model="form.dSafeLiftedDate22" type="date" disabled>
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>3.3 双阀截断与放空 </td>
+                      <td style="text-align: center;"><el-checkbox v-model="form.dIsDoubleBlock" true-label="1" false-label="0"
+                                                                   :disabled="form.dIsSingleBlocking!= null?false:true"/></td>
+                      <td style="text-align: center;"><el-checkbox v-model="form.dIsDoubleBlock" true-label="0" false-label="1"
+                                                                   @change="dIsDoubleBlockChange"
+                                                                   :disabled="form.dIsSingleBlocking!= null?false:true"/></td>
+                      <td>
+                        <el-input style="width: 50%;" v-model="form.dSafeImplSign23" readonly
+                                  :disabled="form.dIsDoubleBlock==1?false:true" prefix-icon="el-icon-edit"
+                                  @focus="signCard('dSafeImplSign23')">
+                        </el-input>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        v-model="form.dSafeImplDate23" type="date"
+                                        :disabled="form.dIsDoubleBlock==1?false:true">
+                        </el-date-picker>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign23" prefix-icon="el-icon-edit" disabled/>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        v-model="form.dSafeLiftedDate23" type="date" disabled>
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>3.4 使用 <el-input style="width: calc(100% - 120px)" v-model="form.dLockoutUsingContent"
+                                           :disabled="form.dIsLockoutUsing==1?false:true"/> 锁定 </td>
+                      <td style="text-align: center;"><el-checkbox v-model="form.dIsLockoutUsing" true-label="1" false-label="0"
+                                                                   :disabled="form.dIsDoubleBlock!= null?false:true"/></td>
+                      <td style="text-align: center;"><el-checkbox v-model="form.dIsLockoutUsing" true-label="0" false-label="1"
+                                                                   @change="dIsLockoutUsingChange"
+                                                                   :disabled="form.dIsDoubleBlock!= null?false:true"/></td>
+                      <td>
+                        <el-input style="width: 50%;" v-model="form.dSafeImplSign24" readonly prefix-icon="el-icon-edit"
+                                  :disabled="form.dIsLockoutUsing==1?false:true"
+                                  @focus="signCard('dSafeImplSign24')">
+                        </el-input>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        v-model="form.dSafeImplDate24" type="date"
+                                        :disabled="form.dIsLockoutUsing==1?false:true">
+                        </el-date-picker>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign24" prefix-icon="el-icon-edit" disabled/>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        v-model="form.dSafeLiftedDate24" type="date" disabled>
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>3.5 移去部分管线/短接 </td>
+                      <td style="text-align: center;"><el-checkbox v-model="form.dIsRemovePipe" true-label="1" false-label="0"
+                                                                   :disabled="form.dIsLockoutUsing!= null?false:true"/></td>
+                      <td style="text-align: center;"><el-checkbox v-model="form.dIsRemovePipe" true-label="0" false-label="1"
+                                                                   @change="dIsRemovePipeChange"
+                                                                   :disabled="form.dIsLockoutUsing!= null?false:true"/></td>
+                      <td>
+                        <el-input style="width: 50%;" v-model="form.dSafeImplSign25" readonly prefix-icon="el-icon-edit"
+                                  :disabled="form.dIsRemovePipe==1?false:true"
+                                  @focus="signCard('dSafeImplSign25')">
+                        </el-input>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        v-model="form.dSafeImplDate25" type="date"
+                                        :disabled="form.dIsRemovePipe==1?false:true">
+                        </el-date-picker>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%" v-model="form.dSafeLiftedSign25" prefix-icon="el-icon-edit" disabled/>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        v-model="form.dSafeLiftedDate25" type="date" disabled>
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>3.6 机械安全措施:<el-input style="width: calc(100% - 118px)" v-model="form.dMecSecureContent"
+                                               :disabled="form.dIsMecSecure==1?false:true"/> </td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.dIsMecSecure" true-label="1" false-label="0"
+                                     :disabled="form.dIsInsertBlindPlage!= null?false:true"/>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.dIsMecSecure" true-label="0" false-label="1"
+                                     @change="dIsMecSecureChange"
+                                     :disabled="form.dIsInsertBlindPlage!= null?false:true"/>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-input style="width: 50%;" v-model="form.dSafeImplSign28" readonly prefix-icon="el-icon-edit"
+                                  :disabled="form.dIsMecSecure==1?false:true" @focus="signCard('dSafeImplSign28')">
+                        </el-input>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        v-model="form.dSafeImplDate28" type="date"
+                                        :disabled="form.dIsMecSecure==1?false:true">
+                        </el-date-picker>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign28" prefix-icon="el-icon-edit" disabled/>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%;"
+                                        v-model="form.dSafeLiftedDate28" type="date" disabled>
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>3.7 <el-input style="width: calc(100% - 25px)" /></td>
+                      <td style="text-align: center;">
+                        <el-checkbox true-label="1" false-label="0" />
+                      </td>
+                      <td style="text-align: center;">
+                        <el-checkbox true-label="0" false-label="1" />
+                      </td>
+                      <td>
+                        <el-input style="width:50%;" prefix-icon="el-icon-edit" >
+                        </el-input>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%" >
+                        </el-date-picker>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%" prefix-icon="el-icon-edit" />
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                         type="date">
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td colspan="5"><b>4. 导空/清洗工艺设备</b></td>
+                    </tr>
+                    <tr>
+                      <td>4.1 倒空</td>
+                      <td style="text-align: center;">
+                        <el-checkbox true-label="1" false-label="0" />
+                      </td>
+                      <td style="text-align: center;">
+                        <el-checkbox true-label="0" false-label="1" />
+                      </td>
+                      <td>
+                        <el-input style="width:50%;" prefix-icon="el-icon-edit" >
+                        </el-input>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%" >
+                        </el-date-picker>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%" prefix-icon="el-icon-edit" />
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        type="date">
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>4.2 用 <el-select style="width: 150px;" clearable v-model="form.dCleanContent" filterable
+                                           :disabled="form.dIsClean==1?false:true">
+                        <el-option v-for="item in dClears" :key="item.id" :label="item.name" :value="item.id">
+                        </el-option>
+                      </el-select> 清洗</td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.dIsClean" true-label="1" false-label="0"
+                                     :disabled="form.dIsDrain!= null?false:true"/>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.dIsClean" true-label="0" false-label="1" @change="dIsCleanChange"
+                                     :disabled="form.dIsDrain!= null?false:true"/>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-input style="width: 50%;" v-model="form.dSafeImplSign32" readonly prefix-icon="el-icon-edit"
+                                  :disabled="form.dIsClean==1?false:true" @focus="signCard('dSafeImplSign32')">
+                        </el-input>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        v-model="form.dSafeImplDate32" type="date"
+                                        :disabled="form.dIsClean==1?false:true">
+                        </el-date-picker>
+                      </td>
+                      <td>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>4.3 用 <el-select style="width: 150px;" clearable v-model="form.dFlushContent" filterable
+                                            :disabled="form.dIsFlush==1?false:true">
+                        <el-option v-for="item in dFlushs" :key="item.id" :label="item.name" :value="item.id">
+                        </el-option>
+                      </el-select> 置换</td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.dIsFlush" true-label="1" false-label="0"
+                                     :disabled="form.dIsClean!= null?false:true"/>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.dIsFlush" true-label="0" false-label="1" @change="dIsFlushChange"
+                                     :disabled="form.dIsClean!= null?false:true"/>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-input style="width: 50%;" v-model="form.dSafeImplSign33" readonly prefix-icon="el-icon-edit"
+                                  :disabled="form.dIsFlush==1?false:true" @focus="signCard('dSafeImplSign33')">
+                        </el-input>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        v-model="form.dSafeImplDate33" type="date"
+                                        :disabled="form.dIsFlush==1?false:true">
+                        </el-date-picker>
+                      </td>
+                      <td>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>4.4 <el-input style="width: calc(100% - 31px)" v-model="form.dOtherCleanContent"
+                                         :disabled="form.dIsOhterClean==1?false:true"/></td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.dIsOhterClean" true-label="1" false-label="0"
+                                     :disabled="form.dIsFlush!= null?false:true"/>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.dIsOhterClean" true-label="0" false-label="1"
+                                     @change="dIsOhterCleanChange"
+                                     :disabled="form.dIsFlush!= null?false:true"/>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-input style="width: 50%;" v-model="form.dSafeImplSign34" readonly prefix-icon="el-icon-edit"
+                                  :disabled="form.dIsOhterClean==1?false:true"
+                                  @focus="signCard('dSafeImplSign34')">
+                        </el-input>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        v-model="form.dSafeImplDate34" type="date"
+                                        :disabled="form.dIsOhterClean==1?false:true">
+                        </el-date-picker>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" />
+                        <el-date-picker style="width: 50%;"
+                                        type="date">
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td colspan="5"><b>5.确保施工区域安全</b></td>
+                    </tr>
+                    <tr>
+                      <td>5.1 确认火灾爆炸危险场所盲板抽堵作业点30米范围内没有动火作业</td>
+                      <td style="text-align: center;">
+                        <el-checkbox true-label="1" false-label="0" />
+                      </td>
+                      <td style="text-align: center;">
+                        <el-checkbox true-label="0" false-label="1" />
+                      </td>
+                      <td>
+                        <el-input style="width:50%;" prefix-icon="el-icon-edit" >
+                        </el-input>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%" >
+                        </el-date-picker>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%" prefix-icon="el-icon-edit" />
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        type="date">
+                        </el-date-picker>
+                      </td>
+                    </tr>
+
+                    <tr>
+                      <td>5.2 邻近受影响单位 <el-input style="width: 100px" />
+                        负责人签名 <el-input prefix-icon="el-icon-edit" style="width: calc(100% - 290px)" />
+                        措施 <el-input style="width: calc(100% - 31px)" /> </td>
+                      <td style="text-align: center;">
+                        <el-checkbox true-label="1" false-label="0" />
+                      </td>
+                      <td style="text-align: center;">
+                        <el-checkbox true-label="0" false-label="1" />
+                      </td>
+                      <td>
+                        <el-input style="width:50%;" prefix-icon="el-icon-edit" >
+                        </el-input>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%" >
+                        </el-date-picker>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%" prefix-icon="el-icon-edit" />
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        type="date">
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>5.3 现场隔离使用:<el-input style="width: calc(100% - 115px)" v-model="form.dSiteDemarcationContent"/></td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.dIsSiteDemarcation" :true-label="1" :false-label="0"/>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.dIsSiteDemarcation" :true-label="0" :false-label="1"/>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%;" v-model="form.dSafeImplSign11" prefix-icon="el-icon-edit"
+                                  :disabled="form.dIsSiteDemarcation==1?false:true"/>
+                        <el-date-picker
+                          style="width: 50%;"
+                          v-model="form.dSafeImplDate11"
+                          type="date" :disabled="form.dIsSiteDemarcation==1?false:true">
+                        </el-date-picker>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign11" prefix-icon="el-icon-edit"
+                                  :disabled="form.dIsSiteDemarcation==0?false:true"/>
+                        <el-date-picker
+                          style="width: 50%;"
+                          v-model="form.dSafeLiftedDate11"
+                          type="date" :disabled="form.dIsSiteDemarcation==0?false:true">
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>5.4 需覆盖的区域:
+                        <el-input style="width: calc(100% - 118px);" v-model="form.dAreaCoverContent"
+                                  :disabled="form.dIsAreaCover==1?false:true"/>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.dIsAreaCover" true-label="1" false-label="0"
+                                     :disabled="form.dIsSiteDemarcation!= null?false:true"/>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.dIsAreaCover" true-label="0" false-label="1"
+                                     @change="dIsAreaCoverChange"
+                                     :disabled="form.dIsSiteDemarcation!= null?false:true"/>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-input style="width: 50%;" v-model="form.dSafeImplSign42" readonly prefix-icon="el-icon-edit"
+                                  :disabled="form.dIsAreaCover==1?false:true" @focus="signCard('dSafeImplSign42')">
+                        </el-input>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        v-model="form.dSafeImplDate42" type="date"
+                                        :disabled="form.dIsAreaCover==1?false:true">
+                        </el-date-picker>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign42" disabled/>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        v-model="form.dSafeLiftedDate42" type="date" disabled>
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                  </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>
+                      <th></th>
+                      <th width="30">是</th>
+                      <th width="30">否</th>
+                      <th width="203">安全措施完成,签名/日期</th>
+                      <th width="203">安全措施撤销,签名/日期</th>
+                    </tr>
+                    <tr>
+                      <td>5.5 封闭槽车/火车路线</td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.dIsCloseTrucks" true-label="1" :false-label="0"
+                                     :disabled="form.dIsSiteDemarcation != null?false:true"></el-checkbox>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.dIsCloseTrucks" :true-label="0" :false-label="1"
+                                     :disabled="form.dIsSiteDemarcation != null?false:true"/>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%;" v-model="form.dSafeImplSign12" prefix-icon="el-icon-edit"
+                                  :disabled="form.dIsCloseTrucks == 1?false:true"/>
+                        <el-date-picker
+                          style="width: 50%;"
+                          v-model="form.dSafeImplDate12"
+                          type="date" :disabled="form.dIsCloseTrucks == 1?false:true">
+                        </el-date-picker>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign12" prefix-icon="el-icon-edit"
+                                  :disabled="form.dIsCloseTrucks == 0?false:true"/>
+                        <el-date-picker
+                          style="width: 50%;"
+                          v-model="form.dSafeLiftedDate12"
+                          type="date" :disabled="form.dIsCloseTrucks == 0?false:true">
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>5.6 对邻近排放口/泄放口等采取的安全措施 <el-input style="width: calc(100% - 250px)" /></td>
+                      <td style="text-align: center;">
+                        <el-checkbox  true-label="1" false-label="0" />
+                      </td>
+                      <td style="text-align: center;">
+                        <el-checkbox true-label="0" false-label="1" />
+                      </td>
+                      <td style="text-align: center;">
+                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" >
+                        </el-input>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%" type="date" >
+                        </el-date-picker>
+                      </td>
+                      <td style="text-align: center;">
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>5.7 额外的照明措施: <el-input style="width: calc(100% - 130px)" /></td>
+                      <td style="text-align: center;">
+                        <el-checkbox  true-label="1" false-label="0" />
+                      </td>
+                      <td style="text-align: center;">
+                        <el-checkbox true-label="0" false-label="1" />
+                      </td>
+                      <td style="text-align: center;">
+                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" >
+                        </el-input>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%" type="date" >
+                        </el-date-picker>
+                      </td>
+                      <td style="text-align: center;">
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>5.8 <el-input style="width: calc(100% - 23px);" v-model="form.dOtherWorkSafeContent"
+                                  :disabled="form.dIsOtherWorkSafe==1?false:true"/>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.dIsOtherWorkSafe" true-label="1" false-label="0"
+                                     :disabled="form.dIsLeakFlanges!= null?false:true"/>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.dIsOtherWorkSafe" true-label="0" false-label="1"
+                                     @change="dIsOtherWorkSafeChange"
+                                     :disabled="form.dIsLeakFlanges!= null?false:true"/>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-input style="width: 50%;" v-model="form.dSafeImplSign45" readonly prefix-icon="el-icon-edit"
+                                  :disabled="form.dIsOtherWorkSafe==1?false:true"
+                                  @focus="signCard('dSafeImplSign45')">
+                        </el-input>
+                        <!--<el-button type="primary" slot="append" @click="signCard('dSafeImplSign45')"
+                                   icon="el-icon-edit"
+                                   :disabled="form.dIsOtherWorkSafe==1?false:true"></el-button>-->
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        v-model="form.dSafeImplDate45" type="date"
+                                        :disabled="form.dIsOtherWorkSafe==1?false:true">
+                        </el-date-picker>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign45" disabled/>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        v-model="form.dSafeLiftedDate45" type="date" disabled>
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td colspan="5"><b>6.额外的组织(行政)措施</b></td>
+                    </tr>
+                    <tr>
+                      <td>6.1
+                        <el-input style="width: calc(100% - 23px)" v-model="form.dOtherMeasureContent"
+                                  :disabled="form.dIsOtherMeasure==1?false:true"/>
+                      </td>
+                      <td style="text-align: center">
+                        <el-checkbox v-model="form.dIsOtherMeasure" :true-label="1" :false-label="0"
+                                     :disabled="form.dIsCloseFireControl!= null?false:true"></el-checkbox>
+                      </td>
+                      <td style="text-align: center">
+                        <el-checkbox v-model="form.dIsOtherMeasure" :true-label="0" :false-label="1"
+                                     :disabled="form.dIsCloseFireControl!= null?false:true"/>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%;" v-model="form.dSafeImplSign42" prefix-icon="el-icon-edit"
+                                  :disabled="form.dIsOtherMeasure==1?false:true"/>
+                        <el-date-picker
+                          style="width: 50%;"
+                          v-model="form.dSafeImplDate42"
+                          type="date" :disabled="form.dIsOtherMeasure==1?false:true">
+                        </el-date-picker>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign42" prefix-icon="el-icon-edit"
+                                  :disabled="form.dIsOtherMeasure==0?false:true"/>
+                        <el-date-picker
+                          style="width: 50%;"
+                          v-model="form.dSafeLiftedDate42"
+                          type="date" :disabled="form.dIsOtherMeasure==0?false:true">
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td colspan="5"><b>7. 现场安全说明/交底</b></td>
+                    </tr>
+                    <tr>
+                      <td colspan="5">
+                        <el-checkbox v-model="form.dIsSafeBriefing" true-label="1" false-label="0" checked>是</el-checkbox>
+                        参与交底人签名/日期:
+                        <div style="width: calc(100% - 179px);display: inline-block">
+                          <el-input style="width: 50%" placeholder="签名"></el-input>
+                          <el-date-picker
+                            style="width: 50%;"
+                            v-model="form.dPartakeBriefingSign"
+                            type="date" :disabled="form.dIsSafeBriefing==1?false:true">
+                          </el-date-picker>
+                        </div>
+                      </td>
+                    </tr>
+                  </table>
+                </el-collapse-item>
+                <el-collapse-item title="E 施工时的安全措施" name="5">
+                  <el-row :gutter="15">
+                    <el-col :span="12">
+                      <table>
+                        <th></th>
+                        <th width = "30" style="text-align: center;">是</th>
+                        <th width = "30" style="text-align: center;">否</th>
+                        <tr>
+                          <td><b>1. 可能有残留物料</b></td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="form.eIsPresent" true-label="1" false-label="0"/>
+                          </td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="form.eIsPresent" true-label="0" false-label="1"/>
+                          </td>
+                        </tr>
+                        <tr>
+                          <td><b>2. 个人防护用品(不包含区域 PPE)</b></td>
+                        </tr>
+                        <tr>
+                          <td>仅限定时间内佩戴的PPE:</td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="form.eIsRequiredPpe" true-label="1" false-label="0"/>
+                          </td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="form.eIsRequiredPpe" true-label="0" false-label="1"
+                                         @change="eIsRequiredPpeChange"/>
+                          </td>
+                        </tr>
+                        <tr>
+                          <td>项目:
+                            <el-input style="width: calc(100% - 44px)" v-model="form.ePpeContent"
+                                      :disabled="form.eIsRequiredPpe==1?false:true"/>
+                          </td>
+                          <td></td>
+                          <td></td>
+                        </tr>
+                        <tr>
+                          <td>2.1 安全护目镜</td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="eIsSafeGoggles" true-label="1" false-label="0"/>
+                          </td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="eIsSafeGoggles" true-label="0" false-label="1"/>
+                          </td>
+                        </tr>
+                        <tr>
+                          <td>2.2 防护面罩</td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="eIsFaceShield" true-label="1" false-label="0"/>
+                          </td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="eIsFaceShield" true-label="0" false-label="1"/>
+                          </td>
+                        </tr>
+                        <tr>
+                          <td>2.3 防护手套,类型:
+                            <el-select :disabled="eIsProtectGloves==1?false:true" style="width: calc(100% - 130px)"
+                                       v-model="eProtectGlovesContent" placeholder="请选择防护手套">
+                              <el-option v-for="dict in safeGoggles" :key="dict.id"
+                                         :label="dict.conservatoryMeasureName"
+                                         :value="dict.id">
+                              </el-option>
+                            </el-select>
+                          </td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="eIsProtectGloves" true-label="1" false-label="0"/>
+                          </td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="eIsProtectGloves" true-label="0" false-label="1"
+                                         @change="eIsProtectGlovesChange"/>
+                          </td>
+                        </tr>
+                        <tr>
+                          <td>2.4 橡胶长靴</td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="eIsRubberBoots" true-label="1" false-label="0"/>
+                          </td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="eIsRubberBoots" true-label="0" false-label="1"/>
+                          </td>
+                        </tr>
+                        <tr>
+                          <td>2.5 橡胶围裙</td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="eIsRubberApron" true-label="1" false-label="0"/>
+                          </td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="eIsRubberApron" true-label="0" false-label="1"/>
+                          </td>
+                        </tr>
+                        <tr>
+                          <td>2.6 防护服,类型:
+                            <el-select :disabled="eIsProtectSuit==1?false:true" style="width: calc(100% - 118px)"
+                                       v-model="eProtectSuitContent" placeholder="请选择防护服">
+                              <el-option v-for="dict in protectSuits" :key="dict.id"
+                                         :label="dict.conservatoryMeasureName"
+                                         :value="dict.id">
+                              </el-option>
+                            </el-select>
+                          </td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="eIsProtectSuit" true-label="1" false-label="0"/>
+                          </td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="eIsProtectSuit" true-label="0" false-label="1"
+                                         @change="eIsProtectSuitChange"/>
+                          </td>
+                        </tr>
+                        <tr>
+                          <td>2.7 呼吸保护用品,类型:
+                            <el-select :disabled="eIsResProtect==1?false:true" style="width: calc(100% - 157px)"
+                                       v-model="eResProtectContent" placeholder="请选择防护面罩">
+                              <el-option v-for="dict in resProtects" :key="dict.id"
+                                         :label="dict.conservatoryMeasureName"
+                                         :value="dict.id">
+                              </el-option>
+                            </el-select>
+                          </td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="eIsResProtect" true-label="1" false-label="0"/>
+                          </td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="eIsResProtect" true-label="0" false-label="1"
+                                         @change="eIsResProtectChange"/>
+                          </td>
+                        </tr>
+                        <tr>
+                          <td>2.8
+                            <el-input style="width: calc(100% - 23px);" v-model="form.eOtherProtectContent"
+                                      :disabled="form.eIsOtherProtect==1?false:true"/>
+                          </td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="form.eIsOtherProtect" true-label="1" false-label="0"/>
+                          </td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="form.eIsOtherProtect" true-label="0" false-label="1"
+                                         @change="eIsOtherProtectChange"/>
+                          </td>
+                        </tr>
+                        <tr>
+                          <td><b>3. 连续的监控</b></td>
+                        </tr>
+                        <tr>
+                          <td>安全监护人及单位签名:
+                            <el-input style="width: calc(50% - 79px)" prefix-icon="el-icon-edit" /> /
+                            <el-input style="width: calc(50% - 79px)" 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"
+                                      :disabled="form.eIsNaturalVen==1?false:true"/>
+                          </td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="form.eIsNaturalVen" true-label="1" false-label="0"/>
+                          </td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="form.eIsNaturalVen" true-label="0" false-label="1"
+                                         @change="eIsNaturalVenChange"/>
+                          </td>
+                        </tr>
+                        <tr>
+                          <td>4.2 机械通风,使用:
+                            <el-input style="width: calc(100% - 130px);" v-model="form.eMecVenContent"
+                                      :disabled="form.eIsMecVen==1?false:true"/>
+                          </td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="form.eIsMecVen" true-label="1" false-label="0"/>
+                          </td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="form.eIsMecVen" true-label="0" false-label="1"
+                                         @change="eIsMecVenChange"/>
+                          </td>
+                        </tr>
+                        <tr>
+                          <td>4.3 在释放源处抽走粉尘/气体/蒸汽</td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="form.eIsExxtractDust" true-label="1" false-label="0"/>
+                          </td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="form.eIsExxtractDust" true-label="0" false-label="1"/>
+                          </td>
+                        </tr>
+                        <tr>
+                          <td>4.4 空气分析内容:
+                            <el-input style="width: calc(100% - 117px);" v-model="form.eAnalyzeAirContent"
+                                      :disabled="form.eIsAnalyzeAir==1?false:true"/>
+                          </td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="form.eIsAnalyzeAir" true-label="1" false-label="0"/>
+                          </td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="form.eIsAnalyzeAir" true-label="0" false-label="1"
+                                         @change="eIsAnalyzeAirChange"/>
+                          </td>
+                        </tr>
+                        <tr>
+                          <td>分析频次:
+                            <el-select style="width: calc(100% - 70px);" clearable v-model="form.eAnalyzeAirInterval" filterable
+                                       :disabled="form.eIsAnalyzeAir==1?false:true">
+                              <el-option v-for="item in eAnalyzeAirIntervals" :key="item.id" :label="item.name"
+                                         :value="item.id">
+                              </el-option>
+                            </el-select>
+                          </td>
+                        </tr>
+                        <tr>
+                          <td>4.5
+                            <el-input style="width: calc(100% - 23px);" v-model="form.eOtherVenContent"
+                                      :disabled="form.eIsOtherVen==1?false:true"/>
+                          </td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="form.eIsOtherVen" true-label="1" false-label="0"/>
+                          </td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="form.eIsOtherVen" true-label="0" false-label="1"
+                                         @change="eIsOtherVenChange"/>
+                          </td>
+                        </tr>
+                        <tr>
+                          <td colspan="3"><b>5. 其它安全要求</b></td>
+                        </tr>
+                        <tr>
+                          <td>5.1 火灾爆炸危险场所,盲板抽堵作业点30 米范围内没有动火作业</td>
+                          <td style="text-align: center;">
+                            <el-checkbox checked true-label="1" false-label="0"/>
+                          </td>
+                          <td style="text-align: center;">
+                          </td>
+                        </tr>
+                        <tr>
+                          <td>5.2 作业场所采光 、照明符合要求</td>
+                          <td style="text-align: center;">
+                            <el-checkbox checked true-label="1" false-label="0"/>
+                          </td>
+                          <td style="text-align: center;">
+                          </td>
+                        </tr>
+                        <tr>
+                          <td>5.3 同一管道上不同时进行两处及以上的盲板抽堵作业</td>
+                          <td style="text-align: center;">
+                            <el-checkbox checked true-label="1" false-label="0"/>
+                          </td>
+                          <td style="text-align: center;">
+                          </td>
+                        </tr>
+                        <tr>
+                          <td>5.4 火灾爆炸危险场所,作业人员使用防爆灯具和防爆工具</td>
+                          <td style="text-align: center;">
+                            <el-checkbox checked true-label="1" false-label="0"/>
+                          </td>
+                          <td style="text-align: center;">
+                          </td>
+                        </tr>
+                        <tr>
+                          <td>5.5
+                            <el-input style="width: calc(100% - 23px);"  />
+                          </td>
+                          <td style="text-align: center;">
+                            <el-checkbox true-label="1" false-label="0"/>
+                          </td>
+                          <td style="text-align: center;">
+                            <el-checkbox true-label="0" false-label="1" />
+                          </td>
+                        </tr>
+                        <tr>
+                          <td colspan="3" style="text-align: center"><br/>
+                            <b>!若有预料不到的事件发生,立即停止工作并通知主管</b>
+                          </td>
+                        </tr>
+                      </table>
+                    </el-col>
+                  </el-row>
+                </el-collapse-item>
+                <el-collapse-item title="F 施工后的安全措施" name="6">
+                  <table>
+                    <tr>
+                      <th></th>
+                      <th style="width: 30px; text-align: center;">是</th>
+                      <th style="width: 30px; text-align: center;">否</th>
+                    </tr>
+                    <tr>
+                      <td>
+                        <el-input style="width: 600px;" v-model="form.fAfterWorkSafeContent"
+                                  :disabled="form.fIsAfterWorkSafe == 1?false:true"/>
+                      </td>
+                      <td style="width: 30px; text-align: center;">
+                        <el-checkbox v-model="form.fIsAfterWorkSafe" true-label="1" false-label="0"/>
+                      </td>
+                      <td style="width: 30px; text-align: center;">
+                        <el-checkbox v-model="form.fIsAfterWorkSafe" true-label="0" false-label="1"
+                                     @change="fIsAfterWorkSafeChange"/>
+                      </td>
+                    </tr>
+                  </table>
+                </el-collapse-item>
+                <el-collapse-item title="G 核实危害评估和安全措施界定" name="7">
+                  <table>
+                    <tr>
+                      <th></th>
+                      <th align="right">由专门部门人员评估的项目:</th>
+                      <th style="width: 35px; text-align: center;">是</th>
+                      <th style="width: 40px; text-align: center;">否</th>
+                    </tr>
+                    <tr>
+                      <td>第一签名<small>(装置/部门授权人员)</small>:
+                        <el-input style="width: 90px;" v-model="form.gFirstSign" prefix-icon="el-icon-edit"/>
+                        <el-date-picker
+                          style="width: calc(100% - 270px)"
+                          v-model="form.gFirstDate"
+                          type="datetime"
+                          placeholder="选择日期时间">
+                        </el-date-picker>
+                      </td>
+                      <td>
+                        <el-input v-model="form.gSpecialAssessment"/>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.gIsSpecialAssessment" :true-label="1" :false-label="0"/>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.gIsSpecialAssessment" :true-label="0" :false-label="1"></el-checkbox>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>第二签名<small>(装置/部门授权人员)</small>:
+                        <el-input style="width: 90px;" v-model="form.gSecondSign" prefix-icon="el-icon-edit"/>
+                        <el-date-picker
+                          style="width: calc(100% - 270px)"
+                          v-model="form.gSecondDate"
+                          type="datetime"
+                          placeholder="选择日期时间">
+                        </el-date-picker>
+                      </td>
+                      <td colspan="3">第三签名<small>(相应部门人员及部门名称)</small>:
+                        <el-input style="width: 85px;" v-model="form.gThirdSign" prefix-icon="el-icon-edit"/>
+                        <el-date-picker
+                          style="width: calc(100% - 300px)"
+                          v-model="form.gThirdDate"
+                          type="datetime"
+                          placeholder="选择日期时间">
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                  </table>
+                </el-collapse-item>
+                <el-collapse-item title="H 安全措施检查和许可证批准" name="8">
+                  <table>
+                    <tr>
+                      <td>签名:
+                        <el-input style="width: 150px;" v-model="form.hSafeMesSign" prefix-icon="el-icon-edit"/>
+                        <el-date-picker
+                          style="width: calc(100% - 200px)"
+                          v-model="form.hSafeMesDate"
+                          type="datetime"
+                          placeholder="选择日期时间">
+                        </el-date-picker>
+                      </td>
+                      <td>A4栏安全联络员签名:
+                        <el-input style="width: 130px;" prefix-icon="el-icon-edit" />
+                        <el-date-picker
+                          style="width: calc(100% - 272px)"
+                          type="datetime"
+                          placeholder="选择日期时间">
+                        </el-date-picker></td>
+                    </tr>
+                    <tr>
+                      <td><small>(生产装置授权人员,D栏的安全措施已实施和检查,G栏的签名已完成)</small></td>
+                      <td>
+                      </td>
+                    </tr>
+                  </table>
+                </el-collapse-item>
+                <el-collapse-item title="I 施工单位接受许可证" name="9">
+                  <table>
+                    <tr>
+                      <td>
+                        1a 签名(授权维修主管)
+                        <el-input style="width: 90px;" v-model="form.iOneASign" prefix-icon="el-icon-edit"/>
+                        <el-date-picker
+                          style="width: calc(100% - 245px)"
+                          v-model="form.iOneADate"
+                          type="datetime"
+                          placeholder="选择日期时间">
+                        </el-date-picker>
+                      </td>
+                      <td>
+                        1b 签名(授权维修工人)
+                        <el-input style="width: 90px;" v-model="form.iOneBSign" prefix-icon="el-icon-edit"/>
+                        <el-date-picker
+                          style="width: calc(100% - 245px)"
+                          v-model="form.iOneBDate"
+                          type="datetime"
+                          placeholder="选择日期时间">
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>
+                        <small>
+                          (E栏的安全措施已实施和D7的现场安全说明已完成)
+                        </small>
+                      </td>
+                      <td>
+                        <small>(E栏的安全措施已实施和D7的现场安全说明已完成)</small>
+                      </td>
+                    </tr>
+                  </table>
+                </el-collapse-item>
+                <el-collapse-item title="J1 中途的E&I功能测试       J2 中途测试后,再次停用装置设备" name="10">
+                  <table>
+                    <tr>
+                      <td>
+                        <el-input style="width: 100px;" v-model="form.jOneBSign" readonly @focus="signCard('jOneBSign')">
+                          <i slot="prefix" class="el-input__icon el-icon-edit"></i>
+                        </el-input>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: calc(100% - 100px)" v-model="form.jOneBDate"
+                                        type="datetime">
+                        </el-date-picker>
+                      </td>
+                      <td>
+                        <el-input style="width: 100px;" v-model="form.jResMemberSign" readonly
+                                  @focus="signCard('jResMemberSign')">
+                          <i slot="prefix" class="el-input__icon el-icon-edit"></i>
+                        </el-input>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: calc(100% - 100px)"
+                                        v-model="form.jResMemberDate" type="datetime">
+                        </el-date-picker>
+                      </td>
+                      <td>
+                        <el-input style="width: 100px;" v-model="form.jEISign" readonly @focus="signCard('jEISign')">
+                          <i slot="prefix" class="el-input__icon el-icon-edit"></i>
+                        </el-input>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: calc(100% - 100px)" v-model="form.jEIDate"
+                                        type="datetime">
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>
+                        <small>授权的维修工人签名(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">
+                      签名,日期/时间
+                      <el-input style="width: 100px;" v-model="form.kConfirmSign" prefix-icon="el-icon-edit"/>
+                      <el-date-picker
+                        v-model="form.kConfirmDate"
+                        style="width: calc(100% - 200px)"
+                        type="datetime"
+                        placeholder="选择日期时间">
+                      </el-date-picker>
+                    </el-collapse-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-collapse-item title="L 授权的维修工人通知生产装置施工完成" name="13">
+                      如有需要,通过安全联络员
+                      <br>
+                      签名,日期/时间
+                      <el-input style="width: 100px;" v-model="form.lNoticeSign" prefix-icon="el-icon-edit"/>
+                      <el-date-picker
+                        v-model="form.lNoticeDate"
+                        type="datetime"
+                        style="width: calc(100% - 200px)"
+                        placeholder="选择日期时间">
+                      </el-date-picker>
+                    </el-collapse-item>
+                  </el-col>
+                </el-row>
+                <el-collapse-item title="M 评估/批准撤销D栏的施工前安全措施" name="14">
+                  <table>
+                    <tr>
+                      <td colspan="3">
+                        <el-input v-model="form.mAssessDContent"/>
+                      </td>
+                      <td>
+                        <el-input style="width: 100px;" v-model="form.mAssessDSign" prefix-icon="el-icon-edit"/>
+                        <el-date-picker
+                          v-model="form.mAssessDDate"
+                          type="datetime"
+                          style="width: calc(100% - 100px)"
+                          placeholder="选择日期时间">
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td colspan="3">
+                        <small>如需要,列出撤销安全措施的次序</small>
+                      </td>
+                      <td><small>签名(装置/部门授权人员)</small></td>
+                    </tr>
+                    <tr>
+                      <td>其他相关许可证:</td>
+                      <td>
+                        <el-input v-model="form.mOtherLicenceOne"/>
+                      </td>
+                      <td>
+                        <el-input v-model="form.mOtherLicenceTwo"/>
+                      </td>
+                      <td>
+                        <el-input v-model="form.mOtherLicenceThree"/>
+                      </td>
+                    </tr>
+                  </table>
+                </el-collapse-item>
+                <el-collapse-item title="N 动火工作空气检测记录(2小时分析/记录一次)" name="15">
+                  <table cellpadding="0" cellspacing="0" class="last-table">
+                    <tr>
+                      <td width="150">检测位置</td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>检测日期/时间(时/分)</td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>检测物质</td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>检测结果</td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>检测人签名</td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>便携式检测仪编号</td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                    </tr>
+                  </table>
+                </el-collapse-item>
+              </el-collapse>
+
+            </el-col>
+          </el-row>
+        </div>
+      </el-form>
+    </div>
+    <div>
+      <el-dialog :close-on-click-modal="false" v-loading="loadingFlash" element-loading-background="rgba(0,0,0,0.2)"
+                 v-dialogDrag :title="pdf.title"
+                 :visible.sync="pdf.open" width="1300px" height="800px" :center="true" append-to-body>
+        <div style="margin-top: -60px;float: right;margin-right: 40px;">
+          <el-button size="mini" type="text" @click="openPdf">新页面预览</el-button>
+        </div>
+        <div style="margin-top: -30px">
+          <iframe id="iFrame" class="iframe-html" :src="pdf.pdfUrl" frameborder="0" width="100%"
+                  height="700px"></iframe>
+        </div>
+      </el-dialog>
+    </div>
+  </div>
+</template>
+<script>
+  import {
+    listMatters
+  } from "@/api/ehs/throughcleanbcc";
+  import {addFireTicket, updateFireTicket, getFireInfo} from "@/api/invoicing/firework";
+
+  import {getDept, listDept} from "@/api/system/dept";
+  import {getInfoByInvoiceId} from "@/api/invoice/invoice";
+  import {updateWorkcontent} from "@/api/invoice/workcontent";
+  import {batchAddJobticket} from "@/api/ehs/jobticket";
+
+  export default {
+    data() {
+      var validateruleA1 = (rule, value, callback) => {
+        if (!this.form.aEquipmentName) {
+          callback(this.$message.error('生产装置名称不能为空'))
+        } else if (!this.form.aEquipmentLeader) {
+          callback(this.$message.error('生产装置主管不能为空'))
+        } else if (!this.form.aEquipmentTel) {
+          callback(this.$message.error('生产装置电话不能为空'))
+        } else if (!this.form.aEquipmentOffice) {
+          callback(this.$message.error('生产装置办公室不能为空'))
+        } else if (!this.form.aConstructionName) {
+          callback(this.$message.error('施工单位名称不能为空'))
+        } else if (!this.form.aConstructionLeader) {
+          callback(new Error('施工单位主管不能为空'))
+        } else if (!this.form.aConstructionTel) {
+          callback(new Error('施工单位电话不能为空'))
+        } else if (!this.form.aConstructionOffice) {
+          callback(new Error('施工单位办公室不能为空'))
+        } else if (!this.form.aContractorName) {
+          callback(new Error('用户不能为空'))
+        } else if (!this.form.aContractorLeader) {
+          callback(new Error('用户主管不能为空'))
+        } else if (!this.form.aContractorTel) {
+          callback(new Error('用户电话不能为空'))
+        } else if (!this.form.aContractorOffice) {
+          callback(new Error('用户办公室不能为空'))
+        } else {
+          callback();
+        }
+      };
+      var validateruleB = (rule, value, callback) => {
+        if (!this.form.bDeviceName) {
+          callback(this.$message.error('装置设备名称不能为空'))
+        } else if (!this.form.bWorkContent) {
+          callback(this.$message.error('工作内容描述不能为空'))
+        } else if (!this.form.bAreaNo) {
+          callback(this.$message.error('位置/区域号不能为空'))
+        } /*else if (this.value1 == null || this.value1.length < 2) {
+        callback(this.$message.error('有效期不能为空'))
+      }*/ else {
+          callback();
+        }
+      };
+      return {
+        aConstructions: [],
+        aConstructionsQuery: {
+          parentId: 500
+        },
+        pdf: {
+          title: '',
+          pdfUrl: '',
+          numPages: null,
+          open: false,
+          pageNum: 1,
+          pageTotalNum: 1,
+          loadedRatio: 0,
+        },
+        loadingFlash: false,
+        hIdDisabled: false,
+        form: {
+          hId: null,
+          aEquipmentName: null,
+          aEquipmentLeader: null,
+          aEquipmentTel: null,
+          aEquipmentOffice: null,
+          aConstructionName: null,
+          aConstructionLeader: null,
+          aConstructionTel: null,
+          aConstructionOffice: null,
+          aContractorName: null,
+          aContractorLeader: null,
+          aContractorTel: null,
+          aContractorOffice: null,
+          aIsNeedSafeLiaison: '2',
+          aSafeLiaisonName: null,
+          aSafeLiaisonSign: null,
+          aSafeLiaisonTel: null,
+          aSafeLiaisonOffice: null,
+          bDeviceName: null,
+          bWorkContent: null,
+          bValidityStartTime: null,
+          bValidityEndTime: null,
+          bFireWorkGrade: null,
+          cIsWorkToFire: null,
+          cIsWorkToBlast: null,
+          cIsWorkToEnvir: null,
+          cIsDeviceToBlast: null,
+          cIsOtherA: null,
+          aId: null,
+          cIsOtherFire: null,
+          cOtherFireContent: null,
+          dIsSiteDemarcation: null,
+          dSiteDemarcationContent: null,
+          dSafeImplSign11: null,
+          dSafeImplDate11: null,
+          dSafeLiftedSign11: null,
+          dSafeLiftedDate11: null,
+          dIsCloseTrucks: null,
+          dSafeImplSign12: null,
+          dSafeImplDate12: null,
+          dSafeLiftedSign12: null,
+          dSafeLiftedDate12: null,
+          dIsTrucksDistance: null,
+          dLowTrucksDistance: null,
+          dSafeImplSign13: null,
+          dSafeImplDate13: null,
+          dSafeLiftedSign13: null,
+          dSafeLiftedDate13: null,
+          dIsLeakFlanges: null,
+          dSafeImplSign14: null,
+          dSafeImplDate14: null,
+          dIsOverlayPipe: null,
+          dSafeImplSign15: null,
+          dSafeImplDate15: null,
+          dSafeLiftedSign15: null,
+          dSafeLiftedDate15: null,
+          dIsRemoveCombustibles: null,
+          dSafeImplSign16: null,
+          dSafeImplDate16: null,
+          dIsProvideFireExt: null,
+          dSafeImplSign17: null,
+          dSafeImplDate17: null,
+          dSafeLiftedSign17: null,
+          dSafeLiftedDate17: null,
+          dIsFireConfirmForm: null,
+          dSafeImplSign18: null,
+          dSafeImplDate18: null,
+          dIsNaturalVen: null,
+          dNaturalVenContent: null,
+          dSafeImplSign21: null,
+          dSafeImplDate21: null,
+          dSafeLiftedSign21: null,
+          dSafeLiftedDate21: null,
+          dIsMecVen: null,
+          dMecVenContent: null,
+          dSafeImplSign22: null,
+          dSafeImplDate22: null,
+          dSafeLiftedSign22: null,
+          dSafeLiftedDate22: null,
+          dIsAnalyzeAir: null,
+          dAnalyzeAirContent: null,
+          dIsFloodWater: null,
+          dSafeImplSign31: null,
+          dSafeImplDate31: null,
+          dSafeLiftedSign31: null,
+          dSafeLiftedDate31: null,
+          dIsProInertGas: null,
+          dProInertGasContent: null,
+          dSafeImplSign32: null,
+          dSafeImplDate32: null,
+          dSafeLiftedSign32: null,
+          dSafeLiftedDate32: null,
+          dIsCleanFlush: null,
+          dCleanFlushContent: null,
+          dSafeImplSign33: null,
+          dSafeImplDate33: null,
+          dIsGasAnalysis: null,
+          dGasAnalysisContent: null,
+          dSafeImplSign34: null,
+          dSafeImplDate34: null,
+          dIsCloseFireControl: null,
+          dSafeImplSign41: null,
+          dSafeImplDate41: null,
+          dSafeLiftedSign41: null,
+          dSafeLiftedDate41: null,
+          dIsOtherMeasure: null,
+          dOtherMeasureContent: null,
+          dSafeImplSign42: null,
+          dSafeImplDate42: null,
+          dSafeLiftedSign42: null,
+          dSafeLiftedDate42: null,
+          dDangerSpaceOne: null,
+          dDangerSpaceOneLeader: null,
+          dDangerSpaceOneOffice: null,
+          dDangerSpaceOneTel: null,
+          dDangerSpaceOneItem: null,
+          dDangerSpaceTwo: null,
+          dDangerSpaceTwoLeader: null,
+          dDangerSpaceTwoOffice: null,
+          dDangerSpaceTwoTel: null,
+          dDangerSpaceTwoItem: null,
+          dDangerSpaceThree: null,
+          dDangerSpaceThreeLeader: null,
+          dDangerSpaceThreeOffice: null,
+          dDangerSpaceThreeTel: null,
+          dDangerSpaceThreeItem: null,
+          dDangerSpaceFour: null,
+          dDangerSpaceFourLeader: null,
+          dDangerSpaceFourOffice: null,
+          dDangerSpaceFourTel: null,
+          dDangerSpaceFourItem: null,
+          dDangerApproveSignOne: null,
+          dDangerApproveDateOne: null,
+          dDangerApproveSignTwo: null,
+          dDangerApproveDateTwo: null,
+          dDangerApproveSignThree: null,
+          dDangerApproveDateThree: null,
+          dDangerApproveSignFour: null,
+          dDangerApproveDateFour: null,
+          dIsSafeBriefing: null,
+          dPartakeBriefingSign: null,
+          dPartakeBriefingDate: null,
+          dNoReasonContent: null,
+          eIsContineCheckAir: null,
+          eIsKeepWet: null,
+          eIsCheckInertGasPro: null,
+          eIsWaterPro: null,
+          eIsFireWaterPipe: null,
+          eIsProFireExt: null,
+          eFireExtType: null,
+          eFireExtNum: null,
+          eIsFallArrest: null,
+          eFallArrestContent: null,
+          eIsWeldingMachine: null,
+          eIsOtherMeasure: null,
+          eOtherMeasureContent: null,
+          eIsContinueMonitoring: null,
+          eSafeAttendant: null,
+          eSafeAttendantSign: null,
+          eIsNaturalVen: null,
+          eNaturalVenContent: null,
+          eIsMecVen: null,
+          eMecVenContent: null,
+          eIsExxtractDust: null,
+          eIsAnalyzeAir: null,
+          eAnalyzeAirContent: null,
+          eAnalyzeAirInterval: null,
+          eIsOtherVen: null,
+          eOtherVenContent: null,
+          fIsFireEndCheck: null,
+          fProfessional: null,
+          fIsNoticeD: null,
+          fNoticeOne: null,
+          fNoticeTwo: null,
+          fNoticeThree: null,
+          fNoticeFour: null,
+          fIsOtherSafeMeasures: null,
+          fOtherSafeMeasuresContent: null,
+          gFirstSign: null,
+          gFirstDate: null,
+          gSecondSign: null,
+          gSecondDate: null,
+          gThirdSign: null,
+          gThirdDate: null,
+          gIsSpecialAssessment: null,
+          gSpecialAssessment: null,
+          hSafeMesSign: null,
+          hSafeMesDate: null,
+          hVNoOne: null,
+          hVNoTwo: null,
+          hVNoThree: null,
+          iOneASign: null,
+          iOneADate: null,
+          iOneBSign: null,
+          iOneBDate: null,
+          kConfirmSign: null,
+          kConfirmDate: null,
+          lNoticeSign: null,
+          lNoticeDate: null,
+          mAssessDContent: null,
+          mAssessDSign: null,
+          mAssessDDate: null,
+          mOtherLicenceOne: null,
+          mOtherLicenceTwo: null,
+          mOtherLicenceThree: null,
+          wordUrl: null,
+          pdfUrl: null
+        },
+        rules: {
+          ruleA1: [
+            {validator: validateruleA1, trigger: 'blur'}
+          ],
+          ruleB: [
+            {validator: validateruleB, trigger: 'blur'}
+          ],
+        },
+        /* 日期格式模板,目前年月日均默认当日 */
+        /* value1: [
+                  new Date(2000, 10, 10, 10, 10),
+                  new Date(2000, 10, 11, 10, 10),
+                ], */
+        value1: [],
+        //新增修改窗口内容是否展开
+        activeNames: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15'],
+      }
+    },
+    /* 页面渲染前执行的方法*/
+    created() {
+      this.queryMatters();
+      //加载施工单位
+      listDept(this.aConstructionsQuery).then(response => {
+        this.aConstructions = response.data;
+      })
+      var id = this.$route.query.hId;
+      console.log("id=============" + id)
+      if (id != null) {
+        getFireInfo(id).then(response => {
+          // this.form = response.data
+          this.form = response.data;
+          this.form.hId = id
+          this.form.aIsNeedSafeLiaison = response.data.aIsNeedSafeLiaison.toString()
+          if (response.data.bValidityStartTime) {
+            this.$set(this.value1, 0, response.data.bValidityStartTime);
+          }
+          if (response.data.bValidityEndTime) {
+            this.$set(this.value1, 1, response.data.bValidityEndTime);
+          }
+          this.msgSuccess(this.$t('数据加载成功'));
+        });
+        this.hIdDisabled = true;
+      }
+      if (this.$route.query.data) {
+        let invoice = {};
+        let data = JSON.parse(this.$route.query.data);
+        getInfoByInvoiceId(data.bookingworkticket.id).then(res => {
+            invoice = res.data;
+            console.log("2222--", data)
+            console.log("3333--", invoice)
+            // A-装置信息
+            this.form.aEquipmentName = 'CBP/C';
+            this.form.aEquipmentLeader = invoice.devSup.nickName;
+            this.form.aEquipmentTel = invoice.devSup.phonenumber;
+            this.form.aEquipmentOffice = '/';
+            // A-承包商
+            getDept(invoice.user.deptId).then(res => {
+              this.form.aConstructionName = res.data.deptName;
+              this.form.aConstructionLeader = res.data.leader;
+              this.form.aConstructionTel = res.data.phone;
+            })
+            this.form.aConstructionOffice = '/';
+            // A-用户主管
+            this.form.aContractorName = data.bookingworkticket.userUnit;
+            this.form.aContractorLeader = invoice.userSup.nickName;
+            this.form.aContractorOffice = '/';
+            this.form.aContractorTel = invoice.userSup.phonenumber;
+            //B-位置/区域号:
+            this.form.bAreaNo = data.bookingworkticket.workArea;
+            //B-工作内容
+            this.form.bWorkContent = data.workDescription;
+          }
+        )
+
+      }
+    },
+    methods: {
+      handleSee() {
+        console.log(this.form.pdfUrl)
+        this.loadingFlash = true
+        this.pdf.open = true
+        this.pdf.pdfUrl = process.env.VUE_APP_BASE_API + '/pdf/web/viewer.html?file=' + process.env.VUE_APP_BASE_API + this.form.pdfUrl
+        this.loadingFlash = false
+      },
+      openPdf() {
+        window.open(this.pdf.pdfUrl)
+      },
+      handleDownload() {
+        window.open(process.env.VUE_APP_BASE_API + this.form.wordUrl)
+      },
+      hIdClick() {
+        this.$refs["form"].validate(valid => {
+          if (valid) {
+            if (this.form.hId == null) {
+              this.dataSet();
+              addFireTicket(this.form).then(response => {
+                this.form.hId = response.data;
+                this.msgSuccess(this.$t('生成ID成功'));
+                if (this.$route.query.data) {
+                  let putData = JSON.parse(this.$route.query.data)
+                  console.log('5555---', putData)
+                  updateWorkcontent({dhzyxkzh: this.form.hId + '', id: putData.id}).then(res => {
+                    putData.dhzyxkzh = this.form.hId;
+                    batchAddJobticket([putData]).then(response => {
+                      this.msgSuccess(this.$t(response.msg));
+                    });
+                  });
+                }
+              });
+              this.hIdDisabled = true;
+            } else {
+            }
+          }
+        });
+
+      },
+      //提交当前数据
+      onSubmit() {
+        this.dataSet();
+        updateFireTicket(this.form).then(response => {
+          this.msgSuccess(this.$t('票据数据已更新'));
+        });
+      },
+      //数据提交时保存的数据处理
+      dataSet() {
+        //B栏有效期开始结束时间处理
+        this.form.bValidityStartTime = this.value1[0] == null ? null : this.value1[0];
+        this.form.bValidityEndTime = this.value1[1] == null ? null : this.value1[1];
+      },
+      falseCheckbox() {
+        this.cIsToxic = null;
+        this.cIsFlammable = null;
+        this.cIsOxidizing = null;
+        this.cIsExplosive = null;
+        this.cIsCorrosive = null;
+        this.cIsIrritantToxic = null;
+        this.cIsHealthHazard = null;
+        this.cIsCompressedGas = null;
+        this.cIsEnvironmentalHazard = null;
+      },
+      queryMatters() {
+        listMatters().then(response => {
+          this.matterNames = response.data;
+          console.log(this.matterNames)
+        })
+      },
+      // 取消所有防护用品选中
+      falseProtect() {
+        this.eIsSafeGoggles = "0";
+        this.eIsFaceShield = "0";
+        this.eIsProtectGloves = "0";
+        this.eProtectGlovesContent = null;
+        this.eIsRubberBoots = "0";
+        this.eIsRubberApron = "0";
+        this.eIsProtectSuit = "0";
+        this.eProtectSuitContent = null;
+        this.eIsResProtect = "0";
+        this.eResProtectContent = null;
+        this.eIsFallArrest = "0";
+        this.eFallArrestContent = null;
+      },
+      /* 为多选框进行动态选择*/
+      trueCheckbox(arr) {
+        arr.forEach((m) => {
+          this[m] = true;
+        })
+      },
+      //施工单位后台数据联动
+      aConstructionChange(val) {
+        this.aConstructions.forEach(t => {
+          console.log(val)
+          if (val == t.deptId) {
+            this.form.aConstructionLeader = t.leader;
+            this.form.aConstructionTel = t.phone;
+            this.form.aConstructionOffice = '/';
+          }
+        })
+      },
+      allExpand() {
+        this.activeNames = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16'];
+      },
+      allShrink() {
+        this.activeNames = [];
+      },
+//取消选中设备内物质处于危险状态-清除数据
+      eHazardsChange() {
+        if (this.isEquipmentHazards == '0') {
+          this.form.cIsHighTemp = null;
+          this.form.cIsLowTemp = null;
+          this.form.cIsPosPressure = null;
+          this.form.cIsNegPressure = null;
+        }
+      },
+      //取消施工对生产单位的危害-清除数据
+      cHazardsProdChange() {
+        if (this.form.cIsHazardsProd == '0') {
+          this.form.cIsHazardsProdContent = null;
+        }
+      },
+      //取消来自设备/设施的危害-清除数据
+      facilityChange() {
+        if (this.isFacilityHazards == '0') {
+          this.form.cIsMovingParts = null;
+          this.form.cIsHotSurfaces = null;
+          this.form.cIsColdSurfaces = null;
+          this.form.cIsVoltages = null;
+        }
+      },
+      //取消安全保护设备的施工-清除数据
+      workProChange() {
+        if (this.form.cIsWorkProtective == '0') {
+          this.form.cIsDy = null;
+          this.form.cIsAqf = null;
+          this.form.cIsLq = null;
+        }
+      },
+      //TODO D栏否的状态清除数据\
+      //D-1.1
+      dIsOpenSafeChange() {
+        if (this.form.dIsOpenSafe == '0') {
+          this.form.dSafeImplSign11 = null;
+          this.form.dSafeImplDate11 = null;
+        }
+      },
+      commonYesMethod(val) {
+        /*this[val] = "1";*/
+        console.log(val + " : " + this[val])
+      },
+      commonNoMethod(val) {
+        /*this[val] = "0";*/
+        console.log(val + " : " + this[val])
+      }
+    }
+  };
+</script>

+ 2361 - 0
ui/src/views/invoicing/highwork/index.vue

@@ -0,0 +1,2361 @@
+<template>
+  <div>
+    <div>
+      <el-form ref="form" :model="form" :rules="rules">
+        <div class="hazardwork" style="background-color: #E6BCE0;">
+          <table style="width: 100%;margin-bottom: 8px;">
+            <tr>
+              <td>表格</td>
+              <td><b>C00-6.3.0-00FSH-207.2</b></td>
+              <td><b>动火工作许可证 危害评估及安全措施</b></td>
+              <td>
+                <div>修订:04</div>
+                <div>日期:19-9-2022</div>
+                <div>页次:1 of 2</div>
+              </td>
+              <td>
+                <el-input style="width: 200px;" v-model="form.hId" placeholder="点击生成票据ID" @focus="hIdClick"
+                          :disabled="hIdDisabled">
+                  <i slot="prefix" class="el-input__icon el-icon-word">H</i>
+                </el-input>
+              </td>
+              <td>
+                <el-button @click="allExpand">全部展开</el-button>
+              </td>
+              <td>
+                <el-button @click="allShrink">全部关闭</el-button>
+              </td>
+              <td>
+                <el-button type="primary" v-show="form.hId" @click="onSubmit">提交当前数据</el-button>
+              </td>
+              <td>
+                <el-form-item>
+                  <el-button v-if="form.pdfUrl" type="success" @click="handleSee">预览</el-button>
+                  <el-button v-if="form.pdfUrl" type="success" @click="handleDownload">下载</el-button>
+                </el-form-item>
+              </td>
+            </tr>
+          </table>
+          <el-row :gutter="20">
+            <!-- 左侧栏 -->
+            <el-col :span="12">
+              <el-collapse v-model="activeNames">
+                <el-collapse-item title="A 基本信息" name="1">
+                  <el-form-item prop="ruleA1">
+                    <div>
+                      <table style="width: 100%;">
+                        <tr>
+                          <td>1. 装置/部门:
+                            <el-input v-model="form.aEquipmentName" style="width: calc(100% - 95px);"></el-input></td>
+                          <td style="text-align: right;white-space: nowrap;">装置/部门主管:</td>
+                          <td><el-input v-model="form.aEquipmentLeader"/></td>
+                          <td style="white-space: nowrap;">
+                            <i class="el-icon-phone"></i>:
+                            <el-input v-model="form.aEquipmentTel" style="width: 110px"/></td>
+                          <td style="white-space: nowrap;">办公室:</td>
+                          <td width="90"><el-input v-model="form.aEquipmentOffice"/></td>
+                        </tr>
+                        <tr>
+                          <td>2. 施工单位:
+                            <el-select v-model="form.aConstructionName" filterable placeholder="请选择施工单位"
+                                       @change="aConstructionChange(form.aConstructionName)" style="width: calc(100% - 93px)">
+                              <el-option v-for="item in aConstructions" :key="item.deptId" :label="item.deptName"
+                                         :value="item.deptId">
+                              </el-option>
+                            </el-select>
+                          </td>
+                          <td style="text-align: right">施工单位主管:</td>
+                          <td><el-input v-model="form.aConstructionLeader"/>
+                          </td>
+                          <td style="white-space: nowrap;">
+                            <i class="el-icon-phone"></i>:
+                            <el-input v-model="form.aConstructionTel" style="width: 110px"/>
+                          </td>
+                          <td>办公室:</td>
+                          <td> <el-input v-model="form.aConstructionOffice"/></td>
+                        </tr>
+                        <tr>
+                          <td>3.
+                            用户(涉及外部承包商时):
+                            <el-input v-model="form.aContractorName" style="width: calc(100% - 188px)"/>
+                          </td>
+                          <td style="text-align: right">用户主管:</td>
+                          <td><el-input v-model="form.aContractorLeader"/></td>
+                          <td style="white-space: nowrap;">
+                            <i class="el-icon-phone"></i>:
+                            <el-input v-model="form.aContractorTel" style="width: 110px"/>
+                          </td>
+                          <td>办公室:</td>
+                          <td><el-input v-model="form.aContractorOffice"/></td>
+                        </tr>
+                        <tr>
+                          <td>4. 需要安全联络员?
+                            <el-radio v-model="form.aIsNeedSafeLiaison" label="1">是</el-radio>
+                            <el-radio v-model="form.aIsNeedSafeLiaison" label="2">否</el-radio></td>
+                          <td style="text-align: right">姓名:</td>
+                          <td><el-input v-model="form.aSafeLiaisonName"
+                                        :disabled="form.aIsNeedSafeLiaison==1?false:true"/>
+                          </td>
+                          <!--                          <td>-->
+                          <!--                            签名:-->
+                          <!--                            <el-input style="width: 100px;" v-model="form.aSafeLiaisonSign"-->
+                          <!--                                      :disabled="form.aIsNeedSafeLiaison==1?false:true"/>-->
+                          <!--                          </td>-->
+                          <td style="white-space: nowrap;">
+                            <i class="el-icon-phone"></i>:
+                            <el-input v-model="form.aSafeLiaisonTel"
+                                      :disabled="form.aIsNeedSafeLiaison==1?false:true" style="width: 110px"/>
+                          </td>
+                          <td>
+                            办公室:</td>
+                          <td><el-input v-model="form.aSafeLiaisonOffice"
+                                        :disabled="form.aIsNeedSafeLiaison==1?false:true"/></td>
+                        </tr>
+                      </table>
+                    </div>
+                  </el-form-item>
+                </el-collapse-item>
+                <el-collapse-item title="B 工作内容" name="2">
+                  <el-form-item prop="ruleB">
+                    <table style="width: 100%;">
+                      <tr>
+                        <td style="white-space: nowrap">1.装置设备:
+                          <el-input v-model="form.bDeviceName" style="width: 480px"/>
+                        </td>
+                        <td style="text-align: right">位置/区域号:</td>
+                        <td><el-input v-model="form.bAreaNo"/>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td colspan="3">2.工作内容描述:
+                          <el-input style="width: calc(100% - 116px);vertical-align: top" type="textarea" v-model="form.bWorkContent"/>
+                        </td>
+                      </tr>
+                      <tr>
+                        <td colspan="3" class="short-checkbox">3. 动火作业分级:
+                          <el-checkbox v-model="form.bFireWorkGrade" :true-label="0"/>
+                          特级
+                          <el-checkbox v-model="form.bFireWorkGrade" :true-label="1"/>
+                          一级
+                          <el-checkbox v-model="form.bFireWorkGrade" :true-label="2"/>
+                          二级
+                        </td>
+                      </tr>
+                      <tr>
+                        <td colspan="3">4.有效期:由
+                          <el-date-picker v-model="value1" type="datetimerange" range-separator="至"
+                                          start-placeholder="开始日期" end-placeholder="结束日期">
+                          </el-date-picker>
+                        </td>
+                      </tr>
+                    </table>
+                  </el-form-item>
+                </el-collapse-item>
+                <el-collapse-item title="C 危害识别" name="3">
+                  <table style="width: 100%;">
+                    <tr>
+                      <td colspan="2" class="short-checkbox">
+                        <el-checkbox v-model="form.isYesDanger" true-label="1" false-label="0"/>
+                        危害物质(正常运行时存在于设备中的物料名称):
+                        <!-- 物料数据源绑定 -->
+                        <el-select v-model="form.cHarmMatterName" clearable placeholder="请选择物料名称"
+                                   @change="selectChange(form.cHarmMatterName)">
+                          <el-option v-for="item in matterNames" :key="item.id" :label="item.matterName"
+                                     :value="item.id">
+                          </el-option>
+                        </el-select>
+                      </td>
+                    </tr>
+                    <!-- 图标及物料特性根据物料进行动态展示 -->
+                    <tr>
+                      <td colspan="2" class="short-checkbox">
+                        <el-row>
+                          <el-col :span="3">是否有GHS标识
+                            <el-checkbox v-model="form.cIsDanger" true-label="1" false-label="0"/></el-col>
+                          <el-col :span="2.5" style="text-align: center">
+                            <el-image style="width: 70px;height: 70px;" :src="require('@/assets/image/toxicIcon.png')">
+                            </el-image>
+                            <div>毒性</div>
+                            <el-checkbox v-model="cIsToxic" true-label="1" false-label="0"/>
+                          </el-col>
+                          <el-col :span="2.5" style="text-align: center">
+                            <el-image style="width: 70px;height: 70px;" :src="require('@/assets/image/flammableIcon.png')">
+                            </el-image>
+                            <div>易燃性</div>
+                            <el-checkbox v-model="cIsFlammable" true-label="1" false-label="0"/>
+                          </el-col>
+                          <el-col :span="2.5" style="text-align: center">
+                            <el-image style="width: 70px;height: 70px;" :src="require('@/assets/image/oxidizingIcon.png')">
+                            </el-image>
+                            <div>氧化性</div>
+                            <el-checkbox v-model="cIsOxidizing" true-label="1" false-label="0"/>
+                          </el-col>
+                          <el-col :span="2.5" style="text-align: center">
+                            <el-image style="width: 70px;height: 70px;" :src="require('@/assets/image/explosiveIcon.png')">
+                            </el-image>
+                            <div>爆炸性</div>
+                            <el-checkbox v-model="cIsExplosive" true-label="1" false-label="0"/>
+                          </el-col>
+                          <el-col :span="2.5" style="text-align: center">
+                            <el-image style="width: 70px;height: 70px;" :src="require('@/assets/image/corrosiveIcon.png')">
+                            </el-image>
+                            <div>腐蚀性</div>
+                            <el-checkbox v-model="cIsCorrosive" true-label="1" false-label="0"/>
+                          </el-col>
+                          <el-col :span="2.5" style="text-align: center">
+                            <el-image style="width: 70px;height: 70px;"
+                                      :src="require('@/assets/image/irritantSensitizationToxicIcon.png')">
+                            </el-image>
+                            <div>刺激性/致敏性/毒性</div>
+                            <el-checkbox v-model="cIsIrritantToxic" true-label="1" false-label="0"/>
+                          </el-col>
+                          <el-col :span="2.5" style="text-align: center">
+                            <el-image style="width: 70px;height: 70px;"
+                                      :src="require('@/assets/image/healthHazardIcon.png')">
+                            </el-image>
+                            <div>健康危害</div>
+                            <el-checkbox v-model="cIsHealthHazard" true-label="1" false-label="0"/>
+                          </el-col>
+                          <el-col :span="2.5" style="text-align: center">
+                            <el-image style="width: 70px;height: 70px;"
+                                      :src="require('@/assets/image/compressedGasIcon.png')">
+                            </el-image>
+                            <div>压力下气体</div>
+                            <el-checkbox v-model="cIsCompressedGas" true-label="1" false-label="0"/>
+                          </el-col>
+                          <el-col :span="2.5" style="text-align: center">
+                            <el-image style="width: 70px;height: 70px;"
+                                      :src="require('@/assets/image/environmentalHazardIcon.png')">
+                            </el-image>
+                            <div>危害水生环境</div>
+                            <el-checkbox v-model="cIsEnvironmentalHazard" true-label="1" false-label="0"/>
+                          </el-col>
+                        </el-row>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="short-checkbox">
+                        <el-checkbox v-model="isEquipmentHazards" true-label="1" false-label="0"
+                                     @change="eHazardsChange"/>
+                        设备内物质处于危险状态
+                        (
+                        <el-checkbox v-model="form.cIsHighTemp" true-label="1" false-label="0"
+                                     :disabled="isEquipmentHazards==true?false:true" @change="highTempChange"/>
+                        高温
+                        /
+                        <el-checkbox v-model="form.cIsLowTemp" true-label="1" false-label="0"
+                                     :disabled="isEquipmentHazards==true?false:true"
+                                     @change="lowTempChange"/>
+                        低温;
+                        <el-checkbox v-model="form.cIsPosPressure" true-label="1" false-label="0"
+                                     :disabled="isEquipmentHazards==true?false:true"
+                                     @change="posPressureChange"/>
+                        正压
+                        /
+                        <el-checkbox v-model="form.cIsNegPressure" true-label="1" false-label="0"
+                                     :disabled="isEquipmentHazards==true?false:true"
+                                     @change="negPressureChange"/>
+                        负压
+                        )
+                      </td>
+                      <td class="short-checkbox">
+                        <el-checkbox v-model="form.cIsHazardsProd" true-label="1" false-label="0"
+                                     @change="cHazardsProdChange"/>
+                        施工对生产装置可能造成的危害:
+                        <el-input style="width: 150px;" v-model="form.cIsHazardsProdContent"
+                                  :disabled="form.cIsHazardsProd==true?false:true"/>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="short-checkbox">
+                        <el-checkbox v-model="isFacilityHazards" true-label="1" false-label="0"
+                                     @change="facilityChange"/>
+
+                        来自设备/设施的危害(
+                        <el-checkbox v-model="form.cIsMovingParts" true-label="1" false-label="0"
+                                     :disabled="isFacilityHazards==true?false:true"/>
+                        移动部件,
+                        <el-checkbox v-model="form.cIsHotSurfaces" true-label="1" false-label="0"
+                                     :disabled="isFacilityHazards==true?false:true"
+                                     @change="hotSurfacesChange"/>
+                        热表面/
+                        <el-checkbox v-model="form.cIsColdSurfaces" true-label="1" false-label="0"
+                                     :disabled="isFacilityHazards==true?false:true"
+                                     @change="coldSurfacesChange"/>
+                        冷表面,
+                        <el-checkbox v-model="form.cIsVoltages" true-label="1" false-label="0"
+                                     :disabled="isFacilityHazards==true?false:true"/>
+                        电压
+                        )
+                      </td>
+                      <td class="short-checkbox">
+                        <el-checkbox v-model="form.cIsWorkToFire" :true-label="1" :false-label="0"/>
+                        动火可能引起火灾
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="short-checkbox">
+                        <el-checkbox v-model="form.cIsWorkProtective" true-label="1" false-label="0"
+                                     @change="workProChange"/>
+                        安全保护设备的施工(
+                        <!--                        <el-checkbox v-model="form.cIsDy" true-label="1" false-label="0"-->
+                        <!--                                     :disabled="form.cIsWorkProtective==1?false:true"/>-->
+                        电仪安全保护设备,
+                        <!--                        <el-checkbox v-model="form.cIsAqf" true-label="1" false-label="0"-->
+                        <!--                                     :disabled="form.cIsWorkProtective==1?false:true"/>-->
+                        安全阀,
+                        <!--                        <el-checkbox v-model="form.cIsLq" true-label="1" false-label="0"-->
+                        <!--                                     :disabled="form.cIsWorkProtective==1?false:true"/>-->
+                        冷却系统)
+                      </td>
+                      <td class="short-checkbox">
+                        <el-checkbox v-model="form.cIsWorkToBlast" :true-label="1" :false-label="0"/>
+                        在防爆区内有爆炸危害
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="short-checkbox">
+                        <el-checkbox v-model="form.cIsDeviceToBlast" :true-label="1" :false-label="0"/>
+                        设备、储罐、管线有爆炸危害
+                      </td>
+                      <td class="short-checkbox">
+                        <el-checkbox v-model="form.cIsWorkToEnvir" :true-label="1" :false-label="0"/>
+                        动火对周边环境有危害
+                      </td>
+                    </tr>
+                    <tr>
+                      <td class="short-checkbox">
+                        <el-checkbox v-model="form.cIsOtherFire" true-label="1" :false-label="0"/>
+                        其它危害:
+                        <el-input v-model="form.cOtherFireContent" style="width: calc(100% - 104px)"/>
+                      </td>
+                      <td class="short-checkbox">
+                        <el-checkbox v-model="form.cIsOtherA" :true-label="1" :false-label="0"/>
+                        涉及的其它作业,相关许可证:
+                        <el-input style="width: 158px;" v-model="form.aId"><i slot="prefix" class="el-input__icon el-icon-word">A</i>
+                        </el-input>
+                      </td>
+                    </tr>
+                  </table>
+                </el-collapse-item>
+                <el-collapse-item title="D 施工前的安全措施" name="4">
+                  <table style="width: 100%">
+                    <tr>
+                      <td></td>
+                      <th width="30" style="text-align: center">是</th>
+                      <th width="30" style="text-align: center">否</th>
+                      <th>安全措施完成,签名/日期</th>
+                      <th>安全措施撤销,签名/日期</th>
+                    </tr>
+                    <tr>
+                      <td><b>1.设备隔离图及详细隔离清单:</b><el-input style="width: calc(100% - 182px)"/></td>
+                      <td style="text-align: center;"><el-checkbox/></td>
+                      <td style="text-align: center;"><el-checkbox/></td>
+                      <td>
+                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" />
+                        <el-date-picker style="width: 50%;"
+                                        type="date">
+                        </el-date-picker>
+                      </td>
+                      <td>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>切割确认表:<el-input style="width: calc(100% - 80px)" /></td>
+                      <td style="text-align: center;"><el-checkbox/></td>
+                      <td style="text-align: center;"><el-checkbox/></td>
+                      <td>
+                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" />
+                        <el-date-picker style="width: 50%;"
+                                        type="date">
+                        </el-date-picker>
+                      </td>
+                      <td></td>
+                    </tr>
+                    <tr>
+                      <td colspan="5"><b>2.确保E&l设备安全</b></td>
+                    </tr>
+                    <tr>
+                      <td>2.1 通过打开安全开关断电并上锁和运转测试</td>
+                      <td style="text-align: center;"><el-checkbox v-model="form.dIsOpenSafe" true-label="1"/></td>
+                      <td style="text-align: center;"><el-checkbox v-model="form.dIsOpenSafe" true-label="0" @change="dIsOpenSafeChange"/></td>
+                      <td>
+                        <el-input style="width: 50%" v-model="form.dSafeImplSign11" readonly prefix-icon="el-icon-edit"
+                                  :disabled="form.dIsOpenSafe==1?false:true" @focus="signCard('dSafeImplSign11')">
+                        </el-input>
+                        <!--                      <el-button type="primary" slot="append"-->
+                        <!--                                 icon="el-icon-edit"-->
+                        <!--                                 :disabled="form.dIsOpenSafe==1?false:true"></el-button>-->
+                        <el-date-picker style="width: 50%" v-model="form.dSafeImplDate11" type="date"
+                                        format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss"
+                                        :disabled="form.dIsOpenSafe==1?false:true">
+                        </el-date-picker>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" />
+                        <el-date-picker style="width: 50%;"
+                                        type="date">
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>2.2 断开电源,通过:</td>
+                      <td></td>
+                      <td></td>
+                      <td></td>
+                      <td></td>
+                    </tr>
+                    <tr>
+                      <td>断开电源线</td>
+                      <td style="text-align: center;"><el-checkbox v-model="form.dIsDisFeeder" true-label="1" false-label="0"
+                                                                   :disabled="form.dIsDkdyx !== null?false:true"/></td>
+                      <td style="text-align: center;"><el-checkbox v-model="form.dIsDisFeeder" true-label="0" false-label="1"
+                                                                   @change="dIsDisFeederChange"
+                                                                   :disabled="form.dIsDkdyx !== null?false:true"/></td>
+                      <td rowspan="4">
+                        <el-input style="width: 50%;" v-model="form.dDisFeederImplSign" readonly
+                                  :disabled="form.dIsDisFeeder==1?false:true" prefix-icon="el-icon-edit"
+                                  @focus="signCard('dDisFeederImplSign')">
+                        </el-input>
+                        <el-date-picker style="width: 50%" v-model="form.dDisFeederImplDate" type="date"
+                                        format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss"
+                                        :disabled="form.dIsDisFeeder==1?false:true">
+                        </el-date-picker>
+                      </td>
+                      <td rowspan="4">
+                        <el-input style="width: 50%" v-model="form.dDisFeederLiftedSign" prefix-icon="el-icon-edit" disabled/>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        v-model="form.dDisFeederLiftedDate" type="date" disabled>
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>断开回路开关并上锁和运转测试 <el-input style="width: calc(100% - 188px)" v-model="form.dBreakInclContent"
+                                                   :disabled="form.dIsBreakIncl == 1?false:true"/></td>
+                      <td style="text-align: center;"> <el-checkbox v-model="form.dIsBreakIncl" true-label="1" false-label="0"
+                                                                    :disabled="form.dIsDisFeeder!== null?false:true"/></td>
+                      <td style="text-align: center;"><el-checkbox v-model="form.dIsBreakIncl" true-label="0" false-label="1"
+                                                                   @change="dIsBreakInclChange"
+                                                                   :disabled="form.dIsDisFeeder!== null?false:true"/></td>
+                    </tr>
+                    <tr>
+                      <td>电气回路编号:<el-input style="width:calc(100% - 93px);" v-model="form.dEleCircuitNo" @change="dElecircuitChange"
+                                           :disabled="form.dIsDqhl == 1?false:true"/></td>
+                      <td></td>
+                      <td></td>
+                    </tr>
+                    <tr>
+                      <td>仪表号/测点编号:<el-input style="width: calc(100% - 110px)" v-model="form.dInsTagNo" @change="dInsTagChange"
+                                             :disabled="form.dIsYbh == 1?false:true"/></td>
+                      <td></td>
+                      <td></td>
+                    </tr>
+                    <tr>
+                      <td>2.3 放射源由专业人员确保安全(日志)</td>
+                      <td style="text-align: center;"><el-checkbox v-model="form.dIsRadioactiveSources" true-label="1" false-label="0"
+                                                                   :disabled="form.dIsYbh!= null?false:true"/></td>
+                      <td style="text-align: center;"><el-checkbox v-model="form.dIsRadioactiveSources" true-label="0" false-label="1"
+                                                                   @change="dIsRadioactiveSourcesChange"
+                                                                   :disabled="form.dIsYbh!= null?false:true"/></td>
+                      <td>
+                        <el-input style="width: 50%;" v-model="form.dSafeImplSign13" readonly
+                                  :disabled="form.dIsRadioactiveSources==1?false:true"
+                                  @focus="signCard('dSafeImplSign13')" prefix-icon="el-icon-edit">
+                        </el-input>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        v-model="form.dSafeImplDate13" type="date"
+                                        :disabled="form.dIsRadioactiveSources==1?false:true">
+                        </el-date-picker>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign13" prefix-icon="el-icon-edit" disabled/>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%;"
+                                        v-model="form.dSafeLiftedDate13" type="date" disabled>
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>2.4 <el-input style="width: calc(100% - 25px)" v-model="form.dIsOtherEquSafeContent"
+                                        :disabled="form.dIsOtherEquSafe == 1?false:true"/></td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.dIsOtherEquSafe" true-label="1" false-label="0"
+                                     :disabled="form.dIsRadioactiveSources!= null?false:true"/>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.dIsOtherEquSafe" true-label="0" false-label="1"
+                                     @change="dIsOtherEquSafeChange"
+                                     :disabled="form.dIsRadioactiveSources!= null?false:true"/>
+                      </td>
+                      <td>
+                        <el-input style="width:50%;" v-model="form.dSafeImplSign14" readonly
+                                  :disabled="form.dIsOtherEquSafe==1?false:true" prefix-icon="el-icon-edit"
+                                  @focus="signCard('dSafeImplSign14')">
+                        </el-input>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        v-model="form.dSafeImplDate14" type="date"
+                                        :disabled="form.dIsOtherEquSafe==1?false:true">
+                        </el-date-picker>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%" v-model="form.dSafeLiftedSign14" prefix-icon="el-icon-edit" disabled/>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        v-model="form.dSafeLiftedDate14" type="date" disabled>
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td><b>3. 确保装置设备安全</b></td>
+                      <td colspan="4"></td>
+                    </tr>
+                    <tr>
+                      <td>3.1 泄压 /排空</td>
+                      <td style="text-align: center;"><el-checkbox v-model="form.dIsDepress" true-label="1" false-label="0"
+                                                                   :disabled="form.dIsOtherEquSafe!= null?false:true"/></td>
+                      <td style="text-align: center;"><el-checkbox v-model="form.dIsDepress" true-label="0" false-label="1" @change="dIsDepressChange"
+                                                                   :disabled="form.dIsOtherEquSafe!= null?false:true"/></td>
+                      <td>
+                        <el-input style="width: 50%;" v-model="form.dSafeImplSign21" readonly prefix-icon="el-icon-edit"
+                                  :disabled="form.dIsDepress==1?false:true" @focus="signCard('dSafeImplSign21')">
+                        </el-input>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        v-model="form.dSafeImplDate21" type="date"
+                                        :disabled="form.dIsDepress==1?false:true">
+                        </el-date-picker>
+                      </td>
+                      <td>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>3.2 单阀截断</td>
+                      <td style="text-align: center;"><el-checkbox v-model="form.dIsSingleBlocking" true-label="1" false-label="0"
+                                                                   :disabled="form.dIsDepress!= null?false:true"/></td>
+                      <td style="text-align: center;"><el-checkbox v-model="form.dIsSingleBlocking" true-label="0" false-label="1"
+                                                                   @change="dIsSingleBlockingChange"
+                                                                   :disabled="form.dIsDepress!= null?false:true"/></td>
+                      <td>
+                        <el-input style="width: 50%;" v-model="form.dSafeImplSign22" readonly
+                                  :disabled="form.dIsSingleBlocking==1?false:true" prefix-icon="el-icon-edit"
+                                  @focus="signCard('dSafeImplSign22')">
+                        </el-input>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        v-model="form.dSafeImplDate22" type="date"
+                                        :disabled="form.dIsSingleBlocking==1?false:true">
+                        </el-date-picker>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign22" prefix-icon="el-icon-edit" disabled/>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        v-model="form.dSafeLiftedDate22" type="date" disabled>
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>3.3 双阀截断与放空 </td>
+                      <td style="text-align: center;"><el-checkbox v-model="form.dIsDoubleBlock" true-label="1" false-label="0"
+                                                                   :disabled="form.dIsSingleBlocking!= null?false:true"/></td>
+                      <td style="text-align: center;"><el-checkbox v-model="form.dIsDoubleBlock" true-label="0" false-label="1"
+                                                                   @change="dIsDoubleBlockChange"
+                                                                   :disabled="form.dIsSingleBlocking!= null?false:true"/></td>
+                      <td>
+                        <el-input style="width: 50%;" v-model="form.dSafeImplSign23" readonly
+                                  :disabled="form.dIsDoubleBlock==1?false:true" prefix-icon="el-icon-edit"
+                                  @focus="signCard('dSafeImplSign23')">
+                        </el-input>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        v-model="form.dSafeImplDate23" type="date"
+                                        :disabled="form.dIsDoubleBlock==1?false:true">
+                        </el-date-picker>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign23" prefix-icon="el-icon-edit" disabled/>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        v-model="form.dSafeLiftedDate23" type="date" disabled>
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>3.4 使用 <el-input style="width: calc(100% - 120px)" v-model="form.dLockoutUsingContent"
+                                           :disabled="form.dIsLockoutUsing==1?false:true"/> 锁定 </td>
+                      <td style="text-align: center;"><el-checkbox v-model="form.dIsLockoutUsing" true-label="1" false-label="0"
+                                                                   :disabled="form.dIsDoubleBlock!= null?false:true"/></td>
+                      <td style="text-align: center;"><el-checkbox v-model="form.dIsLockoutUsing" true-label="0" false-label="1"
+                                                                   @change="dIsLockoutUsingChange"
+                                                                   :disabled="form.dIsDoubleBlock!= null?false:true"/></td>
+                      <td>
+                        <el-input style="width: 50%;" v-model="form.dSafeImplSign24" readonly prefix-icon="el-icon-edit"
+                                  :disabled="form.dIsLockoutUsing==1?false:true"
+                                  @focus="signCard('dSafeImplSign24')">
+                        </el-input>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        v-model="form.dSafeImplDate24" type="date"
+                                        :disabled="form.dIsLockoutUsing==1?false:true">
+                        </el-date-picker>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign24" prefix-icon="el-icon-edit" disabled/>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        v-model="form.dSafeLiftedDate24" type="date" disabled>
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>3.5 移去部分管线/短接 </td>
+                      <td style="text-align: center;"><el-checkbox v-model="form.dIsRemovePipe" true-label="1" false-label="0"
+                                                                   :disabled="form.dIsLockoutUsing!= null?false:true"/></td>
+                      <td style="text-align: center;"><el-checkbox v-model="form.dIsRemovePipe" true-label="0" false-label="1"
+                                                                   @change="dIsRemovePipeChange"
+                                                                   :disabled="form.dIsLockoutUsing!= null?false:true"/></td>
+                      <td>
+                        <el-input style="width: 50%;" v-model="form.dSafeImplSign25" readonly prefix-icon="el-icon-edit"
+                                  :disabled="form.dIsRemovePipe==1?false:true"
+                                  @focus="signCard('dSafeImplSign25')">
+                        </el-input>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        v-model="form.dSafeImplDate25" type="date"
+                                        :disabled="form.dIsRemovePipe==1?false:true">
+                        </el-date-picker>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%" v-model="form.dSafeLiftedSign25" prefix-icon="el-icon-edit" disabled/>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        v-model="form.dSafeLiftedDate25" type="date" disabled>
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>3.6 断开管线并加盖盲法兰 </td>
+                      <td style="text-align: center;"><el-checkbox v-model="form.dIsDisPipes" true-label="1" false-label="0"
+                                                                   :disabled="form.dIsRemovePipe!= null?false:true"/></td>
+                      <td style="text-align: center;"><el-checkbox v-model="form.dIsDisPipes" true-label="0" false-label="1"
+                                                                   @change="dIsDisPipesChange"
+                                                                   :disabled="form.dIsRemovePipe!= null?false:true"/></td>
+                      <td>
+                        <el-input style="width: 50%;" v-model="form.dSafeImplSign26" readonly prefix-icon="el-icon-edit"
+                                  :disabled="form.dIsDisPipes==1?false:true" @focus="signCard('dSafeImplSign26')">
+                        </el-input>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        v-model="form.dSafeImplDate26" type="date"
+                                        :disabled="form.dIsDisPipes==1?false:true">
+                        </el-date-picker>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%" v-model="form.dSafeLiftedSign26" prefix-icon="el-icon-edit" disabled/>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        v-model="form.dSafeLiftedDate26" type="date" disabled>
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>3.7 插入盲板 </td>
+                      <td style="text-align: center;"><el-checkbox v-model="form.dIsInsertBlindPlage" true-label="1" false-label="0"
+                                                                   :disabled="form.dIsDisPipes!= null?false:true"/></td>
+                      <td style="text-align: center;"><el-checkbox v-model="form.dIsInsertBlindPlage" true-label="0" false-label="1"
+                                                                   @change="dIsInsertBlindPlageChange"
+                                                                   :disabled="form.dIsDisPipes!= null?false:true"/></td>
+                      <td style="text-align: center;">
+                        <el-input style="width: 50%;" v-model="form.dSafeImplSign27" readonly prefix-icon="el-icon-edit"
+                                  :disabled="form.dIsInsertBlindPlage==1?false:true"
+                                  @focus="signCard('dSafeImplSign27')">
+                        </el-input>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        v-model="form.dSafeImplDate27" type="date"
+                                        :disabled="form.dIsInsertBlindPlage==1?false:true">
+                        </el-date-picker>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign27" prefix-icon="el-icon-edit" disabled/>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%;"
+                                        v-model="form.dSafeLiftedDate27" type="date" disabled>
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>3.8 机械安全措施:<el-input style="width: calc(100% - 118px)" v-model="form.dMecSecureContent"
+                                               :disabled="form.dIsMecSecure==1?false:true"/> </td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.dIsMecSecure" true-label="1" false-label="0"
+                                     :disabled="form.dIsInsertBlindPlage!= null?false:true"/>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.dIsMecSecure" true-label="0" false-label="1"
+                                     @change="dIsMecSecureChange"
+                                     :disabled="form.dIsInsertBlindPlage!= null?false:true"/>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-input style="width: 50%;" v-model="form.dSafeImplSign28" readonly prefix-icon="el-icon-edit"
+                                  :disabled="form.dIsMecSecure==1?false:true" @focus="signCard('dSafeImplSign28')">
+                        </el-input>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        v-model="form.dSafeImplDate28" type="date"
+                                        :disabled="form.dIsMecSecure==1?false:true">
+                        </el-date-picker>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign28" prefix-icon="el-icon-edit" disabled/>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%;"
+                                        v-model="form.dSafeLiftedDate28" type="date" disabled>
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>3.9 用 <el-select style="width: 150px;" clearable v-model="form.dCleanContent" filterable
+                                           :disabled="form.dIsClean==1?false:true">
+                        <el-option v-for="item in dClears" :key="item.id" :label="item.name" :value="item.id">
+                        </el-option>
+                      </el-select> 清洗</td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.dIsClean" true-label="1" false-label="0"
+                                     :disabled="form.dIsDrain!= null?false:true"/>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.dIsClean" true-label="0" false-label="1" @change="dIsCleanChange"
+                                     :disabled="form.dIsDrain!= null?false:true"/>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-input style="width: 50%;" v-model="form.dSafeImplSign32" readonly prefix-icon="el-icon-edit"
+                                  :disabled="form.dIsClean==1?false:true" @focus="signCard('dSafeImplSign32')">
+                        </el-input>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        v-model="form.dSafeImplDate32" type="date"
+                                        :disabled="form.dIsClean==1?false:true">
+                        </el-date-picker>
+                      </td>
+                      <td>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>3.10 用 <el-select style="width: 150px;" clearable v-model="form.dFlushContent" filterable
+                                            :disabled="form.dIsFlush==1?false:true">
+                        <el-option v-for="item in dFlushs" :key="item.id" :label="item.name" :value="item.id">
+                        </el-option>
+                      </el-select> 置换</td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.dIsFlush" true-label="1" false-label="0"
+                                     :disabled="form.dIsClean!= null?false:true"/>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.dIsFlush" true-label="0" false-label="1" @change="dIsFlushChange"
+                                     :disabled="form.dIsClean!= null?false:true"/>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-input style="width: 50%;" v-model="form.dSafeImplSign33" readonly prefix-icon="el-icon-edit"
+                                  :disabled="form.dIsFlush==1?false:true" @focus="signCard('dSafeImplSign33')">
+                        </el-input>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        v-model="form.dSafeImplDate33" type="date"
+                                        :disabled="form.dIsFlush==1?false:true">
+                        </el-date-picker>
+                      </td>
+                      <td>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>3.11 注水保护</td>
+                      <td style="text-align: center;"><el-checkbox/></td>
+                      <td style="text-align: center;"><el-checkbox/></td>
+                      <td>
+                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" />
+                        <el-date-picker style="width: 50%;"
+                                        type="date">
+                        </el-date-picker>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" />
+                        <el-date-picker style="width: 50%;"
+                                        type="date">
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>3.12 惰性气体保护: <el-input style="width: calc(100% - 125px)" v-model="form.dProInertGasContent"
+                                                 :disabled="form.dIsProInertGas!= null?false:true"/></td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.dIsProInertGas" :true-label="1" :false-label="0"
+                                     :disabled="form.dIsFloodWater!= null?false:true"/>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.dIsProInertGas" :true-label="0" :false-label="1"
+                                     :disabled="form.dIsFloodWater!= null?false:true"/>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%;" v-model="form.dSafeImplSign32" prefix-icon="el-icon-edit"
+                                  :disabled="form.dIsProInertGas==1?false:true"/>
+                        <el-date-picker
+                          style="width: 50%;"
+                          v-model="form.dSafeImplDate32"
+                          type="date" :disabled="form.dIsProInertGas==1?false:true">
+                        </el-date-picker>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign32" prefix-icon="el-icon-edit"
+                                  :disabled="form.dIsProInertGas==1?false:true"/>
+                        <el-date-picker
+                          style="width: 50%;"
+                          v-model="form.dSafeLiftedDate32"
+                          type="date" :disabled="form.dIsProInertGas==1?false:true">
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>3.13 气体分析内容: <el-input style="width: calc(100% - 125px)" v-model="form.dGasAnalysisContent"
+                                                 :disabled="form.dIsGasAnalysis==1?false:true"/></td>
+                      <td style="text-align: center">
+                        <el-checkbox v-model="form.dIsGasAnalysis" :true-label="1" :false-label="0"
+                                     :disabled="form.dIsCleanFlush!= null?false:true"/>
+                      </td>
+                      <td style="text-align: center">
+                        <el-checkbox v-model="form.dIsMecSecure" :true-label="0" :false-label="1"
+                                     :disabled="form.dIsCleanFlush!= null?false:true"/>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%;" v-model="form.dSafeImplSign34" prefix-icon="el-icon-edit"
+                                  :disabled="form.dIsGasAnalysis==1?false:true"/>
+                        <el-date-picker
+                          style="width: 50%;"
+                          v-model="form.dSafeImplDate34"
+                          type="date" :disabled="form.dIsGasAnalysis==1?false:true">
+                        </el-date-picker>
+                      </td>
+                      <td></td>
+                    </tr>
+                    <tr>
+                      <td>3.14 <el-input style="width: calc(100% - 31px)" v-model="form.dOtherCleanContent"
+                                         :disabled="form.dIsOhterClean==1?false:true"/></td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.dIsOhterClean" true-label="1" false-label="0"
+                                     :disabled="form.dIsFlush!= null?false:true"/>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.dIsOhterClean" true-label="0" false-label="1"
+                                     @change="dIsOhterCleanChange"
+                                     :disabled="form.dIsFlush!= null?false:true"/>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-input style="width: 50%;" v-model="form.dSafeImplSign34" readonly prefix-icon="el-icon-edit"
+                                  :disabled="form.dIsOhterClean==1?false:true"
+                                  @focus="signCard('dSafeImplSign34')">
+                        </el-input>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: 50%"
+                                        v-model="form.dSafeImplDate34" type="date"
+                                        :disabled="form.dIsOhterClean==1?false:true">
+                        </el-date-picker>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" />
+                        <el-date-picker style="width: 50%;"
+                                        type="date">
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td colspan="5"><b>4.确保作业区域安全</b></td>
+                    </tr>
+
+                    <tr>
+                      <td>4.1  现场隔离使用:<el-input style="width: calc(100% - 115px)" v-model="form.dSiteDemarcationContent"/></td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.dIsSiteDemarcation" :true-label="1" :false-label="0"/>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.dIsSiteDemarcation" :true-label="0" :false-label="1"/>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%;" v-model="form.dSafeImplSign11" prefix-icon="el-icon-edit"
+                                  :disabled="form.dIsSiteDemarcation==1?false:true"/>
+                        <el-date-picker
+                          style="width: 50%;"
+                          v-model="form.dSafeImplDate11"
+                          type="date" :disabled="form.dIsSiteDemarcation==1?false:true">
+                        </el-date-picker>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign11" prefix-icon="el-icon-edit"
+                                  :disabled="form.dIsSiteDemarcation==0?false:true"/>
+                        <el-date-picker
+                          style="width: 50%;"
+                          v-model="form.dSafeLiftedDate11"
+                          type="date" :disabled="form.dIsSiteDemarcation==0?false:true">
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>4.2 封闭槽车/火车路线</td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.dIsCloseTrucks" true-label="1" :false-label="0"
+                                     :disabled="form.dIsSiteDemarcation != null?false:true"></el-checkbox>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.dIsCloseTrucks" :true-label="0" :false-label="1"
+                                     :disabled="form.dIsSiteDemarcation != null?false:true"/>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%;" v-model="form.dSafeImplSign12" prefix-icon="el-icon-edit"
+                                  :disabled="form.dIsCloseTrucks == 1?false:true"/>
+                        <el-date-picker
+                          style="width: 50%;"
+                          v-model="form.dSafeImplDate12"
+                          type="date" :disabled="form.dIsCloseTrucks == 1?false:true">
+                        </el-date-picker>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign12" prefix-icon="el-icon-edit"
+                                  :disabled="form.dIsCloseTrucks == 0?false:true"/>
+                        <el-date-picker
+                          style="width: 50%;"
+                          v-model="form.dSafeLiftedDate12"
+                          type="date" :disabled="form.dIsCloseTrucks == 0?false:true">
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>4.3 与槽车/储罐的最低距离
+                        <el-input style="width: 150px" v-model="form.dLowTrucksDistance"
+                                  :disabled="form.dIsCloseTrucks!= null?false:true"/>
+                        米
+                      </td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.dIsTrucksDistance" :true-label="1" :false-label="0"
+                                     :disabled="form.dIsCloseTrucks!= null?false:true"/>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.dIsTrucksDistance" :true-label="0" :false-label="1"
+                                     :disabled="form.dIsCloseTrucks!= null?false:true"/>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%;" v-model="form.dSafeImplSign13" prefix-icon="el-icon-edit"
+                                  :disabled="form.dIsTrucksDistance==1?false:true"/>
+                        <el-date-picker
+                          style="width: 50%;"
+                          v-model="form.dSafeImplDate13"
+                          type="date" :disabled="form.dIsTrucksDistance==1?false:true">
+                        </el-date-picker>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign13" prefix-icon="el-icon-edit"
+                                  :disabled="form.dIsTrucksDistance==0?false:true"/>
+                        <el-date-picker
+                          style="width: 50%;"
+                          v-model="form.dSafeLiftedDate13"
+                          type="date" :disabled="form.dIsTrucksDistance==0?false:true">
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>4.4 清理覆盖管线、设备,穿过墙壁/天花板的管线及电缆的缝隙,栅栏,轻质墙,下水道孔,墙壁和天花板的开口处</td>
+                      <td style="text-align: center">
+                        <el-checkbox  />
+                      </td>
+                      <td style="text-align: center">
+                        <el-checkbox />
+                      </td>
+                      <td>
+                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" />
+                        <el-date-picker
+                          style="width: 50%;" >
+                        </el-date-picker>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" />
+                        <el-date-picker
+                          style="width: 50%;" >
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>4.5 移开易燃物,并对作业范围附近的法兰和管件检漏 </td>
+                      <td style="text-align: center">
+                        <el-checkbox v-model="form.dIsRemoveCombustibles" :true-label="1" :false-label="0"
+                                     :disabled="form.dIsOverlayPipe!= null?false:true"/>
+                      </td>
+                      <td style="text-align: center">
+                        <el-checkbox v-model="form.dIsRemoveCombustibles" :true-label="0" :false-label="1"
+                                     :disabled="form.dIsOverlayPipe!= null?false:true"/>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%;" v-model="form.dSafeImplSign16" prefix-icon="el-icon-edit"
+                                  :disabled="form.dIsRemoveCombustibles==1?false:true"/>
+                        <el-date-picker
+                          style="width: 50%;"
+                          v-model="form.dSafeImplDate16"
+                          type="date" :disabled="form.dIsRemoveCombustibles==1?false:true">
+                        </el-date-picker>
+                      </td>
+                      <td></td>
+                    </tr>
+                    <tr>
+                      <td>4.6 动火点周围无可燃气体、液体排放、溶剂清洗、喷漆和粉尘清扫  </td>
+                      <td style="text-align: center">
+                        <el-checkbox  />
+                      </td>
+                      <td style="text-align: center">
+                        <el-checkbox />
+                      </td>
+                      <td style="text-align: center;">
+                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" />
+                        <el-date-picker
+                          style="width: 50%;" >
+                        </el-date-picker>
+                      </td>
+                      <td style="text-align: center;"></td>
+                    </tr>
+                  </table>
+                </el-collapse-item>
+              </el-collapse>
+            </el-col>
+            <el-col :span="12">
+              <el-collapse v-model="activeNames">
+                <el-collapse-item title="D" name="4" class="display-type">
+                  <table style="width: 100%">
+                    <tr>
+                      <td class="short-checkbox">4.7 通风方法:<el-checkbox />机械通风<el-input style="width: calc(50% - 116px)" /> <el-checkbox />自然通风<el-input style="width: calc(50% - 116px)" /></td>
+                      <td width="30" style="text-align: center">
+                        <el-checkbox  />
+                      </td>
+                      <td width="30" style="text-align: center">
+                        <el-checkbox />
+                      </td>
+                      <td width="203">
+                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" />
+                        <el-date-picker
+                          style="width: 50%;" >
+                        </el-date-picker>
+                      </td>
+                      <td width="203">
+                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" />
+                        <el-date-picker
+                          style="width: 50%;" >
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>4.8 气体检测内容: <el-input style="width: calc(100% - 117px)" /></td>
+                      <td style="text-align: center">
+                        <el-checkbox  />
+                      </td>
+                      <td style="text-align: center">
+                        <el-checkbox />
+                      </td>
+                      <td>
+                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" />
+                        <el-date-picker
+                          style="width: 50%;" >
+                        </el-date-picker>
+                      </td>
+                      <td>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>4.9 其它:<el-input style="width: calc(100% - 61px)" /></td>
+                      <td style="text-align: center">
+                        <el-checkbox  />
+                      </td>
+                      <td style="text-align: center">
+                        <el-checkbox />
+                      </td>
+                      <td>
+                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" />
+                        <el-date-picker
+                          style="width: 50%;" >
+                        </el-date-picker>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" />
+                        <el-date-picker
+                          style="width: 50%;" >
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td colspan="5"><b>5.额外的组织措施</b></td>
+                    </tr>
+                    <tr>
+                      <td>5.1 关闭消防/报警系统<el-input style="width: calc(100% - 130px)" /></td>
+                      <td style="text-align: center">
+                        <el-checkbox v-model="form.dIsCloseFireControl" :true-label="1" :false-label="0"
+                                     :disabled="form.dIsGasAnalysis!= null?false:true"></el-checkbox>
+                      </td>
+                      <td style="text-align: center">
+                        <el-checkbox v-model="form.dIsCloseFireControl" :true-label="0" :false-label="1"
+                                     :disabled="form.dIsGasAnalysis!= null?false:true"/>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%;" v-model="form.dSafeImplSign41" prefix-icon="el-icon-edit"
+                                  :disabled="form.dIsCloseFireControl==1?false:true"/>
+                        <el-date-picker
+                          style="width: 50%;"
+                          v-model="form.dSafeImplDate41"
+                          type="date" :disabled="form.dIsCloseFireControl==1?false:true">
+                        </el-date-picker>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign41" prefix-icon="el-icon-edit"
+                                  :disabled="form.dIsCloseFireControl==1?false:true"/>
+                        <el-date-picker
+                          style="width: 50%;"
+                          v-model="form.dSafeLiftedDate41"
+                          type="date" :disabled="form.dIsCloseFireControl==1?false:true">
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>5.2 其它:
+                        <el-input style="width: calc(100% - 65px)" v-model="form.dOtherMeasureContent"
+                                  :disabled="form.dIsOtherMeasure==1?false:true"/>
+                      </td>
+                      <td style="text-align: center">
+                        <el-checkbox v-model="form.dIsOtherMeasure" :true-label="1" :false-label="0"
+                                     :disabled="form.dIsCloseFireControl!= null?false:true"></el-checkbox>
+                      </td>
+                      <td style="text-align: center">
+                        <el-checkbox v-model="form.dIsOtherMeasure" :true-label="0" :false-label="1"
+                                     :disabled="form.dIsCloseFireControl!= null?false:true"/>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%;" v-model="form.dSafeImplSign42" prefix-icon="el-icon-edit"
+                                  :disabled="form.dIsOtherMeasure==1?false:true"/>
+                        <el-date-picker
+                          style="width: 50%;"
+                          v-model="form.dSafeImplDate42"
+                          type="date" :disabled="form.dIsOtherMeasure==1?false:true">
+                        </el-date-picker>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%;" v-model="form.dSafeLiftedSign42" prefix-icon="el-icon-edit"
+                                  :disabled="form.dIsOtherMeasure==0?false:true"/>
+                        <el-date-picker
+                          style="width: 50%;"
+                          v-model="form.dSafeLiftedDate42"
+                          type="date" :disabled="form.dIsOtherMeasure==0?false:true">
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                  </table>
+                  <table style="width: 100%">
+                    <tr>
+                      <td colspan="4"><b>6.确保邻近的危险区域安全</b></td>
+                    </tr>
+                    <tr>
+                      <th style="text-align: center">危险区域</th>
+                      <th style="text-align: center" width="180">负责人签名/日期</th>
+                      <th style="text-align: center">办公室 / <i class="el-icon-phone"></i></th>
+                      <th style="text-align: center">额外的安全措施</th>
+                    </tr>
+                    <tr>
+                      <td>6.1
+                        <el-input v-model="form.dDangerSpaceOne" style="width: calc(100% - 25px);"></el-input>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%;" prefix-icon="el-icon-edit" />
+                        <el-date-picker
+                          style="width: 50%;">
+                        </el-date-picker>
+                      </td>
+                      <td>
+                        <el-input v-model="form.dDangerSpaceOneOffice" style="width: 50%"></el-input>
+                        <el-input v-model="form.dDangerSpaceOneTel" style="width:50%"></el-input>
+                      </td>
+                      <td>分项号:
+                        <el-input v-model="form.dDangerSpaceOneItem" style="width: calc(100% - 56px);"></el-input>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>6.2
+                        <el-input v-model="form.dDangerSpaceTwo" style="width: calc(100% - 25px);"></el-input>
+                      </td>
+                      <td>
+                        <el-input v-model="form.dDangerSpaceTwoLeader"></el-input>
+                      </td>
+                      <td>
+                        <el-input style="width: 50%" v-model="form.dDangerSpaceTwoOffice"></el-input>
+                        <el-input style="width: 50%" v-model="form.dDangerSpaceTwoTel"></el-input>
+                      </td>
+                      <td>分项号:
+                        <el-input v-model="form.dDangerSpaceTwoItem" style="width: calc(100% - 56px);"></el-input>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td colspan="4"><b>现场安全说明/交底</b></td>
+                    </tr>
+                    <tr>
+                      <td colspan="4">
+                        <el-checkbox v-model="form.dIsSafeBriefing" true-label="1" false-label="0" checked>是</el-checkbox>
+                        参与交底人签名/日期:
+                        <div style="width: calc(100% - 179px);display: inline-block">
+                          <el-input style="width: 50%" placeholder="签名"></el-input>
+                          <el-date-picker
+                            style="width: 50%;"
+                            v-model="form.dPartakeBriefingSign"
+                            type="date" :disabled="form.dIsSafeBriefing==1?false:true">
+                          </el-date-picker>
+                        </div>
+                      </td>
+                    </tr>
+                  </table>
+                </el-collapse-item>
+
+                <el-collapse-item title="E 施工时的安全措施" name="5">
+                  <el-row :gutter="10">
+                    <el-col :span="12">
+                      <table style="width: 100%">
+                        <tr><td></td><th style="width: 30px;text-align: center">是</th><th style="width: 30px;text-align: center">否</th></tr>
+                        <tr>
+                          <td><b>1. 可能有残留物料</b></td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="form.eIsPresent" true-label="1" false-label="0"/>
+                          </td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="form.eIsPresent" true-label="0" false-label="1"/>
+                          </td>
+                        </tr>
+                        <tr>
+                          <td colspan="3"><b>2. 个人防护用品 (不包含区域 PPE)</b></td>
+                        </tr>
+                        <tr>
+                          <td>仅限定时间内佩戴的 PPE,项目:<el-input style="width: calc(100% - 200px)" v-model="form.ePpeContent"
+                                                         :disabled="form.eIsRequiredPpe==1?false:true" /></td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="form.eIsRequiredPpe" true-label="1" false-label="0"/>
+                          </td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="form.eIsRequiredPpe" true-label="0" false-label="1"
+                                         @change="eIsRequiredPpeChange"/>
+                          </td>
+                        </tr>
+                        <tr>
+                          <td class="short-checkbox">2.1 <el-checkbox /> 护目镜 <el-checkbox />防护面罩 <el-checkbox />其他 <el-input style="width: calc(100% - 208px)" /></td>
+                          <td style="text-align: center"><el-checkbox /></td>
+                          <td style="text-align: center"><el-checkbox /></td>
+                        </tr>
+                        <tr>
+                          <td>2.2 防护手套, 类型: <el-select :disabled="eIsProtectGloves==1?false:true" style="width: calc(100% - 124px)"
+                                                       v-model="eProtectGlovesContent" placeholder="请选择防护手套">
+                            <el-option v-for="dict in safeGoggles" :key="dict.id"
+                                       :label="dict.conservatoryMeasureName"
+                                       :value="dict.id">
+                            </el-option>
+                          </el-select></td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="eIsProtectGloves" true-label="1" false-label="0"/>
+                          </td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="eIsProtectGloves" true-label="0" false-label="1"
+                                         @change="eIsProtectGlovesChange"/>
+                          </td>
+                        </tr>
+                        <tr>
+                          <td class="short-checkbox">2.3 <el-checkbox /> 橡胶长靴 <el-checkbox />橡胶围裙 <el-checkbox />其他 <el-input style="width: calc(100% - 221px)" /></td>
+                          <td style="text-align: center"><el-checkbox /></td>
+                          <td style="text-align: center"><el-checkbox /></td>
+                        </tr>
+                        <tr>
+                          <td>2.4 防护服,类型:<el-select :disabled="eIsProtectSuit==1?false:true" style="width: calc(100% - 114px)"
+                                                    v-model="eProtectSuitContent" placeholder="请选择防护服">
+                            <el-option v-for="dict in protectSuits" :key="dict.id"
+                                       :label="dict.conservatoryMeasureName"
+                                       :value="dict.id">
+                            </el-option>
+                          </el-select></td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="eIsProtectSuit" true-label="1" false-label="0"/>
+                          </td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="eIsProtectSuit" true-label="0" false-label="1"
+                                         @change="eIsProtectSuitChange"/>
+                          </td>
+                        </tr>
+                        <tr>
+                          <td>2.5 呼吸保护用品,类型:<el-select :disabled="eIsResProtect==1?false:true" style="width: calc(100% - 153px);"
+                                                       v-model="eResProtectContent" placeholder="请选择防护面罩">
+                            <el-option v-for="dict in resProtects" :key="dict.id"
+                                       :label="dict.conservatoryMeasureName"
+                                       :value="dict.id">
+                            </el-option>
+                          </el-select></td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="eIsResProtect" true-label="1" false-label="0"/>
+                          </td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="eIsResProtect" true-label="0" false-label="1"
+                                         @change="eIsResProtectChange"/>
+                          </td>
+                        </tr>
+                        <tr>
+                          <td>2.6 听力保护,类型:<el-input style="width: calc(100% - 127px)" /></td>
+                          <td style="text-align: center"><el-checkbox /></td>
+                          <td style="text-align: center"><el-checkbox /></td>
+                        </tr>
+                        <tr>
+                          <td>2.7 防坠落保护措施,类型: <el-select style="width: calc(100% - 170px)" clearable v-model="form.eFallArrestContent" filterable
+                                                         :disabled="eIsFallArrest==1?false:true">
+                            <el-option v-for="item in eFallArrestContents" :key="item.id" :label="item.name"
+                                       :value="item.id">
+                            </el-option>
+                          </el-select></td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="eIsFallArrest" true-label="1" false-label="0"/>
+                          </td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="eIsFallArrest" true-label="0" false-label="1"
+                                         @change="eIsFallArrestChange"/>
+                          </td>
+                        </tr>
+                        <tr>
+                          <td>2.8 <el-input style="width: calc(100% - 23px)" v-model="form.eOtherProtectContent"
+                                            :disabled="form.eIsOtherProtect==1?false:true"/></td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="form.eIsOtherProtect" true-label="1" false-label="0"/>
+                          </td>
+                          <td style="text-align: center;">
+                            <el-checkbox v-model="form.eIsOtherProtect" true-label="0" false-label="1"
+                                         @change="eIsOtherProtectChange"/>
+                          </td>
+                        </tr>
+                        <tr>
+                          <td colspan="3"><b>3. 火灾和爆炸的防护措施</b></td>
+                        </tr>
+                        <tr>
+                          <td>3.1 使用测爆仪连续监测空气成分</td>
+                          <td style="text-align: center"><el-checkbox v-model="form.eIsRequiredPpe" :true-label="1" :false-label="0"/></td>
+                          <td style="text-align: center"><el-checkbox v-model="form.eIsRequiredPpe" :true-label="0" :false-label="1"/></td>
+                        </tr>
+                      </table>
+                    </el-col>
+                    <el-col :span="12">
+                      <table style="width: 100%">
+                        <tr>
+                          <th></th>
+                          <th width="30">是</th>
+                          <th width="30">否</th>
+                        </tr>
+                        <tr>
+                          <td>3.2 保持施工场地潮湿 </td>
+                          <td style="text-align: center"><el-checkbox v-model="form.eIsRequiredPpe" :true-label="1" :false-label="0"/></td>
+                          <td style="text-align: center"><el-checkbox v-model="form.eIsRequiredPpe" :true-label="0" :false-label="1"/></td>
+                        </tr>
+                        <tr>
+                          <td class="short-checkbox">3.3 监测和维持 <el-checkbox />充水保护 <el-checkbox />惰性气体保护 </td>
+                          <td style="text-align: center"><el-checkbox /></td>
+                          <td style="text-align: center"><el-checkbox /></td>
+                        </tr>
+                        <tr>
+                          <td>3.4 现场消防水管/水带充压备用</td>
+                          <td style="text-align: center"><el-checkbox v-model="form.eIsRequiredPpe" :true-label="1" :false-label="0"/></td>
+                          <td style="text-align: center"><el-checkbox v-model="form.eIsRequiredPpe" :true-label="0" :false-label="1"/></td>
+                        </tr>
+                        <tr>
+                          <td>3.5 现场配备灭火器,数量/类型:<el-input /> </td>
+                          <td style="text-align: center"><el-checkbox v-model="form.eIsRequiredPpe" :true-label="1" :false-label="0"/></td>
+                          <td style="text-align: center"><el-checkbox v-model="form.eIsRequiredPpe" :true-label="0" :false-label="1"/></td>
+                        </tr>
+                        <tr>
+                          <td colspan="3"><b>4. 连续监控</b></td>
+                        </tr>
+                        <tr>
+                          <td>4.1 动火监护人单位/签名:<el-input style="width: 70px;" v-model="form.eSafeAttendant"/>
+                            /
+                            <el-input style="width: 70px;" v-model="form.eSafeAttendantSign" prefix-icon="el-icon-edit"/></td>
+                          <td style="text-align: center"><el-checkbox v-model="form.eIsContinueMonitoring" :true-label="1" :false-label="0" checked /></td>
+                          <td style="text-align: center"></td>
+                        </tr>
+                        <tr>
+                          <td>4.2 防爆型摄录设备采集全过程作业影像</td>
+                          <td style="text-align: center"><el-checkbox /></td>
+                          <td style="text-align: center"><el-checkbox /></td>
+                        </tr>
+                        <tr>
+                          <td colspan="3"><b>5. 通风措施</b></td>
+                        </tr>
+                        <tr>
+                          <td class="short-checkbox">5.1 通风方法:
+                            <el-checkbox />机械通风<el-input v-model="form.eMecVenContent" style="width: calc(50% - 117px)" /> <el-checkbox />自然通风<el-input v-model="form.eNaturalVenContent" style="width: calc(50% - 117px)" /></td>
+                          <td style="text-align: center"><el-checkbox /></td>
+                          <td style="text-align: center"><el-checkbox /></td>
+                        </tr>
+                        <tr>
+                          <td>5.2 在释放源处抽走粉尘/气体/蒸汽</td>
+                          <td style="text-align: center"><el-checkbox v-model="form.eIsExxtractDust" :true-label="1" :false-label="0"/></td>
+                          <td style="text-align: center"><el-checkbox v-model="form.eIsExxtractDust" :true-label="0" :false-label="1"/></td>
+                        </tr>
+                        <tr>
+                          <td>5.3 空气分析内容:<el-input style="width: calc(100% - 114px)" v-model="form.eAnalyzeAirContent"/></td>
+                          <td style="text-align: center"><el-checkbox v-model="form.eIsAnalyzeAir" :true-label="1" :false-label="0"/></td>
+                          <td style="text-align: center"><el-checkbox v-model="form.eIsAnalyzeAir" :true-label="0" :false-label="1"/></td>
+                        </tr>
+                        <tr>
+                          <td>分析频次:<el-select style="width: calc(100% - 67px)" clearable v-model="form.eAnalyzeAirInterval" filterable
+                                              :disabled="form.eIsAnalyzeAir==1?false:true">
+                            <el-option v-for="item in eAnalyzeAirIntervals" :key="item.id" :label="item.name"
+                                       :value="item.id">
+                            </el-option>
+                          </el-select></td>
+                          <td style="text-align: center"></td>
+                          <td style="text-align: center"></td>
+                        </tr>
+                        <tr>
+                          <td colspan="3"><b>!若有预料不到的事件发生,立即停止工作并通知主管。</b></td>
+                        </tr>
+                      </table>
+                    </el-col>
+                  </el-row>
+                </el-collapse-item>
+                <el-collapse-item title="F 施工后的安全措施" name="6">
+                  <table>
+                    <tr>
+                      <th></th>
+                      <th></th>
+                      <th style="width: 30px; text-align: center;">是</th>
+                      <th style="width: 30px; text-align: center;">否</th>
+                    </tr>
+                    <tr>
+                      <td><b>1.</b></td>
+                      <td>动火结束后,作业区域由
+                        <el-input style="width: calc(100% - 450px);" v-model="form.fAfterWorkSafeContent"/>
+                        停留检查至少30分钟,发现和消除尽可能的余烬。
+                      </td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.fIsAfterWorkSafe" :true-label="1" :false-label="0"/>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.fIsAfterWorkSafe" :true-label="0" :false-label="1"/>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td><b>2.</b></td>
+                      <td>将作业情况通知D6。
+                        <el-input style="width: calc(100% - 135px);" v-model="form.fAfterWorkSafeContent"/>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.fIsAfterWorkSafe" :true-label="1" :false-label="0"/>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.fIsAfterWorkSafe" :true-label="0" :false-label="1"/>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td><b>3.</b></td>
+                      <td>其它
+                        <el-input style="width: calc(100% - 40px)" v-model="form.fAfterWorkSafeContent"/>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.fIsAfterWorkSafe" :true-label="1" :false-label="0"/>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.fIsAfterWorkSafe" :true-label="0" :false-label="1"/>
+                      </td>
+                    </tr>
+                  </table>
+                </el-collapse-item>
+                <el-collapse-item title="G 核实危害评估和安全措施界定" name="7">
+                  <table>
+                    <tr>
+                      <th></th>
+                      <th align="right">由专门部门人员评估的项目:</th>
+                      <th style="width: 35px; text-align: center;">是</th>
+                      <th style="width: 40px; text-align: center;">否</th>
+                    </tr>
+                    <tr>
+                      <td>第一签名<small>(装置/部门授权人员)</small>:
+                        <el-input style="width: 90px;" v-model="form.gFirstSign" prefix-icon="el-icon-edit"/>
+                        <el-date-picker
+                          style="width: calc(100% - 270px)"
+                          v-model="form.gFirstDate"
+                          type="datetime"
+                          placeholder="选择日期时间">
+                        </el-date-picker>
+                      </td>
+                      <td>
+                        <el-input v-model="form.gSpecialAssessment"/>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.gIsSpecialAssessment" :true-label="1" :false-label="0"/>
+                      </td>
+                      <td style="text-align: center;">
+                        <el-checkbox v-model="form.gIsSpecialAssessment" :true-label="0" :false-label="1"></el-checkbox>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>第二签名<small>(装置/部门授权人员)</small>:
+                        <el-input style="width: 90px;" v-model="form.gSecondSign" prefix-icon="el-icon-edit"/>
+                        <el-date-picker
+                          style="width: calc(100% - 270px)"
+                          v-model="form.gSecondDate"
+                          type="datetime"
+                          placeholder="选择日期时间">
+                        </el-date-picker>
+                      </td>
+                      <td colspan="3">第三签名<small>(相应部门人员及部门名称)</small>:
+                        <el-input style="width: 85px;" v-model="form.gThirdSign" prefix-icon="el-icon-edit"/>
+                        <el-date-picker
+                          style="width: calc(100% - 300px)"
+                          v-model="form.gThirdDate"
+                          type="datetime"
+                          placeholder="选择日期时间">
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                  </table>
+                </el-collapse-item>
+                <el-collapse-item title="H 安全措施检查和许可证批准" name="8">
+                  <table>
+                    <tr>
+                      <td>签名:
+                        <el-input style="width: 150px;" v-model="form.hSafeMesSign" prefix-icon="el-icon-edit"/>
+                        <el-date-picker
+                          style="width: calc(100% - 200px)"
+                          v-model="form.hSafeMesDate"
+                          type="datetime"
+                          placeholder="选择日期时间">
+                        </el-date-picker>
+                      </td>
+                      <td>A4栏安全联络员签名:
+                        <el-input style="width: 130px;" prefix-icon="el-icon-edit" />
+                        <el-date-picker
+                          style="width: calc(100% - 272px)"
+                          type="datetime"
+                          placeholder="选择日期时间">
+                        </el-date-picker></td>
+                    </tr>
+                    <tr>
+                      <td><small>(生产装置授权人员,D栏的安全措施已实施和检查,G栏的签名已完成)</small></td>
+                      <td>
+                      </td>
+                    </tr>
+                  </table>
+                </el-collapse-item>
+                <el-collapse-item title="I 施工单位接受许可证" name="9">
+                  <table>
+                    <tr>
+                      <td>
+                        1a 签名(授权维修主管)
+                        <el-input style="width: 90px;" v-model="form.iOneASign" prefix-icon="el-icon-edit"/>
+                        <el-date-picker
+                          style="width: calc(100% - 245px)"
+                          v-model="form.iOneADate"
+                          type="datetime"
+                          placeholder="选择日期时间">
+                        </el-date-picker>
+                      </td>
+                      <td>
+                        1b 签名(授权维修工人)
+                        <el-input style="width: 90px;" v-model="form.iOneBSign" prefix-icon="el-icon-edit"/>
+                        <el-date-picker
+                          style="width: calc(100% - 245px)"
+                          v-model="form.iOneBDate"
+                          type="datetime"
+                          placeholder="选择日期时间">
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>
+                        <small>
+                          (E栏的安全措施已实施和D7的现场安全说明已完成)
+                        </small>
+                      </td>
+                      <td>
+                        <small>(E栏的安全措施已实施和D7的现场安全说明已完成)</small>
+                      </td>
+                    </tr>
+                  </table>
+                </el-collapse-item>
+                <el-collapse-item title="J1 中途的E&I功能测试       J2 中途测试后,再次停用装置设备" name="10">
+                  <table>
+                    <tr>
+                      <td>
+                        <el-input style="width: 100px;" v-model="form.jOneBSign" readonly @focus="signCard('jOneBSign')">
+                          <i slot="prefix" class="el-input__icon el-icon-edit"></i>
+                        </el-input>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: calc(100% - 100px)" v-model="form.jOneBDate"
+                                        type="datetime">
+                        </el-date-picker>
+                      </td>
+                      <td>
+                        <el-input style="width: 100px;" v-model="form.jResMemberSign" readonly
+                                  @focus="signCard('jResMemberSign')">
+                          <i slot="prefix" class="el-input__icon el-icon-edit"></i>
+                        </el-input>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: calc(100% - 100px)"
+                                        v-model="form.jResMemberDate" type="datetime">
+                        </el-date-picker>
+                      </td>
+                      <td>
+                        <el-input style="width: 100px;" v-model="form.jEISign" readonly @focus="signCard('jEISign')">
+                          <i slot="prefix" class="el-input__icon el-icon-edit"></i>
+                        </el-input>
+                        <el-date-picker format="yyyy-MM-dd HH:mm:ss"
+                                        value-format="yyyy-MM-dd HH:mm:ss" style="width: calc(100% - 100px)" v-model="form.jEIDate"
+                                        type="datetime">
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>
+                        <small>授权的维修工人签名(l1b),日期</small>
+                      </td>
+                      <td>
+                        <small>装置/部门授权人签名(G),日期</small>
+                      </td>
+                      <td>
+                        <small>E&I人员签名确认已安全停电,日期</small>
+                      </td>
+                    </tr>
+                  </table>
+                </el-collapse-item>
+                <el-row :gutter="20">
+                  <el-col :span="12">
+                    <el-collapse-item title="K 确认F栏的安全措施已实施" name="12">
+                      签名,日期/时间
+                      <el-input style="width: 100px;" v-model="form.kConfirmSign" prefix-icon="el-icon-edit"/>
+                      <el-date-picker
+                        v-model="form.kConfirmDate"
+                        style="width: calc(100% - 200px)"
+                        type="datetime"
+                        placeholder="选择日期时间">
+                      </el-date-picker>
+                    </el-collapse-item>
+                  </el-col>
+                  <el-col :span="12">
+                    <el-collapse-item title="L 授权的维修工人通知生产装置施工完成" name="13">
+                      如有需要,通过安全联络员
+                      <br>
+                      签名,日期/时间
+                      <el-input style="width: 100px;" v-model="form.lNoticeSign" prefix-icon="el-icon-edit"/>
+                      <el-date-picker
+                        v-model="form.lNoticeDate"
+                        type="datetime"
+                        style="width: calc(100% - 200px)"
+                        placeholder="选择日期时间">
+                      </el-date-picker>
+                    </el-collapse-item>
+                  </el-col>
+                </el-row>
+                <el-collapse-item title="M 评估/批准撤销D栏的施工前安全措施" name="14">
+                  <table>
+                    <tr>
+                      <td colspan="3">
+                        <el-input v-model="form.mAssessDContent"/>
+                      </td>
+                      <td>
+                        <el-input style="width: 100px;" v-model="form.mAssessDSign" prefix-icon="el-icon-edit"/>
+                        <el-date-picker
+                          v-model="form.mAssessDDate"
+                          type="datetime"
+                          style="width: calc(100% - 100px)"
+                          placeholder="选择日期时间">
+                        </el-date-picker>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td colspan="3">
+                        <small>如需要,列出撤销安全措施的次序</small>
+                      </td>
+                      <td><small>签名(装置/部门授权人员)</small></td>
+                    </tr>
+                    <tr>
+                      <td>涉及的其它相关许可证:</td>
+                      <td>
+                        <el-input v-model="form.mOtherLicenceOne"/>
+                      </td>
+                      <td>
+                        <el-input v-model="form.mOtherLicenceTwo"/>
+                      </td>
+                      <td>
+                        <el-input v-model="form.mOtherLicenceThree"/>
+                      </td>
+                    </tr>
+                  </table>
+                </el-collapse-item>
+                <el-collapse-item title="N 动火工作空气检测记录(2小时分析/记录一次)" name="15">
+                  <table cellpadding="0" cellspacing="0" class="last-table">
+                    <tr>
+                      <td width="150">检测位置</td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>检测日期/时间(时/分)</td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>检测物质</td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>检测结果</td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>检测人签名</td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                    </tr>
+                    <tr>
+                      <td>便携式检测仪编号</td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                      <td>
+                        <el-input/>
+                      </td>
+                    </tr>
+                  </table>
+                </el-collapse-item>
+              </el-collapse>
+
+            </el-col>
+          </el-row>
+        </div>
+      </el-form>
+    </div>
+    <div>
+      <el-dialog :close-on-click-modal="false" v-loading="loadingFlash" element-loading-background="rgba(0,0,0,0.2)"
+                 v-dialogDrag :title="pdf.title"
+                 :visible.sync="pdf.open" width="1300px" height="800px" :center="true" append-to-body>
+        <div style="margin-top: -60px;float: right;margin-right: 40px;">
+          <el-button size="mini" type="text" @click="openPdf">新页面预览</el-button>
+        </div>
+        <div style="margin-top: -30px">
+          <iframe id="iFrame" class="iframe-html" :src="pdf.pdfUrl" frameborder="0" width="100%"
+                  height="700px"></iframe>
+        </div>
+      </el-dialog>
+    </div>
+  </div>
+</template>
+<script>
+  import {
+    listMatters
+  } from "@/api/ehs/throughcleanbcc";
+  import {addFireTicket, updateFireTicket, getFireInfo} from "@/api/invoicing/firework";
+
+  import {getDept, listDept} from "@/api/system/dept";
+  import {getInfoByInvoiceId} from "@/api/invoice/invoice";
+  import {updateWorkcontent} from "@/api/invoice/workcontent";
+  import {batchAddJobticket} from "@/api/ehs/jobticket";
+
+  export default {
+    data() {
+      var validateruleA1 = (rule, value, callback) => {
+        if (!this.form.aEquipmentName) {
+          callback(this.$message.error('生产装置名称不能为空'))
+        } else if (!this.form.aEquipmentLeader) {
+          callback(this.$message.error('生产装置主管不能为空'))
+        } else if (!this.form.aEquipmentTel) {
+          callback(this.$message.error('生产装置电话不能为空'))
+        } else if (!this.form.aEquipmentOffice) {
+          callback(this.$message.error('生产装置办公室不能为空'))
+        } else if (!this.form.aConstructionName) {
+          callback(this.$message.error('施工单位名称不能为空'))
+        } else if (!this.form.aConstructionLeader) {
+          callback(new Error('施工单位主管不能为空'))
+        } else if (!this.form.aConstructionTel) {
+          callback(new Error('施工单位电话不能为空'))
+        } else if (!this.form.aConstructionOffice) {
+          callback(new Error('施工单位办公室不能为空'))
+        } else if (!this.form.aContractorName) {
+          callback(new Error('用户不能为空'))
+        } else if (!this.form.aContractorLeader) {
+          callback(new Error('用户主管不能为空'))
+        } else if (!this.form.aContractorTel) {
+          callback(new Error('用户电话不能为空'))
+        } else if (!this.form.aContractorOffice) {
+          callback(new Error('用户办公室不能为空'))
+        } else {
+          callback();
+        }
+      };
+      var validateruleB = (rule, value, callback) => {
+        if (!this.form.bDeviceName) {
+          callback(this.$message.error('装置设备名称不能为空'))
+        } else if (!this.form.bWorkContent) {
+          callback(this.$message.error('工作内容描述不能为空'))
+        } else if (!this.form.bAreaNo) {
+          callback(this.$message.error('位置/区域号不能为空'))
+        } /*else if (this.value1 == null || this.value1.length < 2) {
+        callback(this.$message.error('有效期不能为空'))
+      }*/ else {
+          callback();
+        }
+      };
+      return {
+        aConstructions: [],
+        aConstructionsQuery: {
+          parentId: 500
+        },
+        pdf: {
+          title: '',
+          pdfUrl: '',
+          numPages: null,
+          open: false,
+          pageNum: 1,
+          pageTotalNum: 1,
+          loadedRatio: 0,
+        },
+        loadingFlash: false,
+        hIdDisabled: false,
+        form: {
+          hId: null,
+          aEquipmentName: null,
+          aEquipmentLeader: null,
+          aEquipmentTel: null,
+          aEquipmentOffice: null,
+          aConstructionName: null,
+          aConstructionLeader: null,
+          aConstructionTel: null,
+          aConstructionOffice: null,
+          aContractorName: null,
+          aContractorLeader: null,
+          aContractorTel: null,
+          aContractorOffice: null,
+          aIsNeedSafeLiaison: '2',
+          aSafeLiaisonName: null,
+          aSafeLiaisonSign: null,
+          aSafeLiaisonTel: null,
+          aSafeLiaisonOffice: null,
+          bDeviceName: null,
+          bWorkContent: null,
+          bValidityStartTime: null,
+          bValidityEndTime: null,
+          bFireWorkGrade: null,
+          cIsWorkToFire: null,
+          cIsWorkToBlast: null,
+          cIsWorkToEnvir: null,
+          cIsDeviceToBlast: null,
+          cIsOtherA: null,
+          aId: null,
+          cIsOtherFire: null,
+          cOtherFireContent: null,
+          dIsSiteDemarcation: null,
+          dSiteDemarcationContent: null,
+          dSafeImplSign11: null,
+          dSafeImplDate11: null,
+          dSafeLiftedSign11: null,
+          dSafeLiftedDate11: null,
+          dIsCloseTrucks: null,
+          dSafeImplSign12: null,
+          dSafeImplDate12: null,
+          dSafeLiftedSign12: null,
+          dSafeLiftedDate12: null,
+          dIsTrucksDistance: null,
+          dLowTrucksDistance: null,
+          dSafeImplSign13: null,
+          dSafeImplDate13: null,
+          dSafeLiftedSign13: null,
+          dSafeLiftedDate13: null,
+          dIsLeakFlanges: null,
+          dSafeImplSign14: null,
+          dSafeImplDate14: null,
+          dIsOverlayPipe: null,
+          dSafeImplSign15: null,
+          dSafeImplDate15: null,
+          dSafeLiftedSign15: null,
+          dSafeLiftedDate15: null,
+          dIsRemoveCombustibles: null,
+          dSafeImplSign16: null,
+          dSafeImplDate16: null,
+          dIsProvideFireExt: null,
+          dSafeImplSign17: null,
+          dSafeImplDate17: null,
+          dSafeLiftedSign17: null,
+          dSafeLiftedDate17: null,
+          dIsFireConfirmForm: null,
+          dSafeImplSign18: null,
+          dSafeImplDate18: null,
+          dIsNaturalVen: null,
+          dNaturalVenContent: null,
+          dSafeImplSign21: null,
+          dSafeImplDate21: null,
+          dSafeLiftedSign21: null,
+          dSafeLiftedDate21: null,
+          dIsMecVen: null,
+          dMecVenContent: null,
+          dSafeImplSign22: null,
+          dSafeImplDate22: null,
+          dSafeLiftedSign22: null,
+          dSafeLiftedDate22: null,
+          dIsAnalyzeAir: null,
+          dAnalyzeAirContent: null,
+          dIsFloodWater: null,
+          dSafeImplSign31: null,
+          dSafeImplDate31: null,
+          dSafeLiftedSign31: null,
+          dSafeLiftedDate31: null,
+          dIsProInertGas: null,
+          dProInertGasContent: null,
+          dSafeImplSign32: null,
+          dSafeImplDate32: null,
+          dSafeLiftedSign32: null,
+          dSafeLiftedDate32: null,
+          dIsCleanFlush: null,
+          dCleanFlushContent: null,
+          dSafeImplSign33: null,
+          dSafeImplDate33: null,
+          dIsGasAnalysis: null,
+          dGasAnalysisContent: null,
+          dSafeImplSign34: null,
+          dSafeImplDate34: null,
+          dIsCloseFireControl: null,
+          dSafeImplSign41: null,
+          dSafeImplDate41: null,
+          dSafeLiftedSign41: null,
+          dSafeLiftedDate41: null,
+          dIsOtherMeasure: null,
+          dOtherMeasureContent: null,
+          dSafeImplSign42: null,
+          dSafeImplDate42: null,
+          dSafeLiftedSign42: null,
+          dSafeLiftedDate42: null,
+          dDangerSpaceOne: null,
+          dDangerSpaceOneLeader: null,
+          dDangerSpaceOneOffice: null,
+          dDangerSpaceOneTel: null,
+          dDangerSpaceOneItem: null,
+          dDangerSpaceTwo: null,
+          dDangerSpaceTwoLeader: null,
+          dDangerSpaceTwoOffice: null,
+          dDangerSpaceTwoTel: null,
+          dDangerSpaceTwoItem: null,
+          dDangerSpaceThree: null,
+          dDangerSpaceThreeLeader: null,
+          dDangerSpaceThreeOffice: null,
+          dDangerSpaceThreeTel: null,
+          dDangerSpaceThreeItem: null,
+          dDangerSpaceFour: null,
+          dDangerSpaceFourLeader: null,
+          dDangerSpaceFourOffice: null,
+          dDangerSpaceFourTel: null,
+          dDangerSpaceFourItem: null,
+          dDangerApproveSignOne: null,
+          dDangerApproveDateOne: null,
+          dDangerApproveSignTwo: null,
+          dDangerApproveDateTwo: null,
+          dDangerApproveSignThree: null,
+          dDangerApproveDateThree: null,
+          dDangerApproveSignFour: null,
+          dDangerApproveDateFour: null,
+          dIsSafeBriefing: null,
+          dPartakeBriefingSign: null,
+          dPartakeBriefingDate: null,
+          dNoReasonContent: null,
+          eIsContineCheckAir: null,
+          eIsKeepWet: null,
+          eIsCheckInertGasPro: null,
+          eIsWaterPro: null,
+          eIsFireWaterPipe: null,
+          eIsProFireExt: null,
+          eFireExtType: null,
+          eFireExtNum: null,
+          eIsFallArrest: null,
+          eFallArrestContent: null,
+          eIsWeldingMachine: null,
+          eIsOtherMeasure: null,
+          eOtherMeasureContent: null,
+          eIsContinueMonitoring: null,
+          eSafeAttendant: null,
+          eSafeAttendantSign: null,
+          eIsNaturalVen: null,
+          eNaturalVenContent: null,
+          eIsMecVen: null,
+          eMecVenContent: null,
+          eIsExxtractDust: null,
+          eIsAnalyzeAir: null,
+          eAnalyzeAirContent: null,
+          eAnalyzeAirInterval: null,
+          eIsOtherVen: null,
+          eOtherVenContent: null,
+          fIsFireEndCheck: null,
+          fProfessional: null,
+          fIsNoticeD: null,
+          fNoticeOne: null,
+          fNoticeTwo: null,
+          fNoticeThree: null,
+          fNoticeFour: null,
+          fIsOtherSafeMeasures: null,
+          fOtherSafeMeasuresContent: null,
+          gFirstSign: null,
+          gFirstDate: null,
+          gSecondSign: null,
+          gSecondDate: null,
+          gThirdSign: null,
+          gThirdDate: null,
+          gIsSpecialAssessment: null,
+          gSpecialAssessment: null,
+          hSafeMesSign: null,
+          hSafeMesDate: null,
+          hVNoOne: null,
+          hVNoTwo: null,
+          hVNoThree: null,
+          iOneASign: null,
+          iOneADate: null,
+          iOneBSign: null,
+          iOneBDate: null,
+          kConfirmSign: null,
+          kConfirmDate: null,
+          lNoticeSign: null,
+          lNoticeDate: null,
+          mAssessDContent: null,
+          mAssessDSign: null,
+          mAssessDDate: null,
+          mOtherLicenceOne: null,
+          mOtherLicenceTwo: null,
+          mOtherLicenceThree: null,
+          wordUrl: null,
+          pdfUrl: null
+        },
+        rules: {
+          ruleA1: [
+            {validator: validateruleA1, trigger: 'blur'}
+          ],
+          ruleB: [
+            {validator: validateruleB, trigger: 'blur'}
+          ],
+        },
+        /* 日期格式模板,目前年月日均默认当日 */
+        /* value1: [
+                  new Date(2000, 10, 10, 10, 10),
+                  new Date(2000, 10, 11, 10, 10),
+                ], */
+        value1: [],
+        //新增修改窗口内容是否展开
+        activeNames: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15'],
+      }
+    },
+    /* 页面渲染前执行的方法*/
+    created() {
+      this.queryMatters();
+      //加载施工单位
+      listDept(this.aConstructionsQuery).then(response => {
+        this.aConstructions = response.data;
+      })
+      var id = this.$route.query.hId;
+      console.log("id=============" + id)
+      if (id != null) {
+        getFireInfo(id).then(response => {
+          // this.form = response.data
+          this.form = response.data;
+          this.form.hId = id
+          this.form.aIsNeedSafeLiaison = response.data.aIsNeedSafeLiaison.toString()
+          if (response.data.bValidityStartTime) {
+            this.$set(this.value1, 0, response.data.bValidityStartTime);
+          }
+          if (response.data.bValidityEndTime) {
+            this.$set(this.value1, 1, response.data.bValidityEndTime);
+          }
+          this.msgSuccess(this.$t('数据加载成功'));
+        });
+        this.hIdDisabled = true;
+      }
+      if (this.$route.query.data) {
+        let invoice = {};
+        let data = JSON.parse(this.$route.query.data);
+        getInfoByInvoiceId(data.bookingworkticket.id).then(res => {
+            invoice = res.data;
+            console.log("2222--", data)
+            console.log("3333--", invoice)
+            // A-装置信息
+            this.form.aEquipmentName = 'CBP/C';
+            this.form.aEquipmentLeader = invoice.devSup.nickName;
+            this.form.aEquipmentTel = invoice.devSup.phonenumber;
+            this.form.aEquipmentOffice = '/';
+            // A-承包商
+            getDept(invoice.user.deptId).then(res => {
+              this.form.aConstructionName = res.data.deptName;
+              this.form.aConstructionLeader = res.data.leader;
+              this.form.aConstructionTel = res.data.phone;
+            })
+            this.form.aConstructionOffice = '/';
+            // A-用户主管
+            this.form.aContractorName = data.bookingworkticket.userUnit;
+            this.form.aContractorLeader = invoice.userSup.nickName;
+            this.form.aContractorOffice = '/';
+            this.form.aContractorTel = invoice.userSup.phonenumber;
+            //B-位置/区域号:
+            this.form.bAreaNo = data.bookingworkticket.workArea;
+            //B-工作内容
+            this.form.bWorkContent = data.workDescription;
+          }
+        )
+
+      }
+    },
+    methods: {
+      handleSee() {
+        console.log(this.form.pdfUrl)
+        this.loadingFlash = true
+        this.pdf.open = true
+        this.pdf.pdfUrl = process.env.VUE_APP_BASE_API + '/pdf/web/viewer.html?file=' + process.env.VUE_APP_BASE_API + this.form.pdfUrl
+        this.loadingFlash = false
+      },
+      openPdf() {
+        window.open(this.pdf.pdfUrl)
+      },
+      handleDownload() {
+        window.open(process.env.VUE_APP_BASE_API + this.form.wordUrl)
+      },
+      hIdClick() {
+        this.$refs["form"].validate(valid => {
+          if (valid) {
+            if (this.form.hId == null) {
+              this.dataSet();
+              addFireTicket(this.form).then(response => {
+                this.form.hId = response.data;
+                this.msgSuccess(this.$t('生成ID成功'));
+                if (this.$route.query.data) {
+                  let putData = JSON.parse(this.$route.query.data)
+                  console.log('5555---', putData)
+                  updateWorkcontent({dhzyxkzh: this.form.hId + '', id: putData.id}).then(res => {
+                    putData.dhzyxkzh = this.form.hId;
+                    batchAddJobticket([putData]).then(response => {
+                      this.msgSuccess(this.$t(response.msg));
+                    });
+                  });
+                }
+              });
+              this.hIdDisabled = true;
+            } else {
+            }
+          }
+        });
+
+      },
+      //提交当前数据
+      onSubmit() {
+        this.dataSet();
+        updateFireTicket(this.form).then(response => {
+          this.msgSuccess(this.$t('票据数据已更新'));
+        });
+      },
+      //数据提交时保存的数据处理
+      dataSet() {
+        //B栏有效期开始结束时间处理
+        this.form.bValidityStartTime = this.value1[0] == null ? null : this.value1[0];
+        this.form.bValidityEndTime = this.value1[1] == null ? null : this.value1[1];
+      },
+      falseCheckbox() {
+        this.cIsToxic = null;
+        this.cIsFlammable = null;
+        this.cIsOxidizing = null;
+        this.cIsExplosive = null;
+        this.cIsCorrosive = null;
+        this.cIsIrritantToxic = null;
+        this.cIsHealthHazard = null;
+        this.cIsCompressedGas = null;
+        this.cIsEnvironmentalHazard = null;
+      },
+      queryMatters() {
+        listMatters().then(response => {
+          this.matterNames = response.data;
+          console.log(this.matterNames)
+        })
+      },
+      // 取消所有防护用品选中
+      falseProtect() {
+        this.eIsSafeGoggles = "0";
+        this.eIsFaceShield = "0";
+        this.eIsProtectGloves = "0";
+        this.eProtectGlovesContent = null;
+        this.eIsRubberBoots = "0";
+        this.eIsRubberApron = "0";
+        this.eIsProtectSuit = "0";
+        this.eProtectSuitContent = null;
+        this.eIsResProtect = "0";
+        this.eResProtectContent = null;
+        this.eIsFallArrest = "0";
+        this.eFallArrestContent = null;
+      },
+      /* 为多选框进行动态选择*/
+      trueCheckbox(arr) {
+        arr.forEach((m) => {
+          this[m] = true;
+        })
+      },
+      //施工单位后台数据联动
+      aConstructionChange(val) {
+        this.aConstructions.forEach(t => {
+          console.log(val)
+          if (val == t.deptId) {
+            this.form.aConstructionLeader = t.leader;
+            this.form.aConstructionTel = t.phone;
+            this.form.aConstructionOffice = '/';
+          }
+        })
+      },
+      allExpand() {
+        this.activeNames = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16'];
+      },
+      allShrink() {
+        this.activeNames = [];
+      },
+//取消选中设备内物质处于危险状态-清除数据
+      eHazardsChange() {
+        if (this.isEquipmentHazards == '0') {
+          this.form.cIsHighTemp = null;
+          this.form.cIsLowTemp = null;
+          this.form.cIsPosPressure = null;
+          this.form.cIsNegPressure = null;
+        }
+      },
+      //取消施工对生产单位的危害-清除数据
+      cHazardsProdChange() {
+        if (this.form.cIsHazardsProd == '0') {
+          this.form.cIsHazardsProdContent = null;
+        }
+      },
+      //取消来自设备/设施的危害-清除数据
+      facilityChange() {
+        if (this.isFacilityHazards == '0') {
+          this.form.cIsMovingParts = null;
+          this.form.cIsHotSurfaces = null;
+          this.form.cIsColdSurfaces = null;
+          this.form.cIsVoltages = null;
+        }
+      },
+      //取消安全保护设备的施工-清除数据
+      workProChange() {
+        if (this.form.cIsWorkProtective == '0') {
+          this.form.cIsDy = null;
+          this.form.cIsAqf = null;
+          this.form.cIsLq = null;
+        }
+      },
+      //TODO D栏否的状态清除数据\
+      //D-1.1
+      dIsOpenSafeChange() {
+        if (this.form.dIsOpenSafe == '0') {
+          this.form.dSafeImplSign11 = null;
+          this.form.dSafeImplDate11 = null;
+        }
+      },
+      commonYesMethod(val) {
+        /*this[val] = "1";*/
+        console.log(val + " : " + this[val])
+      },
+      commonNoMethod(val) {
+        /*this[val] = "0";*/
+        console.log(val + " : " + this[val])
+      }
+    }
+  };
+</script>

+ 8 - 6
ui/src/views/invoicing/restrictedspace/index.vue

@@ -1232,11 +1232,13 @@
                       </tr>
                     </table>
                   </el-col>
-                  <el-col :span="11">
+                  <el-col :span="12">
                     <table>
-                      <th></th>
-                      <th width="30" style="text-align: center;">是</th>
-                      <th width="30" style="text-align: center;">否</th>
+                      <tr>
+                        <th></th>
+                        <th width="30" style="text-align: center;">是</th>
+                        <th width="30" style="text-align: center;">否</th>
+                      </tr>
                       <tr>
                         <td><b>3. 连续的监控</b></td>
                       </tr>
@@ -1244,8 +1246,8 @@
                         <td>观察员,提供单位:<el-input style="width: calc(100% - 117px)" /></td>
                       </tr>
                       <tr>
-                        <td>安全监护人,提供单位:
-                          <el-input style="width: calc(100% - 160px)" />
+                        <td>安全监护人,提供单位:
+                          <el-input style="width: calc(100% - 148px)" />
                         </td>
                         <td style="text-align: center;">
                           <el-checkbox v-model="form.eIsContinueMonitoring" true-label="1" false-label="0"/>