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">37</td>
            <td colspan="4" rowspan="2" class="et22">12上煤</td>
            <td colspan="6" rowspan="2" class="et22">＜40.2</td>
            <td colspan="6" rowspan="2" class="et42">40.2-190.6</td>
            <td colspan="6" rowspan="2" class="et42">>190.6</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">
              1SG8J监测SG,可分析和体DM-100DM1500D制氨装置M腹分育100m/h.1500m/h.2井下现有束普监测分品至，对个口采面密区和个相3的已采来区共计2个监测点2小时监
              测来区所斯品大为2煤 盘区边界密两内64%,。37.120T
              Z自动化J浆120注浆量、下黄土。4三相泡法发泡剂型号SKF=Ⅱ,添加L例05%-10%,发泡倍数：30,泡沫定时间285h,凝固点
              ≤-10℃;三相泡沫专用高温渣油泵型号ZYB-200,流量12m³h,压力0.36MPa,吸程5m,轴速1400r/min,功率4kW.
              <!-- 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/theme.less');
  @{theme-green} {
    .sheet-bg {
      --sheet-bg: url(/@/assets/images/themify/green/vent/sheet-bg.png);
      --sheet-header: url(/@/assets/images/themify/green/vent/sheet-header.png);
    }
  }
  @{theme-deepblue} {
    .sheet-bg {
      --sheet-bg: url(/@/assets/images/themify/deepblue/vent/sheet-bg.png);
      --sheet-header: url(/@/assets/images/themify/deepblue/vent/sheet-header.png);
    }
  }

  .sheet-bg {
    --sheet-bg: url(/@/assets/images/vent/sheet-bg.png);
    --sheet-header: url(/@/assets/images/vent/sheet-header.png);
    width: 100%;
    height: 92%;
    background-image: var(--sheet-bg);
    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: var(--sheet-header);
    background-size: 100% 73px;
    background-repeat: no-repeat;
    border: none;
  }
  .bg1 {
    background-image: @vent-configurable-dropdown;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    color: @vent-table-action-link;
  }
  .bg2 {
    width: 100%;
    height: 93px;
    font-size: 20px;
    background-image: var(--sheet-header);
    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>