<template>
    <div>
      <div class="blind-plate"></div>
      <table style="width: 100%" border="1" cellpadding="5" cellspacing="0">

        <tr>
          <td colspan="2">申请部门</td>
          <td colspan="3">{{ dataInfo.applyDeptName }}</td>
          <td colspan="3">申请人</td>
          <td colspan="2">{{ dataInfo.applyName }}</td>
          <td colspan="2">作业证编号</td>
          <td colspan="2">{{ dataInfo.documentNum }}</td>
        </tr>

        <tr>
          <td colspan="2" rowspan="2">设备管道名称</td>
          <td  rowspan="2">介质</td>
          <td  rowspan="2">温度</td>
          <td  rowspan="2">压力</td>
          <td colspan="3">盲板</td>
          <td colspan="2" style="width: 18%">实施时间</td>
          <td colspan="2" style="width: 18%">作业人</td>
          <td colspan="2" style="width: 18%">监护人</td>
        </tr>

        <tr>
          <td>材质</td>
          <td>规格</td>
          <td>编号</td>
          <td>堵</td>
          <td>抽</td>
          <td>堵</td>
          <td>抽</td>
          <td>堵</td>
          <td>抽</td>
        </tr>

        <tr>
          <td colspan="2">{{ baseInfo.devicename }}</td>
          <td>{{ baseInfo.jiezhi }}</td>
          <td>{{ baseInfo.wendu }}</td>
          <td>{{ baseInfo.yali }}</td>
          <td>{{ baseInfo.caizhi }}</td>
          <td>{{ baseInfo.guige }}</td>
          <td>{{ baseInfo.bianhao }}</td>
          <td>{{ baseInfo.duTime }}</td>
          <td>{{ baseInfo.chouTime }}</td>
          <td>{{ baseInfo.duzuoye }}</td>
          <td>{{ baseInfo.chouzuoye }}</td>
          <td>{{ baseInfo.dujianhu }}</td>
          <td>{{ baseInfo.choujianhu }}</td>
        </tr>

        <tr>
          <td colspan="4">生产部门作业负责人</td>
          <td colspan="10">{{ baseInfo.chanpeople }}</td>
        </tr>

        <tr>
          <td colspan="4">作业部门当班负责人</td>
          <td colspan="10">{{ baseInfo.headpeople }}</td>
        </tr>

        <tr>
          <td colspan="4">涉及的其他特殊作业</td>
          <td colspan="10">{{ baseInfo.otherNum }}</td>
        </tr>

        <tr>
          <td colspan="14">
            <div style="margin-bottom: 5px">盲板位置图及编号</div>
            <div>{{ baseInfo.zuoyecontent }}</div>
            <div>
              <el-image
                v-if="baseInfo.xieUrl"
                v-for="image in baseInfo.xieUrl.split(',')"
                :src="image"
                :preview-src-list="[image]"
                :z-index="9999"
                style="width: 20%;height: 170px;margin: 2px"
              >
              </el-image>
              <span v-else></span>
            </div>
            <div style="float: right">
              <div style="display: flex">
                <div> 编制人:</div>
                <div style="width: 124px;height: 24px">
                  <el-image
                    v-if="baseInfo.signUrl"
                    :src="baseInfo.signUrl"
                    :preview-src-list="[baseInfo.signUrl]"
                    :z-index="9999"
                    style="width: 24px;height: 124px;transform: rotate(-90deg);top: -50px;left: 55px;"
                  >
                  </el-image>
                  <span v-else></span>
                </div>
                <div>
                  <span v-if="dataInfo.createTime">{{ $parent.$parent.dateFormatter(dataInfo.createTime) }}</span>
                  <span v-else>年   月   日   时   分</span>
                </div>
              </div>
            </div>
          </td>
        </tr>

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

        <tr>
          <td style="text-align: center">1</td>
          <td colspan="12">在管道、设备上作业时，降低系统压力，作业点应为常压或微正压</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="12">火灾爆炸危险场所，作业人员穿防静电工作服、工作鞋；作业时使用防爆灯具和防爆工具</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="12">火灾爆炸危险场所的气体管道，距作业地点 30m内无其他动火作业</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="12">易燃易爆场所，距作业地点30m内无其他动火作业</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="12">在强腐蚀性介质的管道、设备上作业时，作业人员已采取防止酸碱灼伤的措施</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="12">介质温度较低、可能造成人员冻伤情况下，作业人员已采取防冻伤措施</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="12">其他相关特殊作业已办理相应安全作业票</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="12">作业现场四周已设警戒区</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="12">同一管道上不同时进行两处以上的盲板抽堵作业</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="12">
            <div style="margin-bottom: 5px">其他安全措施：</div>
            <div>{{ baseInfo.cuoshi.tenContent }}</div>
            <div style="float: right"> 编制人: {{ baseInfo.cuoshi.tenPeople }}</div>
          </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">确认人</td>
          <td colspan="13">
            <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="3">实施安全教育人</td>
          <td colspan="11">
            <div style="width: 124px;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: 124px;transform: rotate(-90deg);top: -50px;left: 55px;"
              >
              </el-image>
              <span v-else></span>
            </div>
          </td>
        </tr>

        <tr>
          <td colspan="14">
            <div style="margin-bottom: 5px">生产部门意见</div>
            <div>{{ $parent.$parent.getSignInfo(1).signOpinion }}</div>
            <div style="float: right;display: flex;margin-top: 5px">
              签字:
              <div style="width: 85px;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: 85px;transform: rotate(-90deg);top: -32px;left: 30px;"
                >
                </el-image>
                <span v-else></span>
              </div>
              <span v-if="$parent.$parent.getSignInfo(1).signTime">{{ $parent.$parent.dateFormatter($parent.$parent.getSignInfo(1).signTime) }}</span>
              <span v-else>年   月   日   时   分</span>
            </div>
          </td>
        </tr>

        <tr>
          <td colspan="14">
            <div style="margin-bottom: 5px">作业部门意见</div>
            <div>{{ $parent.$parent.getSignInfo(2).signOpinion }}</div>
            <div style="float: right;display: flex;margin-top: 5px">
              签字:
              <div style="width: 85px;height: 24px">
                <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: 85px;transform: rotate(-90deg);top: -32px;left: 30px;"
                >
                </el-image>
                <span v-else></span>
              </div>
              <span v-if="$parent.$parent.getSignInfo(2).signTime">{{ $parent.$parent.dateFormatter($parent.$parent.getSignInfo(2).signTime) }}</span>
              <span v-else>年   月   日   时   分</span>
            </div>
          </td>
        </tr>

        <tr>
          <td colspan="14">
            <div style="margin-bottom: 5px">审批人意见</div>
            <div>{{ $parent.$parent.getSignInfo(3).signOpinion }}</div>
            <div style="float: right;display: flex;margin-top: 5px">
              签字:
              <div style="width: 85px;height: 24px">
                <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: 85px;transform: rotate(-90deg);top: -32px;left: 30px;"
                >
                </el-image>
                <span v-else></span>
              </div>
              <span v-if="$parent.$parent.getSignInfo(3).signTime">{{ $parent.$parent.dateFormatter($parent.$parent.getSignInfo(3).signTime) }}</span>
              <span v-else>年   月   日   时   分</span>
            </div>
          </td>
        </tr>

        <tr>
          <td colspan="14">
            <div style="margin-bottom: 5px">盲板抽堵作业部门确认情况</div>
            <div>{{ $parent.$parent.getSignInfo(4).signOpinion }}</div>
            <div style="float: right;display: flex;margin-top: 5px">
              签字:
              <div style="width: 85px;height: 24px">
                <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: 85px;transform: rotate(-90deg);top: -32px;left: 30px;"
                >
                </el-image>
                <span v-else></span>
              </div>
              <span v-if="$parent.$parent.getSignInfo(4).signTime">{{ $parent.$parent.dateFormatter($parent.$parent.getSignInfo(4).signTime) }}</span>
              <span v-else>年   月   日   时   分</span>
            </div>
          </td>
        </tr>

        <tr>
          <td colspan="14">
            <div style="margin-bottom: 5px">生产部门确认情况</div>
            <div>{{ $parent.$parent.getSignInfo(5).signOpinion }}</div>
            <div style="float: right;display: flex;margin-top: 5px">
              签字:
              <div style="width: 85px;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: 85px;transform: rotate(-90deg);top: -32px;left: 30px;"
                >
                </el-image>
                <span v-else></span>
              </div>
              <span v-if="$parent.$parent.getSignInfo(5).signTime">{{ $parent.$parent.dateFormatter($parent.$parent.getSignInfo(5).signTime) }}</span>
              <span v-else>年   月   日   时   分</span>
            </div>
          </td>
        </tr>

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

<script>
    export default {
      name: "blind-plate",
      data(){
          return{
            dataInfo:{},
            baseInfo:{
              "devicename": "",
              "jiezhi": "",
              "wendu": "",
              "yali": "",
              "caizhi": "",
              "guige": "",
              "bianhao": "",
              "duTime": "",
              "chouTime": "",
              "duzuoye": "",
              "chouzuoye": "",
              "dujianhu": "",
              "choujianhu": "",
              "chanpeople": "",
              "headpeople": "",
              "otherNum": "",
              "zuoyecontent": "",
              "xieUrl": "",
              "bianzhi": "",
              "cuoshi": {
                "one": false,
                "two": false,
                "three": false,
                "four": false,
                "five": false,
                "six": false,
                "seven": false,
                "eight": false,
                "nine": false,
                "ten": false,
                "tenContent": "",
                "tenPeople": ""
              },
              "yessignUrl": ""
            }
          }
      }
    }
</script>

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