Browse Source

[Style 0000] 可配置首页告示板模块新增一种样式

houzekong 5 months ago
parent
commit
f69f3ddb0b

BIN
src/assets/images/home-container/configurable/board_bg_10.png


BIN
src/assets/images/home-container/configurable/board_bg_7.png


BIN
src/assets/images/home-container/configurable/board_bg_8.png


BIN
src/assets/images/home-container/configurable/board_bg_9.png


BIN
src/assets/images/home-container/configurable/minehome/list-bg-n5.png


BIN
src/assets/images/home-container/configurable/minehome/list-bg-n6.png


BIN
src/assets/images/home-container/configurable/minehome/list-icon-file.png


+ 38 - 0
src/views/vent/home/configurable/components/detail/MiniBoard.vue

@@ -212,6 +212,11 @@
     --image-board-bg-nl2: url('/@/assets/images/home-container/configurable/tashanhome/board-bg-n3.png');
     --image-board-bg-nr2: url('/@/assets/images/home-container/configurable/tashanhome/board-bg-n4.png');
     --image-board-bg-o: url('/@/assets/images/home-container/configurable/tashanhome/board-bg-o.png');
+    --image-board-bg-p: url('/@/assets/images/home-container/configurable/tashanhome/board-bg-p.png');
+    --image-board_bg_7: url('/@/assets/images/home-container/configurable/board_bg_7.png');
+    --image-board_bg_8: url('/@/assets/images/home-container/configurable/board_bg_8.png');
+    --image-board_bg_9: url('/@/assets/images/home-container/configurable/board_bg_9.png');
+    --image-board_bg_10: url('/@/assets/images/home-container/configurable/board_bg_10.png');
 
     --image-hycd: url(/@/assets/images/home-container/configurable/dusthome/hycd.png);
     --image-dyfl: url(/@/assets/images/home-container/configurable/dusthome/dyfl.png);
@@ -474,6 +479,33 @@
     background-size: 100% 100%;
   }
 
+  .mini-board_P {
+    width: 97px;
+    height: 170px;
+    padding-top: 105px;
+    background-image: var(--image-board_bg_7), var(--image-board_bg_10);
+    background-size:
+      97px 105px,
+      100% 40px;
+    background-repeat: no-repeat;
+    background-position:
+      center top,
+      center bottom;
+  }
+  .mini-board_P:nth-of-type(2) {
+    width: 97px;
+    height: 170px;
+    padding-top: 105px;
+    background-image: var(--image-board_bg_8), var(--image-board_bg_9);
+    background-size:
+      97px 105px,
+      100% 40px;
+    background-repeat: no-repeat;
+    background-position:
+      center top,
+      center bottom;
+  }
+
   .mini-board__value_New {
     color: @vent-gas-primary-text;
     font-size: 15px;
@@ -655,6 +687,12 @@
     color: @vent-gas-primary-text;
   }
 
+  .mini-board__value_P {
+    font-family: 'douyuFont';
+    font-size: 20px;
+    margin-top: 10px;
+  }
+
   .mini-board_E:nth-child(1) {
     .mini-board__label_E {
       background-image: var(--image-hycd);

+ 15 - 11
src/views/vent/monitorManager/balancePressMonitor/components/balancePressHandleHistory.vue

@@ -1,12 +1,16 @@
 <template>
   <div class="handle-history">
-    <HandlerHistoryTable columns-type="operator_history" device-type="sys_surface_caimei"
-      :device-list-api="getTableList.bind(null, { strtype: 'pressurefan' })" designScope="pressurefan_history" />
+    <HandlerHistoryTable
+      columns-type="operator_history"
+      device-type="sys_surface_caimei"
+      :device-list-api="getTableList.bind(null, { strtype: 'pressurefan' })"
+      designScope="pressurefan_history"
+    />
   </div>
 </template>
 <script setup lang="ts">
-import HandlerHistoryTable from '../../comment/HandlerHistoryTable.vue';
-import { getTableList } from '../balancePress.api'
+  import HandlerHistoryTable from '../../comment/HandlerHistoryTable.vue';
+  import { getTableList } from '../balancePress.api';
   const props = defineProps({
     deviceType: {
       type: String,
@@ -15,12 +19,12 @@ import { getTableList } from '../balancePress.api'
     deviceId: {
       type: String,
       required: true,
-    }
-  })
+    },
+  });
 </script>
 <style lang="less" scoped>
-.handle-history {
-  width: 100%;
-  pointer-events: auto;
-}
-</style>
+  .handle-history {
+    width: 100%;
+    pointer-events: auto;
+  }
+</style>