<template>
  <el-form>
    <div style="background-color: #5cd9e8">
      <table style="background-color: #5cd9e8">
        <tr>
          <td></td>
          <td></td>
          <td></td>
          <td>修订：04</td>
        </tr>
        <tr>
          <td rowspan="3" width="50px" align="center">表格</td>
          <td rowspan="3" width="200px" align="center"><b>C00-6.3.0-00FSH-207.0</b></td>
          <td rowspan="3" width="400px" align="center"><b>危害工作许可证 危害评估及安全措施</b></td>
          <td>日期：18-5-2018</td>
        </tr>
        <tr>
          <td colspan="3"><b>A</b>
            <el-input style="width: 200px;" v-model="aId"/>
          </td>
          <td>
            <el-button @click="allExpand">全部展开</el-button>
          </td>
          <td>
            <el-button @click="allShrink">全部关闭</el-button>
          </td>
          <td>
            <el-form-item>
              <el-button type="primary" @click="onSubmit">开票</el-button>
            </el-form-item>
          </td>
        </tr>
      </table>
      <el-row>
        <!-- 左侧栏 -->
        <el-col :span="13">
          <div>
            <el-collapse v-model="activeNames">
              <el-collapse-item title="A 基本信息" name="1" style="width: 900px;">
                <div>
                  <table>
                    <tr>
                      <td>1.</td>
                      <td>
                        生产装置：
                        <el-input style="width: 200px;" v-model="aEquipmentName"/>
                      </td>
                      <td>生产装置主管：
                        <el-input style="width: 100px;" v-model="aEquipmentLeader"/>
                      </td>
                      <td>
                        <i class="el-icon-phone">：</i>
                        <el-input style="width: 70px;" v-model="aEquipmentTel"/>
                      </td>
                      <td>
                        办公室：
                        <el-input style="width: 70px;" v-model="aEquipmentOffice"/>
                      </td>
                    </tr>
                    <tr>
                      <td>2.</td>
                      <td>施工单位：
                        <el-input style="width: 300px;" v-model="aConstructionName"/>
                      </td>
                      <td>施工单位主管：
                        <el-input style="width: 100px;" v-model="aConstructionLeader"/>
                      </td>
                      <td>
                        <i class="el-icon-phone">：</i>
                        <el-input style="width: 70px;" v-model="aConstructionTel"/>
                      </td>
                      <td>
                        办公室：
                        <el-input style="width: 70px;" v-model="aConstructionOffice"/>
                      </td>
                    </tr>
                    <tr>
                      <td>3.</td>
                      <td>用户(涉及外部承包商时)：
                        <el-input style="width: 300px;" v-model="aContractorName"/>
                      </td>
                      <td align="right">用户主管：
                        <el-input style="width: 100px;" v-model="aContractorLeader"/>
                      </td>
                      <td>
                        <i class="el-icon-phone">：</i>
                        <el-input style="width: 70px;" v-model="aContractorTel"/>
                      </td>
                      <td>
                        办公室：
                        <el-input style="width: 70px;" v-model="aContractorOffice"/>
                      </td>
                    <tr>
                      <td>4.</td>
                      <td>需要安全联络员？
                        <el-radio v-model="aIsNeedSafeLiaison" label="1">是</el-radio>
                        <el-radio v-model="aIsNeedSafeLiaison" label="2">否</el-radio>
                        姓名：
                        <el-input style="width: 100px;" v-model="aSafeLiaisonName"
                                  :disabled="this.aIsNeedSafeLiaison==1?false:true"/>
                      </td>
                      <td align="right">
                        签名：
                        <el-input style="width: 100px;" v-model="aSafeLiaisonSign"
                                  :disabled="this.aIsNeedSafeLiaison==1?false:true"/>
                      </td>
                      <td>
                        <i class="el-icon-phone">：</i>
                        <el-input style="width: 70px;" v-model="aSafeLiaisonTel"
                                  :disabled="this.aIsNeedSafeLiaison==1?false:true"/>
                      </td>
                      <td>
                        办公室：
                        <el-input style="width: 70px;" v-model="aSafeLiaisonOffice"
                                  :disabled="this.aIsNeedSafeLiaison==1?false:true"/>
                      </td>
                    </tr>
                  </table>
                </div>
              </el-collapse-item>
              <el-collapse-item title="B 工作内容" name="2" style="width: 900px;">
                <table>
                  <tr>
                    <td>1.</td>
                    <td>装置设备：
                      <el-input style="width: 500px;" v-model="bDeviceName"/>
                    </td>
                    <td>位置/区域号：
                      <el-input style="width: 200px;" v-model="bAreaNo"/>
                    </td>
                  </tr>
                  <tr>
                    <td>2.</td>
                    <td colspan="2">工作内容描述：
                      <el-input type="textarea" style="width: 600px;" v-model="bWorkContent"/>
                    </td>
                  </tr>
                  <tr>
                    <td>3.</td>
                    <td>有效期：由
                      <el-date-picker v-model="value1" type="datetimerange" range-separator="至"
                                      start-placeholder="开始日期" end-placeholder="结束日期">
                      </el-date-picker>
                    </td>
                  </tr>
                </table>
              </el-collapse-item>
              <el-collapse-item title="C 危害识别" name="3" style="width: 900px;">
                <table>
                  <tr>
                    <td>
                      <el-checkbox v-model="isYesDanger"></el-checkbox>
                    </td>
                    <td colspan="10">危害物质（正常运行时存在于设备中的物料名称）：
                      <!-- 物料数据源绑定 -->
                      <el-select v-model="item" placeholder="请选择物料名称" @change="selectChange(item)">
                        <el-option v-for="item in matterNames" :key="item.id" :label="item.matterName" :value="item.id">
                        </el-option>
                      </el-select>
                    </td>
                  </tr>
                  <!-- 图标及物料特性根据物料进行动态展示 -->
                  <tr style="text-align: center;">
                    <td style="width: 20px;">
                      <el-checkbox v-model="cIsDanger"></el-checkbox>
                    </td>
                    <td>危险</td>
                    <td style="width: 80px;">
                      <el-image style="width: 70px;height: 70px;" :src="require('@/assets/image/toxicIcon.png')">
                      </el-image>
                    </td>
                    <td style="width: 80px;">
                      <el-image style="width: 70px;height: 70px;" :src="require('@/assets/image/flammableIcon.png')">
                      </el-image>
                    </td>
                    <td style="width: 80px;">
                      <el-image style="width: 70px;height: 70px;" :src="require('@/assets/image/oxidizingIcon.png')">
                      </el-image>
                    </td>
                    <td style="width: 80px;">
                      <el-image style="width: 70px;height: 70px;" :src="require('@/assets/image/explosiveIcon.png')">
                      </el-image>
                    </td>
                    <td style="width: 80px;">
                      <el-image style="width: 70px;height: 70px;" :src="require('@/assets/image/corrosiveIcon.png')">
                      </el-image>
                    </td>
                    <td style="width: 80px;">
                      <el-image style="width: 70px;height: 70px;"
                                :src="require('@/assets/image/irritantSensitizationToxicIcon.png')">
                      </el-image>
                    </td>
                    <td style="width: 80px;">
                      <el-image style="width: 70px;height: 70px;" :src="require('@/assets/image/healthHazardIcon.png')">
                      </el-image>
                    </td>
                    <td style="width: 80px;">
                      <el-image style="width: 70px;height: 70px;"
                                :src="require('@/assets/image/compressedGasIcon.png')">
                      </el-image>
                    </td>
                    <td style="width: 80px;">
                      <el-image style="width: 70px;height: 70px;"
                                :src="require('@/assets/image/environmentalHazardIcon.png')">
                      </el-image>
                    </td>
                  </tr>
                  <tr style="text-align: center;">
                    <td>
                      <el-checkbox v-model="cIsAttention"></el-checkbox>
                    </td>
                    <td>注意</td>
                    <td style="width: 50px;">毒性<br>
                      <el-checkbox v-model="cIsToxic"></el-checkbox>
                    </td>
                    <td style="width: 50px;">易燃性<br>
                      <el-checkbox v-model="cIsFlammable"></el-checkbox>
                    </td>
                    <td style="width: 50px;">氧化性<br>
                      <el-checkbox v-model="cIsOxidizing"></el-checkbox>
                    </td>
                    <td style="width: 50px;">爆炸性<br>
                      <el-checkbox v-model="cIsExplosive"></el-checkbox>
                    </td>
                    <td style="width: 50px;">腐蚀性<br>
                      <el-checkbox v-model="cIsCorrosive"></el-checkbox>
                    </td>
                    <td style="width: 120px;">刺激性/致敏性/毒性<br>
                      <el-checkbox v-model="cIsIrritantToxic"></el-checkbox>
                    </td>
                    <td style="width: 70px;">健康危害<br>
                      <el-checkbox v-model="cIsHealthHazard"></el-checkbox>
                    </td>
                    <td style="width: 70px;">压力下气体<br>
                      <el-checkbox v-model="cIsCompressedGas"></el-checkbox>
                    </td>
                    <td style="width: 90px;">危害水生环境<br>
                      <el-checkbox v-model="cIsEnvironmentalHazard"></el-checkbox>
                    </td>
                  </tr>
                </table>
                <table>
                  <tr>
                    <td>
                      <el-checkbox v-model="isEquipmentHazards"></el-checkbox>
                    </td>
                    <td colspan="5"><small>
                      设备内物质处于危险状态
                      （
                      <el-checkbox v-model="cIsHighTemp" @change="highTemChange"
                                   :disabled="this.isEquipmentHazards==true?false:true"></el-checkbox>
                      高温
                      /
                      <el-checkbox v-model="cIsLowTemp" @change="lowTemChange"
                                   :disabled="this.isEquipmentHazards==true?false:true"></el-checkbox>
                      低温；
                      <el-checkbox v-model="cIsPosPressure" @change="posPreChage"
                                   :disabled="this.isEquipmentHazards==true?false:true"></el-checkbox>
                      正压
                      /
                      <el-checkbox v-model="cIsNegPressure" @change="negPreChange"
                                   :disabled="this.isEquipmentHazards==true?false:true"></el-checkbox>
                      负压
                      ）
                    </small>
                    </td>
                    <td>
                      <el-checkbox v-model="cIsHazardsProd"></el-checkbox>
                    </td>
                    <td colspan="4">施工队生产单位的危害：
                      <el-input style="width: 150px;" v-model="cIsHazardsProdContent"
                                :disabled="this.isProUnitDanger==true?false:true"/>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-checkbox v-model="isFacilityHazards"></el-checkbox>
                    </td>
                    <td colspan="5">
                      来自设备/设施的危害（
                      <el-checkbox v-model="cIsMovingParts"
                                   :disabled="this.isFacilityHazards==true?false:true"></el-checkbox>
                      移动部件，
                      <el-checkbox v-model="cIsHotSurfaces" @change="hotSurFaceChange"
                                   :disabled="this.isFacilityHazards==true?false:true"></el-checkbox>
                      热表面/
                      <el-checkbox v-model="cIsColdSurfaces" @change="coldSurfaceChange"
                                   :disabled="this.isFacilityHazards==true?false:true">
                      </el-checkbox>
                      冷表面，
                      <el-checkbox v-model="cIsVoltages"
                                   :disabled="this.isFacilityHazards==true?false:true"></el-checkbox>
                      电压
                      ）
                    </td>
                    <td>
                      <el-checkbox v-model="cIsFire"></el-checkbox>
                    </td>
                    <td>火灾或爆炸性危害，参考动火许可证：
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-checkbox v-model="cIsWorkProtective"></el-checkbox>
                    </td>
                    <td colspan="5">安全保护设备的施工(电仪安全保护设备，安全阀，冷却系统)</td>
                  </tr>
                  <tr>
                    <td>
                      <el-checkbox v-model="cIsOtherDanger"></el-checkbox>
                    </td>
                    <td colspan="5">其他危害：
                      <el-input style="width: 150px;" v-model="cOtherDangerContent"
                                :disabled="this.isOtherHazards==true?false:true"/>
                    </td>
                    <td colspan="5" rowspan="2" align="right">H
                      <el-input style="width: 150px;" v-model="cHId"
                                :disabled="this.isFireWorkPermit==true?false:true"/>
                    </td>
                  </tr>
                </table>
              </el-collapse-item>
              <el-collapse-item title="D 施工前的安全措施" name="4" style="width: 900px;">
                <table>
                  <tr>
                    <td>1.</td>
                    <td style="width: 350px;"><b>确保E&I设备安全</b></td>
                    <td style="width: 30px; text-align: center;">是</td>
                    <td style="width: 30px; text-align: center;">否</td>
                    <td style="width: 200px;text-align: center;">安全措施完成，签名，日期</td>
                    <td style="width: 200px;text-align: center;">安全措施撤销，签名，日期</td>
                  </tr>
                  <tr>
                    <td>1.1</td>
                    <td>通过打开安全开关断电并上锁和运转测试</td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsOpenSafe" true-label="1" false-label="0"></el-checkbox>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsOpenSafe" true-label="0" false-label="1"></el-checkbox>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="dSafeImplSign11"
                                :disabled="this.dIsOpenSafe==1?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="dSafeImplDate11"
                        type="date" :disabled="this.dIsOpenSafe==1?false:true">
                      </el-date-picker>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="dSafeLiftedSign11"
                                :disabled="this.dIsOpenSafe==1?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="dSafeLiftedDate11"
                        type="date" :disabled="this.dIsOpenSafe==1?false:true">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td rowspan="5" style="width: 50px;">1.2</td>
                    <td>断开电源通过：</td>
                  </tr>
                  <tr>
                    <td>断开电源线</td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsDisFeeder" true-label="1" false-label="0"
                                   :disabled="dIsOpenSafe != null?false:true"></el-checkbox>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsDisFeeder" true-label="0" false-label="1"
                                   :disabled="dIsOpenSafe != null?false:true"/>
                    </td>
                  </tr>
                  <tr>
                    <td>断开回路开关并上锁和运转测试
                      <el-input style="width: 150px;" v-model="dBreakInclContent"
                                :disabled="this.dIsDisFeeder!= null?false:true"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsBreakIncl" true-label="1" false-label="0"
                                   :disabled="this.dIsDisFeeder!= null?false:true"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsBreakIncl" true-label="0" false-label="1"
                                   :disabled="this.dIsDisFeeder!= null?false:true"/>
                    </td>
                  </tr>
                  <tr>
                    <td>电气回路编号：
                      <el-input style="width: 150px;" v-model="dEleCircuitNo"
                                :disabled="this.dIsDisFeeder!= null?false:true"/>
                    </td>
                  </tr>
                  <tr>
                    <td>仪表号/测点编号：
                      <el-input style="width: 150px;" v-model="dInsTagNo"
                                :disabled="this.dIsDisFeeder!= null?false:true"/>
                    </td>
                    <td></td>
                    <td></td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="dSafeImplSign12"
                                :disabled="this.dIsBreakIncl == 1?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="dSafeImplDate12"
                        type="date" :disabled="this.dIsBreakIncl == 1?false:true">
                      </el-date-picker>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="dSafeLiftedSign12"
                                :disabled="this.dIsBreakIncl == 0?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="dSafeLiftedDate12"
                        type="date" :disabled="this.dIsBreakIncl == 0?false:true">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>1.3</td>
                    <td>放射源由专业人员确保安全(日志)</td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsRadioactiveSources" true-label="1" false-label="0"
                                   :disabled="this.dIsBreakIncl!= null?false:true"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsRadioactiveSources" true-label="0" false-label="1"
                                   :disabled="this.dIsBreakIncl!= null?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="dSafeImplSign13"
                                :disabled="this.dIsRadioactiveSources==1?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="dSafeImplDate13"
                        type="date" :disabled="this.dIsRadioactiveSources==1?false:true">
                      </el-date-picker>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="dSafeLiftedSign13"
                                :disabled="this.dIsRadioactiveSources==0?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="dSafeLiftedDate13"
                        type="date" :disabled="this.dIsRadioactiveSources==0?false:true">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>1.4</td>
                    <td>
                      <el-input style="width: 150px;" v-model="dIsOtherEquSafeContent"
                                :disabled="this.dIsRadioactiveSources!= null?false:true"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsOtherEquSafe" true-label="1" false-label="0"
                                   :disabled="this.dIsRadioactiveSources!= null?false:true"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsOtherEquSafe" true-label="0" false-label="1"
                                   :disabled="this.dIsRadioactiveSources!= null?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="dSafeImplSign14"
                                :disabled="this.dIsOtherEquSafe==1?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="dSafeImplDate14"
                        type="date" :disabled="this.dIsOtherEquSafe==1?false:true">
                      </el-date-picker>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="dSafeLiftedSign14"
                                :disabled="this.dIsOtherEquSafe==0?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="dSafeLiftedDate14"
                        type="date" :disabled="this.dIsOtherEquSafe==0?false:true">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>2.</td>
                    <td><b>确保装置设备安全</b></td>
                  </tr>
                  <tr>
                    <td>2.1</td>
                    <td>泄压/排空</td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsDepress" true-label="1" false-label="0"
                                   :disabled="this.dIsOtherEquSafe!= null?false:true"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsDepress" true-label="0" false-label="1"
                                   :disabled="this.dIsOtherEquSafe!= null?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="dSafeImplSign21"
                                :disabled="this.dIsDepress==1?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="dSafeImplDate21"
                        type="date" :disabled="this.dIsDepress==1?false:true">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>2.2</td>
                    <td>单阀截断</td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsSingleBlocking" true-label="1" false-label="0"
                                   :disabled="this.dIsDepress!= null?false:true"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsSingleBlocking" true-label="0" false-label="1"
                                   :disabled="this.dIsDepress!= null?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="dSafeImplSign22"
                                :disabled="this.dIsSingleBlocking==1?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="dSafeImplDate22"
                        type="date" :disabled="this.dIsSingleBlocking==1?false:true">
                      </el-date-picker>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="dSafeLiftedSign22"
                                :disabled="this.dIsSingleBlocking==0?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="dSafeLiftedDate22"
                        type="date" :disabled="this.dIsSingleBlocking==0?false:true">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      2.3
                    </td>
                    <td>双阀截断与放空</td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsDoubleBlock" true-label="1" false-label="0"
                                   :disabled="this.dIsSingleBlocking!= null?false:true"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsDoubleBlock" true-label="0" false-label="1"
                                   :disabled="this.dIsSingleBlocking!= null?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="dSafeImplSign23"
                                :disabled="this.dIsDoubleBlock==1?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="dSafeImplDate23"
                        type="date" :disabled="this.dIsDoubleBlock==1?false:true">
                      </el-date-picker>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="dSafeLiftedSign23"
                                :disabled="this.dIsDoubleBlock==0?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="dSafeLiftedDate23"
                        type="date" :disabled="this.dIsDoubleBlock==0?false:true">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>2.4</td>
                    <td>
                      使用
                      <el-input style="width: 150px;" v-model="dLockoutUsingContent"
                                :disabled="this.dIsDoubleBlock!= null?false:true"/>
                      锁定
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsLockoutUsing" true-label="1" false-label="0"
                                   :disabled="this.dIsDoubleBlock!= null?false:true"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsLockoutUsing" true-label="0" false-label="1"
                                   :disabled="this.dIsDoubleBlock!= null?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="dSafeImplSign24"
                                :disabled="this.dIsLockoutUsing==1?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="dSafeImplDate24"
                        type="date" :disabled="this.dIsLockoutUsing==1?false:true">
                      </el-date-picker>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="dSafeLiftedSign24"
                                :disabled="this.dIsLockoutUsing==0?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="dSafeLiftedDate24"
                        type="date" :disabled="this.dIsLockoutUsing==0?false:true">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>2.5</td>
                    <td>移去部分管线/短接</td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsRemovePipe" true-label="1" false-label="0"
                                   :disabled="this.dIsLockoutUsing!= null?false:true"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsRemovePipe" true-label="0" false-label="1"
                                   :disabled="this.dIsLockoutUsing!= null?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="dSafeImplSign25"
                                :disabled="this.dIsRemovePipe==1?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="dSafeImplDate25"
                        type="date" :disabled="this.dIsRemovePipe==1?false:true">
                      </el-date-picker>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="dSafeLiftedSign25"
                                :disabled="this.dIsRemovePipe==0?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="dSafeLiftedDate25"
                        type="date" :disabled="this.dIsRemovePipe==0?false:true">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>2.6</td>
                    <td>断开管线并加盖盲法兰</td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsDisPipes" true-label="1" false-label="0"
                                   :disabled="this.dIsRemovePipe!= null?false:true"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsDisPipes" true-label="0" false-label="1"
                                   :disabled="this.dIsRemovePipe!= null?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="dSafeImplSign26"
                                :disabled="this.dIsDisPipes==1?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="dSafeImplDate26"
                        type="date" :disabled="this.dIsDisPipes==1?false:true">
                      </el-date-picker>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="dSafeLiftedSign26"
                                :disabled="this.dIsDisPipes==0?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="dSafeLiftedDate26"
                        type="date" :disabled="this.dIsDisPipes==0?false:true">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>2.7</td>
                    <td>插入盲板</td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsInsertBlindPlage" true-label="1" false-label="0"
                                   :disabled="this.dIsDisPipes!= null?false:true"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsInsertBlindPlage" true-label="0" false-label="1"
                                   :disabled="this.dIsDisPipes!= null?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="dSafeImplSign27"
                                :disabled="this.dIsInsertBlindPlage==1?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="dSafeImplDate27"
                        type="date" :disabled="this.dIsInsertBlindPlage==1?false:true">
                      </el-date-picker>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="dSafeLiftedSign27"
                                :disabled="this.dIsInsertBlindPlage==0?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="dSafeLiftedDate27"
                        type="date" :disabled="this.dIsInsertBlindPlage==0?false:true">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>2.8</td>
                    <td>机械安全措施：
                      <el-input style="width: 150px;" v-model="dMecSecureContent"
                                :disabled="this.dIsInsertBlindPlage!= null?false:true"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsMecSecure" true-label="1" false-label="0"
                                   :disabled="this.dIsInsertBlindPlage!= null?false:true"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsMecSecure" true-label="0" false-label="1"
                                   :disabled="this.dIsInsertBlindPlage!= null?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="dSafeImplSign28"
                                :disabled="this.dIsMecSecure==1?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="dSafeImplDate28"
                        type="date" :disabled="this.dIsMecSecure==1?false:true">
                      </el-date-picker>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="dSafeLiftedSign28"
                                :disabled="this.dIsMecSecure==0?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="dSafeLiftedDate28"
                        type="date" :disabled="this.dIsMecSecure==0?false:true">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>2.9</td>
                    <td>附隔离/盲板图</td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsIsolationDiagram" true-label="1" false-label="0"
                                   :disabled="this.dIsMecSecure!= null?false:true"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsIsolationDiagram" true-label="0" false-label="1"
                                   :disabled="this.dIsMecSecure!= null?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="dSafeImplSign29"
                                :disabled="this.dIsIsolationDiagram==1?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="dSafeImplDate29"
                        type="date" :disabled="this.dIsIsolationDiagram==1?false:true">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>2.10</td>
                    <td>
                      <el-input style="width: 150px;" v-model="dOtherSafePlantContent"
                                :disabled="this.dIsIsolationDiagram!= null?false:true"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsOtherSafePlant" true-label="1" false-label="0"
                                   :disabled="this.dIsIsolationDiagram!= null?false:true"></el-checkbox>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsOtherSafePlant" true-label="0" false-label="1"
                                   :disabled="this.dIsIsolationDiagram!= null?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="dSafeImplSign210"
                                :disabled="this.dIsOtherSafePlant==1?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="dSafeImplDate210"
                        type="date" :disabled="this.dIsOtherSafePlant==1?false:true">
                      </el-date-picker>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="dSafeLiftedSign210"
                                :disabled="this.dIsOtherSafePlant==0?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="dSafeLiftedDate210"
                        type="date" :disabled="this.dIsOtherSafePlant==0?false:true">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>3.</td>
                    <td><b>导空/清洗工艺设备</b></td>
                  </tr>
                  <tr>
                    <td>3.1</td>
                    <td>倒空</td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsDrain" true-label="1" false-label="0"
                                   :disabled="this.dIsOtherSafePlant!= null?false:true"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsDrain" true-label="0" false-label="1"
                                   :disabled="this.dIsOtherSafePlant!= null?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="dSafeImplSign31"
                                :disabled="this.dIsDrain==1?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="dSafeImplDate31"
                        type="date" :disabled="this.dIsDrain==1?false:true">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>3.2</td>
                    <td>用
                      <el-input style="width: 150px;" v-model="dCleanContent"
                                :disabled="this.dIsOtherSafePlant!= null?false:true"/>
                      清洗
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsClean" true-label="1" false-label="0"
                                   :disabled="this.dIsDrain!= null?false:true"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsClean" true-label="0" false-label="1"
                                   :disabled="this.dIsDrain!= null?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="dSafeImplSign32"
                                :disabled="this.dIsClean==1?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="dSafeImplDate32"
                        type="date" :disabled="this.dIsClean==1?false:true">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>3.3</td>
                    <td>用
                      <el-input style="width: 150px;" v-model="dFlushContent"
                                :disabled="this.dIsClean!= null?false:true"/>
                      置换
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsFlush" true-label="1" false-label="0"
                                   :disabled="this.dIsClean!= null?false:true"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsFlush" true-label="0" false-label="1"
                                   :disabled="this.dIsClean!= null?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="dSafeImplSign33"
                                :disabled="this.dIsFlush==1?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="dSafeImplDate33"
                        type="date" :disabled="this.dIsFlush==1?false:true">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>3.4</td>
                    <td>
                      <el-input style="width: 150px;" v-model="dOtherCleanContent"
                                :disabled="this.dIsFlush!= null?false:true"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsOhterClean" true-label="1" false-label="0"
                                   :disabled="this.dIsFlush!= null?false:true"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsOhterClean" true-label="0" false-label="1"
                                   :disabled="this.dIsFlush!= null?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="dSafeImplSign34"
                                :disabled="this.dIsOhterClean==1?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="dSafeImplDate34"
                        type="date" :disabled="this.dIsOhterClean==1?false:true">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>4.</td>
                    <td><b>确保施工区域安全</b></td>
                  </tr>
                  <tr>
                    <td>4.1</td>
                    <td>现场隔离使用：
                      <el-input style="width: 150px;" v-model="dSiteDemarcationContent"
                                :disabled="this.dIsOhterClean!= null?false:true"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsSiteDemarcation" true-label="1" false-label="0"
                                   :disabled="this.dIsOhterClean!= null?false:true"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsSiteDemarcation" true-label="0" false-label="1"
                                   :disabled="this.dIsOhterClean!= null?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="dSafeImplSign41"
                                :disabled="this.dIsSiteDemarcation==1?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="dSafeImplDate41"
                        type="date" :disabled="this.dIsSiteDemarcation==1?false:true">
                      </el-date-picker>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="dSafeLiftedSign41"
                                :disabled="this.dIsSiteDemarcation==0?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="dSafeLiftedDate41"
                        type="date" :disabled="this.dIsSiteDemarcation==0?false:true">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>4.2</td>
                    <td>需覆盖的区域：
                      <el-input style="width: 150px;" v-model="dAreaCoverContent"
                                :disabled="this.dIsSiteDemarcation!= null?false:true"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsAreaCover" true-label="1" false-label="0"
                                   :disabled="this.dIsSiteDemarcation!= null?false:true"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsAreaCover" true-label="0" false-label="1"
                                   :disabled="this.dIsSiteDemarcation!= null?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="dSafeImplSign42"
                                :disabled="this.dIsAreaCover==1?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="dSafeImplDate42"
                        type="date" :disabled="this.dIsAreaCover==1?false:true">
                      </el-date-picker>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="dSafeLiftedSign42"
                                :disabled="this.dIsAreaCover==0?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="dSafeLiftedDate42"
                        type="date" :disabled="this.dIsAreaCover==0?false:true">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>4.3</td>
                    <td>封闭槽车/火车路线</td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsCloseTrucks" true-label="1" false-label="0"
                                   :disabled="this.dIsAreaCover!= null?false:true"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsCloseTrucks" true-label="0" false-label="1"
                                   :disabled="this.dIsAreaCover!= null?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="dSafeImplSign43"
                                :disabled="this.dIsCloseTrucks==1?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="dSafeImplDate43"
                        type="date" :disabled="this.dIsCloseTrucks==1?false:true">
                      </el-date-picker>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="dSafeLiftedSign43"
                                :disabled="this.dIsCloseTrucks==0?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="dSafeLiftedDate43"
                        type="date" :disabled="this.dIsCloseTrucks==0?false:true">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>4.4</td>
                    <td>对邻近法兰和管件检漏</td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsLeakFlanges" true-label="1" false-label="0"
                                   :disabled="this.dIsCloseTrucks!= null?false:true"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsLeakFlanges" true-label="0" false-label="1"
                                   :disabled="this.dIsCloseTrucks!= null?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="dSafeImplSign44"
                                :disabled="this.dIsLeakFlanges==1?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="dSafeImplDate44"
                        type="date" :disabled="this.dIsLeakFlanges==1?false:true">
                      </el-date-picker>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="dSafeImplSign45"
                                :disabled="this.dIsLeakFlanges==0?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="dSafeImplDate45"
                        type="date" :disabled="this.dIsLeakFlanges==0?false:true">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>4.5</td>
                    <td>
                      <el-input style="width: 150px;" v-model="dOtherWorkSafeContent"
                                :disabled="this.dIsCloseTrucks!= null?false:true"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsOtherWorkSafe" true-label="1" false-label="0"
                                   :disabled="this.dIsLeakFlanges!= null?false:true"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsOtherWorkSafe" true-label="0" false-label="1"
                                   :disabled="this.dIsLeakFlanges!= null?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="dSafeLiftedSign45"
                                :disabled="this.dIsOtherWorkSafe==1?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="dSafeLiftedDate45"
                        type="date" :disabled="this.dIsOtherWorkSafe==1?false:true">
                      </el-date-picker>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="dSafeImplSign51"
                                :disabled="this.dIsOtherWorkSafe==0?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="dSafeImplDate51"
                        type="date" :disabled="this.dIsOtherWorkSafe==0?false:true">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>5.</td>
                    <td><b>额外组织措施</b></td>
                  </tr>
                  <tr>
                    <td>5.1</td>
                    <td>
                      <el-input style="width: 150px;" v-model="dOtherMeasureContent"
                                :disabled="this.dIsOtherWorkSafe!= null?false:true"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsOtherMeasure" true-label="1" false-label="0"
                                   :disabled="this.dIsOtherWorkSafe!= null?false:true"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsOtherMeasure" true-label="0" false-label="1"
                                   :disabled="this.dIsOtherWorkSafe!= null?false:true"/>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="dSafeLiftedSign51"
                                :disabled="this.dIsOtherMeasure==1?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="dSafeLiftedDate51"
                        type="date" :disabled="this.dIsOtherMeasure==1?false:true">
                      </el-date-picker>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="noOther5Content"
                                :disabled="this.dIsOtherMeasure==0?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date41"
                        type="date" :disabled="this.dIsOtherMeasure==0?false:true">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>6.</td>
                    <td><b>现场安全说明/交底</b></td>
                  </tr>
                  <tr>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsSafeBriefing" true-label="1" false-label="0"
                                   :disabled="this.dIsOtherMeasure!= null?false:true">是
                      </el-checkbox>
                    </td>
                    <td>
                      参与交底人签名/日期
                      <el-input style="width: 70px;" v-model="dPartakeBriefingSign"
                                :disabled="this.dIsSafeBriefing==1?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date42"
                        type="date" :disabled="this.dIsSafeBriefing==1?false:true">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="dIsSafeBriefing" true-label="0" false-label="1"
                                   :disabled="this.dIsOtherMeasure!= null?false:true">没有
                      </el-checkbox>
                    </td>
                    <td>
                      原因：
                      <el-input style="width: 150px;" v-model="dNoReasonContent"
                                :disabled="this.dIsSafeBriefing==0?false:true"/>
                    </td>
                  </tr>
                </table>
              </el-collapse-item>
            </el-collapse>
          </div>
        </el-col>

        <!-- 右侧栏 -->
        <el-col :span="11">
          <div>
            <el-collapse v-model="activeNames">
              <el-collapse-item title="E 施工时的安全措施" name="5" style="width: 800px;">
                <el-row>
                  <el-col :span="12">
                    <table>
                      <th style="width: 30px;"></th>
                      <th style="width: 300px;"></th>
                      <th style="width: 30px; text-align: center;">是</th>
                      <th style="width: 30px; text-align: center;">否</th>
                      <tr>
                        <td><b>1.</b></td>
                        <td>可能有残留物料</td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="eIsPresent" true-label="1" false-label="0"/>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="eIsPresent" true-label="0" false-label="1"/>
                        </td>
                      </tr>
                      <tr>
                        <td><b>2.</b></td>
                        <td><b>个人防护用品(PPE)</b></td>
                      </tr>
                      <tr>
                        <td></td>
                        <td>仅限定时间内佩戴的PPE：</td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="eIsRequiredPpe" true-label="1" false-label="0"/>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="eIsRequiredPpe" true-label="0" false-label="1"/>
                        </td>
                      </tr>
                      <tr>
                        <td></td>
                        <td>项目：
                          <el-input style="width: 150px;" v-model="ePpeContent"/>
                        </td>
                      </tr>
                      <tr>
                        <td><b>2.1</b></td>
                        <td>安全护目镜</td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="eIsSafeGoggles" true-label="1" false-label="0"/>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="eIsSafeGoggles" true-label="0" false-label="1"/>
                        </td>
                      </tr>
                      <tr>
                        <td><b>2.2</b></td>
                        <td>防护面罩</td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="eIsFaceShield" true-label="1" false-label="0"/>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="eIsFaceShield" true-label="0" false-label="1"/>
                        </td>
                      </tr>
                      <tr>
                        <td><b>2.3</b></td>
                        <td>防护手套，类型：
                          <el-input style="width: 150px;" v-model="eProtectGlovesContent"/>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="eIsProtectGloves" true-label="1" false-label="0"/>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="eIsProtectGloves" true-label="0" false-label="1"/>
                        </td>
                      </tr>
                      <tr>
                        <td><b>2.4</b></td>
                        <td>橡胶长靴</td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="eIsRubberBoots" true-label="1" false-label="0"/>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="eIsRubberBoots" true-label="0" false-label="1"/>
                        </td>
                      </tr>
                      <tr>
                        <td><b>2.5</b></td>
                        <td>橡胶围裙</td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="eIsRubberApron" true-label="1" false-label="0"/>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="eIsRubberApron" true-label="0" false-label="1"/>
                        </td>
                      </tr>
                      <tr>
                        <td><b>2.6</b></td>
                        <td>防护服，类型：
                          <el-input style="width: 150px;" v-model="eProtectSuitContent"/>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="eIsProtectSuit" true-label="1" false-label="0"/>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="eIsProtectSuit" true-label="0" false-label="1"></el-checkbox>
                        </td>
                      </tr>
                      <tr>
                        <td><b>2.7</b></td>
                        <td>呼吸保护用品，类型：
                          <el-input style="width: 150px;" v-model="eResProtectContent"/>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="eIsResProtect" true-label="1" false-label="0"/>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="eIsResProtect" true-label="0" false-label="1"></el-checkbox>
                        </td>
                      </tr>
                      <tr>
                        <td><b>2.8</b></td>
                        <td>防坠落装置，类型：
                          <el-input style="width: 150px;" v-model="eFallArrestContent"/>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="eIsFallArrest" true-label="1" false-label="0"/>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="eIsFallArrest" true-label="0" false-label="1"></el-checkbox>
                        </td>
                      </tr>
                      <tr>
                        <td><b>2.9</b></td>
                        <td>
                          <el-input style="width: 150px;" v-model="eOtherProtectContent"/>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="eIsOtherProtect" true-label="1" false-label="0"/>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="eIsOtherProtect" true-label="0" false-label="1"/>
                        </td>
                      </tr>
                    </table>
                  </el-col>
                  <el-col :span="11">
                    <table>
                      <th style="width: 30px;"></th>
                      <th style="width: 300px;"></th>
                      <th style="width: 30px; text-align: center;">是</th>
                      <th style="width: 30px; text-align: center;">否</th>
                      <tr>
                        <td><b>3.</b></td>
                        <td><b>连续的监控</b></td>
                      </tr>
                      <tr>
                        <td></td>
                        <td>安全监护人单位/签字：
                          <el-input style="width: 70px;" v-model="eSafeAttendant"/>
                          /
                          <el-input style="width: 70px;" v-model="eSafeAttendantSign"/>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="eIsContinueMonitoring" true-label="1" false-label="0"/>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="eIsContinueMonitoring" true-label="0" false-label="1"/>
                        </td>
                      </tr>
                      <tr>
                        <td><b>4.</b></td>
                        <td><b>通风措施</b></td>
                      </tr>
                      <tr>
                        <td><b>4.1</b></td>
                        <td>自然通风：
                          <el-input style="width: 150px;" v-model="eNaturalVenContent"/>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="eIsNaturalVen" true-label="1" false-label="0"/>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="eIsNaturalVen" true-label="0" false-label="1"/>
                        </td>
                      </tr>
                      <tr>
                        <td><b>4.2</b></td>
                        <td>机械通风，使用：
                          <el-input style="width: 150px;" v-model="eMecVenContent"/>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="eIsMecVen" true-label="1" false-label="0"/>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="eIsMecVen" true-label="0" false-label="1"/>
                        </td>
                      </tr>
                      <tr>
                        <td><b>4.3</b></td>
                        <td>在释放源处抽走粉尘/气体/蒸汽</td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="eIsExxtractDust" true-label="1" false-label="0"/>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="eIsExxtractDust" true-label="0" false-label="1"/>
                        </td>
                      </tr>
                      <tr>
                        <td><b>4.4</b></td>
                        <td>空气分析内容：
                          <el-input style="width: 150px;" v-model="eAnalyzeAirContent"/>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="eIsAnalyzeAir" true-label="1" false-label="0"/>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="eIsAnalyzeAir" true-label="0" false-label="1"/>
                        </td>
                      </tr>
                      <tr>
                        <td></td>
                        <td>分析频次：
                          <el-input style="width: 150px;" v-model="eAnalyzeAirInterval"/>
                        </td>
                      </tr>
                      <tr>
                        <td><b>4.5</b></td>
                        <td>
                          <el-input style="width: 150px;" v-model="eOtherVenContent"/>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="eIsOtherVen" true-label="1" false-label="0"/>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="eIsOtherVen" true-label="0" false-label="1"/>
                        </td>
                      </tr>
                    </table>
                  </el-col>
                </el-row>
              </el-collapse-item>
              <el-collapse-item title="F 施工后的安全措施" name="6" style="width: 800px;">
                <table>
                  <th></th>
                  <th style="width: 30px; text-align: center;">是</th>
                  <th style="width: 30px; text-align: center;">否</th>
                  <tr>
                    <td>
                      <el-input style="width: 600px;" v-model="fAfterWorkSafeContent"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="fIsAfterWorkSafe" true-label="1" false-label="0"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="fIsAfterWorkSafe" true-label="0" false-label="1"/>
                    </td>
                  </tr>
                </table>
              </el-collapse-item>
              <el-collapse-item title="G 核实危害评估和安全措施界定" name="7" style="width: 800px;">
                <table>
                  <th></th>
                  <th align="right">由专门部门人员评估的项目：</th>
                  <th style="width: 20px; text-align: center;">是</th>
                  <th style="width: 20px; text-align: center;">否</th>
                  <tr>
                    <td>第一签名（装置/部门授权人员）：
                      <el-input style="width: 70px;" v-model="gFirstSign"/>
                      <el-date-picker
                        v-model="gFirstDate"
                        type="datetime"
                        placeholder="选择日期时间">
                      </el-date-picker>
                    </td>
                    <td>
                      <el-input style="width: 150px;" v-model="gSpecialAssessment"/>
                    </td>
                    <td style="text-align: center;">
                      <el-checkbox v-model="gIsSpecialAssessment" true-label="1" false-label="0"/>
                    </td>
                    <td style="text-align: center;">
                      <el-checkbox v-model="gIsSpecialAssessment" true-label="0" false-label="1"></el-checkbox>
                    </td>
                  </tr>
                  <tr>
                    <td>第二签名（装置/部门授权人员）：
                      <el-input style="width: 70px;" v-model="gSecondSign"/>
                      <el-date-picker
                        v-model="gSecondDate"
                        type="datetime"
                        placeholder="选择日期时间">
                      </el-date-picker>
                    </td>
                    <td>第三签名（相应部门人员及部门名称）：
                      <el-input style="width: 70px;" v-model="gThirdSign"/>
                      <el-date-picker
                        v-model="gThirdDate"
                        type="datetime"
                        placeholder="选择日期时间">
                      </el-date-picker>
                    </td>
                  </tr>
                </table>
              </el-collapse-item>
              <el-collapse-item title="H 安全措施检查和许可证批准" name="8" style="width: 800px;">
                <table>
                  <tr>
                    <td>签名：
                      <el-input style="width: 150px;" v-model="hSafeMesSign"/>
                      <el-date-picker
                        v-model="hSafeMesDate"
                        type="datetime"
                        placeholder="选择日期时间">
                      </el-date-picker>
                    </td>
                    <td align="right">相应延期许可证号码：</td>
                    <td>V
                      <el-input style="width: 150px;" v-model="hVNoOne"/>
                    </td>
                  </tr>
                  <tr>
                    <td><small>(生产装置授权人员，D栏的安全措施已实施和检查，G栏的签名已完成)</small></td>
                    <td>V
                      <el-input style="width: 150px;" v-model="hVNoTwo"/>
                    </td>
                    <td>V
                      <el-input style="width: 150px;" v-model="hVNoThree"/>
                    </td>
                  </tr>
                </table>
              </el-collapse-item>
              <el-collapse-item title="I 施工单位接受许可证" name="9" style="width: 800px;">
                <table>
                  <tr>
                    <td>
                      1a 签名（授权维修主管）
                      <el-input style="width: 80px;" v-model="iOneASign"/>
                      <el-date-picker
                        v-model="iOneADate"
                        type="datetime"
                        placeholder="选择日期时间">
                      </el-date-picker>
                    </td>
                    <td>
                      1b 签名（授权维修工人）
                      <el-input style="width: 80px;" v-model="iOneBSign"/>
                      <el-date-picker
                        v-model="iOneBDate"
                        type="datetime"
                        placeholder="选择日期时间">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <small>
                        (E栏的安全措施已实施和D6的现场安全说明已完成)
                      </small>
                    </td>
                    <td>
                      <small>(E栏的安全措施已实施和D6的现场安全说明已完成)</small>
                    </td>
                  </tr>
                </table>
              </el-collapse-item>
              <el-collapse-item title="J1 中途的E&I功能测试      J2 中途测试后,再次停用装置设备" name="10" style="width: 800px;">
                <table>
                  <tr>
                    <td style="width: 200px;">
                      <el-input style="width: 80px;" v-model="jOneBSign"/>
                      <el-date-picker
                        v-model="jOneBDate"
                        type="datetime"
                        placeholder="选择日期时间">
                      </el-date-picker>
                    </td>
                    <td style="width: 200px;">
                      <el-input style="width: 80px;" v-model="jResMemberSign"/>
                      <el-date-picker
                        v-model="jResMemberDate"
                        type="datetime"
                        placeholder="选择日期时间">
                      </el-date-picker>
                    </td>
                    <td style="width: 200px;">
                      <el-input style="width: 80px;" v-model="jEISign"/>
                      <el-date-picker
                        v-model="jEIDate"
                        type="datetime"
                        placeholder="选择日期时间">
                      </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-collapse-item title="K 确认F栏的安全措施完成" name="12" style="width: 800px;">
                签名，日期/时间
                <el-input style="width: 80px;" v-model="kConfirmSign"/>
                <el-date-picker
                  v-model="kConfirmDate"
                  type="datetime"
                  placeholder="选择日期时间">
                </el-date-picker>
              </el-collapse-item>
              <el-collapse-item title="L 授权的维修工人通知生产装置施工完成" name="13" style="width: 800px;">
                如有需要，通过安全联络员
                <br>
                签名，日期/时间
                <el-input style="width: 80px;" v-model="lNoticeSign"/>
                <el-date-picker
                  v-model="lNoticeDate"
                  type="datetime"
                  placeholder="选择日期时间">
                </el-date-picker>
              </el-collapse-item>
              <el-collapse-item title="M 评估/批准撤销D栏的施工前安全措施" name="14" style="width: 800px;">
                <table>
                  <tr>
                    <td colspan="3">
                      <el-input style="width: 380px;" v-model="mAssessDContent"/>
                    </td>
                    <td>
                      <el-input style="width: 80px;" v-model="mAssessDSign"/>
                      <el-date-picker
                        v-model="mAssessDDate"
                        type="datetime"
                        placeholder="选择日期时间">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td colspan="3">
                      <small>如需要，列出撤销安全措施的次序</small>
                    </td>
                    <td><small>签名()生产装置授权人员</small></td>
                  </tr>
                  <tr>
                    <td>其他相关许可证</td>
                    <td>
                      <el-input style="width: 80px;" v-model="mOtherLicenceOne"/>
                    </td>
                    <td>
                      <el-input style="width: 80px;" v-model="mOtherLicenceTwo"/>
                    </td>
                    <td>
                      <el-input style="width: 80px;" v-model="mOtherLicenceThree"/>
                    </td>
                  </tr>
                </table>
              </el-collapse-item>
              <el-collapse-item title="N 空气检测记录" name="15" style="width: 800px;">
                <table border="1">
                  <tr>
                    <td>检测位置</td>
                    <td>
                      <el-input style="width: 80px;"/>
                    </td>
                    <td>
                      <el-input style="width: 80px;"/>
                    </td>
                    <td>
                      <el-input style="width: 80px;"/>
                    </td>
                    <td>
                      <el-input style="width: 80px;"/>
                    </td>
                    <td>
                      <el-input style="width: 80px;"/>
                    </td>
                    <td>
                      <el-input style="width: 80px;"/>
                    </td>
                  </tr>
                  <tr>
                    <td>检测日期/时间（时/分）</td>
                    <td>
                      <el-input style="width: 80px;"/>
                    </td>
                    <td>
                      <el-input style="width: 80px;"/>
                    </td>
                    <td>
                      <el-input style="width: 80px;"/>
                    </td>
                    <td>
                      <el-input style="width: 80px;"/>
                    </td>
                    <td>
                      <el-input style="width: 80px;"/>
                    </td>
                    <td>
                      <el-input style="width: 80px;"/>
                    </td>
                  </tr>
                  <tr>
                    <td>检测物质</td>
                    <td>
                      <el-input style="width: 80px;"/>
                    </td>
                    <td>
                      <el-input style="width: 80px;"/>
                    </td>
                    <td>
                      <el-input style="width: 80px;"/>
                    </td>
                    <td>
                      <el-input style="width: 80px;"/>
                    </td>
                    <td>
                      <el-input style="width: 80px;"/>
                    </td>
                    <td>
                      <el-input style="width: 80px;"/>
                    </td>
                  </tr>
                  <tr>
                    <td>检测结果</td>
                    <td>
                      <el-input style="width: 80px;"/>
                    </td>
                    <td>
                      <el-input style="width: 80px;"/>
                    </td>
                    <td>
                      <el-input style="width: 80px;"/>
                    </td>
                    <td>
                      <el-input style="width: 80px;"/>
                    </td>
                    <td>
                      <el-input style="width: 80px;"/>
                    </td>
                    <td>
                      <el-input style="width: 80px;"/>
                    </td>
                  </tr>
                  <tr>
                    <td>检测人签名</td>
                    <td>
                      <el-input style="width: 80px;"/>
                    </td>
                    <td>
                      <el-input style="width: 80px;"/>
                    </td>
                    <td>
                      <el-input style="width: 80px;"/>
                    </td>
                    <td>
                      <el-input style="width: 80px;"/>
                    </td>
                    <td>
                      <el-input style="width: 80px;"/>
                    </td>
                    <td>
                      <el-input style="width: 80px;"/>
                    </td>
                  </tr>
                  <tr>
                    <td>便携式检测仪编号</td>
                    <td>
                      <el-input style="width: 80px;"/>
                    </td>
                    <td>
                      <el-input style="width: 80px;"/>
                    </td>
                    <td>
                      <el-input style="width: 80px;"/>
                    </td>
                    <td>
                      <el-input style="width: 80px;"/>
                    </td>
                    <td>
                      <el-input style="width: 80px;"/>
                    </td>
                    <td>
                      <el-input style="width: 80px;"/>
                    </td>
                  </tr>
                </table>
              </el-collapse-item>
            </el-collapse>
          </div>
        </el-col>
      </el-row>
    </div>
  </el-form>
