<template>
  <div>
    <el-form ref="form" :model="form" :rules="rules">
      <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="bccContent"></el-input>
          </td>
          <td>
            <el-button @click="allExpand">全部展开</el-button>
          </td>
          <td>
            <el-button @click="allShrink">全部关闭</el-button>
          </td>
        </tr>
      </table>
      <el-row :gutter="10">
        <!-- 左侧栏 -->
        <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: 300px;" v-model="productionUnit"></el-input>
                      </td>
                      <td>生产装置主管：
                        <el-input style="width: 100px;" v-model="productionUnitDirector"/>
                      </td>
                      <td>
                        <i class="el-icon-phone">：</i>
                        <el-input style="width: 70px;" v-model="productionUnitPhone"/>
                      </td>
                      <td>
                        办公室：
                        <el-input style="width: 70px;" v-model="productionUnitOffice"/>
                      </td>
                    </tr>
                    <tr>
                      <td>2.</td>
                      <td>施工单位：
                        <el-input style="width: 300px;" v-model="constructionUnit"/>
                      </td>
                      <td>施工单位主管：
                        <el-input style="width: 100px;" v-model="constructionUnitDirector"/>
                      </td>
                      <td>
                        <i class="el-icon-phone">：</i>
                        <el-input style="width: 70px;" v-model="constructionUnitPhone"/>
                      </td>
                      <td>
                        办公室：
                        <el-input style="width: 70px;" v-model="constructionUnitOffice"/>
                      </td>
                    </tr>
                    <tr>
                      <td>3.</td>
                      <td>用户(涉及外部承包商时)：
                        <el-input style="width: 300px;" v-model="extContractors"/>
                      </td>
                      <td align="right">用户主管：
                        <el-input style="width: 100px;" v-model="userDirector"/>
                      </td>
                      <td>
                        <i class="el-icon-phone">：</i>
                        <el-input style="width: 70px;" v-model="extContractorsPhone"/>
                      </td>
                      <td>
                        办公室：
                        <el-input style="width: 70px;" v-model="extContractorsOffice"/>
                      </td>
                    <tr>
                      <td>4.</td>
                      <td>需要安全联络员？
                        <el-radio v-model="radio1" label="1">是</el-radio>
                        <el-radio v-model="radio1" label="2">否</el-radio>
                        姓名：
                        <el-input style="width: 100px;" v-model="userName" :disabled="this.radio1==1?false:true"/>
                      </td>
                      <td align="right">
                        签名：
                        <el-input style="width: 100px;" v-model="autograph" :disabled="this.radio1==1?false:true"/>
                      </td>
                      <td>
                        <i class="el-icon-phone">：</i>
                        <el-input style="width: 70px;" v-model="userPhone" :disabled="this.radio1==1?false:true"/>
                      </td>
                      <td>
                        办公室：
                        <el-input style="width: 70px;" v-model="userOffice" :disabled="this.radio1==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="equipment"/>
                    </td>
                    <td>位置/区域号：
                      <el-input style="width: 200px;" v-model="areaNo"/>
                    </td>
                  </tr>
                  <tr>
                    <td>2.</td>
                    <td colspan="2">工作内容描述：
                      <el-input type="textarea" style="width: 600px;" v-model="workContent"/>
                    </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="isDanger"></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="isWarning"></el-checkbox>
                    </td>
                    <td>注意</td>
                    <td style="width: 50px;">毒性<br>
                      <el-checkbox v-model="checkbox1"></el-checkbox>
                    </td>
                    <td style="width: 50px;">易燃性<br>
                      <el-checkbox v-model="checkbox2"></el-checkbox>
                    </td>
                    <td style="width: 50px;">氧化性<br>
                      <el-checkbox v-model="checkbox3"></el-checkbox>
                    </td>
                    <td style="width: 50px;">爆炸性<br>
                      <el-checkbox v-model="checkbox4"></el-checkbox>
                    </td>
                    <td style="width: 50px;">腐蚀性<br>
                      <el-checkbox v-model="checkbox5"></el-checkbox>
                    </td>
                    <td style="width: 120px;">刺激性/致敏性/毒性<br>
                      <el-checkbox v-model="checkbox6"></el-checkbox>
                    </td>
                    <td style="width: 70px;">健康危害<br>
                      <el-checkbox v-model="checkbox7"></el-checkbox>
                    </td>
                    <td style="width: 70px;">压力下气体<br>
                      <el-checkbox v-model="checkbox8"></el-checkbox>
                    </td>
                    <td style="width: 90px;">危害水生环境<br>
                      <el-checkbox v-model="checkbox9"></el-checkbox>
                    </td>
                  </tr>
                </table>
                <table>
                  <tr>
                    <td>
                      <el-checkbox v-model="isEquipmentHazards"></el-checkbox>
                    </td>
                    <td colspan="5"><small>
                      设备内物质处于危险状态
                      （
                      <el-checkbox v-model="isHighTem" @change="highTemChange"
                                   :disabled="this.isEquipmentHazards==true?false:true"></el-checkbox>
                      高温
                      /
                      <el-checkbox v-model="isLowTem" @change="lowTemChange"
                                   :disabled="this.isEquipmentHazards==true?false:true"></el-checkbox>
                      低温；
                      <el-checkbox v-model="isPosPre" @change="posPreChage"
                                   :disabled="this.isEquipmentHazards==true?false:true"></el-checkbox>
                      正压
                      /
                      <el-checkbox v-model="isNegPre" @change="negPreChange"
                                   :disabled="this.isEquipmentHazards==true?false:true"></el-checkbox>
                      负压
                      ）
                    </small>
                    </td>
                    <td>
                      <el-checkbox v-model="isProUnitDanger"></el-checkbox>
                    </td>
                    <td colspan="4">施工队生产单位的危害：
                      <el-input style="width: 150px;" v-model="proUnitDangerContent"
                                :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="isMovingParts"
                                   :disabled="this.isFacilityHazards==true?false:true"></el-checkbox>
                      移动部件，
                      <el-checkbox v-model="isHotSurface" @change="hotSurFaceChange"
                                   :disabled="this.isFacilityHazards==true?false:true"></el-checkbox>
                      热表面/
                      <el-checkbox v-model="isColdSurface" @change="coldSurfaceChange"
                                   :disabled="this.isFacilityHazards==true?false:true">
                      </el-checkbox>
                      冷表面，
                      <el-checkbox v-model="isVoltage"
                                   :disabled="this.isFacilityHazards==true?false:true"></el-checkbox>
                      电压
                      ）
                    </td>
                    <td>
                      <el-checkbox v-model="isFireWorkPermit"></el-checkbox>
                    </td>
                    <td>火灾或爆炸性危害，参考动火许可证：
                    </td>
                  </tr>
                  <tr>
                    <td>
                      <el-checkbox v-model="isSafeguard"></el-checkbox>
                    </td>
                    <td colspan="5">安全保护设备的施工(电仪安全保护设备，安全阀，冷却系统)</td>
                  </tr>
                  <tr>
                    <td>
                      <el-checkbox v-model="isOtherHazards"></el-checkbox>
                    </td>
                    <td colspan="5">其他危害：
                      <el-input style="width: 150px;" v-model="otherHazardsContent"
                                :disabled="this.isOtherHazards==true?false:true"/>
                    </td>
                    <td colspan="5" rowspan="2" align="right">H
                      <el-input style="width: 150px;" v-model="fireWorkContent"
                                :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="isYesdd" @change="yesddChange"></el-checkbox>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="isNodd" @change="noddChange"></el-checkbox>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="yesddContent" :disabled="this.isYesdd==true?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date1"
                        type="date" :disabled="this.isYesdd==true?false:true">
                      </el-date-picker>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="noddContent" :disabled="this.isNodd==true?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date2"
                        type="date" :disabled="this.isNodd==true?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="isYesdk" @change="yesdkChange"
                                   :disabled="this.isYesdd==true?false:true"></el-checkbox>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="isNodk" @change="nodkChange"
                                   :disabled="this.isYesdd==true?false:true"></el-checkbox>
                    </td>
                  </tr>
                  <tr>
                    <td>断开回路开关并上锁和运转测试</td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="isYeshl" @change="yeshlChange"
                                   :disabled="this.isYesdk==true?false:true"></el-checkbox>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="isNohl" @change="nohlChange"
                                   :disabled="this.isYesdk==true?false:true"></el-checkbox>
                    </td>
                  </tr>
                  <tr>
                    <td>电气回路编号：
                      <el-input style="width: 150px;" v-model="dqhlContent" :disabled="this.isYesdk==true?false:true"/>
                    </td>
                  </tr>
                  <tr>
                    <td>仪表号/测点编号：
                      <el-input style="width: 150px;" v-model="ybceContent" :disabled="this.isYesdk==true?false:true"/>
                    </td>
                    <td></td>
                    <td></td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="yesdkContent" :disabled="this.isYesdk==true?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date3"
                        type="date" :disabled="this.isYesdd==true?false:true">
                      </el-date-picker>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="nodkContent" :disabled="this.isNodk==true?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date4"
                        type="date" :disabled="this.isYesdd==true?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="isYesfsy" @change="yesfsyChange"
                                   :disabled="this.isYeshl==true?false:true"></el-checkbox>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="isNofsy" @change="nofsyChange"
                                   :disabled="this.isYeshl==true?false:true"></el-checkbox>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="yesfsyContent"
                                :disabled="this.isYeshl==true?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date5"
                        type="date" :disabled="this.isYesdd==true?false:true">
                      </el-date-picker>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="nofsyContent" :disabled="this.isYeshl==true?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date6"
                        type="date" :disabled="this.isYesdd==true?false:true">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>1.4</td>
                    <td>
                      <el-input style="width: 150px;" v-model="other1Content"
                                :disabled="this.isYesfsy==true?false:true"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="isYesOther1" @change="yesOther1Change"
                                   :disabled="this.isYesfsy==true?false:true"></el-checkbox>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="isNoOther1" @change="noOther1Change"
                                   :disabled="this.isYesfsy==true?false:true"></el-checkbox>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="yesOther1Content"
                                :disabled="this.isYesfsy==true?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date7"
                        type="date" :disabled="this.isYesdd==true?false:true">
                      </el-date-picker>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="noOther1Content"
                                :disabled="this.isYesfsy==true?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date8"
                        type="date" :disabled="this.isYesdd==true?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="isYesxy" @change="yesxyChange"
                                   :disabled="this.isYesOther1==true?false:true"></el-checkbox>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="isNosxy" @change="noxyChange"
                                   :disabled="this.isYesOther1==true?false:true"></el-checkbox>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="xyContent"
                                :disabled="this.isYesOther1==true?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date8"
                        type="date" :disabled="this.isYesdd==true?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="isYesdf" @change="yessdfChange"
                                   :disabled="this.isYesxy==true?false:true"></el-checkbox>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="isNodf" @change="nodfChange"
                                   :disabled="this.isYesxy==true?false:true"></el-checkbox>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="yesdfContent" :disabled="this.isYesxy==true?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date9"
                        type="date" :disabled="this.isYesdd==true?false:true">
                      </el-date-picker>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="nodfContent" :disabled="this.isYesxy==true?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date10"
                        type="date" :disabled="this.isYesdd==true?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="isYessf" @change="yessfChange"
                                   :disabled="this.isYesdf==true?false:true"></el-checkbox>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="isNosf" @change="nosfChange"
                                   :disabled="this.isYesdf==true?false:true"></el-checkbox>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="yessfContent" :disabled="this.isYesdf==true?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date11"
                        type="date" :disabled="this.isYesdd==true?false:true">
                      </el-date-picker>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="nosfContent" :disabled="this.isYesdf==true?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date12"
                        type="date" :disabled="this.isYesdd==true?false:true">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>2.4</td>
                    <td>
                      使用
                      <el-input style="width: 150px;" v-model="sdContent" :disabled="this.isYessf==true?false:true"/>
                      锁定
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="isYessd" @change="yessdChange"
                                   :disabled="this.isYessf==true?false:true"></el-checkbox>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="isNosd" @change="nosdChange"
                                   :disabled="this.isYessf==true?false:true"></el-checkbox>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="yessdContent" :disabled="this.isYessf==true?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date13"
                        type="date" :disabled="this.isYesdd==true?false:true">
                      </el-date-picker>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="nosdContent" :disabled="this.isYessf==true?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date14"
                        type="date" :disabled="this.isYesdd==true?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="isYesbfgx" @change="yesbfgxChange"
                                   :disabled="this.isYessd==true?false:true"></el-checkbox>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="isNobfgx" @change="nobfgxChange"
                                   :disabled="this.isYessd==true?false:true"></el-checkbox>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="yesbfgxContent"
                                :disabled="this.isYessd==true?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date15"
                        type="date" :disabled="this.isYesdd==true?false:true">
                      </el-date-picker>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="nobfgxContent"
                                :disabled="this.isYessd==true?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date16"
                        type="date" :disabled="this.isYesdd==true?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="isYesdkgx" @change="yesskgxChange"
                                   :disabled="this.isYesbfgx==true?false:true"></el-checkbox>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="isNodkgx" @change="nodkgxChange"
                                   :disabled="this.isYesbfgx==true?false:true"></el-checkbox>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="yesdkgxContent"
                                :disabled="this.isYesbfgx==true?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date17"
                        type="date" :disabled="this.isYesdd==true?false:true">
                      </el-date-picker>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="nodkgxContent"
                                :disabled="this.isYesbfgx==true?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date18"
                        type="date" :disabled="this.isYesdd==true?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="isYescrmb" @change="yescrmbChange"
                                   :disabled="this.isYesdkgx==true?false:true"></el-checkbox>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="isNocrmb" @change="nocrmbChange"
                                   :disabled="this.isYesdkgx==true?false:true"></el-checkbox>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="yescrmbContent"
                                :disabled="this.isYesdkgx==true?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date19"
                        type="date" :disabled="this.isYesdd==true?false:true">
                      </el-date-picker>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="nocrmbContent"
                                :disabled="this.isYesdkgx==true?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date20"
                        type="date" :disabled="this.isYesdd==true?false:true">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>2.8</td>
                    <td>机械安全措施：
                      <el-input style="width: 150px;" v-model="jxanContent"
                                :disabled="this.isYescrmb==true?false:true"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="isYesjxan" @change="yesjxanChange"
                                   :disabled="this.isYescrmb==true?false:true"></el-checkbox>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="isNojxan" @change="nojxanChange"
                                   :disabled="this.isYescrmb==true?false:true"></el-checkbox>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="yesjxanContent"
                                :disabled="this.isYescrmb==true?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date21"
                        type="date" :disabled="this.isYesdd==true?false:true">
                      </el-date-picker>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="nojxanContent"
                                :disabled="this.isYescrmb==true?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date22"
                        type="date" :disabled="this.isYesdd==true?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="isYesglmb" @change="yesglmbChange"
                                   :disabled="this.isYesjxan==true?false:true"></el-checkbox>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="isNoglmb" @change="noglmbChange"
                                   :disabled="this.isYesjxan==true?false:true"></el-checkbox>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="yesglmbContent"
                                :disabled="this.isYesjxan==true?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date23"
                        type="date" :disabled="this.isYesdd==true?false:true">
                      </el-date-picker>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="noglmbContent"
                                :disabled="this.isYesjxan==true?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date24"
                        type="date" :disabled="this.isYesdd==true?false:true">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>2.10</td>
                    <td>
                      <el-input style="width: 150px;" v-model="other2Content"
                                :disabled="this.isYesglmb==true?false:true"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="isYesOther2" @change="yesOther2Change"
                                   :disabled="this.isYesglmb==true?false:true"></el-checkbox>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="isNoOther2" @change="noOther2Change"
                                   :disabled="this.isYesglmb==true?false:true"></el-checkbox>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="yesOther2Content"
                                :disabled="this.isYesglmb==true?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date25"
                        type="date" :disabled="this.isYesdd==true?false:true">
                      </el-date-picker>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="noOther2Content"
                                :disabled="this.isYesglmb==true?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date26"
                        type="date" :disabled="this.isYesdd==true?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="isYesdaokong" @change="yesdaokongChange"
                                   :disabled="this.isYesOther2==true?false:true"></el-checkbox>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="isNodaokong" @change="nodaokongChange"
                                   :disabled="this.isYesOther2==true?false:true"></el-checkbox>
                    </td>
                  </tr>
                  <tr>
                    <td>3.2</td>
                    <td>用
                      <el-input style="width: 150px;" v-model="qingxiContent"
                                :disabled="this.isYesdaokong==true?false:true"/>
                      清洗
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="isYesqingxi" @change="yesqingxiChange"
                                   :disabled="this.isYesdaokong==true?false:true"></el-checkbox>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="isNoqingxi" @change="noqingxiChange"
                                   :disabled="this.isYesdaokong==true?false:true"></el-checkbox>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="yesqingxiContent"
                                :disabled="this.isYesdaokong==true?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date27"
                        type="date" :disabled="this.isYesdd==true?false:true">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>3.3</td>
                    <td>用
                      <el-input style="width: 150px;" v-model="zhihuanContent"
                                :disabled="this.isYesqingxi==true?false:true"/>
                      置换
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="isYeszhihuan" @change="yeszhihuan"
                                   :disabled="this.isYesqingxi==true?false:true"></el-checkbox>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="isNozhihuan" @change="nozhihuan"
                                   :disabled="this.isYesqingxi==true?false:true"></el-checkbox>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="yeszhihuanContent"
                                :disabled="this.isYesqingxi==true?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date28"
                        type="date" :disabled="this.isYesdd==true?false:true">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>3.4</td>
                    <td>
                      <el-input style="width: 150px;" v-model="other3Content"
                                :disabled="this.isYeszhihuan==true?false:true"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="isYesOther3" @change="yesOther3"
                                   :disabled="this.isYeszhihuan==true?false:true"></el-checkbox>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="isNoOther3" @change="noOther3"
                                   :disabled="this.isYeszhihuan==true?false:true"></el-checkbox>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="yesOther3Content"
                                :disabled="this.isYeszhihuan==true?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date29"
                        type="date" :disabled="this.isYesdd==true?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="xcglContent"
                                :disabled="this.isYesOther3==true?false:true"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="isYesxcgl" @change="yesxcgl"
                                   :disabled="this.isYesOther3==true?false:true"></el-checkbox>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="isNoxcgl" @change="noxcgl"
                                   :disabled="this.isYesOther3==true?false:true"></el-checkbox>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="yesxcglContent"
                                :disabled="this.isYesOther3==true?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date30"
                        type="date" :disabled="this.isYesdd==true?false:true">
                      </el-date-picker>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="noxcglContent"
                                :disabled="this.isYesOther3==true?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date31"
                        type="date" :disabled="this.isYesdd==true?false:true">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>4.2</td>
                    <td>需覆盖的区域：
                      <el-input style="width: 150px;" v-model="fgqyContent"
                                :disabled="this.isYesxcgl==true?false:true"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="isYesxfgqy" @change="yesxfgqy"
                                   :disabled="this.isYesxcgl==true?false:true"></el-checkbox>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="isNoxfgqy" @change="noxfgqy"
                                   :disabled="this.isYesxcgl==true?false:true"></el-checkbox>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="yesfgqyContent"
                                :disabled="this.isYesxfgqy==true?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date32"
                        type="date" :disabled="this.isYesxfgqy==true?false:true">
                      </el-date-picker>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="nofgqyContent"
                                :disabled="this.isNoxfgqy==true?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date33"
                        type="date" :disabled="this.isNoxfgqy==true?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="isYesfbcc" @change="yesfbcc"
                                   :disabled="this.isYesxfgqy==true?false:true"></el-checkbox>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="isNofbcc" @change="nofbcc"
                                   :disabled="this.isYesxfgqy==true?false:true"></el-checkbox>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="yesfbccContent"
                                :disabled="this.isYesfbcc==true?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date34"
                        type="date" :disabled="this.isYesfbcc==true?false:true">
                      </el-date-picker>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="nofbccContent"
                                :disabled="this.isNofbcc==true?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date35"
                        type="date" :disabled="this.isNofbcc==true?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="isYesljfl" @change="yesljfl"
                                   :disabled="this.isYesfbcc==true?false:true"></el-checkbox>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="isNoljfl" @change="noljfl"
                                   :disabled="this.isYesfbcc==true?false:true"></el-checkbox>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="yesljflContent"
                                :disabled="this.isYesljfl==true?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date36"
                        type="date" :disabled="this.isYesljfl==true?false:true">
                      </el-date-picker>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="noljflContent"
                                :disabled="this.isNoljfl==true?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date37"
                        type="date" :disabled="this.isNoljfl==true?false:true">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td>4.5</td>
                    <td>
                      <el-input style="width: 150px;" v-model="other4Content"
                                :disabled="this.isYesljfl==true?false:true"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="isYesOther4" @change="yesOther4"
                                   :disabled="this.isYesljfl==true?false:true"></el-checkbox>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="isNoOther4" @change="noOther4"
                                   :disabled="this.isYesljfl==true?false:true"></el-checkbox>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="yesOther4Content"
                                :disabled="this.isYesOther4==true?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date38"
                        type="date" :disabled="this.isYesOther4==true?false:true">
                      </el-date-picker>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="noOther4Content"
                                :disabled="this.isNoOther4==true?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date39"
                        type="date" :disabled="this.isNoOther4==true?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="other5Content"
                                :disabled="this.isYesOther4==true?false:true"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="isYesOther5" @change="yesOther5"
                                   :disabled="this.isYesOther4==true?false:true"></el-checkbox>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="isNoOther5" @change="noOther5"
                                   :disabled="this.isYesOther4==true?false:true"></el-checkbox>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="yesOther5Content"
                                :disabled="this.isYesOther5==true?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date40"
                        type="date" :disabled="this.isYesOther5==true?false:true">
                      </el-date-picker>
                    </td>
                    <td style="text-align: center;">
                      <el-input style="width: 70px;" v-model="noOther5Content"
                                :disabled="this.isNoOther5==true?false:true"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date41"
                        type="date" :disabled="this.isNoOther5==true?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="isYesxcjd" @change="yesxcjd">是</el-checkbox>
                    </td>
                    <td>
                      参与交底人签名/日期
                      <el-input style="width: 70px;" v-model="jdUserSign"/>
                      <el-date-picker
                        style="width: 80px"
                        v-model="date42"
                        type="date">
                      </el-date-picker>
                    </td>
                  </tr>
                  <tr>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="isNoxcjd" @change="noxcjd">没有</el-checkbox>
                    </td>
                    <td>
                      原因：
                      <el-input style="width: 150px;" v-model="noxcjdContent"/>
                    </td>
                  </tr>
                </table>
              </el-collapse-item>
            </el-collapse>
          </div>
        </el-col>

        <!-- 右侧栏 -->
        <el-col :span="11">
          <div>
            <el-collapse v-model="activeNames" @change="handleChange">
              <el-collapse-item title="E 施工时的安全措施" name="5" style="width: 800px;">
                <el-row gutter="10">
                  <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="isYesResidue" @change="trueProtect()"></el-checkbox>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="isNoResidue" @change="falseProtect()"></el-checkbox>
                        </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="isYesPee" @change="yesPee"></el-checkbox>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="isNoPee" @change="noPee"></el-checkbox>
                        </td>
                      </tr>
                      <tr>
                        <td></td>
                        <td>项目：
                          <el-input style="width: 150px;" v-model="peeContent"/>
                        </td>
                      </tr>
                      <tr>
                        <td><b>2.1</b></td>
                        <td>安全护目镜</td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="checkbox10" @change="box10Change"></el-checkbox>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="checkbox11" @change="box11Change"></el-checkbox>
                        </td>
                      </tr>
                      <tr>
                        <td><b>2.2</b></td>
                        <td>防护面罩</td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="checkbox12" @change="box12Change"></el-checkbox>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="checkbox13" @change="box13Change"></el-checkbox>
                        </td>
                      </tr>
                      <tr>
                        <td><b>2.3</b></td>
                        <td>防护手套，类型：
                          <el-input style="width: 150px;" v-model="protectGlovesContent"/>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="isYesProtectGloves" @change="yesProtectGloves"></el-checkbox>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="isNoProtectGloves" @change="noProtectGloves"></el-checkbox>
                        </td>
                      </tr>
                      <tr>
                        <td><b>2.4</b></td>
                        <td>橡胶长靴</td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="isYesRubberBoot" @change="yesRubberBoot"></el-checkbox>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="isNoRubberBoot" @change="noRubberBoot"></el-checkbox>
                        </td>
                      </tr>
                      <tr>
                        <td><b>2.5</b></td>
                        <td>橡胶围裙</td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="isYesRubberApron" @change="yesRubberApron"></el-checkbox>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="isNoRubberApron" @change="noRubberApron"></el-checkbox>
                        </td>
                      </tr>
                      <tr>
                        <td><b>2.6</b></td>
                        <td>防护服，类型：
                          <el-input style="width: 150px;" v-model="protectClotherContent"/>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="isYesProtectClothes" @change="yesProtectClothes"></el-checkbox>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="isNoProtectClothes" @change="noProtectClothes"></el-checkbox>
                        </td>
                      </tr>
                      <tr>
                        <td><b>2.7</b></td>
                        <td>呼吸保护用品，类型：
                          <el-input style="width: 150px;" v-model="protectBreathingContent"/>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="isYesProtectBreathing" @change="yesProtectBreathing"></el-checkbox>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="isNoProtectBreathing" @change="noProtectBreathing"></el-checkbox>
                        </td>
                      </tr>
                      <tr>
                        <td><b>2.8</b></td>
                        <td>防坠落装置，类型：
                          <el-input style="width: 150px;" v-model="protectFallContent"/>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="isYesProtectFall" @change="yesProtectFall"></el-checkbox>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="isNoProtectFall" @change="noProtectFall"></el-checkbox>
                        </td>
                      </tr>
                      <tr>
                        <td><b>2.9</b></td>
                        <td>
                          <el-input style="width: 150px;" v-model="otherProtectContent"/>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="isYesOtherProtect" @change="yesOtherProtect"></el-checkbox>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="isNoOtherProtect" @change="noOtherProtect"></el-checkbox>
                        </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="safeGuardianUnit"/>
                          /
                          <el-input style="width: 70px;" v-model="safeGuardianSign"/>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="isYesContinue" @change="yesContinue"></el-checkbox>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="isNoContinue" @change="noContinue"></el-checkbox>
                        </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="naturalDraft"/>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="isYesNaturalDraft" @change="yesNatural"></el-checkbox>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="isNoNaturalDraft" @change="noNatural"></el-checkbox>
                        </td>
                      </tr>
                      <tr>
                        <td><b>4.2</b></td>
                        <td>机械通风，使用：
                          <el-input style="width: 150px;" v-model="mecVentilationContent"/>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="isYesMecVen" @change="yesMecVen"></el-checkbox>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="isNoMecVen" @change="noMecVen"></el-checkbox>
                        </td>
                      </tr>
                      <tr>
                        <td><b>4.3</b></td>
                        <td>在释放源处抽走粉尘/气体/蒸汽</td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="isYesRemoveDust" @change="yesRemoveDust"></el-checkbox>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="isNoRemoveDust" @change="noRemoveDust"></el-checkbox>
                        </td>
                      </tr>
                      <tr>
                        <td><b>4.4</b></td>
                        <td>空气分析内容：
                          <el-input style="width: 150px;" v-model="airAnalysisContent"/>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="isYesAirAnalysis" @change="yesAirAnalysis"></el-checkbox>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="isNoAirAnalysis" @change="noAirAnalysis"></el-checkbox>
                        </td>
                      </tr>
                      <tr>
                        <td></td>
                        <td>分析频次：
                          <el-input style="width: 150px;" v-model="analysisFre"/>
                        </td>
                      </tr>
                      <tr>
                        <td><b>4.5</b></td>
                        <td>
                          <el-input style="width: 150px;" v-model="other6Content"/>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="isYesOther6" @change="yesOther6"></el-checkbox>
                        </td>
                        <td style="width: 30px; text-align: center;">
                          <el-checkbox v-model="isNoOther6" @change="noOther6"></el-checkbox>
                        </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="afterSafeMeasures"/>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="isYesAfterSafeMeasures" @change="yesAfterSafeMeasures"></el-checkbox>
                    </td>
                    <td style="width: 30px; text-align: center;">
                      <el-checkbox v-model="isNoAfterSafeMeasures" @change="noAfterSafeMeasures"></el-checkbox>
                    </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="firstClassUsersign"/>
                      <el-date-picker
                        v-model="date43"
                        type="datetime"
                        placeholder="选择日期时间">
                      </el-date-picker>
                    </td>
                    <td>
                      <el-input style="width: 150px;" v-model="speciallyContent"/>
                    </td>
                    <td style="text-align: center;">
                      <el-checkbox v-model="isYesSpecially" @change="yesSpecially"></el-checkbox>
                    </td>
                    <td style="text-align: center;">
                      <el-checkbox v-model="isNoSpecially" @change="noSpecially"></el-checkbox>
                    </td>
                  </tr>
                  <tr>
                    <td>第二签名（装置/部门授权人员）：
                      <el-input style="width: 70px;" v-model="secondClassUser"/>
                      <el-date-picker
                        v-model="date44"
                        type="datetime"
                        placeholder="选择日期时间">
                      </el-date-picker>
                    </td>
                    <td>第三签名（相应部门人员及部门名称）：
                      <el-input style="width: 70px;" v-model="thirdClasUser"/>
                      <el-date-picker
                        v-model="date45"
                        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="hSign"/>
                      <el-date-picker
                        v-model="date46"
                        type="datetime"
                        placeholder="选择日期时间">
                      </el-date-picker>
                    </td>
                    <td align="right">相应延期许可证号码：</td>
                    <td>V
                      <el-input style="width: 150px;" v-model="extensionPermit1"/>
                    </td>
                  </tr>
                  <tr>
                    <td><small>(生产装置授权人员，D栏的安全措施已实施和检查，G栏的签名已完成)</small></td>
                    <td>V
                      <el-input style="width: 150px;" v-model="extensionPermit2"/>
                    </td>
                    <td>V
                      <el-input style="width: 150px;" v-model="extensionPermit3"/>
                    </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="a1Sign"/>
                      <el-date-picker
                        v-model="date47"
                        type="datetime"
                        placeholder="选择日期时间">
                      </el-date-picker>
                    </td>
                    <td>
                      1b 签名（授权维修工人）
                      <el-input style="width: 80px;" v-model="b1Sign"/>
                      <el-date-picker
                        v-model="date48"
                        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="l1bSign"/>
                      <el-date-picker
                        v-model="date49"
                        type="datetime"
                        placeholder="选择日期时间">
                      </el-date-picker>
                    </td>
                    <td style="width: 200px;">
                      <el-input style="width: 80px;" v-model="proAuthorizer"/>
                      <el-date-picker
                        v-model="date50"
                        type="datetime"
                        placeholder="选择日期时间">
                      </el-date-picker>
                    </td>
                    <td style="width: 200px;">
                      <el-input style="width: 80px;" v-model="eiSign"/>
                      <el-date-picker
                        v-model="date51"
                        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="kfSign"/>
                <el-date-picker
                  v-model="date52"
                  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="lSign"/>
                <el-date-picker
                  v-model="date53"
                  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="revokeContent"/>
                    </td>
                    <td>
                      <el-input style="width: 80px;" v-model="revokeProAuthorizer"/>
                      <el-date-picker
                        v-model="date53"
                        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="otherLicence1"/>
                    </td>
                    <td>
                      <el-input style="width: 80px;" v-model="otherLicence2"/>
                    </td>
                    <td>
                      <el-input style="width: 80px;" v-model="otherLicence3"/>
                    </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>
    </el-form>
  </div>
