vent-template/src/views/vent/monitorManager/deviceMonitor/staticSheets/gasSheet.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="17" class="et42 bg1">瓦斯等级鉴定</td>
            <td colspan="34" class="et42 bg1">瓦斯抽放</td>
          </tr>
          <tr height="30">
            <td colspan="10" class="et42">绝对瓦斯涌出量</td>
            <td colspan="7" class="et42">29.45 m³/min</td>
            <td colspan="14" class="et42">抽放泵站地点</td>
            <td colspan="8" class="et42">抽放工作面</td>
            <td colspan="12" class="et42">设备型号</td>
          </tr>
          <tr height="30">
            <td colspan="10" class="et42">相对瓦斯涌出量</td>
            <td colspan="7" class="et42">0.72m³/t</td>
            <td colspan="14" class="et42">12煤组辅运大巷485米处</td>
            <td colspan="8" class="et42">12上302综放面</td>
            <td colspan="12" class="et42">ZWY300/355</td>
          </tr>
          <tr height="30">
            <td colspan="10" class="et42">综采最大涌出量</td>
            <td colspan="7" class="et42">3.40m³/min</td>
            <td colspan="14" class="et42">22煤二盘区辅运大巷2800米</td>
            <td colspan="8" class="et42">22210综放面</td>
            <td colspan="12" class="et42">ZWY270/355</td>
          </tr>
          <tr height="30">
            <td colspan="10" class="et42">掘进最大涌出量</td>
            <td colspan="7" class="et42">0.83 m³/min</td>
            <td colspan="14" class="et42">42煤二盘区1760米处</td>
            <td colspan="8" class="et42">42205综放面</td>
            <td colspan="12" class="et42">ZWY270/355</td>
          </tr>
          <tr height="30">
            <td colspan="51" rowspan="2" class="et5"
              >ZWY300/355：Z-泵站、W-瓦斯抽放、Y-移动式、270/300-流量（m³/min）、355-功率（KW），抽放混合量160～230m³/min，抽放瓦斯浓度0.5～1.2%，抽放瓦斯量0.8～3m³/min。</td
            >
          </tr>
          <tr height="30"> </tr>
          <tr height="30">
            <td colspan="51" class="et22 bg2">各煤层瓦斯基础数据</td>
          </tr>
          <tr height="30">
            <td colspan="4" rowspan="3" class="et42 bg1">煤层编号</td>
            <td colspan="4" rowspan="3" class="et42 bg1">瓦斯含量m3/t</td>
            <td colspan="5" rowspan="3" class="et42 bg1">压力MPa</td>
            <td colspan="7" rowspan="3" class="et42 bg1">煤层透气性系数m2/Mpa2·d</td>
            <td colspan="8" rowspan="2" class="et42 bg1">吸附常数</td>
            <td colspan="12" rowspan="2" class="et42 bg1">工业常数</td>
            <td colspan="4" rowspan="3" class="et42 bg1">孔隙率</td>
            <td colspan="4" rowspan="3" class="et42 bg1">坚固性系数</td>
            <td colspan="3" rowspan="3" class="et42 bg1">瓦斯放散初速度</td>
          </tr>
          <tr height="30"> </tr>
          <tr height="30">
            <td colspan="4" class="et42">a</td>
            <td colspan="4" class="et42">b</td>
            <td colspan="4" class="et42">水份</td>
            <td colspan="4" class="et42">灰份</td>
            <td colspan="4" class="et42">挥发份</td>
          </tr>
          <tr height="30">
            <td colspan="4" class="et42">12上</td>
            <td colspan="4" class="et42">2.78</td>
            <td colspan="5" class="et42">0.204</td>
            <td colspan="7" class="et42">0.4092~0.4671</td>
            <td colspan="4" class="et42">29.3002</td>
            <td colspan="4" class="et42">0.9879</td>
            <td colspan="4" class="et22">6.86</td>
            <td colspan="4" class="et22">11.04</td>
            <td colspan="4" class="et22">31.34</td>
            <td colspan="4" class="et22">12.26</td>
            <td colspan="4" class="et42">0.96</td>
            <td colspan="3" class="et42">26</td>
          </tr>
          <tr height="30">
            <td colspan="4" class="et42">22</td>
            <td colspan="4" class="et42">2.28</td>
            <td colspan="5" class="et42">0.161</td>
            <td colspan="7" class="et42">0.2563~0.3121</td>
            <td colspan="4" class="et42">27.5599</td>
            <td colspan="4" class="et42">0.8335</td>
            <td colspan="4" class="et22">7.06</td>
            <td colspan="4" class="et22">9.58</td>
            <td colspan="4" class="et22">34.91</td>
            <td colspan="4" class="et22">11.41</td>
            <td colspan="4" class="et42">1.2</td>
            <td colspan="3" class="et42">16</td>
          </tr>
          <tr height="30">
            <td colspan="4" class="et42">42</td>
            <td colspan="4" class="et42">2.38</td>
            <td colspan="5" class="et42">0.203</td>
            <td colspan="7" class="et42">0.2528~0.2672</td>
            <td colspan="4" class="et42">25.0463</td>
            <td colspan="4" class="et42">1.1652</td>
            <td colspan="4" class="et22">5.99</td>
            <td colspan="4" class="et22">7.47</td>
            <td colspan="4" class="et22">35.62</td>
            <td colspan="4" class="et22">10.2</td>
            <td colspan="4" class="et42">1.1</td>
            <td colspan="3" class="et42">24</td>
          </tr>
          <tr height="30">
            <td colspan="4" class="et42">12</td>
            <td colspan="4" class="et42">2.07</td>
            <td colspan="5" class="et42">0.214</td>
            <td colspan="7" class="et42">0.5579~0.6002</td>
            <td colspan="4" class="et42">31.752</td>
            <td colspan="4" class="et42">0.9444</td>
            <td colspan="4" class="et22">7.33</td>
            <td colspan="4" class="et22">8.19</td>
            <td colspan="4" class="et22">30.53</td>
            <td colspan="4" class="et22">8.84</td>
            <td colspan="4" class="et42">1.1</td>
            <td colspan="3" class="et42">23</td>
          </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>