<template>
    <div>
      <div class="hoisting">吊装作业许可证</div>
      <table style="width: 100%" border="1" cellpadding="5" cellspacing="0">
        <tr>
          <td style="width: 24%" colspan="2">吊装地点</td>
          <td style="width: 18%">{{ baseInfo.address }}</td>
          <td style="width: 16%;">吊装工具名称</td>
          <td style="width: 18%">{{ baseInfo.gongju }}</td>
          <td style="width: 10%">作业证编号</td>
          <td style="width: 18%" colspan="2">{{ dataInfo.documentNum }}</td>
        </tr>

        <tr>
          <td colspan="2">吊装人员及特殊工种作业证号</td>
          <td>{{ baseInfo.peopleNum }}</td>
          <td>监护人</td>
          <td colspan="4">{{ baseInfo.head }}</td>
        </tr>

        <tr>
          <td colspan="2">吊装指挥及特殊工种作业证号</td>
          <td>{{ baseInfo.zhihuiNum }}</td>
          <td>起吊重物质量（t）</td>
          <td colspan="4">{{ baseInfo.weight }}</td>
        </tr>

        <tr>
          <td colspan="2">作业时间</td>
          <td colspan="6">
            <span v-if="baseInfo.startTime && baseInfo.endTime">
              自 {{ $parent.$parent.dateFormatter(baseInfo.startTime) }}始 至 {{ $parent.$parent.dateFormatter(baseInfo.endTime) }}止
            </span>
            <span v-else>自   年   月   日   时   分始   至   年   月   日   时   分止</span>
          </td>
        </tr>

        <tr>
          <td colspan="2">吊装内容</td>
          <td colspan="6">{{ baseInfo.content }}</td>
        </tr>

        <tr>
          <td colspan="2">危害辨识</td>
          <td colspan="6">{{ baseInfo.danger }}</td>
        </tr>

        <tr>
          <td style="width: 7%;text-align: center">序号</td>
          <td colspan="6" style="text-align: center">安全措施</td>
          <td style="width: 12%;text-align: center">选项</td>
        </tr>

        <tr>
          <td style="text-align: center">1</td>
          <td colspan="6">一 、二级吊装作业已编制吊装作业方案，已经审查批准；吊装物体形状复杂、刚度小、长径比大、精密贵重，作业条件特殊的三级吊装作业，已编制吊装作业方案，已经审查批准</td>
          <td style="text-align: center"><span :class="baseInfo.cuoshi.one?'sheji':'busheji'">{{baseInfo.cuoshi.one?'涉及':'不涉及'}}</span></td>
        </tr>

        <tr>
          <td style="text-align: center">2</td>
          <td colspan="6">吊装场所如有含危险物料的设备、管道时，应制定详细吊装方案，并对设备、管道 采取有效防护措施，必要时停车，放空物料，置换后再进行吊装作业</td>
          <td style="text-align: center"><span :class="baseInfo.cuoshi.two?'sheji':'busheji'">{{baseInfo.cuoshi.two?'涉及':'不涉及'}}</span></td>
        </tr>

        <tr>
          <td style="text-align: center">3</td>
          <td colspan="6">作业人员已按规定佩戴个体防护装备</td>
          <td style="text-align: center"><span :class="baseInfo.cuoshi.three?'sheji':'busheji'">{{baseInfo.cuoshi.three?'涉及':'不涉及'}}</span></td>
        </tr>

        <tr>
          <td style="text-align: center">4</td>
          <td colspan="6">已对起重吊装设备、钢丝绳、揽风绳、链条、吊钩等各种机具进行检查，安全可靠</td>
          <td style="text-align: center"><span :class="baseInfo.cuoshi.four?'sheji':'busheji'">{{baseInfo.cuoshi.four?'涉及':'不涉及'}}</span></td>
        </tr>

        <tr>
          <td style="text-align: center">5</td>
          <td colspan="6">已明确各自分工、坚守岗位，并统 一 规定联络信号</td>
          <td style="text-align: center"><span :class="baseInfo.cuoshi.five?'sheji':'busheji'">{{baseInfo.cuoshi.five?'涉及':'不涉及'}}</span></td>
        </tr>

        <tr>
          <td style="text-align: center">6</td>
          <td colspan="6">将建筑物、构筑物作为锚点，应经所属单位工程管理部门审查核算并批准</td>
          <td style="text-align: center"><span :class="baseInfo.cuoshi.six?'sheji':'busheji'">{{baseInfo.cuoshi.six?'涉及':'不涉及'}}</span></td>
        </tr>


        <tr>
          <td style="text-align: center">7</td>
          <td colspan="6">吊装绳索、揽风绳、拖拉绳等不应与带电线路接触，并保持安全距离</td>
          <td style="text-align: center"><span :class="baseInfo.cuoshi.seven?'sheji':'busheji'">{{baseInfo.cuoshi.seven?'涉及':'不涉及'}}</span></td>
        </tr>

        <tr>
          <td style="text-align: center">8</td>
          <td colspan="6">不应利用管道、管架、电杆、机电设备等作吊装锚点</td>
          <td style="text-align: center"><span :class="baseInfo.cuoshi.eight?'sheji':'busheji'">{{baseInfo.cuoshi.eight?'涉及':'不涉及'}}</span></td>
        </tr>

        <tr>
          <td style="text-align: center">9</td>
          <td colspan="6">吊物捆扎坚固，未见绳打结、绳不齐现象，棱角吊物已采取衬垫措施</td>
          <td style="text-align: center"><span :class="baseInfo.cuoshi.nine?'sheji':'busheji'">{{baseInfo.cuoshi.nine?'涉及':'不涉及'}}</span></td>
        </tr>

        <tr>
          <td style="text-align: center">10</td>
          <td colspan="6">起重机安全装置灵活好用</td>
          <td style="text-align: center"><span :class="baseInfo.cuoshi.ten?'sheji':'busheji'">{{baseInfo.cuoshi.ten?'涉及':'不涉及'}}</span></td>
        </tr>

        <tr>
          <td style="text-align: center">11</td>
          <td colspan="6">吊装作业人员持有有效的法定资格证书</td>
          <td style="text-align: center"><span :class="baseInfo.cuoshi.eleven?'sheji':'busheji'">{{baseInfo.cuoshi.eleven?'涉及':'不涉及'}}</span></td>
        </tr>

        <tr>
          <td style="text-align: center">12</td>
          <td colspan="6">地下通信电（光）缆、局域网络电（光）缆、排水沟的盖板，承重吊装机械的负重量已 确认，保护措施已落实</td>
          <td style="text-align: center"><span :class="baseInfo.cuoshi.twelve?'sheji':'busheji'">{{baseInfo.cuoshi.twelve?'涉及':'不涉及'}}</span></td>

        </tr>

        <tr>
          <td style="text-align: center">13</td>
          <td colspan="6">起吊物的质量(    t)经确认，在吊装机械的承重范围内</td>
          <td style="text-align: center"><span :class="baseInfo.cuoshi.thirteen?'sheji':'busheji'">{{baseInfo.cuoshi.thirteen?'涉及':'不涉及'}}</span></td>
        </tr>

        <tr>
          <td style="text-align: center">14</td>
          <td colspan="6">在吊装高度的管线、电缆桥架已做好防护措施</td>
          <td style="text-align: center"><span :class="baseInfo.cuoshi.fourteen?'sheji':'busheji'">{{baseInfo.cuoshi.fourteen?'涉及':'不涉及'}}</span></td>
        </tr>

        <tr>
          <td style="text-align: center">15</td>
          <td colspan="6">作业现场围栏、警戒线、警告牌、夜间警示灯已按要求设置</td>
          <td style="text-align: center"><span :class="baseInfo.cuoshi.fifteen?'sheji':'busheji'">{{baseInfo.cuoshi.fifteen?'涉及':'不涉及'}}</span></td>
        </tr>

        <tr>
          <td style="text-align: center">16</td>
          <td colspan="6">作业高度和转臂范围内无架空线路</td>
          <td style="text-align: center"><span :class="baseInfo.cuoshi.sixteen?'sheji':'busheji'">{{baseInfo.cuoshi.sixteen?'涉及':'不涉及'}}</span></td>
        </tr>

        <tr>
          <td style="text-align: center">17</td>
          <td colspan="6">在爆炸危险场所内的作业，机动车排气管已装阻火器</td>
          <td style="text-align: center"><span :class="baseInfo.cuoshi.seventeen?'sheji':'busheji'">{{baseInfo.cuoshi.seventeen?'涉及':'不涉及'}}</span></td>
        </tr>

        <tr>
          <td style="text-align: center">18</td>
          <td colspan="6">露天作业，环境风力满足作业安全要求</td>
          <td style="text-align: center"><span :class="baseInfo.cuoshi.eithteen?'sheji':'busheji'">{{baseInfo.cuoshi.eithteen?'涉及':'不涉及'}}</span></td>
        </tr>

        <tr>
          <td style="text-align: center">19</td>
          <td colspan="6">其他相关特殊作业已办理相应安全作业票</td>
          <td style="text-align: center"><span :class="baseInfo.cuoshi.nineteen?'sheji':'busheji'">{{baseInfo.cuoshi.nineteen?'涉及':'不涉及'}}</span></td>
        </tr>


        <tr>
          <td style="text-align: center">20</td>
          <td colspan="6">
            <div>其他安全措施：{{ baseInfo.cuoshi.content }}</div>
            <div style="float: right">编制人：{{ baseInfo.cuoshi.people }}</div>
          </td>
          <td style="text-align: center"><span :class="baseInfo.cuoshi.twenty?'sheji':'busheji'">{{baseInfo.cuoshi.twenty?'涉及':'不涉及'}}</span></td>
        </tr>

        <tr>
          <td style="text-align: center">确认人</td>
          <td colspan="7">
            <div style="width: 100px;height: 24px">
              <el-image
                v-if="baseInfo.yessignUrl"
                :src="baseInfo.yessignUrl"
                :preview-src-list="[baseInfo.yessignUrl]"
                :z-index="9999"
                style="width: 24px;height: 100px;transform: rotate(-90deg);top: -39px;left: 39px;"
              >
              </el-image>
              <span v-else></span>
            </div>
          </td>
        </tr>

        <tr>
          <td colspan="4" style="text-align: center">实施安全教育人</td>
          <td colspan="4" style="text-align: center">
            <div style="width: 95px;height: 24px">
              <el-image
                v-if="$parent.$parent.getSignInfo(-1).signUrl"
                :src="$parent.$parent.getSignInfo(-1).signUrl"
                :preview-src-list="[$parent.$parent.getSignInfo(-1).signUrl]"
                :z-index="9999"
                style="width: 24px;height: 95px;transform: rotate(-90deg);top: -38px;left: 38px;"
              >
              </el-image>
              <span v-else></span>
            </div>
          </td>
        </tr>

        <tr>
          <td colspan="4">
            <div style="display: flex">
              生产单位部门负责人（签字）:
              <div style="width: 95px;height: 24px;margin-left: 10px">
                <el-image
                  v-if="$parent.$parent.getSignInfo(1).signUrl"
                  :src="$parent.$parent.getSignInfo(1).signUrl"
                  :preview-src-list="[$parent.$parent.getSignInfo(1).signUrl]"
                  :z-index="9999"
                  style="width: 24px;height: 95px;transform: rotate(-90deg);top: -38px;left: 38px;"
                >
                </el-image>
                <span v-else></span>
              </div>
            </div>
          </td>
          <td colspan="4">
            <div style="display: flex">
              生产单位安全管理负责人（签字）:
              <div style="width: 95px;height: 24px;margin-left: 10px">
                <el-image
                  v-if="$parent.$parent.getSignInfo(2).signUrl"
                  :src="$parent.$parent.getSignInfo(2).signUrl"
                  :preview-src-list="[$parent.$parent.getSignInfo(2).signUrl]"
                  :z-index="9999"
                  style="width: 24px;height: 95px;transform: rotate(-90deg);top: -38px;left: 38px;"
                >
                </el-image>
                <span v-else></span>
              </div>
            </div>
          </td>
        </tr>

        <tr>
          <td colspan="4">
            <div style="display: flex">
              作业单位安全部门负责人（签字）:
              <div style="width: 95px;height: 24px;margin-left: 10px">
                <el-image
                  v-if="$parent.$parent.getSignInfo(3).signUrl"
                  :src="$parent.$parent.getSignInfo(3).signUrl"
                  :preview-src-list="[$parent.$parent.getSignInfo(3).signUrl]"
                  :z-index="9999"
                  style="width: 24px;height: 95px;transform: rotate(-90deg);top: -38px;left: 38px;"
                >
                </el-image>
                <span v-else></span>
              </div>
            </div>
          </td>
          <td colspan="4">
            <div style="display: flex">
              作业单位负贲人（签字）:
              <div style="width: 95px;height: 24px;margin-left: 10px">
                <el-image
                  v-if="$parent.$parent.getSignInfo(4).signUrl"
                  :src="$parent.$parent.getSignInfo(4).signUrl"
                  :preview-src-list="[$parent.$parent.getSignInfo(4).signUrl]"
                  :z-index="9999"
                  style="width: 24px;height: 95px;transform: rotate(-90deg);top: -38px;left: 38px;"
                >
                </el-image>
                <span v-else></span>
              </div>
            </div>
          </td>
        </tr>

        <tr>
          <td colspan="8">
            <div>
              <div style="margin-bottom: 5px">审批人（运行副总）意见:</div>
              {{ $parent.$parent.getSignInfo(5).signOpinion }}
            </div>
            <div style="float: right">
              <div style="display: flex">
                签字:
                <div style="width: 95px;height: 24px;">
                  <el-image
                    v-if="$parent.$parent.getSignInfo(5).signUrl"
                    :src="$parent.$parent.getSignInfo(5).signUrl"
                    :preview-src-list="[$parent.$parent.getSignInfo(5).signUrl]"
                    :z-index="9999"
                    style="width: 24px;height: 95px;transform: rotate(-90deg);top: -38px;left: 38px;"
                  >
                  </el-image>
                  <span v-else></span>
                </div>
                <div style="margin-left: 10px">
                  <span v-if="$parent.$parent.getSignInfo(5).signTime">{{ $parent.$parent.dateFormatter($parent.$parent.getSignInfo(5).signTime) }}</span>
                  <span v-else>年 月 日 时 分</span>
                </div>
              </div>
            </div>
          </td>
        </tr>

      </table>
    </div>
</template>

<script>
    export default {
        name: "hoisting",
      data(){
          return{
            dataInfo:{},
            baseInfo:{
              "startTime": "",
              "endTime": "",
              "address": "",
              "gongju": "",
              "peopleNum": "",
              "zhihuiNum": "",
              "head": "",
              "weight": "",
              "content": "",
              "danger": "",
              "cuoshi": {
                "one": false,
                "two": false,
                "three": false,
                "four": false,
                "five": false,
                "six": false,
                "seven": false,
                "eight": false,
                "nine": false,
                "ten": false,
                "eleven": false,
                "twelve": false,
                "thirteen": false,
                "thirteendun":'',
                "fourteen": false,
                "fifteen": false,
                "sixteen": false,
                "seventeen": false,
                "eithteen": false,
                "nineteen": false,
                "twenty": false,
                "content": "",
                "people": ""
              },
              yessignUrl:""
            }
          }
      }
    }
</script>

<style scoped lang="scss">
  .hoisting{
    width: 100%;
    text-align: center;
    font-size: 25px;
    padding: 13px;
  }
  .sheji{
    color:red;
  }
  .busheji{
    color:#111111;
  }
</style>
