gasInjection-project/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.92m³/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.83m³/t</td>
            <td colspan="14" class="et42">二水平中部辅运大巷1860米</td>
            <td colspan="8" class="et42">42205综放面</td>
            <td colspan="12" class="et42">ZWY270/355</td>
          </tr>
          <tr height="30">
            <td colspan="10" class="et42">综采最大涌出量</td>
            <td colspan="7" class="et42">3.16m³/min</td>
            <td colspan="14" class="et42">12煤组辅运大巷480米</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">0.68m³/min</td>
            <td colspan="14" class="et42">12煤二盘区辅运大巷1280米</td>
            <td colspan="8" class="et42">12201综采面</td>
            <td colspan="12" class="et42">ZWY300/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">1.88</td>
            <td colspan="5" class="et42">0.25</td>
            <td colspan="7" class="et42">0.1483-0.9281</td>
            <td colspan="4" class="et42">35.115</td>
            <td colspan="4" class="et42">0.481</td>
            <td colspan="4" class="et22">6.90</td>
            <td colspan="4" class="et22">13.23</td>
            <td colspan="4" class="et22">14.30</td>
            <td colspan="4" class="et22">4.44</td>
            <td colspan="4" class="et42">0.7</td>
            <td colspan="3" class="et42">19.5</td>
          </tr>
          <tr height="30">
            <td colspan="4" class="et42">22</td>
            <td colspan="4" class="et42">2.29</td>
            <td colspan="5" class="et42">-</td>
            <td colspan="7" class="et42">0.1364-0.2564</td>
            <td colspan="4" class="et42">33.333</td>
            <td colspan="4" class="et42">0.696</td>
            <td colspan="4" class="et22">13.23</td>
            <td colspan="4" class="et22">10.75</td>
            <td colspan="4" class="et22">40.95</td>
            <td colspan="4" class="et22">7.53</td>
            <td colspan="4" class="et42">-</td>
            <td colspan="3" class="et42">-</td>
          </tr>
          <tr height="30">
            <td colspan="4" class="et42">42</td>
            <td colspan="4" class="et42">2.43</td>
            <td colspan="5" class="et42">-</td>
            <td colspan="7" class="et42">0.1588-0.2651</td>
            <td colspan="4" class="et42">32.362</td>
            <td colspan="4" class="et42">0.702</td>
            <td colspan="4" class="et22">12.83</td>
            <td colspan="4" class="et22">1.59</td>
            <td colspan="4" class="et22">37.51</td>
            <td colspan="4" class="et22">7.19</td>
            <td colspan="4" class="et42">-</td>
            <td colspan="3" class="et42">-</td>
          </tr>
          <tr height="30">
            <td colspan="4" class="et42">12</td>
            <td colspan="4" class="et42">1.98</td>
            <td colspan="5" class="et42">0.24</td>
            <td colspan="7" class="et42">0.0182-1.3335</td>
            <td colspan="4" class="et42">32.575</td>
            <td colspan="4" class="et42">0.825</td>
            <td colspan="4" class="et22">5.36</td>
            <td colspan="4" class="et22">3.84</td>
            <td colspan="4" class="et22">26.84</td>
            <td colspan="4" class="et22">7.09</td>
            <td colspan="4" class="et42">0.675</td>
            <td colspan="3" class="et42">10.293</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-deepblue} {
    .sheet-bg {
      --sheet-bg: url(/@/assets/images/themify/deepblue/sheet-bg.png);
      --sheet-header: url(/@/assets/images/themify/deepblue/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>