<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>

      <table class="inspect" border="1" cellspacing="0" cellpadding="0">
        <tr>
          <td colspan="4">
            <el-row style="text-align: left">
              <el-col :span="12">
                用气单位：{{ inspectInfo.receiveName }}
              </el-col>

              <el-col :span="12">
                时间：{{ inspectInfo.createTime.substr(0,4) }}年{{ inspectInfo.createTime.substr(5,2) }}月 {{ inspectInfo.createTime.substr(8,2) }}日
              </el-col>
            </el-row>

            <el-row style="text-align: left">
              <el-col :span="12">
                <div style="margin: 10px;display: flex">
                  <span>用气单位责任人签字:</span>
                  <div style="width:100px;height: 25px">
                    <el-image
                      v-if="inspectObj.qmUrl"
                      :src="inspectObj.qmUrl"
                      :preview-src-list="[inspectObj.qmUrl]"
                      :z-index="9999"
                      style="height: 100px;width: 25px;transform: rotate(-90deg);top: -39px;left: 29px;"
                    >
                    </el-image>
                    <span v-else>{{ inspectObj.qmUrl }}</span>
                  </div>
                </div>
              </el-col>

              <!--<el-col :span="12">
                供气单位责任人签字：
              </el-col>-->
            </el-row>
          </td>
        </tr>

        <tr>
          <td style="width: 7%">区域</td>
          <td style="width: 20%">检查项目</td>
          <td>检查内容</td>
          <td style="width: 15%">现场情况</td>
        </tr>

        <tr>
          <td rowspan="12">用气方户外管道</td>
          <td>地下管道</td>
          <td>地下管道走向清晰，标志设施齐全，地面无下陷及其它异常。</td>
          <td>
            正常<input v-model="inspectObj.obj.dixiaguandao.value == 0" type="checkbox" class="input-disabled"/>
            异常<input v-model="inspectObj.obj.dixiaguandao.value == 1" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td>管道及焊口</td>
          <td>不存在锈蚀、管卡脱落、搭挂重物、阀门失效等现象。</td>
          <td>
            正常<input v-model="inspectObj.obj.guandaojihankou.value == 0" type="checkbox" class="input-disabled"/>
            异常<input v-model="inspectObj.obj.guandaojihankou.value == 1" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td>环境</td>
          <td>车道处已加装防撞装置。</td>
          <td>
            正常<input v-model="inspectObj.obj.huanjing.value == 0" type="checkbox" class="input-disabled"/>
            异常<input v-model="inspectObj.obj.huanjing.value == 1" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td>调压系统出口</td>
          <td>调压系统出口总阀不存在包裹暗埋、锈蚀、漏气现象。</td>
          <td>
            正常<input v-model="inspectObj.obj.tiaoyaxitongchukou.value == 0" type="checkbox" class="input-disabled"/>
            异常<input v-model="inspectObj.obj.tiaoyaxitongchukou.value == 1" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td>穿墙管道</td>
          <td>立管穿墙、穿楼板时应加套管，且套管与燃气管道之间的间隙应采用密封性能良好的柔性防腐、防水材料密封。</td>
          <td>
            正常<input v-model="inspectObj.obj.chuanqiangguandao.value == 0" type="checkbox" class="input-disabled"/>
            异常<input v-model="inspectObj.obj.chuanqiangguandao.value == 1" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td>标识</td>
          <td>燃气管道容易被识别，如刷黄色漆、贴燃气识别带、喷燃气字样等。</td>
          <td>
            正常<input v-model="inspectObj.obj.biaoshi.value == 0" type="checkbox" class="input-disabled"/>
            异常<input v-model="inspectObj.obj.biaoshi.value == 1" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td>阀门</td>
          <td>阀门应无损坏和燃气泄漏现象，阀门的启闭应灵活，无关闭不严现象。</td>
          <td>
            正常<input v-model="inspectObj.obj.famen.value == 0" type="checkbox" class="input-disabled"/>
            异常<input v-model="inspectObj.obj.famen.value == 1" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td>电磁阀防护</td>
          <td>电磁阀已加装雨棚等防护措施。</td>
          <td>
            正常<input v-model="inspectObj.obj.diancifafanghu.value == 0" type="checkbox" class="input-disabled"/>
            异常<input v-model="inspectObj.obj.diancifafanghu.value == 1" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td>电磁阀状态</td>
          <td>电磁阀处于通电状态。</td>
          <td>
            正常<input v-model="inspectObj.obj.diancifazhuangtai.value == 0" type="checkbox" class="input-disabled"/>
            异常<input v-model="inspectObj.obj.diancifazhuangtai.value == 1" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td>静电跨接线检查</td>
          <td>跨接线无缺失、无破损、接线端子无锈蚀。</td>
          <td>
            正常<input v-model="inspectObj.obj.jingdiankuajiexianjiancha.value == 0" type="checkbox" class="input-disabled"/>
            异常<input v-model="inspectObj.obj.jingdiankuajiexianjiancha.value == 1" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td>附件检查</td>
          <td>阀门手柄无缺失；铅封无损坏，备用管路用盲板盲好。</td>
          <td>
            正常<input v-model="inspectObj.obj.fujianjiancha.value == 0" type="checkbox" class="input-disabled"/>
            异常<input v-model="inspectObj.obj.fujianjiancha.value == 1" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td>气流标识检查</td>
          <td>标识齐全、清晰、无损坏。</td>
          <td>
            正常<input v-model="inspectObj.obj.qiliubiaoshijiancha.value == 0" type="checkbox" class="input-disabled"/>
            异常<input v-model="inspectObj.obj.qiliubiaoshijiancha.value == 1" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td rowspan="10">用气方户内管道</td>
          <td>防腐</td>
          <td>管道外观应完好，无锈蚀和损伤现象。</td>
          <td>
            正常<input v-model="inspectObj.obj.fangfu.value == 0" type="checkbox" class="input-disabled"/>
            异常<input v-model="inspectObj.obj.fangfu.value == 1" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td>食堂</td>
          <td>连接管为燃气专用，与燃具连接时，波纹管管长度不应超过2m，管卡紧固，中间不得有接口，不得穿墙、顶棚、地面、窗和门，要使用在5年以内，且不存在老化现象。有可燃气体报警器，联动切断阀</td>
          <td>
            正常<input v-model="inspectObj.obj.huneiguandaoshitang.value == 0" type="checkbox" class="input-disabled"/>
            异常<input v-model="inspectObj.obj.huneiguandaoshitang.value == 1" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td>管道</td>
          <td>管道不得作为其他电器设备的接地线使用，不得用于承重、作为支撑以及悬挂重物等其他用途。</td>
          <td>
            正常<input v-model="inspectObj.obj.guandao.value == 0" type="checkbox" class="input-disabled"/>
            异常<input v-model="inspectObj.obj.guandao.value == 1" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td>阀门</td>
          <td>软管上游与硬管的连接处应设有阀门及自闭阀。检查用户阀门,非用气时段设备前阀门处于关闭状态。</td>
          <td>
            正常<input v-model="!inspectObj.obj.famenz || inspectObj.obj.famenz.value == 0" type="checkbox" class="input-disabled"/>
            异常<input v-model="inspectObj.obj.famenz && inspectObj.obj.famenz.value == 1" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td>封堵</td>
          <td>停用的燃气设施应关闭设施前阀门，未接燃气设施的阀门应进行封堵。</td>
          <td>
            正常<input v-model="inspectObj.obj.fengdu.value == 0" type="checkbox" class="input-disabled"/>
            异常<input v-model="inspectObj.obj.fengdu.value == 1" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td>双气源</td>
          <td>不存在气源混用（液化石油气）等现象。</td>
          <td>
            正常<input v-model="inspectObj.obj.shuangqiyuan.value == 0" type="checkbox" class="input-disabled"/>
            异常<input v-model="inspectObj.obj.shuangqiyuan.value == 1" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td>间距</td>
          <td>燃气管道与电器设备应符合安全间距要求（电插座、电源开关水平距离15cm，配电盘、配电箱或电表水平距离30cm且不允许交叉敷设，明装绝缘电线25cm，暗装或管内绝缘电线5cm)。</td>
          <td>
            正常<input v-model="inspectObj.obj.huneiguandaojianju.value == 0" type="checkbox" class="input-disabled"/>
            异常<input v-model="inspectObj.obj.huneiguandaojianju.value == 1" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td>计量位置</td>
          <td>计量仪表严禁安装在卧室、卫生间内；有电源、电器开关及其他电器设备的管道井内；有可能滞留泄漏燃气的隐蔽场所；堆放易燃易爆、易腐蚀或有放射性物质等危险的地方；有变、配电等电器设备的地方；有明显振动影响的地方；高层建筑中的避难层及安全疏散楼梯间内；经常潮湿的地方。</td>
          <td>
            正常<input v-model="inspectObj.obj.jiliangweizhi.value == 0" type="checkbox" class="input-disabled"/>
            异常<input v-model="inspectObj.obj.jiliangweizhi.value == 1" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td>计量状态</td>
          <td>计量仪表应外观良好，无锈蚀和损坏，无私拆或移位现象，无损伤现象，无漏气现象，计量表具在有效期内。</td>
          <td>
            正常<input v-model="inspectObj.obj.jiliangzhuangtai.value == 0" type="checkbox" class="input-disabled"/>
            异常<input v-model="inspectObj.obj.jiliangzhuangtai.value == 1" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td>切断阀</td>
          <td>用户属于地下/半地下室的报警，排风，切断装置工作良好，并能联动运行。</td>
          <td>
            正常<input v-model="inspectObj.obj.qieduanfa.value == 0" type="checkbox" class="input-disabled"/>
            异常<input v-model="inspectObj.obj.qieduanfa.value == 1" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td rowspan="9">用气方锅炉房及用气厂房</td>
          <td>放散装罝</td>
          <td>锅炉房、大中型用气设备及地下室内燃气管道上应设有放散管，放散管管口应高出屋脊（或平屋顶）1m（注：锅炉房要求2米）以上或设置在地面上安全处，并应采取防止雨雪进入管道和放散物进入房间的措施。</td>
          <td>
            正常<input v-model="inspectObj.obj.fangsanzhuangshi.value == 0" type="checkbox" class="input-disabled"/>
            异常<input v-model="inspectObj.obj.fangsanzhuangshi.value == 1" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td>通风</td>
          <td>用气地点通风良好。相对密封场所，需有防爆机械送排风设施，设置静电接地，机械送排风设施工作良好。与可燃气体报警器及切断阀联动。</td>
          <td>
            正常<input v-model="inspectObj.obj.tongfeng.value == 0" type="checkbox" class="input-disabled"/>
            异常<input v-model="inspectObj.obj.tongfeng.value == 1" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td>宣传</td>
          <td>现场张贴安全用气宣传，宣传内容包括安全用气注意事项和应急处置方法等。</td>
          <td>
            正常<input v-model="inspectObj.obj.xuanchuan.value == 0" type="checkbox" class="input-disabled"/>
            异常<input v-model="inspectObj.obj.xuanchuan.value == 1" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td>熄火保护</td>
          <td>燃具或燃气用气设备应符合相应的国家现行标准的规定，并应有熄火保护等安全措施。</td>
          <td>
            正常<input v-model="inspectObj.obj.xihuobaohu.value == 0" type="checkbox" class="input-disabled"/>
            异常<input v-model="inspectObj.obj.xihuobaohu.value == 1" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td>间距</td>
          <td>燃具或燃气用气设备之间与其对面墙之间的净距离应满足操作和检修的要求。</td>
          <td>
            正常<input v-model="inspectObj.obj.guolufangjiyongqichangfangjianju.value == 0" type="checkbox" class="input-disabled"/>
            异常<input v-model="inspectObj.obj.guolufangjiyongqichangfangjianju.value == 1" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td>防火隔热</td>
          <td>燃具或燃气用气设备与可燃或难燃的墙壁、地板和家具之间应采取有效的防火隔热措施。</td>
          <td>
            正常<input v-model="inspectObj.obj.fanghuogere.value == 0" type="checkbox" class="input-disabled"/>
            异常<input v-model="inspectObj.obj.fanghuogere.value == 1" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td>报警器</td>
          <td>泄漏报警装置在有效期内并覆盖用气房间，探头安装位置符合要求，不得断电。规模较大的工业企业生产用户用气房间内宜采用集中式可燃气体检测报警系统。设计要求应符合现行国家标准《石油化工可燃气体和有毒气体检测报警设计规范》GB 50493及现行行业标准《城镇燃气报警控制系统技术规程》CJJ/T 146。</td>
          <td>
            正常<input v-model="inspectObj.obj.baojingqi.value == 0" type="checkbox" class="input-disabled"/>
            异常<input v-model="inspectObj.obj.baojingqi.value == 1" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td>燃气设备</td>
          <td>燃气用气设备燃烧装置的安全设置应符合现行国家标准《城镇燃气设计规范》GB50028中的有关规定。</td>
          <td>
            正常<input v-model="inspectObj.obj.ranqishebei.value == 0" type="checkbox" class="input-disabled"/>
            异常<input v-model="inspectObj.obj.ranqishebei.value == 1" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td>食堂</td>
          <td>食堂禁止在用餐区使用燃气。</td>
          <td>
            正常<input v-model="inspectObj.obj.guolufangjiyongqichangfangshitang.value == 0" type="checkbox" class="input-disabled"/>
            异常<input v-model="inspectObj.obj.guolufangjiyongqichangfangshitang.value == 1" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td rowspan="3">用气方排烟</td>
          <td>燃具合格证</td>
          <td>燃具或燃气设备的燃烧烟气的排除应符合现行国家标准《城镇燃气设计规范》GB50028中的有关规定。</td>
          <td>
            正常<input v-model="inspectObj.obj.ranjuhegezheng.value == 0" type="checkbox" class="input-disabled"/>
            异常<input v-model="inspectObj.obj.ranjuhegezheng.value == 1" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td>排气管合格证</td>
          <td>燃具用排气管和给排气管的质量应符合现行行业标准《燃烧器具用不锈钢排气管》CJ/T 198和《燃烧器具用不锈钢给排气管》CJ/T等标准的规定。</td>
          <td>
            正常<input v-model="inspectObj.obj.paiqiguanhegezheng.value == 0" type="checkbox" class="input-disabled"/>
            异常<input v-model="inspectObj.obj.paiqiguanhegezheng.value == 1" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td>排气间距</td>
          <td>穿外墙的强制排气式烟道终端排气出口距门窗洞口的净距不应小于以下规定：1.非居住房间，0.3米。2.居住房间，1.2米。3.下部机械进风口，0.9米。距地面垂直净距离不得小于0.3米。烟道终端排气出口应设置在烟气容易扩散的部位。</td>
          <td>
            正常<input v-model="inspectObj.obj.paiqijianju.value == 0" type="checkbox" class="input-disabled"/>
            异常<input v-model="inspectObj.obj.paiqijianju.value == 1" type="checkbox" class="input-disabled"/>
          </td>
        </tr>

        <tr>
          <td colspan="4" style="text-align: left;">备注：{{ inspectInfo.remarks }}</td>
        </tr>

        <tr>
          <td colspan="4" style="text-align: left">尊敬的工业用户您好：根据双方安全协议书第四条约定，为了贵公司能够安全平稳用气，我公司现对贵公司燃气设备及环境进行季度性安全检查。根据贵公司燃气安全现状，查找到安全隐患项共计({{ inspectObj.dangerNumber }})项，请贵公司进行整改，整改期间内我公司会暂时停止供气，待整改完毕，请与我公司联系，联系电话：0315-6530022/0315-6530023。双方联合验收确认完成后，我公司会在3个工作日内为贵公司恢复供气。本表格一式两份，双方共同签字留存。</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: 16%;
      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;
    }
  }
</style>
