<template>
  <!-- 季度安检 -->
  <div>
    <div style="text-align: right">
      <el-button type="primary" @click="printInspect">打印</el-button>
    </div>

    <div id="quarterInspect">
      <div style="text-align: center;font-size: 26px;margin-bottom: 18px;">安全检查表</div>
      <div style="margin-bottom: 8px;font-size: 18px">
        <span>企业名称   </span>
        <span style="text-decoration: underline">{{ this.inspectInfo.receiveName }}</span>
      </div>
      <table class="inspect" border="1" cellspacing="0" cellpadding="0">
        <tr>
          <td>检查部位</td>
          <td colspan="2">检查标准</td>
          <td>检查情况（是否符合检查标准）</td>
        </tr>

        <tr>
          <td rowspan="4">管线</td>
          <td colspan="2">管线外观完好，无破损，无锈蚀。</td>
          <td>
            是<input v-model="inspectObj.obj.guandao.valueArr2[0]" type="checkbox" class="input-disabled"/>
            否<input v-model="inspectObj.obj.guandao.valueArr2[1]" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td colspan="2">架空管线上无吊挂重物、电缆搭接等现象。</td>
          <td>
            是<input v-model="inspectObj.obj.guandao2.valueArr2[0]" type="checkbox" class="input-disabled"/>
            否<input v-model="inspectObj.obj.guandao2.valueArr2[1]" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td colspan="2">燃气管线无泄漏。</td>
          <td>
            是<input v-model="inspectObj.obj.guandao3.valueArr2[0]" type="checkbox" class="input-disabled"/>
            否<input v-model="inspectObj.obj.guandao3.valueArr2[1]" type="checkbox" class="input-disabled"/>
          </td>
        </tr>


        <tr>
          <td colspan="2">管线周边植物无发黄、枯萎；水面无冒泡现象；无燃气泄漏发出的声响；周边无异味。</td>
          <td>
            是<input v-model="inspectObj.obj.guandao4.valueArr2[0]" type="checkbox" class="input-disabled"/>
            否<input v-model="inspectObj.obj.guandao4.valueArr2[1]" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td>桁架</td>
          <td colspan="2">桁架完好、无沉降，连接部位紧固，无锈蚀。</td>
          <td>
            是<input v-model="inspectObj.obj.hengjia.valueArr2[0]" type="checkbox" class="input-disabled"/>
            否<input v-model="inspectObj.obj.hengjia.valueArr2[1]" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td rowspan="3">阀门</td>
          <td colspan="2">阀门盘根、法兰垫片完好，无泄漏。</td>
          <td>
            是<input v-model="inspectObj.obj.famen.valueArr2[0]" type="checkbox" class="input-disabled"/>
            否<input v-model="inspectObj.obj.famen.valueArr2[1]" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td colspan="2">阀门手轮完好，无损坏。</td>
          <td>
            是<input v-model="inspectObj.obj.famen2.valueArr2[0]" type="checkbox" class="input-disabled"/>
            否<input v-model="inspectObj.obj.famen2.valueArr2[1]" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td colspan="2">阀门完好、开关灵活好用</td>
          <td>
            是<input v-model="inspectObj.obj.famen3.valueArr2[0]" type="checkbox" class="input-disabled"/>
            否<input v-model="inspectObj.obj.famen3.valueArr2[1]" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td rowspan="3">压力表</td>
          <td colspan="2">外观、校验标签完好，表盘清晰，指针功能正常。</td>
          <td>
            是<input v-model="inspectObj.obj.yalibiao.valueArr2[0]" type="checkbox" class="input-disabled"/>
            否<input v-model="inspectObj.obj.yalibiao.valueArr2[1]" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td colspan="2">压力表量程合理，符合计量要求。</td>
          <td>
            是<input v-model="inspectObj.obj.yalibiao2.valueArr2[0]" type="checkbox" class="input-disabled"/>
            否<input v-model="inspectObj.obj.yalibiao2.valueArr2[1]" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td colspan="2">压力表表盘、表接头完好，丝扣紧固</td>
          <td>
            是<input v-model="inspectObj.obj.yalibiao3.valueArr2[0]" type="checkbox" class="input-disabled"/>
            否<input v-model="inspectObj.obj.yalibiao3.valueArr2[1]" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td>警示桩</td>
          <td colspan="2">警示桩完好、无缺失，警示桩上字体、标识清晰。</td>
          <td>
            是<input v-model="inspectObj.obj.jingshizhuang.valueArr2[0]" type="checkbox" class="input-disabled"/>
            否<input v-model="inspectObj.obj.jingshizhuang.valueArr2[1]" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td rowspan="2">管线周边情况</td>
          <td colspan="2">周边有施工等情况及时告知产权方。</td>
          <td>
            是<input v-model="inspectObj.obj.guanxianzhoubian.valueArr2[0]" type="checkbox" class="input-disabled"/>
            否<input v-model="inspectObj.obj.guanxianzhoubian.valueArr2[1]" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td colspan="2">用户无私自改动，增加用气点的行为。</td>
          <td>
            是<input v-model="inspectObj.obj.guanxianzhoubian2.valueArr2[0]" type="checkbox" class="input-disabled"/>
            否<input v-model="inspectObj.obj.guanxianzhoubian2.valueArr2[1]" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td rowspan="3">调压计量柜体</td>
          <td colspan="2">调压柜门板完好、无缺失。</td>
          <td>
            是<input v-model="inspectObj.obj.yalijiliangguiti.valueArr2[0]" type="checkbox" class="input-disabled"/>
            否<input v-model="inspectObj.obj.yalijiliangguiti.valueArr2[1]" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td colspan="2">调压柜柜顶完好。</td>
          <td>
            是<input v-model="inspectObj.obj.yalijiliangguiti2.valueArr2[0]" type="checkbox" class="input-disabled"/>
            否<input v-model="inspectObj.obj.yalijiliangguiti2.valueArr2[1]" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td colspan="2">柜体地脚螺丝紧固、完好、无锈蚀。</td>
          <td>
            是<input v-model="inspectObj.obj.yalijiliangguiti3.valueArr2[0]" type="checkbox" class="input-disabled"/>
            否<input v-model="inspectObj.obj.yalijiliangguiti3.valueArr2[1]" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td>柜体基础</td>
          <td colspan="2">基础完好、无下沉现象。</td>
          <td>
            是<input v-model="inspectObj.obj.guitijichu.valueArr2[0]" type="checkbox" class="input-disabled"/>
            否<input v-model="inspectObj.obj.guitijichu.valueArr2[1]" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td>柜体标识</td>
          <td colspan="2">警示标识完好。</td>
          <td>
            是<input v-model="inspectObj.obj.guitibiaoshi.valueArr2[0]" type="checkbox" class="input-disabled"/>
            否<input v-model="inspectObj.obj.guitibiaoshi.valueArr2[1]" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td>调压器</td>
          <td colspan="2">调压器外观完好，功能正常。</td>
          <td>
            是<input v-model="inspectObj.obj.tiaoyaqi.valueArr2[0]" type="checkbox" class="input-disabled"/>
            否<input v-model="inspectObj.obj.tiaoyaqi.valueArr2[1]" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td rowspan="3">流量计</td>
          <td colspan="2">流量计表盘、表接头完好，丝扣紧固</td>
          <td>
            是<input v-model="inspectObj.obj.liuliangji.valueArr2[0]" type="checkbox" class="input-disabled"/>
            否<input v-model="inspectObj.obj.liuliangji.valueArr2[1]" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td colspan="2">流量计量程上下限符合当前供气要求。</td>
          <td>
            是<input v-model="inspectObj.obj.liuliangji2.valueArr2[0]" type="checkbox" class="input-disabled"/>
            否<input v-model="inspectObj.obj.liuliangji2.valueArr2[1]" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td colspan="2">流量计有适当存量的润滑油。</td>
          <td>
            是<input v-model="inspectObj.obj.liuliangji3.valueArr2[0]" type="checkbox" class="input-disabled"/>
            否<input v-model="inspectObj.obj.liuliangji3.valueArr2[1]" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td>电磁阀</td>
          <td colspan="2">电磁阀每一季度应做一次切断实验，确认电磁阀灵敏可靠。</td>
          <td>
            是<input v-model="inspectObj.obj.diancifa.valueArr2[0]" type="checkbox" class="input-disabled"/>
            否<input v-model="inspectObj.obj.diancifa.valueArr2[1]" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td>报警器</td>
          <td colspan="2">可燃气体报警器完好；自检系统运行正常。</td>
          <td>
            是<input v-model="inspectObj.obj.baojingqi.valueArr2[0]" type="checkbox" class="input-disabled"/>
            否<input v-model="inspectObj.obj.baojingqi.valueArr2[1]" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td>伴热装置</td>
          <td colspan="2">伴热运行正常、完好。（11月至四月进行检查）</td>
          <td>
            是<input v-model="inspectObj.obj.banrezhuangzhi.valueArr2[0]" type="checkbox" class="input-disabled"/>
            否<input v-model="inspectObj.obj.banrezhuangzhi.valueArr2[1]" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td>放散管</td>
          <td colspan="2">放散管无损坏，固定良好。</td>
          <td>
            是<input v-model="inspectObj.obj.fangsanguan.valueArr2[0]" type="checkbox" class="input-disabled"/>
            否<input v-model="inspectObj.obj.fangsanguan.valueArr2[1]" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td>静电跨接</td>
          <td colspan="2">静电跨接齐全、完好。</td>
          <td>
            是<input v-model="inspectObj.obj.jingdiankuajie.valueArr2[0]" type="checkbox" class="input-disabled"/>
            否<input v-model="inspectObj.obj.jingdiankuajie.valueArr2[1]" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td>防雷设施</td>
          <td colspan="2">避雷针、避雷网引下线完好，避雷检测连接点无松动、无锈蚀。</td>
          <td>
            是<input v-model="inspectObj.obj.fangleisheshi.valueArr2[0]" type="checkbox" class="input-disabled"/>
            否<input v-model="inspectObj.obj.fangleisheshi.valueArr2[1]" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td rowspan="3">配电设施</td>
          <td colspan="2">配电箱外观完好。</td>
          <td>
            是<input v-model="inspectObj.obj.peidiansheshi.valueArr2[0]" type="checkbox" class="input-disabled"/>
            否<input v-model="inspectObj.obj.peidiansheshi.valueArr2[1]" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td colspan="2">控制开关灵敏可靠。</td>
          <td>
            是<input v-model="inspectObj.obj.peidiansheshi2.valueArr2[0]" type="checkbox" class="input-disabled"/>
            否<input v-model="inspectObj.obj.peidiansheshi2.valueArr2[1]" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td colspan="2">配电箱接地完好，接地线无裸露</td>
          <td>
            是<input v-model="inspectObj.obj.peidiansheshi3.valueArr2[0]" type="checkbox" class="input-disabled"/>
            否<input v-model="inspectObj.obj.peidiansheshi3.valueArr2[1]" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td rowspan="2">照明灯</td>
          <td colspan="2">照明设施完好</td>
          <td>
            是<input v-model="inspectObj.obj.zhaomingdeng.valueArr2[0]" type="checkbox" class="input-disabled"/>
            否<input v-model="inspectObj.obj.zhaomingdeng.valueArr2[1]" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td colspan="2">防爆灯头完好、螺丝齐全紧固</td>
          <td>
            是<input v-model="inspectObj.obj.zhaomingdeng2.valueArr2[0]" type="checkbox" class="input-disabled"/>
            否<input v-model="inspectObj.obj.zhaomingdeng2.valueArr2[1]" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td rowspan="4">灭火器</td>
          <td colspan="2">灭火器保管完好，无丢失</td>
          <td>
            是<input v-model="inspectObj.obj.miehuoqi.valueArr2[0]" type="checkbox" class="input-disabled"/>
            否<input v-model="inspectObj.obj.miehuoqi.valueArr2[1]" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td colspan="2">压力表指针处于非红色区域</td>
          <td>
            是<input v-model="inspectObj.obj.miehuoqi2.valueArr2[0]" type="checkbox" class="input-disabled"/>
            否<input v-model="inspectObj.obj.miehuoqi2.valueArr2[1]" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td colspan="2">筒体、铅封、手柄完好，胶管无裂缝、喷射管折叠规范，方便使用</td>
          <td>
            是<input v-model="inspectObj.obj.miehuoqi3.valueArr2[0]" type="checkbox" class="input-disabled"/>
            否<input v-model="inspectObj.obj.miehuoqi3.valueArr2[1]" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td colspan="2">放置位置合理。</td>
          <td>
            是<input v-model="inspectObj.obj.miehuoqi4.valueArr2[0]" type="checkbox" class="input-disabled"/>
            否<input v-model="inspectObj.obj.miehuoqi4.valueArr2[1]" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td rowspan="4">远传设备</td>
          <td colspan="2">箱体完好，防爆性能完好。</td>
          <td>
            是<input v-model="inspectObj.obj.yuanchuanshebei.valueArr2[0]" type="checkbox" class="input-disabled"/>
            否<input v-model="inspectObj.obj.yuanchuanshebei.valueArr2[1]" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td colspan="2">支架固定完好、无倾斜。</td>
          <td>
            是<input v-model="inspectObj.obj.yuanchuanshebei2.valueArr2[0]" type="checkbox" class="input-disabled"/>
            否<input v-model="inspectObj.obj.yuanchuanshebei2.valueArr2[1]" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td colspan="2">接线螺丝无松动、虚接，接线无裸露。</td>
          <td>
            是<input v-model="inspectObj.obj.yuanchuanshebei3.valueArr2[0]" type="checkbox" class="input-disabled"/>
            否<input v-model="inspectObj.obj.yuanchuanshebei3.valueArr2[1]" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td colspan="2">天线完好、固定稳固、无锈蚀。</td>
          <td>
            是<input v-model="inspectObj.obj.yuanchuanshebei4.valueArr2[0]" type="checkbox" class="input-disabled"/>
            否<input v-model="inspectObj.obj.yuanchuanshebei4.valueArr2[1]" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td>其他项目</td>
          <td colspan="3">{{inspectObj.obj.qitawenti.textarea}}</td>
        </tr>

        <tr>
          <td>用户意见</td>
          <td colspan="3">{{inspectObj.yijian}}</td>
        </tr>

        <tr>
          <td>检查人签字</td>
          <td>{{this.inspectInfo.memberName}}</td>
          <td>用户签字</td>
          <td>
            <div style="width: 90px;height: 26px;">
              <el-image
                v-if="inspectObj.qmUrl"
                :src="inspectObj.qmUrl"
                :preview-src-list="[inspectObj.qmUrl]"
                :z-index="9999"
                style="width: 26px;height: 90px;transform: rotate(-90deg);top: -29px;left: 29px;"
              >
              </el-image>
              <span v-else>-</span>
            </div>
          </td>
        </tr>

        <tr>
          <td>日期</td>
          <td colspan="3">{{ inspectInfo.createTime.substr(0,4) }}年 {{ inspectInfo.createTime.substr(5,2) }}月 {{ inspectInfo.createTime.substr(8,2) }}日</td>
        </tr>
      </table>
    </div>

  </div>

