<template>
    <table style="width: 100%" border="1" cellspacing="0" cellpadding="5">
      <tr>
        <td colspan="3" style="text-align: center;font-size: 20px">
          <div>唐山天华天然气有限公司</div>
          <div style="letter-spacing: 6.7px">阀门井检查卡</div>
        </td>
      </tr>

      <tr>
        <td colspan="3">
          <div style="width: 100%;display: flex">
            <div style="flex: 1">检查人: {{ inspectInfo.inspector }}</div>
            <div style="flex: 1">
              <span v-if="inspectInfo.createTime">检查时间: {{ $parent.$parent.dateFormatter(inspectInfo.createTime) }}</span>
              <span v-else>检查时间: 年月日时分</span>
            </div>
          </div>
        </td>
      </tr>

      <tr>
        <td style="text-align: center;width: 5%">序号</td>
        <td style="text-align: center">检查项</td>
        <td style="text-align: center;width: 5%">选项</td>
      </tr>

      <tr>
        <td style="text-align: center;">1</td>
        <td>
          井周围是否有可燃物堆积
          <span
            v-if="inspectInfo.content.one.image"
            style="color: blue;cursor: pointer;margin-left: 3px;border-bottom: 1px solid blue"
            @click="$parent.$parent.viewPicture(inspectInfo.content.one.image)">
            查看图片
          </span>
          <span v-else></span>
        </td>
        <td style="text-align: center"><el-checkbox v-model="inspectInfo.content.one.check[0]" disabled/></td>
      </tr>

      <tr>
        <td style="text-align: center;">2</td>
        <td>
          井盖是否能打开
          <span
            v-if="inspectInfo.content.two.image"
            style="color: blue;cursor: pointer;margin-left: 3px;border-bottom: 1px solid blue"
            @click="$parent.$parent.viewPicture(inspectInfo.content.two.image)">
            查看图片
          </span>
          <span v-else></span>
        </td>
        <td style="text-align: center"><el-checkbox v-model="inspectInfo.content.two.check[0]" disabled/></td>
      </tr>

      <tr>
        <td style="text-align: center;">3</td>
        <td>
          井内是否检测到可燃气体
          <span
            v-if="inspectInfo.content.three.image"
            style="color: blue;cursor: pointer;margin-left: 3px;border-bottom: 1px solid blue"
            @click="$parent.$parent.viewPicture(inspectInfo.content.three.image)">
            查看图片
          </span>
          <span v-else></span>
        </td>
        <td style="text-align: center"><el-checkbox v-model="inspectInfo.content.three.check" disabled/></td>
      </tr>

      <tr>
        <td style="text-align: center;">4</td>
        <td>
          井盖、井圈是否破损
          <span
            v-if="inspectInfo.content.four.image"
            style="color: blue;cursor: pointer;margin-left: 3px;border-bottom: 1px solid blue"
            @click="$parent.$parent.viewPicture(inspectInfo.content.four.image)">
            查看图片
          </span>
          <span v-else></span>
        </td>
        <td style="text-align: center"><el-checkbox v-model="inspectInfo.content.four.check" disabled/></td>
      </tr>

      <tr>
        <td style="text-align: center;">5</td>
        <td>
          井盖警示油漆是否醒
          <span
            v-if="inspectInfo.content.five.image"
            style="color: blue;cursor: pointer;margin-left: 3px;border-bottom: 1px solid blue"
            @click="$parent.$parent.viewPicture(inspectInfo.content.five.image)">
            查看图片
          </span>
          <span v-else></span>
        </td>
        <td style="text-align: center"><el-checkbox v-model="inspectInfo.content.five.check" disabled/></td>
      </tr>

      <tr>
        <td style="text-align: center;">6</td>
        <td>
          井里是否有积水
          <span
            v-if="inspectInfo.content.six.image"
            style="color: blue;cursor: pointer;margin-left: 3px;border-bottom: 1px solid blue"
            @click="$parent.$parent.viewPicture(inspectInfo.content.six.image)">
            查看图片
          </span>
          <span v-else></span>
        </td>
        <td style="text-align: center"><el-checkbox v-model="inspectInfo.content.six.check" disabled/></td>
      </tr>

      <tr>
        <td style="text-align: center;">7</td>
        <td>
          阀门是否有异常
          <span
            v-if="inspectInfo.content.seven.image"
            style="color: blue;cursor: pointer;margin-left: 3px;border-bottom: 1px solid blue"
            @click="$parent.$parent.viewPicture(inspectInfo.content.seven.image)">
            查看图片
          </span>
          <span v-else></span>
        </td>
        <td style="text-align: center"><el-checkbox v-model="inspectInfo.content.seven.check" disabled/></td>
      </tr>

    </table>
</template>

<script>
  export default {
    name: "valve-well",
    props:{
      inspectInfo:{
        type: Object
      }
    },
  }
</script>

<style scoped>

</style>
