<template>
    <div>
      <div class="electric">临时用电安全作业许可证</div>
      <table style="width: 100%" border="1" cellpadding="5" cellspacing="0">
        <tr>
          <td colspan="2">申请部门</td>
          <td style="width: 18%">{{ dataInfo.applyDeptName }}</td>
          <td style="width: 16%">申请人</td>
          <td style="width: 18%">{{ dataInfo.applyName }}</td>
          <td style="width: 13%">作业证编号</td>
          <td style="width: 18%" colspan="2">{{ dataInfo.documentNum }}</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.address }}</td>
        </tr>

        <tr>
          <td colspan="2">电源接入点</td>
          <td colspan="2">{{ baseInfo.jierudian }}</td>
          <td>工作电压</td>
          <td colspan="3">{{ baseInfo.dianya }}</td>
        </tr>

        <tr>
          <td colspan="2">用电设备及功率</td>
          <td colspan="6">{{ baseInfo.devicepower }}</td>
        </tr>

        <tr>
          <td colspan="2">监护人</td>
          <td>{{ baseInfo.head }}</td>
          <td>作业人及电工证号</td>
          <td colspan="4">{{ baseInfo.otherNum }}</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: 9%;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">临时用电的单相和混用线路要求按照 TN-S三相五线制方式接线</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">临时用电线路如架高敷设，在作业现场敷设高度应不低于2.5m,跨越道路高度应不低于5m</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">暗管埋设及地下电缆线路敷设时，已备好“走向标志”和“安全标志”等标志桩，电缆埋深要求大于0.7 m</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">作业场所已进行气体检测且符合作业安全要求</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">
            <div style="margin-bottom: 5px">其他安全措施:</div>
            <div>{{ baseInfo.cuoshi.fourteenContent }}</div>
            <div style="float: right"> 编制人: {{ baseInfo.cuoshi.fourteenPeople }}</div>
          </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">确认人</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="2">实施安全教育人</td>
          <td colspan="6">
            <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="2">用电单位负责人意见</td>
          <td colspan="6">
            <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="2">作业区所属部门负责人意见</td>
          <td colspan="6">
            <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="2">审批人（运行副总）意见</td>
          <td colspan="6">
            <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="2">完工（关闭）验收</td>
          <td colspan="6">
            <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>

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

<script>
    export default {
        name: "electric",
      data(){
          return{
            dataInfo:{},
            baseInfo:{
              "startTime": "",
              "endTime": "",
              "address": "",
              "jierudian": "",
              "dianya": "",
              "devicepower": "",
              "head": "",
              "otherNum": "",
              "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,
                "fourteen":false,
                "fourteenContent":'',
                "fourteenPeople":''
              },
              "yessignUrl": ""
            }
          }
      }
    }
</script>

<style scoped>

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