</template>
<script>

import {
  listMatters
} from "@/api/ehs/throughcleanbcc";
import {
  addTicket
} from "@/api/invoicing/hazardwork"

export default {
  data() {
    return {
      form: {
        aEquipmentName: null,
        aEquipmentLeader: null,
      },
      //危害工作许可证ID
      aId: null,
      //A 基本信息字段
      aEquipmentName: null,
      aEquipmentLeader: null,
      aEquipmentTel: null,
      aEquipmentOffice: null,
      aConstructionName: null,
      aConstructionLeader: null,
      aConstructionTel: null,
      aConstructionOffice: null,
      aContractorName: null,
      aContractorLeader: null,
      aContractorTel: null,
      aContractorOffice: null,
      aIsNeedSafeLiaison: '2',
      aSafeLiaisonName: null,
      aSafeLiaisonSign: null,
      aSafeLiaisonTel: null,
      aSafeLiaisonOffice: null,
      //B 工作内容
      bDeviceName: null,
      bWorkContent: null,
      bAreaNo: null,
      bValidityStartTime: null,
      bValidityEndTime: null,
      //C 危害识别
      cHarmMatterName: null,
      cIsDanger: null,
      cIsAttention: null,
      cIsToxic: null,
      cIsFlammable: null,
      cIsOxidizing: null,
      cIsExplosive: null,
      cIsCorrosive: null,
      cIsIrritantToxic: null,
      cIsHealthHazard: null,
      cIsCompressedGas: null,
      cIsEnvironmentalHazard: null,
      cIsHighTemp: null,
      cIsLowTemp: null,
      cIsPosPressure: null,
      cIsNegPressure: null,
      cIsHazardsProd: null,
      cIsHazardsProdContent: null,
      cIsMovingParts: null,
      cIsHotSurfaces: null,
      cIsColdSurfaces: null,
      cIsVoltages: null,
      cIsFire: null,
      cHId: null,
      cIsWorkProtective: null,
      cIsOtherDanger: null,
      cOtherDangerContent: null,
      //D 施工前的安全措施
      dIsOpenSafe: "0",
      dIsDisFeeder: "0",
      dIsBreakIncl: "0",
      dEleCircuitNo: null,
      dInsTagNo: null,
      dBreakInclContent: null,
      dIsRadioactiveSources: "0",
      dIsOtherEquSafe: "0",
      dIsOtherEquSafeContent: null,
      dIsDepress: "0",
      dIsSingleBlocking: "0",
      dIsDoubleBlock: "0",
      dIsLockoutUsing: "0",
      dLockoutUsingContent: null,
      dIsRemovePipe: "0",
      dIsDisPipes: "0",
      dIsInsertBlindPlage: "0",
      dIsMecSecure: "0",
      dMecSecureContent: null,
      dIsIsolationDiagram: "0",
      dIsOtherSafePlant: "0",
      dOtherSafePlantContent: null,
      dIsDrain: "0",
      dIsClean: "0",
      dCleanContent: null,
      dIsFlush: "0",
      dFlushContent: null,
      dIsOhterClean: "0",
      dOtherCleanContent: null,
      dIsSiteDemarcation: "0",
      dSiteDemarcationContent: null,
      dIsAreaCover: "0",
      dAreaCoverContent: null,
      dIsCloseTrucks: "0",
      dIsLeakFlanges: "0",
      dIsOtherWorkSafe: "0",
      dOtherWorkSafeContent: null,
      dIsOtherMeasure: "0",
      dOtherMeasureContent: null,
      dIsSafeBriefing: "0",
      dPartakeBriefingSign: null,
      dPartakeBriefingDate: null,
      dNoReasonContent: null,
      dSafeImplSign11: null,
      dSafeImplDate11: null,
      dSafeLiftedSign11: null,
      dSafeLiftedDate11: null,
      dSafeImplSign12: null,
      dSafeImplDate12: null,
      dSafeLiftedSign12: null,
      dSafeLiftedDate12: null,
      dSafeImplSign13: null,
      dSafeImplDate13: null,
      dSafeLiftedSign13: null,
      dSafeLiftedDate13: null,
      dSafeImplSign14: null,
      dSafeImplDate14: null,
      dSafeLiftedSign14: null,
      dSafeLiftedDate14: null,
      dSafeImplSign21: null,
      dSafeImplDate21: null,
      dSafeImplSign22: null,
      dSafeImplDate22: null,
      dSafeLiftedSign22: null,
      dSafeLiftedDate22: null,
      dSafeImplSign23: null,
      dSafeImplDate23: null,
      dSafeLiftedSign23: null,
      dSafeLiftedDate23: null,
      dSafeImplSign24: null,
      dSafeImplDate24: null,
      dSafeLiftedSign24: null,
      dSafeLiftedDate24: null,
      dSafeImplSign25: null,
      dSafeImplDate25: null,
      dSafeLiftedSign25: null,
      dSafeLiftedDate25: null,
      dSafeImplSign26: null,
      dSafeImplDate26: null,
      dSafeLiftedSign26: null,
      dSafeLiftedDate26: null,
      dSafeImplSign27: null,
      dSafeImplDate27: null,
      dSafeLiftedSign27: null,
      dSafeLiftedDate27: null,
      dSafeImplSign28: null,
      dSafeImplDate28: null,
      dSafeLiftedSign28: null,
      dSafeLiftedDate28: null,
      dSafeImplSign29: null,
      dSafeImplDate29: null,
      dSafeImplSign210: null,
      dSafeImplDate210: null,
      dSafeLiftedSign210: null,
      dSafeLiftedDate210: null,
      dSafeImplSign31: null,
      dSafeImplDate31: null,
      dSafeImplSign32: null,
      dSafeImplDate32: null,
      dSafeImplSign33: null,
      dSafeImplDate33: null,
      dSafeImplSign34: null,
      dSafeImplDate34: null,
      dSafeImplSign41: null,
      dSafeImplDate41: null,
      dSafeLiftedSign41: null,
      dSafeLiftedDate41: null,
      dSafeImplSign42: null,
      dSafeImplDate42: null,
      dSafeLiftedSign42: null,
      dSafeLiftedDate42: null,
      dSafeImplSign43: null,
      dSafeImplDate43: null,
      dSafeLiftedSign43: null,
      dSafeLiftedDate43: null,
      dSafeImplSign44: null,
      dSafeImplDate44: null,
      dSafeImplSign45: null,
      dSafeImplDate45: null,
      dSafeLiftedSign45: null,
      dSafeLiftedDate45: null,
      dSafeImplSign51: null,
      dSafeImplDate51: null,
      dSafeLiftedSign51: null,
      dSafeLiftedDate51: null,
      eIsPresent: "0",
      eIsRequiredPpe: "0",
      ePpeContent: null,
      eIsSafeGoggles: "0",
      eIsFaceShield: "0",
      eIsProtectGloves: "0",
      eProtectGlovesContent: null,
      eIsRubberBoots: "0",
      eIsRubberApron: "0",
      eIsProtectSuit: "0",
      eProtectSuitContent: null,
      eIsResProtect: "0",
      eResProtectContent: null,
      eIsFallArrest: "0",
      eFallArrestContent: null,
      eIsOtherProtect: "0",
      eOtherProtectContent: null,
      eIsContinueMonitoring: "0",
      eSafeAttendant: null,
      eSafeAttendantSign: null,
      eIsNaturalVen: "0",
      eNaturalVenContent: null,
      eIsMecVen: "0",
      eMecVenContent: null,
      eIsExxtractDust: "0",
      eIsAnalyzeAir: "0",
      eAnalyzeAirContent: null,
      eAnalyzeAirInterval: null,
      eIsOtherVen: "0",
      eOtherVenContent: null,
      fIsAfterWorkSafe: "0",
      fAfterWorkSafeContent: null,
      gFirstSign: null,
      gFirstDate: null,
      gSecondSign: null,
      gSecondDate: null,
      gThirdSign: null,
      gThirdDate: null,
      gIsSpecialAssessment: null,
      gSpecialAssessment: null,
      hSafeMesSign: null,
      hSafeMesDate: null,
      hVNoOne: null,
      hVNoTwo: null,
      hVNoThree: null,
      iOneASign: null,
      iOneADate: null,
      iOneBSign: null,
      iOneBDate: null,
      jOneBSign: null,
      jOneBDate: null,
      jResMemberSign: null,
      jResMemberDate: null,
      jEISign: null,
      jEIDate: null,
      kConfirmSign: null,
      kConfirmDate: null,
      lNoticeSign: null,
      lNoticeDate: null,
      mAssessDContent: null,
      mAssessDSign: null,
      mAssessDDate: null,
      mOtherLicenceOne: null,
      mOtherLicenceTwo: null,
      mOtherLicenceThree: null,

      /* 日期格式模板，目前年月日均默认当日 */
      /* value1: [
                new Date(2000, 10, 10, 10, 10),
                new Date(2000, 10, 11, 10, 10),
              ], */
      value1: [
        new Date(new Date().getFullYear(), new Date().getMonth() + 1, new Date().getDate(), 0, 0),
        new Date(new Date().getFullYear(), new Date().getMonth() + 1, new Date().getDate(), 0, 0),
      ],
      //新增修改窗口内容是否展开
      activeNames: [],
    }
  },
  /* 页面渲染前执行的方法*/
  created() {
    this.queryMatters();
  },
  methods: {
    /* 动态改变勾选 */
    selectChange(id) {
      /* 取消所有危害选中框 */
      this.falseCheckbox();
      // 取消所有防护用品选中
      this.falseProtect();
      /* 根据危害物质进行动态多选框选中 */
      this.$nextTick(() => {
        this.matterNames.forEach(mf => {
          if (mf.id == id) {
            var ff = mf.matterFeatureList;
            var pro = mf.protects;
            if (ff != null && ff.length > 0) {
              this.trueCheckbox(ff);
              this.isDanger = true;
              this.isWarning = true;
              this.isYesDanger = true;
            } else {
              console.log("没有需要选中的多选框");
            }
            if (pro != null && pro.length > 0) {
              this.isYesResidue = true;
              pro.forEach(p => {
                this[p.conservatoryMeasureCode] = "1";
                if (p.conservatoryMeasureContent != null) {
                  this[p.conservatoryMeasureContent] = p.conservatoryMeasureName;
                }
              })
            }
          }
        })
        /*var idd = this.matterNames[id];
        console.log(id);*/
      });
    },
    falseCheckbox() {
      this.cIsToxic = null;
      this.cIsFlammable = null;
      this.cIsOxidizing = null;
      this.cIsExplosive = null;
      this.cIsCorrosive = null;
      this.cIsIrritantToxic = null;
      this.cIsHealthHazard = null;
      this.cIsCompressedGas = null;
      this.cIsEnvironmentalHazard = null;
    },
    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;
      })
    },

    allExpand() {
      this.activeNames = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14'];
    },
    allShrink() {
      this.activeNames = [];
    },

    commonYesMethod(val) {
      /*this[val] = "1";*/
      console.log(val + " : " + this[val])
    },
    commonNoMethod(val) {
      /*this[val] = "0";*/
      console.log(val + " : " + this[val])
    },
    onSubmit() {
      this.form.aEquipmentLeader = this.aEquipmentLeader;
      this.form.aEquipmentName = this.aEquipmentName;
      addTicket(this.form).then(response => {
        this.msgSuccess(this.$t('开票成功'));
      });
    }
  }
};
</script>
<style scoped lang="scss">
.rule-input ::v-deep {
  .el-input__inner {
    border: 0;
    border-radius: 0px;

    &:focus {
      border-bottom: 1px solid #409eff;
    }
  }
}
</style>
