vent-template/src/views/vent/monitorManager/deviceMonitor/staticSheets/fireSheet.vue

<template>
  <div class="sheet-bg">
    <div class="sheet-bg-inner">
      <table class="sheet-content">
        <colgroup>
          <col width="16" style="width: 9.75pt" span="7" />
          <col width="31" style="width: 19.05pt" />
          <col width="16" style="width: 9.75pt" span="9" />
          <col width="22" style="width: 13.5pt" />
          <col width="54" style="width: 32.6pt" />
          <col width="16" style="width: 9.75pt" span="3" />
          <col width="65" style="width: 39.05pt" />
          <col width="33" style="width: 20.2pt" />
          <col width="16" style="width: 9.75pt" span="3" />
          <col width="25" style="width: 15pt" />
          <col width="16" style="width: 9.75pt" span="3" />
          <col width="36" style="width: 21.9pt" />
          <col width="16" style="width: 9.75pt" />
          <col width="51" style="width: 31.15pt" />
          <col width="16" style="width: 9.75pt" />
          <col width="64" style="width: 38.6pt" />
          <col width="16" style="width: 9.75pt" span="15" />
        </colgroup>
        <tbody>
          <tr height="30">
            <td colspan="51" class="et22 bg0">防灭火参数</td>
          </tr>
          <tr height="30">
            <td colspan="4" class="et42 bg1">煤层</td>
            <td colspan="4" class="et42 bg1">倾向性</td>
            <td colspan="6" class="et42 bg1">最短发火期</td>
            <td colspan="4" class="et22 bg1">三带</td>
            <td colspan="6" class="et22 bg1">散热带m</td>
            <td colspan="6" class="et22 bg1">氧化带m</td>
            <td colspan="6" class="et22 bg1">窒息带m</td>
            <td colspan="15" class="et42 bg1">激光束管</td>
          </tr>
          <tr height="30">
            <td colspan="4" class="et42">12上煤</td>
            <td colspan="4" rowspan="4" class="et22">I类易自燃</td>
            <td colspan="6" class="et42">53</td>
            <td colspan="4" rowspan="2" class="et22">12上煤</td>
            <td colspan="6" rowspan="2" class="et22">＜69</td>
            <td colspan="6" rowspan="2" class="et42">69-188</td>
            <td colspan="6" rowspan="2" class="et42">＞188</td>
            <td colspan="4" class="et42">型号</td>
            <td colspan="11" class="et22">可分析气体</td>
          </tr>
          <tr height="30">
            <td colspan="4" class="et42">12煤</td>
            <td colspan="6" class="et42">37</td>
            <td colspan="4" rowspan="3" class="et42">JSG-8</td>
            <td colspan="4" class="et22">甲烷</td>
            <td colspan="7" class="et22">一氧化碳</td>
          </tr>
          <tr height="30">
            <td colspan="4" class="et42">22煤</td>
            <td colspan="6" class="et42">36</td>
            <td colspan="4" class="et22">22煤</td>
            <td colspan="6" class="et22">＜45.9</td>
            <td colspan="6" class="et42">45.9-222.3</td>
            <td colspan="6" class="et42">＞222.3</td>
            <td colspan="4" class="et22">氧气</td>
            <td colspan="7" class="et22">二氧化碳</td>
          </tr>
          <tr height="33">
            <td colspan="4" class="et42">42上煤</td>
            <td colspan="6" class="et42">34</td>
            <td colspan="4" class="et22">42上煤</td>
            <td colspan="6" class="et22">＜47.3</td>
            <td colspan="6" class="et42">47.3-188.0</td>
            <td colspan="6" class="et42">＞188.0</td>
            <td colspan="4" class="et22">乙烯</td>
            <td colspan="7" class="et22">乙炔</td>
          </tr>
          <tr height="30">
            <td colspan="16" class="et42 bg1">色谱分析仪</td>
            <td colspan="8" class="et42 bg1">注浆系统</td>
            <td colspan="12" class="et29 bg1">注氮系统</td>
            <td colspan="7" class="et29 bg1">地表回填</td>
            <td colspan="8" class="et42 bg1">采空区管理</td>
          </tr>
          <tr height="30">
            <td colspan="4" class="et42">型号</td>
            <td colspan="12" class="et22">可分析气体</td>
            <td colspan="3" rowspan="2" class="et22">松定霍洛风井广场</td>
            <td colspan="3" rowspan="4" class="et22">能力 120m³/h</td>
            <td colspan="2" rowspan="4" class="et22">20.4万m³/年</td>
            <td colspan="8" class="et42">22209辅运1#联巷</td>
            <td colspan="3" class="et42">DM-1000</td>
            <td rowspan="4" class="et22">534 万m³/年</td>
            <td colspan="7" rowspan="3" class="et22">鄂尔多斯宇和劳务服务有限公司</td>
            <td colspan="4" class="et42">12煤</td>
            <td colspan="4" class="et42">0个</td>
          </tr>
          <tr height="30">
            <td colspan="4" rowspan="3" class="et22">SP-2010</td>
            <td colspan="3" class="et22">甲烷</td>
            <td colspan="7" class="et22">一氧化碳</td>
            <td colspan="2" rowspan="3" class="et22">乙 烷</td>
            <td colspan="8" class="et42">42205辅运1#联巷</td>
            <td colspan="3" class="et42">DM-1500</td>
            <td colspan="4" class="et42">12上煤</td>
            <td colspan="4" class="et42">1个</td>
          </tr>
          <tr height="30">
            <td colspan="3" class="et22">氧气</td>
            <td colspan="7" class="et22">二氧化碳</td>
            <td colspan="3" rowspan="2" class="et22">明安木独风井广场</td>
            <td colspan="8" class="et42">12302主运4联巷</td>
            <td colspan="3" class="et42">DM-1500</td>
            <td colspan="4" class="et42">22煤</td>
            <td colspan="4" class="et42">17个</td>
          </tr>
          <tr height="50">
            <td colspan="3" class="et22">乙烯</td>
            <td colspan="7" class="et22">乙炔</td>
            <td colspan="8" class="et42">12煤集中供液站</td>
            <td colspan="3" class="et42">DM-1500</td>
            <td colspan="7" class="et29">246万㎡</td>
            <td colspan="4" class="et29">42煤</td>
            <td colspan="4" class="et42">12个</td>
          </tr>
          <tr height="30">
            <td colspan="51" rowspan="4" class="et5">
              1.JSG-8:J-监测、SG-束管、可分析8种气体。DM-1000、DM-1500：D-制氮装置、M-膜分离、1000m³/h、1500m³/h。
              2.井下现有束管监测分站3套，对3个回采面采空区和3个相邻的已采采空区共计12个监测点24小时监测。采空区瓦斯最大为22煤一盘区边界巷密闭内36.4%。
              3.ZJ-120T：Z-自动化、J-注浆、120-注浆量、T-黄土。
              4.三相泡沫发泡剂型号：SKF-Ⅱ，添加比例：0.5%-1.0%，发泡倍数≥30，泡沫稳定时间：≥8.5h，凝固点≤-10℃；三相泡沫专用高温渣油泵型号ZYB-200,流量12m³/h，压力0.36MPa，吸程5m，轴速1400r/min，功率4kW。
            </td>
          </tr>
          <tr height="30"> </tr>
          <tr height="30"> </tr>
          <tr height="56"> </tr>
        </tbody>
      </table>
    </div>
  </div>
