[Feat 0000] 保德、布尔台首页配置更新及部分组件开发

src/views/vent/deviceManager/configurationTable/types.ts

@@ -232,7 +232,7 @@ export interface ModuleDataPreset {
 
 export interface ModuleDataComplexList {
   /** 列表预设的背景类型 */
-  type: 'A' | 'B' | 'C';
+  type: 'A' | 'B' | 'C' | 'D';
   /** 读取数据时的基础路径，如果配置了 header，应接着 Config.deviceType 配取值路径，反之应配置详尽路径 */
   readFrom: string;
   /** 是否需要根据数据来决定所展示的项目数量，需要确保 items 至少有一项，且 readFrom 指向数组 */

src/views/vent/home/configurable/components/content.vue

@@ -23,7 +23,7 @@
       >
         <!-- 告示板部分 -->
         <template v-if="config.key === 'board'">
-          <div class="content__module flex flex-justify-around pt-10px pb-10px">
+          <div class="content__module flex flex-justify-around flex-items-center flex-wrap pt-10px pb-10px">
             <MiniBoard
               v-for="item in config.items"
               :key="item.prop"
@@ -366,4 +366,11 @@
   ::v-deep .zxm-select-selection-placeholder {
     color: #fff !important;
   }
+
+  ::-webkit-scrollbar {
+    width: 5px !important;
+  }
+  ::-webkit-scrollbar-thumb {
+    width: 5px !important;
+  }
 </style>

src/views/vent/home/configurable/components/detail/ComplexList.vue

@@ -234,6 +234,62 @@
     }
   }
 
+
+  .list_D {
+    padding: 5px 10px;
+  }
+
+  .list__wrapper_D {
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+  }
+
+  .list-item_D {
+    position: relative;
+    height: 100px;
+    width: 200px;
+    background-repeat: no-repeat;
+    background-image: url(/@/assets/images/home-container/configurable/firehome/img-9.png);
+    background-size: 100% auto;
+    background-position: center top;
+    text-align: center;
+    margin-bottom: 20px;
+  }
+  .list-item__title_D {
+    position: absolute;
+    width: 100%;
+    bottom: 0;
+  }
+  .list-item__content_D:nth-of-type(2) {
+    position: absolute;
+    top: 10%;
+    left: 10%;
+    width: 30%;
+    text-align: center;
+
+    .list-item__info {
+      display: none;
+    }
+    .list-item__value {
+      font-size: 18px;
+    }
+  }
+  .list-item__content_D:nth-of-type(3) {
+    position: absolute;
+    top: 10%;
+    right: 10%;
+    width: 30%;
+    text-align: center;
+
+    .list-item__info {
+      display: none;
+    }
+    .list-item__value {
+      font-size: 18px;
+    }
+  }
+
   // .list-item__title_B_O2 {
   //   background-image: url(/@/assets/images/home-container/configurable/firehome/O₂.png);
   // }

src/views/vent/home/configurable/components/detail/MiniBoard.vue

@@ -103,6 +103,14 @@
     background-position: center bottom;
     background-repeat: no-repeat;
   }
+  .mini-board_G {
+    width: 98px;
+    height: 63px;
+    background-image: url('@/assets/images/vent/value-bg-2.png');
+    background-size: 100% auto;
+    background-position: center bottom;
+    background-repeat: no-repeat;
+  }
 
   .mini-board__value_A {
     color: @vent-gas-primary-text;
@@ -169,6 +177,18 @@
     line-height: 50px;
   }
 
+  .mini-board__value_G {
+    color: @vent-gas-primary-text;
+    font-size: 20px;
+    font-weight: bold;
+    height: 40px;
+    line-height: 40px;
+  }
+  .mini-board__label_G {
+    line-height: 20px;
+    height: 20px;
+  }
+
   .mini-board_E:nth-child(1) {
     .mini-board__label_E {
       background-image: url(/@/assets/images/home-container/configurable/dusthome/hycd.png);

src/views/vent/home/configurable/index.vue

@@ -67,7 +67,7 @@
   import ModuleEnhanced from './components/ModuleEnhanced.vue';
   import ModuleOriginal from './components/ModuleOriginal.vue';
   import ModuleCommon from './components/ModuleCommon.vue';
-  import { testConfigBDNew } from './configurable.data';
+  import { testConfigBuErTai } from './configurable.data';
   import { useRoute } from 'vue-router';
 
   interface EnhancedConfig extends Config {
@@ -95,8 +95,8 @@
     }
     // configs.value = testConfigB;
     fetchConfigs('configurable_home').then(() => {
-      configs.value = testConfigBDNew;
-      // configs.value.push(...testConfigBDNew);
+      configs.value = testConfigBuErTai;
+      // configs.value.push(...testConfigBuErTai);
       enhancedConfigs.value = configs.value.map((c) => {
         return {
           visible: true,