</template>
<script>
import {
  listMatters
} from "@/api/ehs/throughcleanbcc";

export default {
  data() {
    return {
      //A 基本信息
      productionUnit: "",
      productionUnitDirector: "",
      productionUnitPhone: "",
      productionUnitOffice: "",
      constructionUnit: "",
      constructionUnitDirector: "",
      constructionUnitPhone: "",
      constructionUnitOffice: "",
      extContractors: "",
      userDirector: "",
      extContractorsPhone: "",
      extContractorsOffice: "",
      userName: "",
      autograph: "",
      userPhone: "",
      userOffice: "",
      radio1: '1',
      input1: "",

      //B 工作内容
      equipment: "",
      areaNo: "",
      workContent: "",
      /* 日期格式模板，目前年月日均默认当日 */
      /* 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),
      ],

      //C 危害识别
      isYesDanger: false,
      isDanger: false,
      isWarning: false,
      matterNames: [],
      item: "",
      checkbox1: false,
      checkbox2: false,
      checkbox3: false,
      checkbox4: false,
      checkbox5: false,
      checkbox6: false,
      checkbox7: false,
      checkbox8: false,
      checkbox9: false,
      checkbox10: false,
      checkbox11: false,
      checkbox12: false,
      checkbox13: false,
      isEquipmentHazards: false,
      isHighTem: false,
      isLowTem: false,
      isPosPre: false,
      isNegPre: false,
      isProUnitDanger: false,
      proUnitDangerContent: "",
      isFacilityHazards: false,
      isMovingParts: false,
      isHotSurface: false,
      isColdSurface: false,
      isVoltage: false,
      isFireWorkPermit: false,
      isSafeguard: false,
      isOtherHazards: false,
      otherHazardsContent: "",
      fireWorkContent: "",

      //D 施工前的安全措施
      isYesResidue: false,
      isNoResidue: false,
      isYesPee: false,
      isNoPee: false,
      peeContent: "",
      protectGlovesContent: "",
      isYesProtectGloves: false,
      isNoProtectGloves: false,
      isYesRubberBoot: false,
      isNoRubberBoot: false,
      isYesRubberApron: false,
      isNoRubberApron: false,
      protectClotherContent: "",
      isYesProtectClothes: false,
      isNoProtectClothes: false,
      protectBreathingContent: "",
      isYesProtectBreathing: false,
      isNoProtectBreathing: false,
      protectFallContent: "",
      isYesProtectFall: false,
      isNoProtectFall: false,
      otherProtectContent: "",
      isYesOtherProtect: false,
      isNoOtherProtect: false,
      isYesdd: false,
      isNodd: false,
      yesddContent: "",
      noddContent: "",
      isYesdk: false,
      isNodk: false,
      isYeshl: false,
      isNohl: false,
      isYesfsy: false,
      isNofsy: false,
      isYesOther1: false,
      isNoOther1: false,
      isYesOther2: false,
      isNoOther2: false,
      isYesOther3: false,
      isNoOther3: false,
      isYesOther4: false,
      isNoOther4: false,
      isYesOther5: false,
      isNoOther5: false,
      isYesxy: false,
      isNosxy: false,
      isYesdf: false,
      isNodf: false,
      isYessf: false,
      isNosf: false,
      isYessd: false,
      isNosd: false,
      isYesbfgx: false,
      isNobfgx: false,
      isYesdkgx: false,
      isNodkgx: false,
      isYescrmb: false,
      isNocrmb: false,
      isYesjxan: false,
      isNojxan: false,
      isYesglmb: false,
      isNoglmb: false,
      isYesdaokong: false,
      isNodaokong: false,
      isYesqingxi: false,
      isNoqingxi: false,
      isYeszhihuan: false,
      isNozhihuan: false,
      isYesxcgl: false,
      isNoxcgl: false,
      isYesxfgqy: false,
      isNoxfgqy: false,
      isYesfbcc: false,
      isNofbcc: false,
      isYesljfl: false,
      isNoljfl: false,
      dqhlContent: "",
      ybceContent: "",
      yesdkContent: "",
      nodkContent: "",
      yesfsyContent: "",
      nofsyContent: "",
      other1Content: "",
      yesOther1Content: "",
      noOther1Content: "",
      xyContent: "",
      yesdfContent: "",
      nodfContent: "",
      yessfContent: "",
      nosfContent: "",
      sdContent: "",
      yessdContent: "",
      nosdContent: "",
      yesbfgxContent: "",
      nobfgxContent: "",
      yesdkgxContent: "",
      nodkgxContent: "",
      yescrmbContent: "",
      nocrmbContent: "",
      jxanContent: "",
      yesjxanContent: "",
      nojxanContent: "",
      yesglmbContent: "",
      noglmbContent: "",
      other2Content: "",
      yesOther2Content: "",
      noOther2Content: "",
      qingxiContent: "",
      yesqingxiContent: "",
      zhihuanContent: "",
      yeszhihuanContent: "",
      other3Content: "",
      yesOther3Content: "",
      xcglContent: "",
      yesxcglContent: "",
      noxcglContent: "",
      fgqyContent: "",
      yesfgqyContent: "",
      nofgqyContent: "",
      yesfbccContent: "",
      nofbccContent: "",
      yesljflContent: "",
      noljflContent: "",
      other4Content: "",
      yesOther4Content: "",
      noOther4Content: "",
      other5Content: "",
      yesOther5Content: "",
      noOther5Content: "",
      date1: "",
      date2: "",
      date3: "",
      date4: "",
      date5: "",
      date6: "",
      date7: "",
      date8: "",
      date9: "",
      date10: "",
      date11: "",
      date12: "",
      date13: "",
      date14: "",
      date15: "",
      date16: "",
      date17: "",
      date18: "",
      date19: "",
      date20: "",
      date21: "",
      date22: "",
      date23: "",
      date24: "",
      date25: "",
      date26: "",
      date27: "",
      date28: "",
      date29: "",
      date30: "",
      date31: "",
      date32: "",
      date33: "",
      date34: "",
      date35: "",
      date36: "",
      date37: "",
      date38: "",
      date39: "",
      date40: "",
      date41: "",
      date42: "",
      date43: "",
      date44: "",
      date45: "",
      date46: "",
      date47: "",
      date48: "",
      date49: "",
      date50: "",
      date51: "",
      date52: "",
      date53: "",
      bccContent: "",

      isYesxcjd: false,
      isNoxcjd: false,
      noxcjdContent: "",
      jdUserSign: "",

      safeGuardianUnit: "",
      safeGuardianSign: "",
      naturalDraft: "",
      isYesNaturalDraft: false,
      isNoNaturalDraft: false,
      mecVentilationContent: "",
      isYesMecVen: false,
      isNoMecVen: false,
      isYesRemoveDust: false,
      isNoRemoveDust: false,
      airAnalysisContent: "",
      isYesAirAnalysis: false,
      isNoAirAnalysis: false,
      analysisFre: "",
      other6Content: "",
      isYesOther6: false,
      isNoOther6: false,

      afterSafeMeasures: "",
      isYesAfterSafeMeasures: false,
      isNoAfterSafeMeasures: false,
      firstClassUsersign: "",
      speciallyContent: "",
      isYesSpecially: false,
      isNoSpecially: false,
      secondClassUser: "",
      thirdClasUser: "",
      hSign: "",
      extensionPermit1: "",
      extensionPermit2: "",
      extensionPermit3: "",
      a1Sign: "",
      b1Sign: "",
      l1bSign: "",
      proAuthorizer: "",
      eiSign: "",
      kfSign: "",
      lSign: "",
      revokeContent: "",
      revokeProAuthorizer: "",
      otherLicence1: "",
      otherLicence2: "",
      otherLicence3: "",
      isYesContinue: false,
      isNoContinue: false,
      //新增修改窗口内容是否展开
      activeNames: [],
    }
  },
  /* 页面渲染前执行的方法*/
  created() {
    this.queryMatters();
  },
  methods: {
    /* 动态改变勾选 */
    selectChange(id) {
      /* 取消所有选中框 */
      this.falseCheckbox();
      /* 根据危害物质进行动态多选框选中 */
      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] = true;
                if (p.conservatoryMeasureContent != null) {
                  this[p.conservatoryMeasureContent] = p.conservatoryMeasureName;
                }
              })
            }
          }
        })
        /*var idd = this.matterNames[id];
        console.log(id);*/
      });
    },
    falseCheckbox() {
      this.isYesDanger = this.isDanger = this.isWarning = this.checkbox1 = this.checkbox2 =
        this.checkbox3 = this.checkbox4 = this.checkbox5 = this.checkbox6 = this.checkbox7 =
          this.checkbox8 = this.checkbox9 = this.checkbox10 = this.checkbox11 = this.checkbox12 =
            this.checkbox13 = this.isNoResidue =
              this.isYesResidue = this.isYesPee = this.isNoPee = this.isYesProtectGloves = this.isNoProtectGloves =
                this.isYesRubberBoot = this.isNoRubberBoot = this.isYesRubberApron = this.isNoRubberApron =
                  this.isYesProtectClothes = this.isNoProtectClothes = this.isYesProtectBreathing =
                    this.isNoProtectBreathing = this.isYesProtectFall = this.isNoProtectFall =
                      this.isYesOtherProtect = this.isNoOtherProtect = false;
      this.otherProtectContent = "";
      this.protectClotherContent = "";
      this.protectFallContent = "";
      this.protectGlovesContent = "";
      this.protectBreathingContent = "";
      this.peeContent = "";
      this.falseProtect();
    },
    queryMatters() {
      listMatters().then(response => {
        this.matterNames = response.data;
        console.log(this.matterNames)
      })
    },
    falseProtect() {
      this.safeGuardianUnit = "";
      this.safeGuardianSign = "";
      this.naturalDraft = "";
      this.mecVentilationContent = "";
      this.airAnalysisContent = "";
      this.analysisFre = "";
      this.other6Content = "";
      this.isYesOther6 = this.isNoOther6 =
        this.isYesAirAnalysis = this.isNoAirAnalysis =
          this.isYesRemoveDust = this.isNoRemoveDust =
            this.isYesMecVen = this.isNoMecVen =
              this.isYesNaturalDraft = this.isNoNaturalDraft =
                this.isYesContinue = this.isNoContinue = this.isYesResidue = this.isYesPee = this.isNoPee = this.isYesProtectGloves = this.isNoProtectGloves =
                  this.isYesRubberBoot = this.isNoRubberBoot = this.isYesRubberApron = this.isNoRubberApron =
                    this.isYesProtectClothes = this.isNoProtectClothes = this.isYesProtectBreathing =
                      this.isNoProtectBreathing = this.isYesProtectFall = this.isNoProtectFall =
                        this.isYesOtherProtect = this.isNoOtherProtect = this.checkbox10 = this.checkbox11 = this.checkbox12 =
                          this.checkbox13 = false;
      this.otherProtectContent = "";
      this.protectClotherContent = "";
      this.protectFallContent = "";
      this.protectGlovesContent = "";
      this.protectBreathingContent = "";
      this.peeContent = "";
    },
    trueProtect() {
      this.isNoResidue = false;
    },
    /* 为多选框进行动态选择*/
    trueCheckbox(arr) {
      arr.forEach((m) => {
        this[m] = true;
      })
    },
    // D栏施工前的安全措施
    // 1.确认E&I设备安全条件判断
    yesddChange() {
      this.isNodd = false;
    },
    noddChange() {
      this.isYesdd = false;
    },
    // 1.2条件判断
    yesdkChange() {
      this.isNodk = false;
    },
    nodkChange() {
      this.isYesdk = false;
    },
    yeshlChange() {
      this.isNohl = false;
    },
    nohlChange() {
      this.isYeshl = false;
    },
    highTemChange() {
      this.isLowTem = false;
    },
    lowTemChange() {
      this.isHighTem = false;
    },
    posPreChage() {
      this.isNegPre = false;
    },
    negPreChange() {
      this.isPosPre = false;
    },
    hotSurFaceChange() {
      this.isColdSurface = false;
    },
    coldSurfaceChange() {
      this.isHotSurface = false;
    },
    yesfsyChange() {
      this.isNofsy = false;
    },
    nofsyChange() {
      this.isYesfsy = false;
    },
    yesOther1Change() {
      this.isNoOther1 = false;
    },
    noOther1Change() {
      this.isYesOther1 = false;
    },
    yesxyChange() {
      this.isNosxy = false;
    },
    noxyChange() {
      this.isYesxy = false;
    },
    yessdfChange() {
      this.isNodf = false;
    },
    nodfChange() {
      this.isYesdf = false;
    },
    yessfChange() {
      this.isNosf = false;
    },
    nosfChange() {
      this.isYessf = false;
    },
    yessdChange() {
      this.isNosd = false;
    },
    nosdChange() {
      this.isYessd = false;
    },
    yesbfgxChange() {
      this.isNobfgx = false;
    },
    nobfgxChange() {
      this.isYesbfgx = false;
    },
    yesskgxChange() {
      this.isNodkgx = false;
    },
    nodkgxChange() {
      this.isYesdkgx = false;
    },
    yescrmbChange() {
      this.isNocrmb = false;
    },
    nocrmbChange() {
      this.isYescrmb = false;
    },
    yesjxanChange() {
      this.isNojxan = false;
    },
    nojxanChange() {
      this.isYesjxan = false;
    },
    yesglmbChange() {
      this.isNoglmb = false;
    },
    noglmbChange() {
      this.isYesglmb = false;
    },
    yesOther2Change() {
      this.isNoOther2 = false;
    },
    noOther2Change() {
      this.isYesOther2 = false;
    },
    yesdaokongChange() {
      this.isNodaokong = false;
    },
    nodaokongChange() {
      this.isYesdaokong = false;
    },
    yesqingxiChange() {
      this.isNoqingxi = false;
    },
    noqingxiChange() {
      this.isYesqingxi = false;
    },
    yeszhihuan() {
      this.isNozhihuan = false;
    },
    nozhihuan() {
      this.isYeszhihuan = false;
    },
    yesOther3() {
      this.isNoOther3 = false;
    },
    noOther3() {
      this.isYesOther3 = false;
    },
    yesxcgl() {
      this.isNoxcgl = false;
    },
    noxcgl() {
      this.isYesxcgl = false;
    },
    yesxfgqy() {
      this.isNoxfgqy = false;
    },
    noxfgqy() {
      this.isYesxfgqy = false;
    },
    yesfbcc() {
      this.isNofbcc = false;
    },
    nofbcc() {
      this.isYesfbcc = false;
    },
    yesljfl() {
      this.isNoljfl = false;
    },
    noljfl() {
      this.isYesljfl = false;
    },
    yesOther4() {
      this.isNoOther4 = false;
    },
    noOther4() {
      this.isYesOther4 = false;
    },
    yesOther5() {
      this.isNoOther5 = false;
    },
    noOther5() {
      this.isYesOther5 = false;
    },
    yesxcjd() {
      this.isNoxcjd = false;
    },
    noxcjd() {
      this.isYesxcjd = false;
    },
    yesPee() {
      this.isNoPee = false;
    },
    noPee() {
      this.isYesPee = false;
    },
    box10Change() {
      this.checkbox11 = false;
    },
    box11Change() {
      this.checkbox10 = false;
    },
    box12Change() {
      this.checkbox13 = false;
    },
    box13Change() {
      this.checkbox12 = false;
    },
    yesProtectGloves() {
      this.isNoProtectGloves = false;
    },
    noProtectGloves() {
      this.isYesProtectGloves = false;
    },
    yesRubberBoot() {
      this.isNoRubberBoot = false;
    },
    noRubberBoot() {
      this.isYesRubberBoot = false;
    },
    yesRubberApron() {
      this.isNoRubberApron = false;
    },
    noRubberApron() {
      this.isYesRubberApron = false;
    },
    yesProtectClothes() {
      this.isNoProtectClothes = false;
    },
    noProtectClothes() {
      this.isYesProtectClothes = false;
    },
    yesProtectBreathing() {
      this.isNoProtectBreathing = false;
    },
    noProtectBreathing() {
      this.isYesProtectBreathing = false;
    },
    yesProtectFall() {
      this.isNoProtectFall = false;
    },
    noProtectFall() {
      this.isYesProtectFall = false;
    },
    yesOtherProtect() {
      this.isNoOtherProtect = false;
    },
    noOtherProtect() {
      this.isYesOtherProtect = false;
    },
    yesContinue() {
      this.isNoContinue = false;
    },
    noContinue() {
      this.isYesContinue = false;
    },
    yesNatural() {
      this.isNoNaturalDraft = false;
    },
    noNatural() {
      this.isYesNaturalDraft = false;
    },
    yesMecVen() {
      this.isNoMecVen = false;
    },
    noMecVen() {
      this.isYesMecVen = false;
    },
    yesRemoveDust() {
      this.isNoRemoveDust = false;
    },
    noRemoveDust() {
      this.isYesRemoveDust = false;
    },
    yesAirAnalysis() {
      this.isNoAirAnalysis = false;
    },
    noAirAnalysis() {
      this.isYesAirAnalysis = false;
    },
    yesOther6() {
      this.isNoOther6 = false;
    },
    noOther6() {
      this.isYesOther6 = false;
    },
    yesAfterSafeMeasures() {
      this.isNoAfterSafeMeasures = false;
    },
    noAfterSafeMeasures() {
      this.isYesAfterSafeMeasures = false;
    },
    yesSpecially() {
      this.isNoSpecially = false;
    },
    noSpecially() {
      this.isYesSpecially = false;
    },
    allExpand() {
      this.activeNames = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14'];
    },
    allShrink() {
      this.activeNames = [];
    }


  }
};
</script>