</template>
<script lang="ts" setup>
  // 转换工具 https://www.lingdaima.com/table/
</script>
<style lang="less" scoped>
  @import url('/@/design/vent/color.less');

  .sheet-bg {
    width: 100%;
    height: 92%;
    background-image: url(/@/assets/images/vent/sheet-bg.png);
    background-size: 98% 98%;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    padding: 50px 0;
  }
  .sheet-bg-inner {
    margin: 0 auto;
    height: 100%;
    overflow-y: auto;
  }
  .sheet-content {
    width: 1260px;
    border-spacing: 0;
    color: #fff;
    margin: 0 auto;
    text-align: center;
  }
  .bg0 {
    width: 100%;
    height: 73px;
    font-size: 20px;
    background-image: url(/@/assets/images/vent/sheet-header.png);
    background-size: 100% 73px;
    background-repeat: no-repeat;
    border: none;
  }
  .bg1 {
    background-image: linear-gradient(to bottom, #04698c, #04698c00);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: #31b9ef;
  }
  .bg2 {
    width: 100%;
    height: 93px;
    font-size: 20px;
    background-image: url(/@/assets/images/vent/sheet-header.png);
    background-size: 100% 73px;
    background-repeat: no-repeat;
    background-position: bottom;
    border: none;
    padding-top: 20px;
  }
  table td {
    border: 1px solid @vent-gas-tab-border;
    font-size: 13px;
    padding: 5px;
  }
</style>