</template>

<script>
  import printJs from "print-js";
  export default {
    name: "industry-month-task-inspect-table",
    props:{
      inspectInfo:{
        type:Object
      }
    },
    data(){
        return{
          inspectObj:{
            obj:{
              dixiaguandao:{
                value: 0
              },
              guandaojihankou:{
                value: 0
              },
              huanjing:{
                value: 0
              },
              tiaoyaxitongchukou:{
                value: 0
              },
              chuanqiangguandao:{
                value: 0
              },
              biaoshi:{
                value: 0
              },
              famen:{
                value: 0
              },
              diancifafanghu:{
                value: 0
              },
              diancifazhuangtai:{
                value: 0
              },
              jingdiankuajiexianjiancha:{
                value: 0
              },
              fujianjiancha:{
                value: 0
              },
              qiliubiaoshijiancha:{
                value: 0
              },
              fangfu:{
                value: 0
              },
              huneiguandaoshitang:{
                value: 0
              },
              guandao:{
                value: 0
              },
              fanmanz:{
                value: 0
              },
              fengdu:{
                value: 0
              },
              shuangqiyuan:{
                value: 0
              },
              huneiguandaojianju:{
                value: 0
              },
              jiliangweizhi:{
                value: 0
              },
              jiliangzhuangtai:{
                value: 0
              },
              qieduanfa:{
                value: 0
              },
              fangsanzhuangshi:{
                value: 0
              },
              tongfeng:{
                value: 0
              },
              xuanchuan:{
                value: 0
              },
              xihuobaohu:{
                value: 0
              },
              guolufangjiyongqichangfangjianju:{
                value: 0
              },
              fanghuogere:{
                value: 0
              },
              baojingqi:{
                value: 0
              },
              ranqishebei:{
                value: 0
              },
              ranjuhegezheng:{
                value: 0
              },
              guolufangjiyongqichangfangshitang:{
                value: 0
              },
              paiqiguanhegezheng:{
                value: 0
              },
              paiqijianju:{
                value: 0
              },
            },
            qmUrl: "",
            dangerNumber: 0
          }

        }
    },
    watch:{
      inspectInfo:{
        handler(){
          this.inspectObj = JSON.parse(this.inspectInfo.content);
        },
        immediate: true
      }
    },
    methods:{
      printInspect(){
        printJs({
          //需要打印区域设置的id
          printable: 'quarterInspect',
          //打印类型
          type: 'html',
          maxWidth: '100%',
          // * 代表所有样式，没有设置，打印窗口忽略所有样式
          targetStyles: ['*'],
        })
      }
    }
  }
</script>

<style scoped lang="scss">
  .inspect{
    width: 100%;
    td{
      //width: 100%;
      text-align: center;
      height: 29px;
    }
    /*input[type=checkbox]:checked::after {
      content: "✓";
      color: #fff;
      font-size: 12px;
      font-weight: bold;
      #background-color: #ff4014;
      background-color: #0075ff;
      padding: 0px 2px 0px 2px;
      position: relative;
      left: -1px;
      bottom: 2px;
      border-radius: 3px;
    }*/

    .input-disabled{
      pointer-events: none;
    }

    .qianm{
      width: auto;
      height: 60px;
      object-fit: contain;
      transform: rotate(-90deg);
      // position: absolute;
      z-index: 99;
      // margin-top: -185px;
      //margin-left: -30px;
    }
  }
</style>
