Browse Source

Merge branch 'master' of http://182.92.126.35:3000/hrx/mky-vent-base

hongrunxia 2 months ago
parent
commit
80433aaac2

BIN
src/assets/images/themify/deepblue/sheet-bg.png


BIN
src/assets/images/themify/deepblue/sheet-header.png


+ 8 - 0
src/design/themify/dark.less

@@ -30,6 +30,14 @@ html[data-theme='dark2'] {
     --vent-configurable-home-light-border: #3df6ff;
     --vent-gas-primary-text: #00c8d9;
     
+    // vent/gas 模块下Tab相关的颜色
+    --vent-gas-tab-bg: #10427a;
+    --vent-gas-tab-bg-avtived: #166ab5;
+    --vent-gas-tab-border: #5590d8;
+    // vent/gas 各模块的基准背景色
+    --vent-gas-primary-bg: #1673bf;
+    --vent-gas-primary-trasparent-bg: #0091ff12;
+    
     --vent-device-manager-box-border: #44d3ff70;
     --vent-device-manager-box-bg: #ffffff11;
 }

+ 2 - 2
src/design/themify/deepblue.less

@@ -22,7 +22,7 @@ html[data-theme='deepblue'] {
     --vent-configurable-bg: #02132c;
     --vent-configurable-module-bg: #0d2037;
     --vent-configurable-module-border-bd: linear-gradient(#3b4c65 0%, #3b4c65 60%, #000723);
-    --vent-configurable-dropdown: linear-gradient(to bottom, #7a8595, #072a40);
+    --vent-configurable-dropdown: linear-gradient(to bottom, #2d3e55, #09172c);
 
     --vent-gas-list-item-bg-img: linear-gradient(to right, #3d82be55, #3977e500);
     --vent-configurable-home-bg-img: linear-gradient(to top, #39a3ff00, #0091ff99);
@@ -33,7 +33,7 @@ html[data-theme='deepblue'] {
     // vent/gas 模块下Tab相关的颜色
     --vent-gas-tab-bg: #10427a;
     --vent-gas-tab-bg-avtived: #166ab5;
-    --vent-gas-tab-border: #5590d8;
+    --vent-gas-tab-border: #3F506A;
     // vent/gas 各模块的基准背景色
     --vent-gas-primary-bg: #1673bf;
     --vent-gas-primary-trasparent-bg: #0091ff12;

+ 8 - 0
src/design/themify/light.less

@@ -30,6 +30,14 @@ html[data-theme='light'] {
     --vent-configurable-home-light-border: #3df6ff;
     --vent-gas-primary-text: #00c8d9;
     
+    // vent/gas 模块下Tab相关的颜色
+    --vent-gas-tab-bg: #10427a;
+    --vent-gas-tab-bg-avtived: #166ab5;
+    --vent-gas-tab-border: #5590d8;
+    // vent/gas 各模块的基准背景色
+    --vent-gas-primary-bg: #1673bf;
+    --vent-gas-primary-trasparent-bg: #0091ff12;
+    
     --vent-device-manager-box-border: #44d3ff70;
     --vent-device-manager-box-bg: #ffffff11;
 }

+ 8 - 0
src/design/themify/vent1.less

@@ -30,6 +30,14 @@ html[data-theme='vent1'] {
     --vent-configurable-home-light-border: #3df6ff;
     --vent-gas-primary-text: #00c8d9;
     
+    // vent/gas 模块下Tab相关的颜色
+    --vent-gas-tab-bg: #10427a;
+    --vent-gas-tab-bg-avtived: #166ab5;
+    --vent-gas-tab-border: #5590d8;
+    // vent/gas 各模块的基准背景色
+    --vent-gas-primary-bg: #1673bf;
+    --vent-gas-primary-trasparent-bg: #0091ff12;
+    
     --vent-device-manager-box-border: #44d3ff70;
     --vent-device-manager-box-bg: #ffffff11;
 }

+ 0 - 18
src/views/vent/comment/history/TestPage.vue

@@ -1,18 +0,0 @@
-<template>
-  <HistoryTable class="w-100% h-100% mt-100px" :device-code="code" :dict-code="`${code}_dict`" />
-</template>
-<script lang="ts" setup>
-  import { onBeforeMount, ref } from 'vue';
-  import HistoryTable from './HistoryTable.vue';
-  import { useRoute } from 'vue-router';
-
-  const route = useRoute();
-
-  const code = ref('forcFan');
-
-  onBeforeMount(() => {
-    if (route.query.code) {
-      code.value = route.query.code as string;
-    }
-  });
-</script>

+ 3 - 3
src/views/vent/home/configurable/dust.vue

@@ -159,7 +159,7 @@
       padding: 10px;
       background-image: @vent-configurable-dropdown;
       border-bottom: 2px solid @vent-configurable-home-light-border;
-      color: #fff;
+      color: @vent-font-color;
       position: absolute;
       top: 70px;
       right: 460px;
@@ -168,13 +168,13 @@
       padding: 10px;
       background-image: @vent-configurable-dropdown;
       border-bottom: 2px solid @vent-configurable-home-light-border;
-      color: #fff;
+      color: @vent-font-color;
       position: absolute;
       top: 70px;
       right: 460px;
     }
     .module-trigger-button {
-      color: #fff;
+      color: @vent-font-color;
       background-image: @vent-configurable-dropdown;
       border: none;
       border-bottom: 2px solid @vent-configurable-home-light-border;

+ 3 - 3
src/views/vent/home/configurable/dustBD.vue

@@ -177,7 +177,7 @@
       padding: 10px;
       background-image: linear-gradient(to bottom, #036886, #072a40);
       border-bottom: 2px solid #3df6ff;
-      color: #fff;
+      color: @vent-font-color;
       position: absolute;
       top: 70px;
       right: 460px;
@@ -186,13 +186,13 @@
       padding: 10px;
       background-image: linear-gradient(to bottom, #036886, #072a40);
       border-bottom: 2px solid #3df6ff;
-      color: #fff;
+      color: @vent-font-color;
       position: absolute;
       top: 70px;
       right: 460px;
     }
     .module-trigger-button {
-      color: #fff;
+      color: @vent-font-color;
       background-image: linear-gradient(to bottom, #036886, #072a40);
       border: none;
       border-bottom: 2px solid #3df6ff;

+ 4 - 4
src/views/vent/home/configurable/fire.vue

@@ -117,7 +117,7 @@
     --image-modal-top: url('@/assets/images/vent/home/modal-top.png');
     width: 100%;
     height: 100%;
-    color: #fff;
+    color: @vent-font-color;
     position: relative;
     // background: url('@/assets/images/home-container/configurable/firehome/bg.png') no-repeat center;
 
@@ -159,7 +159,7 @@
       padding: 10px;
       background-image: @vent-configurable-dropdown;
       border-bottom: 2px solid @vent-configurable-home-light-border;
-      color: #fff;
+      color: @vent-font-color;
       position: absolute;
       top: 70px;
       right: 460px;
@@ -168,13 +168,13 @@
       padding: 10px;
       background-image: @vent-configurable-dropdown;
       border-bottom: 2px solid @vent-configurable-home-light-border;
-      color: #fff;
+      color: @vent-font-color;
       position: absolute;
       top: 70px;
       right: 460px;
     }
     .module-trigger-button {
-      color: #fff;
+      color: @vent-font-color;
       background-image: @vent-configurable-dropdown;
       border: none;
       border-bottom: 2px solid @vent-configurable-home-light-border;

+ 3 - 3
src/views/vent/home/configurable/fireBD.vue

@@ -203,7 +203,7 @@
       padding: 10px;
       background-image: linear-gradient(to bottom, #036886, #072a40);
       border-bottom: 2px solid #3df6ff;
-      color: #fff;
+      color: @vent-font-color;
       position: absolute;
       top: 70px;
       right: 460px;
@@ -212,13 +212,13 @@
       padding: 10px;
       background-image: linear-gradient(to bottom, #036886, #072a40);
       border-bottom: 2px solid #3df6ff;
-      color: #fff;
+      color: @vent-font-color;
       position: absolute;
       top: 70px;
       right: 460px;
     }
     .module-trigger-button {
-      color: #fff;
+      color: @vent-font-color;
       background-image: linear-gradient(to bottom, #036886, #072a40);
       border: none;
       border-bottom: 2px solid #3df6ff;

+ 3 - 3
src/views/vent/home/configurable/fireWZ.vue

@@ -165,7 +165,7 @@
       padding: 10px;
       background-image: linear-gradient(to bottom, #036886, #072a40);
       border-bottom: 2px solid #3df6ff;
-      color: #fff;
+      color: @vent-font-color;
       position: absolute;
       top: 70px;
       right: 460px;
@@ -174,13 +174,13 @@
       padding: 10px;
       background-image: linear-gradient(to bottom, #036886, #072a40);
       border-bottom: 2px solid #3df6ff;
-      color: #fff;
+      color: @vent-font-color;
       position: absolute;
       top: 70px;
       right: 460px;
     }
     .module-trigger-button {
-      color: #fff;
+      color: @vent-font-color;
       background-image: linear-gradient(to bottom, #036886, #072a40);
       border: none;
       border-bottom: 2px solid #3df6ff;

+ 9 - 9
src/views/vent/home/configurable/index.vue

@@ -155,27 +155,27 @@
     // }
     .module-dropdown {
       padding: 10px;
-      background-image: linear-gradient(to bottom, #036886, #072a40);
-      border-bottom: 2px solid #3df6ff;
-      color: #fff;
+      background-image: @vent-configurable-dropdown;
+      border-bottom: 2px solid @vent-configurable-home-light-border;
+      color: @vent-font-color;
       position: absolute;
       top: 70px;
       right: 460px;
     }
     .module-dropdown-original {
       padding: 10px;
-      background-image: linear-gradient(to bottom, #036886, #072a40);
-      border-bottom: 2px solid #3df6ff;
-      color: #fff;
+      background-image: @vent-configurable-dropdown;
+      border-bottom: 2px solid @vent-configurable-home-light-border;
+      color: @vent-font-color;
       position: absolute;
       top: 70px;
       right: 460px;
     }
     .module-trigger-button {
-      color: #fff;
-      background-image: linear-gradient(to bottom, #036886, #072a40);
+      color: @vent-font-color;
+      background-image: @vent-configurable-dropdown;
       border: none;
-      border-bottom: 2px solid #3df6ff;
+      border-bottom: 2px solid @vent-configurable-home-light-border;
     }
   }
   :deep(.loading-box) {

+ 3 - 3
src/views/vent/home/configurable/vent.vue

@@ -157,7 +157,7 @@
       padding: 10px;
       background-image: @vent-configurable-dropdown;
       border-bottom: 2px solid @vent-configurable-home-light-border;
-      color: #fff;
+      color: @vent-font-color;
       position: absolute;
       top: 70px;
       right: 460px;
@@ -166,13 +166,13 @@
       padding: 10px;
       background-image: @vent-configurable-dropdown;
       border-bottom: 2px solid @vent-configurable-home-light-border;
-      color: #fff;
+      color: @vent-font-color;
       position: absolute;
       top: 70px;
       right: 460px;
     }
     .module-trigger-button {
-      color: #fff;
+      color: @vent-font-color;
       background-image: @vent-configurable-dropdown;
       border: none;
       border-bottom: 2px solid @vent-configurable-home-light-border;

+ 14 - 5
src/views/vent/monitorManager/deviceMonitor/staticSheets/commonSheet.vue

@@ -296,10 +296,19 @@
 <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: url(/@/assets/images/vent/sheet-bg.png);
+    background-image: var(--sheet-bg);
     background-size: 98% 98%;
     background-repeat: no-repeat;
     background-position: center;
@@ -322,22 +331,22 @@
     width: 100%;
     height: 73px;
     font-size: 20px;
-    background-image: url(/@/assets/images/vent/sheet-header.png);
+    background-image: var(--sheet-header);
     background-size: 100% 73px;
     background-repeat: no-repeat;
     border: none;
   }
   .bg1 {
-    background-image: linear-gradient(to bottom, #04698c, #04698c00);
+    background-image: @vent-configurable-dropdown;
     background-size: 100% 100%;
     background-repeat: no-repeat;
-    color: #31b9ef;
+    color: @vent-table-action-link;
   }
   .bg2 {
     width: 100%;
     height: 93px;
     font-size: 20px;
-    background-image: url(/@/assets/images/vent/sheet-header.png);
+    background-image: var(--sheet-header);
     background-size: 100% 73px;
     background-repeat: no-repeat;
     background-position: bottom;

+ 14 - 5
src/views/vent/monitorManager/deviceMonitor/staticSheets/dustSheet.vue

@@ -104,10 +104,19 @@
 <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: url(/@/assets/images/vent/sheet-bg.png);
+    background-image: var(--sheet-bg);
     background-size: 98% 98%;
     background-repeat: no-repeat;
     background-position: center;
@@ -130,22 +139,22 @@
     width: 100%;
     height: 73px;
     font-size: 20px;
-    background-image: url(/@/assets/images/vent/sheet-header.png);
+    background-image: var(--sheet-header);
     background-size: 100% 73px;
     background-repeat: no-repeat;
     border: none;
   }
   .bg1 {
-    background-image: linear-gradient(to bottom, #04698c, #04698c00);
+    background-image: @vent-configurable-dropdown;
     background-size: 100% 100%;
     background-repeat: no-repeat;
-    color: #31b9ef;
+    color: @vent-table-action-link;
   }
   .bg2 {
     width: 100%;
     height: 93px;
     font-size: 20px;
-    background-image: url(/@/assets/images/vent/sheet-header.png);
+    background-image: var(--sheet-header);
     background-size: 100% 73px;
     background-repeat: no-repeat;
     background-position: bottom;

+ 14 - 5
src/views/vent/monitorManager/deviceMonitor/staticSheets/fireSheet.vue

@@ -143,10 +143,19 @@
 <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: url(/@/assets/images/vent/sheet-bg.png);
+    background-image: var(--sheet-bg);
     background-size: 98% 98%;
     background-repeat: no-repeat;
     background-position: center;
@@ -169,22 +178,22 @@
     width: 100%;
     height: 73px;
     font-size: 20px;
-    background-image: url(/@/assets/images/vent/sheet-header.png);
+    background-image: var(--sheet-header);
     background-size: 100% 73px;
     background-repeat: no-repeat;
     border: none;
   }
   .bg1 {
-    background-image: linear-gradient(to bottom, #04698c, #04698c00);
+    background-image: @vent-configurable-dropdown;
     background-size: 100% 100%;
     background-repeat: no-repeat;
-    color: #31b9ef;
+    color: @vent-table-action-link;
   }
   .bg2 {
     width: 100%;
     height: 93px;
     font-size: 20px;
-    background-image: url(/@/assets/images/vent/sheet-header.png);
+    background-image: var(--sheet-header);
     background-size: 100% 73px;
     background-repeat: no-repeat;
     background-position: bottom;

+ 14 - 5
src/views/vent/monitorManager/deviceMonitor/staticSheets/gasSheet.vue

@@ -152,10 +152,19 @@
 <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: url(/@/assets/images/vent/sheet-bg.png);
+    background-image: var(--sheet-bg);
     background-size: 98% 98%;
     background-repeat: no-repeat;
     background-position: center;
@@ -178,22 +187,22 @@
     width: 100%;
     height: 73px;
     font-size: 20px;
-    background-image: url(/@/assets/images/vent/sheet-header.png);
+    background-image: var(--sheet-header);
     background-size: 100% 73px;
     background-repeat: no-repeat;
     border: none;
   }
   .bg1 {
-    background-image: linear-gradient(to bottom, #04698c, #04698c00);
+    background-image: @vent-configurable-dropdown;
     background-size: 100% 100%;
     background-repeat: no-repeat;
-    color: #31b9ef;
+    color: @vent-table-action-link;
   }
   .bg2 {
     width: 100%;
     height: 93px;
     font-size: 20px;
-    background-image: url(/@/assets/images/vent/sheet-header.png);
+    background-image: var(--sheet-header);
     background-size: 100% 73px;
     background-repeat: no-repeat;
     background-position: bottom;

BIN
src/views/vent/monitorManager/deviceMonitor/staticSheets/images/formula5.png


+ 0 - 274
src/views/vent/monitorManager/deviceMonitor/staticSheets/test.vue

@@ -1,274 +0,0 @@
-<template>
-  <div class="h-92% overflow-auto mt-10px mb-10px">
-    <table style="width: 740pt">
-      <colgroup>
-        <col width="16" style="width: 9.75pt" span="28" />
-        <col width="31" style="width: 18.9pt" />
-        <col width="16" style="width: 9.75pt" span="23" />
-      </colgroup>
-      <tbody>
-        <tr height="30">
-          <td colspan="52" class="et29 bg0">主要通风机参数</td>
-        </tr>
-        <tr height="30">
-          <td colspan="10" class="et3">地点</td>
-          <td colspan="11" class="et3">型号</td>
-          <td colspan="8" class="et3">电机功率</td>
-          <td colspan="7" class="et3">最大风量</td>
-          <td colspan="8" class="et3">实际风量</td>
-          <td colspan="8" class="et3">负压(Pa)</td>
-        </tr>
-        <tr height="30">
-          <td colspan="10" class="et22">明安木独</td>
-          <td colspan="11" class="et22">FBCDZ-10-NO.36</td>
-          <td colspan="8" class="et22">2×800</td>
-          <td colspan="7" class="et22">23400</td>
-          <td colspan="8" class="et22">18857</td>
-          <td colspan="8" class="et22">2280</td>
-        </tr>
-        <tr height="30">
-          <td colspan="10" class="et22">松定霍洛</td>
-          <td colspan="11" class="et22">FBCDZ-10-NO.34</td>
-          <td colspan="8" class="et22">2×560</td>
-          <td colspan="7" class="et22">18000</td>
-          <td colspan="8" class="et22">12867</td>
-          <td colspan="8" class="et22">1500</td>
-        </tr>
-        <tr height="30">
-          <td colspan="52" rowspan="2" class="et3"
-            >主要通风机型号含义:F(风机)B(防爆)C(抽出式)D(对旋)Z(主要通风机)10(电机的转速,指10级电机,590转/min)No36(指36号风机,36代表扇叶直径3米6)</td
-          >
-        </tr>
-        <tr height="30"> </tr>
-        <tr height="30">
-          <td colspan="10" rowspan="2" class="et21"><img src="./images/formula0.png" /></td>
-          <td colspan="4" rowspan="2" class="et22">输入功率</td>
-          <td colspan="14" rowspan="2" class="et22"><img src="./images/formula1.png" /></td>
-          <td colspan="4" rowspan="2" class="et22">输出功率</td>
-          <td colspan="10" rowspan="2" class="et21"><img src="./images/formula2.png" /></td>
-          <td colspan="10" rowspan="2" class="et22">效率分静压效率和全压效率</td>
-        </tr>
-        <tr height="30"> </tr>
-        <tr height="30">
-          <td colspan="52" class="et29 bg0">通风系统</td>
-        </tr>
-        <tr height="30">
-          <td colspan="10" class="et21">进风井</td>
-          <td colspan="6" class="et21">风量</td>
-          <td colspan="10" class="et21">回风井</td>
-          <td colspan="6" class="et21">风量</td>
-          <td colspan="9" class="et3">综采面</td>
-          <td colspan="11" class="et21">配风量</td>
-        </tr>
-        <tr height="30">
-          <td colspan="10" class="et22">辅运平硐</td>
-          <td colspan="6" class="et22">9542</td>
-          <td colspan="7" rowspan="3" class="et22">明安木独 回风立井</td>
-          <td colspan="3" rowspan="2" class>22煤</td>
-          <td colspan="6" rowspan="2" class="et22">7695</td>
-          <td colspan="9" class="et22">12201综采面</td>
-          <td colspan="11" class="et21">1036</td>
-        </tr>
-        <tr height="30">
-          <td colspan="10" class="et22">主斜井</td>
-          <td colspan="6" class="et22">3939</td>
-          <td colspan="9" class="et22">42204综放面</td>
-          <td colspan="11" class="et21">1750</td>
-        </tr>
-        <tr height="30">
-          <td colspan="10" class="et22">工业广场进风斜井</td>
-          <td colspan="6" class="et22">339</td>
-          <td colspan="3" class="et22">12煤</td>
-          <td colspan="6" class="et22">11162</td>
-          <td colspan="9" class="et22">12上302综放面</td>
-          <td colspan="11" class="et21">1788</td>
-        </tr>
-        <tr height="30">
-          <td colspan="7" rowspan="2" class="et22">松定霍洛 进风立井</td>
-          <td colspan="3" class="et22">22煤</td>
-          <td colspan="6" class="et22">7132</td>
-          <td colspan="7" rowspan="2" class="et22">松定霍洛 回风立井</td>
-          <td colspan="3" class="et22">22煤</td>
-          <td colspan="6" class="et22">2098</td>
-          <td colspan="20" rowspan="3" class>等积孔14.2;<1困难、1-2中等、>2容易。</td>
-        </tr>
-        <tr height="30">
-          <td colspan="3" class="et22">42煤</td>
-          <td colspan="6" class="et22">9831</td>
-          <td colspan="3" class="et22">42煤</td>
-          <td colspan="6" class="et22">10769</td>
-        </tr>
-        <tr height="30">
-          <td colspan="10" class="et22">总计</td>
-          <td colspan="6" class="et22">30783</td>
-          <td colspan="10" class="et22">总计</td>
-          <td colspan="6" class="et22">31724</td>
-        </tr>
-        <tr height="30">
-          <td colspan="13" class="et21">通风巷道米数</td>
-          <td colspan="14" class="et21">通风阻力测定数据</td>
-          <td colspan="4" rowspan="2" class="et22">自然风压</td>
-          <td colspan="11" rowspan="2" class="et22"><img src="./images/formula3.png" /></td>
-          <td colspan="10" rowspan="2" class="et22">井口两侧空气单位面积重力差</td>
-        </tr>
-        <tr height="30">
-          <td colspan="8" class="et22">12上煤</td>
-          <td colspan="5" class="et22">45260</td>
-          <td colspan="6" class="et21">检测时间</td>
-          <td colspan="8" class="et21">2021.11.19</td>
-        </tr>
-        <tr height="30">
-          <td colspan="8" class="et22">12煤</td>
-          <td colspan="5" class="et22">15414</td>
-          <td colspan="6" class="et21">检验周期</td>
-          <td colspan="8" class="et21">三年</td>
-          <td colspan="16" class="et22">风速测定</td>
-          <td colspan="9" class="et22">主扇性能测定</td>
-        </tr>
-        <tr height="30">
-          <td colspan="8" class="et22">22煤三盘区</td>
-          <td colspan="5" class="et22">14477</td>
-          <td colspan="6" class="et21">矿总风阻</td>
-          <td colspan="8" class="et21">0.015Ns2/m8</td>
-          <td colspan="4" class="et22">风表</td>
-          <td colspan="6" class="et22">测量范围</td>
-          <td colspan="6" class="et22">启动风速</td>
-          <td colspan="9" class="et21">检测时间</td>
-        </tr>
-        <tr height="31">
-          <td colspan="8" class="et22">22下煤二盘区</td>
-          <td colspan="5" class="et21">1374</td>
-          <td colspan="3" rowspan="3" class="et22">自然 风压</td>
-          <td colspan="6" rowspan="2" class="et22">明安木独 回风立井</td>
-          <td colspan="5" rowspan="2" class="et21">141.51</td>
-          <td colspan="4" rowspan="2" class="et21">低</td>
-          <td colspan="6" rowspan="2" class="et21">0.3-5m/s</td>
-          <td colspan="6" rowspan="2" class="et21">≤0.2m/s</td>
-          <td colspan="9" rowspan="2" class="et22">松定霍洛:2022.07.29 明安木独:2023.11.15</td>
-        </tr>
-        <tr height="40">
-          <td colspan="8" class="et22">22煤二盘区</td>
-          <td colspan="5" class="et22">36667</td>
-        </tr>
-        <tr height="51">
-          <td colspan="8" class="et22">22煤一盘区</td>
-          <td colspan="5" class="et22">18914</td>
-          <td colspan="6" class="et22">松定霍洛 回风立井</td>
-          <td colspan="5" class="et21">157.61</td>
-          <td colspan="4" class="et22">中</td>
-          <td colspan="6" class="et22">0.5-10m/s</td>
-          <td colspan="6" class="et22">≤0.4m/s</td>
-          <td colspan="9" class="et21">检测周期</td>
-        </tr>
-        <tr height="30">
-          <td colspan="8" class="et22">42煤二盘区</td>
-          <td colspan="5" class="et22">52309</td>
-          <td colspan="14" class="et22">等积孔</td>
-          <td colspan="4" class="et22">高</td>
-          <td colspan="6" class="et22">0.8-25m/s</td>
-          <td colspan="6" class="et22">≤0.6m/s</td>
-          <td colspan="9" class="et21">3年</td>
-        </tr>
-        <tr height="30">
-          <td colspan="8" class="et22">42煤一盘区</td>
-          <td colspan="5" class="et22">23833</td>
-          <td colspan="14" rowspan="2" class="et22"><img src="./images/formula4.png" /></td>
-          <td colspan="8" class="et21">测量方法</td>
-          <td colspan="8" class="et21">侧身法</td>
-          <td colspan="9" class="et21">测定角度</td>
-        </tr>
-        <tr height="30">
-          <td colspan="8" class="et22">全矿(含立井)</td>
-          <td colspan="5" class="et22">217284</td>
-          <td colspan="8" class="et22">校正系数</td>
-          <td colspan="8" class="et22">(s-0.4)/s</td>
-          <td colspan="9" class="et21">3个</td>
-        </tr>
-        <tr height="30">
-          <td colspan="52" class="et29 bg0">通风设施</td>
-        </tr>
-        <tr height="30">
-          <td colspan="11" class="et21">一般防火密闭设计</td>
-          <td colspan="11" class="et21">永久防火密闭设计</td>
-          <td colspan="7" class="et22">永久防火密闭</td>
-          <td colspan="5" class="et21">12</td>
-          <td colspan="18" rowspan="2" class="et22">维修三厂出厂价格</td>
-        </tr>
-        <tr height="30">
-          <td colspan="11" rowspan="5" class="et22">1米砼闭+1米黄土+0.5米砖闭+1.5米砼闭</td>
-          <td colspan="11" rowspan="5" class="et22">0.37米砖闭+0.5米砼闭+3.5米黄土+0.5米砖闭+1.5米砼闭</td>
-          <td colspan="7" class="et22">一般防火密闭</td>
-          <td colspan="5" class="et21">143</td>
-        </tr>
-        <tr height="30">
-          <td colspan="7" class="et22">临时密闭</td>
-          <td colspan="5" class="et21">468</td>
-          <td colspan="9" class="et22">竹制行人风门</td>
-          <td colspan="5" class="et21">1.2*1.6</td>
-          <td colspan="4" class="et21">7765</td>
-        </tr>
-        <tr height="30">
-          <td colspan="7" class="et22">行车风门</td>
-          <td colspan="5" class="et21">103</td>
-          <td colspan="9" rowspan="2" class="et22">竹制行车风门</td>
-          <td colspan="5" class="et21">3.3*2.7</td>
-          <td colspan="4" class="et21">17174</td>
-        </tr>
-        <tr height="30">
-          <td colspan="7" class="et22">行人风门</td>
-          <td colspan="5" class="et21">87</td>
-          <td colspan="5" class="et21">4.2*2.8</td>
-          <td colspan="4" class="et21">18612</td>
-        </tr>
-        <tr height="30">
-          <td colspan="7" class="et22">风桥</td>
-          <td colspan="5" class="et21">62</td>
-          <td colspan="9" class="et22">自动风门</td>
-          <td colspan="5" class="et21">5.0*3.0</td>
-          <td colspan="4" class="et21">1.32万</td>
-        </tr>
-      </tbody>
-    </table>
-  </div>
-</template>
-<script lang="ts" setup>
-  // 转换工具 https://www.lingdaima.com/table/
-</script>
-<style scoped>
-  table {
-    border-top: 1px solid #333;
-    border-left: 1px solid #333;
-    border-spacing: 0;
-    background-color: #ddd;
-    width: 100%;
-    color: #000;
-    margin: 0 auto;
-  }
-  table td {
-    border-bottom: 1px solid #333;
-    border-right: 1px solid #333;
-    font-size: 13px;
-    padding: 5px;
-  }
-  .et42 {
-    text-align: center;
-  }
-  .et5 {
-    text-align: left;
-  }
-  .et6 {
-    text-align: left;
-  }
-  .et22 {
-    text-align: center;
-  }
-  .et29 {
-    text-align: center;
-  }
-  /* .font0 {
-  } */
-  .bg0 {
-    background-color: #333;
-    color: #fff;
-  }
-</style>

+ 28 - 5
src/views/vent/monitorManager/deviceMonitor/staticSheets/ventilateSheet.vue

@@ -186,6 +186,20 @@
             <td colspan="9" class="et21">3个</td>
           </tr>
           <tr height="30">
+            <td colspan="52" class="et3 bg1"> 通风能量方程 </td>
+          </tr>
+          <tr height="30">
+            <td colspan="20" class="et3">
+              <img src="./images/formula5.png" />
+            </td>
+            <td colspan="32" class="et3">
+              P<sub>1</sub>P<sub>2</sub>:井巷风流在1、2两断面上所具有的静压能,Pa;<br />
+              ρ<sub>m1</sub>ρ<sub>m2</sub>:断面与基准面之间空气柱的平均密度,kg/m<sup>3</sup>;<br />
+              r<sub>ml</sub>V<sup>2</sup>/2: 井巷风流在1断面上所具有的动压能,Pa;
+            </td>
+          </tr>
+
+          <tr height="30">
             <td colspan="52" class="et29 bg2">通风设施</td>
           </tr>
           <tr height="30">
@@ -239,10 +253,19 @@
 <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: url(/@/assets/images/vent/sheet-bg.png);
+    background-image: var(--sheet-bg);
     background-size: 98% 98%;
     background-repeat: no-repeat;
     background-position: center;
@@ -265,22 +288,22 @@
     width: 100%;
     height: 73px;
     font-size: 20px;
-    background-image: url(/@/assets/images/vent/sheet-header.png);
+    background-image: var(--sheet-header);
     background-size: 100% 73px;
     background-repeat: no-repeat;
     border: none;
   }
   .bg1 {
-    background-image: linear-gradient(to bottom, #04698c, #04698c00);
+    background-image: @vent-configurable-dropdown;
     background-size: 100% 100%;
     background-repeat: no-repeat;
-    color: #31b9ef;
+    color: @vent-table-action-link;
   }
   .bg2 {
     width: 100%;
     height: 93px;
     font-size: 20px;
-    background-image: url(/@/assets/images/vent/sheet-header.png);
+    background-image: var(--sheet-header);
     background-size: 100% 73px;
     background-repeat: no-repeat;
     background-position: bottom;