<template>
    <div>
      <div class="break-title">动土安全作业许可证</div>
      <table style="width: 100%" border="1" cellspacing="0" cellpadding="5">
        <tr>
          <td colspan="2">申请单位（部门）</td>
          <td style="width: 18%">{{ dataInfo.applyDeptName }}</td>
          <td>申请人</td>
          <td style="width: 18%">{{ dataInfo.applyName }}</td>
          <td>作业证编号</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>{{ baseInfo.address }}</td>
          <td>作业人员</td>
          <td>{{ baseInfo.operator }}</td>
          <td>监护人</td>
          <td colspan="2">{{ baseInfo.head }}</td>
        </tr>

        <tr>
          <td colspan="2">作业单位（部门）</td>
          <td colspan="6">{{ baseInfo.danwei }}</td>
        </tr>

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

        <tr>
          <td colspan="8">
            <div>
              <div>作业范围、内容、方式（包括深度、面积、并附简图）</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>

            <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 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"><el-checkbox v-model="baseInfo.cuoshi.one" disabled/></td>
        </tr>

        <tr>
          <td style="text-align: center">2</td>
          <td colspan="6">作业地点处于易燃易爆场所，需要动火时已办理了动火证</td>
          <td style="text-align: center"><el-checkbox v-model="baseInfo.cuoshi.two" disabled/></td>
        </tr>

        <tr>
          <td style="text-align: center">3</td>
          <td colspan="6">地下电力电缆已确认保护措施已落实</td>
          <td style="text-align: center"><el-checkbox v-model="baseInfo.cuoshi.three" disabled/></td>
        </tr>

        <tr>
          <td style="text-align: center">4</td>
          <td colspan="6">地下通讯（光）缆、局域网络电（光）缆已确认保护措施已落实</td>
          <td style="text-align: center"><el-checkbox v-model="baseInfo.cuoshi.four" disabled/></td>
        </tr>

        <tr>
          <td style="text-align: center">5</td>
          <td colspan="6">地下供排水、消防管线、工艺管线已确认保护措施已落实</td>
          <td style="text-align: center"><el-checkbox v-model="baseInfo.cuoshi.five" disabled/></td>
        </tr>

        <tr>
          <td style="text-align: center">6</td>
          <td colspan="6">已按作业方案图划线和立桩</td>
          <td style="text-align: center"><el-checkbox v-model="baseInfo.cuoshi.six" disabled/></td>
        </tr>

        <tr>
          <td style="text-align: center">7</td>
          <td colspan="6">动土地点有电线、管道等地下设施，已向作业单位交待并派人监护；作业时轻挖，未使用铁棒、铁镐或抓斗等机械工具</td>
          <td style="text-align: center"><el-checkbox v-model="baseInfo.cuoshi.seven" disabled/></td>
        </tr>

        <tr>
          <td style="text-align: center">8</td>
          <td colspan="6">作业现场围栏、警戒线、警告牌夜间警示灯已按要求设置</td>
          <td style="text-align: center"><el-checkbox v-model="baseInfo.cuoshi.eight" disabled/></td>
        </tr>

        <tr>
          <td style="text-align: center">9</td>
          <td colspan="6">已进行放坡处理和固壁支撑</td>
          <td style="text-align: center"><el-checkbox v-model="baseInfo.cuoshi.nine" disabled/></td>
        </tr>


        <tr>
          <td style="text-align: center">10</td>
          <td colspan="6">人员出入口和撤离安全措施已落实：A.样子；B.修坡道</td>
          <td style="text-align: center"><el-checkbox v-model="baseInfo.cuoshi.ten" disabled/></td>
        </tr>

        <tr>
          <td style="text-align: center">11</td>
          <td colspan="6">道路施工作业已报：交通、消防、安全监督部门、应急中心</td>
          <td style="text-align: center"><el-checkbox v-model="baseInfo.cuoshi.eleven" disabled/></td>
        </tr>

        <tr>
          <td style="text-align: center">12</td>
          <td colspan="6">备有可燃气体检测仪、有毒介质检测仪</td>
          <td style="text-align: center"><el-checkbox v-model="baseInfo.cuoshi.twelve" disabled/></td>
        </tr>

        <tr>
          <td style="text-align: center">13</td>
          <td colspan="6">现场夜间有充足照明：36V、24V、12V防水型灯；36V、24V、12V防爆型灯</td>
          <td style="text-align: center"><el-checkbox v-model="baseInfo.cuoshi.thirteen" disabled/></td>
        </tr>

        <tr>
          <td style="text-align: center">14</td>
          <td colspan="6">作业人员已佩戴防护器具</td>
          <td style="text-align: center"><el-checkbox v-model="baseInfo.cuoshi.fourteen" disabled/></td>
        </tr>

        <tr>
          <td style="text-align: center">15</td>
          <td colspan="6">动土范围内无障碍物，并已在总图上做标记</td>
          <td style="text-align: center"><el-checkbox v-model="baseInfo.cuoshi.fifteen" disabled/></td>
        </tr>

        <tr>
          <td style="text-align: center">16</td>
          <td colspan="6">
            <div style="margin-bottom: 5px">其他安全措施：</div>
            <div>{{ baseInfo.cuoshi.sixteenContent }}</div>
            <div style="float: right"> 编制人: {{ baseInfo.cuoshi.sixteenPeople }}</div>
          </td>
          <td style="text-align: center"><el-checkbox v-model="baseInfo.cuoshi.sixteen" disabled/></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="3">实施安全教育人　（作业单位）</td>
          <td colspan="5">
            <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="8">
            <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="8">
            <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="8">
            <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="8">
            <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="8">
            <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: "break-ground",
      data(){
          return{
            dataInfo:{},
            baseInfo:{
              "startTime": "",
              "endTime": "",
              "address": "",
              "danwei": "",
              "operator": "",
              "head": "",
              "otherNum": "",
              "danger": "",
              "zuoyecontent": "",
              "xieUrl": "",
              "signUrl": "",
              "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,
                "fifteen": false,
                "sixteen": true,
                "sixteenContent": "",
                "sixteenPeople": ""
              },
              "yessignUrl": ""
            }
          }
      }
    }
</script>

<style scoped lang="scss">
  .break-title{
    width: 100%;
    text-align: center;
    font-size: 25px;
    padding: 13px;
  }
</style>
