<template>
  <div>
    <div>
      <el-form ref="form" :model="form">
        <div class="hazardwork" style="">

          <el-row :gutter="20">

            <!-- 左侧栏 -->
            <el-col :span="20" :offset="2">
              <table style="width: 100%;margin-bottom: 8px;">
                <tr>
                  <td>表格</td>
                  <td><b>C00-6.3.0-00FSH-208.6 (Cn)</b></td>
                  <td><b>吊装作业许可证</b></td>
                  <td>
                    <div>修订：00</div>
                    <div>日期：20-04-2022</div>
                    <div>页次：1 / 1</div>
                  </td>
                  <td>
                    <el-input style="width: 200px;" v-model="form.hId" placeholder="点击生成票据ID" @focus="hIdClick"
                    >
                      <i slot="prefix" class="el-input__icon el-icon-word">LW</i>
                    </el-input>
                  </td>
                  <td>
                    <el-button @click="allExpand">全部展开</el-button>
                  </td>
                  <td>
                    <el-button @click="allShrink">全部关闭</el-button>
                  </td>
                  <td>
                    <el-button type="primary" v-show="form.hId" @click="onSubmit">提交当前数据</el-button>
                  </td>
                  <td>
                    <el-form-item>
                      <el-button v-if="form.pdfUrl" type="success" @click="handleSee">预览</el-button>
                      <el-button v-if="form.pdfUrl" type="success" @click="handleDownload">下载</el-button>
                    </el-form-item>
                  </td>
                </tr>
              </table>
              <el-collapse v-model="activeNames">
                <el-collapse-item title="A 基本信息" name="1">
                  <el-form-item prop="ruleA1">
                    <div>
                      <table style="width: 100%;">
                        <tr>
                          <td>1. 生产装置：
                            <el-input v-model="form.aEquipmentName" style="width: calc(100% - 95px);"></el-input>
                          </td>
                          <td width="133" style="text-align: right;white-space: nowrap;">生产装置主管：</td>
                          <td>
                            <el-input v-model="form.aEquipmentLeader"/>
                          </td>
                          <td style="white-space: nowrap;">
                            <i class="el-icon-phone"></i>：
                            <el-input v-model="form.aEquipmentTel" style="width: calc(100% - 35px)"/>
                          </td>
                          <td style="white-space: nowrap;">办公室：</td>
                          <td width="90">
                            <el-input v-model="form.aEquipmentOffice"/>
                          </td>
                        </tr>
                        <tr>
                          <td>2. 施工单位：
                            <el-select v-model="form.aConstructionName" filterable placeholder="请选择施工单位"
                                       @change="aConstructionChange(form.aConstructionName)"
                                       style="width: calc(100% - 93px)">
                              <el-option v-for="item in aConstructions" :key="item.deptName" :label="item.deptName"
                                         :value="item.deptName">
                              </el-option>
                            </el-select>
                          </td>
                          <td style="text-align: right">施工单位主管：</td>
                          <td>
                            <el-input v-model="form.aConstructionLeader"/>
                          </td>
                          <td style="white-space: nowrap;">
                            <i class="el-icon-phone"></i>：
                            <el-input v-model="form.aConstructionTel" style="width: calc(100% - 35px)"/>
                          </td>
                          <td>办公室：</td>
                          <td>
                            <el-input v-model="form.aConstructionOffice"/>
                          </td>
                        </tr>
                        <tr>
                          <td>3.
                            用户部门：
                            <el-input v-model="form.aContractorName" style="width: calc(100% - 90px)"/>
                          </td>
                          <td style="text-align: right">用户部门主管：</td>
                          <td>
                            <el-input v-model="form.aContractorLeader"/>
                          </td>
                          <td style="white-space: nowrap;">
                            <i class="el-icon-phone"></i>：
                            <el-input v-model="form.aContractorTel" style="width: calc(100% - 35px)"/>
                          </td>
                          <td>办公室：</td>
                          <td>
                            <el-input v-model="form.aContractorOffice"/>
                          </td>
                        </tr>
                        <tr>
                          <td>4.
                            起重机车牌号(如有)和吨位：
                            <el-input v-model="form.aContractorName" style="width: calc(100% - 197px)"/>
                          </td>
                          <td style="text-align: right">最大起吊重量m(吨)：</td>
                          <td colspan="2">
                            <el-row :gutter="10">
                              <el-col :span="4">
                                <el-input></el-input>
                              </el-col>
                              <el-col :span="10">
                                作业半径(米)：<el-input style="width: calc(100% - 94px)" />
                              </el-col>
                              <el-col :span="10">
                                额定起重量(吨)：<el-input style="width: calc(100% - 108px)" />
                              </el-col>
                            </el-row>
                          </td>
                          <td>负荷率：</td>
                          <td>
                            <el-input v-model="form.aContractorOffice"/>
                          </td>
                        </tr>

                        <tr>
                          <td>5.
                            司机姓名：
                            <el-input v-model="form.aContractorName" style="width: calc(100% - 90px)"/>
                          </td>
                          <td style="text-align: right">指挥和司索工姓名：</td>
                          <td>
                            <el-input v-model="form.aContractorLeader"/>
                          </td>
                          <td>
                          </td>
                          <td>监护人：</td>
                          <td>
                            <el-input v-model="form.aContractorOffice"/>
                          </td>
                        </tr>
                        <tr>
                          <td>6. 需要安全联络员？
                            <el-radio v-model="form.aIsNeedSafeLiaison" label="1">是</el-radio>
                            <el-radio v-model="form.aIsNeedSafeLiaison" label="2">否</el-radio>
                          </td>
                          <td style="text-align: right">联络员姓名：</td>
                          <td>
                            <el-input v-model="form.aSafeLiaisonName"
                            />
                          </td>
                          <td style="white-space: nowrap;">
                            <i class="el-icon-phone"></i>：
                            <el-input v-model="form.aSafeLiaisonTel" style="width: calc(100% - 35px)"
                            />
                          </td>
                          <td>
                            办公室：
                          </td>
                          <td>
                            <el-input v-model="form.aSafeLiaisonOffice"
                            />
                          </td>
                        </tr>
                      </table>
                    </div>
                  </el-form-item>
                </el-collapse-item>
                <el-collapse-item title="B 作业内容" name="2">
                  <el-form-item prop="ruleB">
                    <table style="width: 100%;">
                      <tr>
                        <td style="white-space: nowrap">1.装置设备：
                          <el-input v-model="form.bDeviceName" style="width: 480px"/>
                        </td>
                        <td style="text-align: right">位置/区域号：</td>
                        <td>
                          <el-input v-model="form.bAreaNo"/>
                        </td>
                      </tr>
                      <tr>
                        <td colspan="3">2.吊装作业内容(详细描述)：
                          <el-input style="width: calc(100% - 179px);vertical-align: top" type="textarea"
                                    v-model="form.bWorkContent"/>
                        </td>
                      </tr>
                      <tr>
                        <td class="short-checkbox">3. 吊装作业级别：
                          <el-checkbox />一级(m>100t)
                          <el-checkbox />二级(40t≤m≤100t)
                          <el-checkbox />三级(m<40t)
                        </td>
                        <td class="short-checkbox" colspan="2">
                          BYC起重作业类别：
                          <el-checkbox :true-label="0"/>工程起重
                          <el-checkbox :true-label="1"/>非工程起重
                          <el-checkbox :true-label="2"/>手工起重
                        </td>
                      </tr>
                      <tr>
                        <td colspan="3">4.作业有效期 从：
                          <el-date-picker v-model="value1" type="datetimerange" range-separator="至"
                                          start-placeholder="开始日期" end-placeholder="结束日期">
                          </el-date-picker>
                        </td>
                      </tr>
                    </table>
                  </el-form-item>
                </el-collapse-item>
                <el-collapse-item title="C 危害识别" name="3">
                  <el-col :span="12">
                    <table style="width: 100%">
                      <tr>
                        <th colspan="2"></th>
                        <th width="30" style="text-align: center">是</th>
                        <th width="30" style="text-align: center">否</th>
                      </tr>
                      <tr>
                        <td>1</td>
                        <td>需要占路</td>
                        <td style="text-align: center"><el-checkbox /></td>
                        <td style="text-align: center"><el-checkbox /></td>
                      </tr>
                      <tr>
                        <td>3</td>
                        <td>夜间作业</td>
                        <td style="text-align: center"><el-checkbox /></td>
                        <td style="text-align: center"><el-checkbox /></td>
                      </tr>
                      <tr>
                        <td>5</td>
                        <td>吊物形状复杂、刚度小、长径比大、精密贵重</td>
                        <td style="text-align: center"><el-checkbox /></td>
                        <td style="text-align: center"><el-checkbox /></td>
                      </tr>
                      <tr>
                        <td>7</td>
                        <td>起重机倾覆危险</td>
                        <td style="text-align: center"><el-checkbox /></td>
                        <td style="text-align: center"><el-checkbox /></td>
                      </tr>
                      <tr>
                        <td>9</td>
                        <td>场地狭小，仅能支半腿作业</td>
                        <td style="text-align: center"><el-checkbox /></td>
                        <td style="text-align: center"><el-checkbox /></td>
                      </tr>
                      <tr>
                        <td>11</td>
                        <td>其它危害：</td>
                        <td style="text-align: center"><el-checkbox /></td>
                        <td style="text-align: center"><el-checkbox /></td>
                      </tr>
                      <tr>
                        <td></td>
                        <td colspan="3" class="short-checkbox">
                          涉及的其它作业：<el-checkbox checked/>危害工作
                          <el-checkbox />动火作业
                          <el-checkbox />高处作业
                          <el-checkbox />其他
                        </td>
                      </tr>
                    </table>
                  </el-col>
                  <el-col :span="12">
                    <table style="width: 100%">
                      <tr>
                        <th colspan="2"></th>
                        <th width="30" style="text-align: center">是</th>
                        <th width="30" style="text-align: center">否</th>
                      </tr>
                      <tr>
                        <td>2</td>
                        <td>吊装作业高度和转臂范围内有架空管线、电缆或设施设备</td>
                        <td style="text-align: center"><el-checkbox /></td>
                        <td style="text-align: center"><el-checkbox /></td>
                      </tr>
                      <tr>
                        <td>4</td>
                        <td>吊装区域地基承载力不够</td>
                        <td style="text-align: center"><el-checkbox /></td>
                        <td style="text-align: center"><el-checkbox /></td>
                      </tr>
                      <tr>
                        <td>6</td>
                        <td>两台或多台起重机械吊装</td>
                        <td style="text-align: center"><el-checkbox /></td>
                        <td style="text-align: center"><el-checkbox /></td>
                      </tr>
                      <tr>
                        <td>8</td>
                        <td>起重工高处作业</td>
                        <td style="text-align: center"><el-checkbox /></td>
                        <td style="text-align: center"><el-checkbox /></td>
                      </tr>
                      <tr>
                        <td>10</td>
                        <td>交叉作业</td>
                        <td style="text-align: center"><el-checkbox /></td>
                        <td style="text-align: center"><el-checkbox /></td>
                      </tr>
                      <tr>
                        <td> </td>
                        <td> </td>
                        <td style="text-align: center"> </td>
                        <td style="text-align: center"> </td>
                      </tr>
                      <tr>
                        <td colspan="4">相关工作许可证编号：<el-input style="width: calc(100% - 136px)" /></td>
                      </tr>
                    </table>
                  </el-col>
                </el-collapse-item>
                <el-collapse-item title="D 作业前的安全措施" name="4">
                  <table style="width: 100%">
                    <tr>
                      <td></td>
                      <td></td>
                      <th width="30" style="text-align: center">是</th>
                      <th width="30" style="text-align: center">否</th>
                      <th width="40" style="text-align: center">不适用</th>
                      <th>措施完成签名</th>
                      <th>措施撤销签名</th>
                    </tr>
                    <tr>
                      <td>1</td>
                      <td>已申领占路许可</td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="1"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="0"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="-1"/>
                      </td>
                      <td>
                        <el-input prefix-icon="el-icon-edit"/>
                      </td>
                      <td>
                        <el-input prefix-icon="el-icon-edit" disabled value="N.A."/>
                      </td>
                      <td>
                      </td>
                    </tr>
                    <tr>
                      <td>2</td>
                      <td>按规定设置安全警戒绳、标志、警示灯等，禁止无关人员进</td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="1"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="0"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="-1"/>
                      </td>
                      <td>
                        <el-input prefix-icon="el-icon-edit"/>
                      </td>
                      <td>
                        <el-input prefix-icon="el-icon-edit" />
                      </td>
                      <td>
                      </td>
                    </tr>
                    <tr>
                      <td>3</td>
                      <td>已明确各自分工、坚守岗位，并统一规定联络信号</td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="1"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="0"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="-1"/>
                      </td>
                      <td>
                        <el-input prefix-icon="el-icon-edit"/>
                      </td>
                      <td>
                        <el-input prefix-icon="el-icon-edit" disabled value="N.A."/>
                      </td>
                      <td>
                      </td>
                    </tr>
                    <tr>
                      <td>4</td>
                      <td>选择的起重机站位合适，不会与管线、电缆等设施发生干涉</td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="1"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="0"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="-1"/>
                      </td>
                      <td>
                        <el-input prefix-icon="el-icon-edit"/>
                      </td>
                      <td>
                        <el-input prefix-icon="el-icon-edit" disabled value="N.A."/>
                      </td>
                      <td>
                      </td>
                    </tr>
                    <tr>
                      <td>5</td>
                      <td>承重地面符合吊装要求或采取<el-input style="width: calc(100% - 273px)" />措施后满足要求</td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="1"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="0"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="-1"/>
                      </td>
                      <td>
                        <el-input prefix-icon="el-icon-edit"/>
                      </td>
                      <td>
                        <el-input prefix-icon="el-icon-edit" />
                      </td>
                      <td>
                      </td>
                    </tr>
                    <tr>
                      <td>6</td>
                      <td>吊装作业参数（作业半径、重量信息、负荷率等）计算准确</td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="1"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="0"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="-1"/>
                      </td>
                      <td>
                        <el-input prefix-icon="el-icon-edit"/>
                      </td>
                      <td>
                        <el-input prefix-icon="el-icon-edit" disabled value="N.A."/>
                      </td>
                      <td>
                      </td>
                    </tr>
                    <tr>
                      <td>7</td>
                      <td>吊索具等附件已经过第三方和用户检查，安全可靠</td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="1"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="0"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="-1"/>
                      </td>
                      <td>
                        <el-input prefix-icon="el-icon-edit"/>
                      </td>
                      <td>
                        <el-input prefix-icon="el-icon-edit" disabled value="N.A."/>
                      </td>
                      <td>
                      </td>
                    </tr>
                    <tr>
                      <td>8</td>
                      <td>工程起重作业已编制起重施工方案和JSA，并已安全技术交底</td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="1"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="0"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="-1"/>
                      </td>
                      <td>
                        <el-input prefix-icon="el-icon-edit"/>
                      </td>
                      <td>
                        <el-input prefix-icon="el-icon-edit" disabled value="N.A."/>
                      </td>
                      <td>
                      </td>
                    </tr>
                    <tr>
                      <td>9</td>
                      <td>将建筑物、构筑物作为吊装锚点已经过审批</td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="1"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="0"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="-1"/>
                      </td>
                      <td>
                        <el-input prefix-icon="el-icon-edit"/>
                      </td>
                      <td>
                        <el-input prefix-icon="el-icon-edit" disabled value="N.A."/>
                      </td>
                      <td>
                      </td>
                    </tr>
                    <tr>
                      <td>10</td>
                      <td>夜间作业：现场已有合适的照明，作业人员已着反光马甲</td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="1"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="0"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="-1"/>
                      </td>
                      <td>
                        <el-input prefix-icon="el-icon-edit"/>
                      </td>
                      <td>
                        <el-input prefix-icon="el-icon-edit" disabled value="N.A."/>
                      </td>
                      <td>
                      </td>
                    </tr>
                    <tr>
                      <td>11</td>
                      <td>半腿作业时，起重机工况已设定为半腿工况</td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="1"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="0"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="-1"/>
                      </td>
                      <td>
                        <el-input prefix-icon="el-icon-edit"/>
                      </td>
                      <td>
                        <el-input prefix-icon="el-icon-edit" />
                      </td>
                      <td>
                      </td>
                    </tr>
                    <tr>
                      <td>12</td>
                      <td>其它：</td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="1"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="0"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="-1"/>
                      </td>
                      <td>
                        <el-input prefix-icon="el-icon-edit"/>
                      </td>
                      <td>
                        <el-input prefix-icon="el-icon-edit" />
                      </td>
                      <td>
                      </td>
                    </tr>
                    <tr>
                      <td>13</td>
                      <td>确认安全交底已完成（详细信息包含证件号见安全交底记录）</td>
                      <td style="text-align: center;">
                        <el-checkbox checked true-label="1"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="0"/>
                      </td>
                      <td style="text-align: center;">
                        <el-checkbox true-label="-1"/>
                      </td>
                      <td>
                        <el-input prefix-icon="el-icon-edit"/>
                      </td>
                      <td>
                        <el-input prefix-icon="el-icon-edit" disabled value="N.A."/>
                      </td>
                      <td>
                      </td>
                    </tr>

                  </table>
                </el-collapse-item>
                <el-collapse-item title="E 作业中的安全措施" name="5">
                  <el-row :gutter="10">
                    <el-col :span="12">
                      <table style="width: 100%">
                        <tr>
                          <td></td>
                          <td></td>
                          <th style="width: 30px;text-align: center">是</th>
                          <th style="width: 30px;text-align: center">否</th>
                        </tr>
                        <tr>
                          <td>1</td>
                          <td>与架空线路保持足够的安全距离</td>
                          <td style="text-align: center;">
                            <el-checkbox checked true-label="1"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox true-label="0"/>
                          </td>
                        </tr>
                        <tr>
                          <td>3</td>
                          <td>指挥信号不明确或违章指挥均不吊装</td>
                          <td style="text-align: center;">
                            <el-checkbox checked true-label="1"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox true-label="0"/>
                          </td>
                        </tr>
                        <tr>
                          <td>5</td>
                          <td>高处作业人员有合适的安全防坠落措施</td>
                          <td style="text-align: center;">
                            <el-checkbox checked true-label="1"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox true-label="0"/>
                          </td>
                        </tr>
                        <tr>
                          <td>7</td>
                          <td>棱角物件有衬垫等防护措施</td>
                          <td style="text-align: center;">
                            <el-checkbox checked true-label="1"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox true-label="0"/>
                          </td>
                        </tr>
                        <tr>
                          <td>9</td>
                          <td>正式起吊前进行低高度/短行程试吊</td>
                          <td style="text-align: center;">
                            <el-checkbox checked true-label="1"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox true-label="0"/>
                          </td>
                        </tr>
                        <tr>
                          <td>11</td>
                          <td>斜拉吊物、吊物埋地、吊索打结等禁止吊装</td>
                          <td style="text-align: center;">
                            <el-checkbox checked true-label="1"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox true-label="0"/>
                          </td>
                        </tr>
                        <tr>
                          <td>13</td>
                          <td>大雪/暴雨/大雾/六级及以上大风等恶劣天气，禁止吊装作业</td>
                          <td style="text-align: center;">
                            <el-checkbox checked true-label="1"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox true-label="0"/>
                          </td>
                        </tr>
                        <tr>
                          <td>15</td>
                          <td>合理安全使用吊索具，且吊耳沿正确方向受力</td>
                          <td style="text-align: center;">
                            <el-checkbox checked true-label="1"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox true-label="0"/>
                          </td>
                        </tr>
                        <tr>
                          <td>17</td>
                          <td>两台或多台起重机抬吊时，控制各台起重机的负荷率≤75%</td>
                          <td style="text-align: center;">
                            <el-checkbox checked true-label="1"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox true-label="0"/>
                          </td>
                        </tr>
                        <tr>
                          <td>19</td>
                          <td>作业现场出现危险品泄漏立即停止作业并撤离</td>
                          <td style="text-align: center;">
                            <el-checkbox checked true-label="1"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox true-label="0"/>
                          </td>
                        </tr>
                        <tr>
                          <td></td>
                          <td colspan="3" style="color: #ff0000">出现意外情况，立即停止作业并通知主管或经理！</td>
                        </tr>
                      </table>
                    </el-col>
                    <el-col :span="12">
                      <table style="width: 100%">
                        <tr>
                          <td></td>
                          <td></td>
                          <th style="width: 30px;text-align: center">是</th>
                          <th style="width: 30px;text-align: center">否</th>
                        </tr>
                        <tr>
                          <td>2</td>
                          <td>确认吊物下方无人、无通行和无工作</td>
                          <td style="text-align: center;">
                            <el-checkbox checked true-label="1"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox true-label="0"/>
                          </td>
                        </tr>
                        <tr>
                          <td>4</td>
                          <td>光线阴暗或视线不清楚，停止作业</td>
                          <td style="text-align: center;">
                            <el-checkbox checked true-label="1"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox true-label="0"/>
                          </td>
                        </tr>
                        <tr>
                          <td>6</td>
                          <td>起重机各安全保护装置（如联锁保护开关）灵敏可靠</td>
                          <td style="text-align: center;">
                            <el-checkbox checked true-label="1"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox true-label="0"/>
                          </td>
                        </tr>
                        <tr>
                          <td>8</td>
                          <td>按要求设置溜绳，必要时使用双溜绳</td>
                          <td style="text-align: center;">
                            <el-checkbox checked true-label="1"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox true-label="0"/>
                          </td>
                        </tr>
                        <tr>
                          <td>10</td>
                          <td>超负荷或重物质量不明禁止吊装</td>
                          <td style="text-align: center;">
                            <el-checkbox checked true-label="1"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox true-label="0"/>
                          </td>
                        </tr>
                        <tr>
                          <td>12</td>
                          <td>吊物捆绑牢靠，吊点和吊物的重心在同一铅垂线上</td>
                          <td style="text-align: center;">
                            <el-checkbox checked true-label="1"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox true-label="0"/>
                          </td>
                        </tr>
                        <tr>
                          <td>14</td>
                          <td>禁止利用管道、管架、电杆、机电设备等做吊装锚点</td>
                          <td style="text-align: center;">
                            <el-checkbox checked true-label="1"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox true-label="0"/>
                          </td>
                        </tr>
                        <tr>
                          <td>16</td>
                          <td>作业人员已按规定佩戴防护器具和用品</td>
                          <td style="text-align: center;">
                            <el-checkbox checked true-label="1"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox true-label="0"/>
                          </td>
                        </tr>
                        <tr>
                          <td>18</td>
                          <td>使用定型的起重机械（如吊车、行车等），应遵守其操作规程</td>
                          <td style="text-align: center;">
                            <el-checkbox checked true-label="1"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox true-label="0"/>
                          </td>
                        </tr>
                        <tr>
                          <td>20</td>
                          <td>其他：</td>
                          <td style="text-align: center;">
                            <el-checkbox true-label="1"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox true-label="0"/>
                          </td>
                        </tr>
                      </table>
                    </el-col>
                  </el-row>
                </el-collapse-item>
                <el-collapse-item title="F 作业后的安全措施" name="6">
                  <el-row>
                    <el-col :span="12">
                      <table>
                        <tr>
                          <th></th>
                          <th></th>
                          <th style="width: 30px; text-align: center;">是</th>
                          <th style="width: 30px; text-align: center;">否</th>
                        </tr>
                        <tr>
                          <td><b>1</b></td>
                          <td>作业完成后已按规定收回吊臂等起重机附件</td>
                          <td style="text-align: center;">
                            <el-checkbox true-label="1" false-label="0"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox true-label="0" false-label="1"/>
                          </td>
                        </tr>
                        <tr>
                          <td><b>3</b></td>
                          <td>其它：</td>
                          <td style="text-align: center;">
                            <el-checkbox true-label="1" false-label="0"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox true-label="0" false-label="1"/>
                          </td>
                        </tr>
                      </table>
                    </el-col>
                    <el-col :span="12">
                      <table>
                        <tr>
                          <th></th>
                          <th></th>
                          <th style="width: 30px; text-align: center;">是</th>
                          <th style="width: 30px; text-align: center;">否</th>
                        </tr>
                        <tr>
                          <td><b>2</b></td>
                          <td>作业完成后清理道木及施工现场</td>
                          <td style="text-align: center;">
                            <el-checkbox true-label="1" false-label="0"/>
                          </td>
                          <td style="text-align: center;">
                            <el-checkbox true-label="0" false-label="1"/>
                          </td>
                        </tr>
                      </table>
                    </el-col>
                  </el-row>

                </el-collapse-item>
                <el-collapse-item title="G 已开展危害评估并制定安全措施" name="7">
                  <table>
                    <tr>
                      <td>(授权人员-1)签名：<el-input prefix-icon="el-icon-edit" style="width: calc(100% - 113px)" /></td>
                      <td>(授权人员-2)签名：<el-input prefix-icon="el-icon-edit" style="width: calc(100% - 113px)" /></td>
                      <td class="short-checkbox">(相应的专家评估-2)<el-checkbox />是  <el-checkbox />否 签名：<el-input prefix-icon="el-icon-edit" style="width: calc(100% - 220px)" /></td>
                    </tr>
                    <tr>
                      <td>日期/时间：<el-date-picker type="date"
                                          format="yyyy-MM-dd HH:mm:ss"
                                          value-format="yyyy-MM-dd HH:mm:ss"
                                          style="width: calc(100% - 71px)"
                      >
                      </el-date-picker></td>
                      <td>日期/时间：<el-date-picker type="date"
                                          format="yyyy-MM-dd HH:mm:ss"
                                          value-format="yyyy-MM-dd HH:mm:ss"
                                          style="width: calc(100% - 71px)"
                      >
                      </el-date-picker></td>
                      <td>日期/时间：<el-date-picker type="date"
                                          format="yyyy-MM-dd HH:mm:ss"
                                          value-format="yyyy-MM-dd HH:mm:ss"
                                          style="width: calc(100% - 69px)"
                      >
                      </el-date-picker></td>
                    </tr>
                  </table>
                </el-collapse-item>
                <el-collapse-item title="H 作业批准(确认安全措施已实施)" name="8">
                  <table>
                    <tr>
                      <td>(授权人员)签名：<el-input prefix-icon="el-icon-edit" style="width: calc(100% - 101px)" /></td>
                      <td class="short-checkbox">(A6栏安全联络员) <el-checkbox />是 <el-checkbox />否</td>
                      <td>签名：<el-input prefix-icon="el-icon-edit" style="width: calc(100% - 39px)" /></td>
                    </tr>
                    <tr>
                      <td>日期/时间：<el-date-picker type="date"
                                                format="yyyy-MM-dd HH:mm:ss"
                                                value-format="yyyy-MM-dd HH:mm:ss"
                                                style="width: calc(100% - 70px)"
                      >
                      </el-date-picker></td>
                      <td colspan="2">日期/时间：<el-date-picker type="date"
                                                format="yyyy-MM-dd HH:mm:ss"
                                                value-format="yyyy-MM-dd HH:mm:ss"
                                                style="width: calc(100% - 69px)"
                      >
                      </el-date-picker></td>
                    </tr>
                  </table>
                </el-collapse-item>
                <el-collapse-item title="I B2栏所述内容的作业人员接受许可证及作业条件" name="9">
                  <table>
                    <tr>
                      <td>
                        (1a授权的维修主管)签名：
                        <el-input style="width: calc(100% - 158px)" v-model="form.iOneASign" prefix-icon="el-icon-edit"/>

                      </td>
                      <td>
                         (1b授权的维修工人)签名：
                        <el-input style="width: calc(100% - 158px)" v-model="form.iOneBSign" prefix-icon="el-icon-edit"/>

                      </td>
                      <td>(监护人)签名：<el-input prefix-icon="el-icon-edit" style="width: calc(100% - 87px)" /></td>
                    </tr>
                    <tr>
                      <td>
                        日期/时间：<el-date-picker
                        style="width: calc(100% - 70px)"
                        v-model="form.iOneADate"
                        type="datetime"
                        placeholder="选择日期时间">
                      </el-date-picker>
                      </td>
                      <td>
                       日期/时间：<el-date-picker
                        style="width: calc(100% - 70px)"
                        v-model="form.iOneBDate"
                        type="datetime"
                        placeholder="选择日期时间">
                      </el-date-picker>
                      </td>
                      <td>
                       日期/时间：<el-date-picker
                        style="width: calc(100% - 70px)"
                        type="datetime"
                        placeholder="选择日期时间">
                      </el-date-picker>
                      </td>
                    </tr>
                  </table>
                </el-collapse-item>
                <el-collapse-item title="K 确认F栏规定的作业后安全措施已完成" name="12">
                  <table>
                    <tr>
                      <td class="short-checkbox"><el-checkbox checked />F1已完成</td>
                      <td class="short-checkbox"><el-checkbox checked />F2已完成</td>
                      <td class="short-checkbox"><el-checkbox />其它已完成</td>
                    </tr>
                    <tr>
                      <td>
                        确认人签名：<el-input prefix-icon="el-icon-edit" style="width: calc(100% - 80px)" />
                      </td>
                      <td>
                        确认人签名：<el-input prefix-icon="el-icon-edit" style="width: calc(100% - 80px)" />
                      </td>
                      <td>
                        确认人签名：<el-input prefix-icon="el-icon-edit" style="width: calc(100% - 80px)" />
                      </td>
                    </tr>
                    <tr>
                      <td>
                        日期/时间：<el-date-picker
                        style="width: calc(100% - 70px)"
                        type="datetime"
                        placeholder="选择日期时间">
                      </el-date-picker>
                      </td>
                      <td>
                        日期/时间：<el-date-picker
                        style="width: calc(100% - 70px)"
                        type="datetime"
                        placeholder="选择日期时间">
                      </el-date-picker>
                      </td>
                      <td>
                        日期/时间：<el-date-picker
                        style="width: calc(100% - 70px)"
                        type="datetime"
                        placeholder="选择日期时间">
                      </el-date-picker>
                      </td>
                    </tr>
                  </table>
                </el-collapse-item>
                <el-collapse-item title="L 作业人员通知委托方作业进展" name="13">
                  如有需要，通过安全联络员
                  <br>
                  签名：<el-input style="width: calc(50% - 60px);" v-model="form.lNoticeSign" prefix-icon="el-icon-edit"/>
                  日期/时间：
                  <el-date-picker
                    v-model="form.lNoticeDate"
                    type="datetime"
                    style="width: calc(50% - 60px);"
                    placeholder="选择日期时间">
                  </el-date-picker>
                </el-collapse-item>
                <el-collapse-item title="M 评估/批准撤销D栏的作业前安全措施，作业许可证关闭" name="14">
                  <table>
                    <tr>
                      <td colspan="3" class="short-checkbox"><el-checkbox />暂不撤除D栏安全措施：</td>
                    </tr>
                    <tr>
                      <td colspan="3" class="short-checkbox"><el-checkbox />同意撤除D栏安全措施：</td>
                    </tr>
                    <tr>
                      <td class="short-checkbox"><el-checkbox />如需要，列出撤销安全措施的顺序：</td>
                      <td>G/H栏授权人员签名：<el-input prefix-icon="el-icon-edit" style="width: calc(100% - 129px)" /></td>
                      <td>日期/时间：
                        <el-date-picker
                          v-model="form.lNoticeDate"
                          type="datetime"
                          style="width: calc(100% - 73px)"
                          placeholder="选择日期时间">
                        </el-date-picker></td>
                    </tr>
                  </table>
                </el-collapse-item>
              </el-collapse>
            </el-col>
          </el-row>
        </div>
      </el-form>
    </div>

  </div>
</template>
<script>
import {
  listMatters
} from "@/api/ehs/throughcleanbcc";
import {addFireTicket, updateFireTicket, getFireInfo} from "@/api/invoicing/firework";

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

export default {
  data () {
    return {
      form: {},
      activeNames: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14'],
    }
  },
  /* 页面渲染前执行的方法*/
  created() {

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