Преглед изворни кода

[Feat 0000] 可配置首页添加board、list组件类型各一种

houzekong пре 3 недеља
родитељ
комит
37c7b8f71a

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


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


+ 1 - 1
src/views/vent/deviceManager/configurationTable/types.ts

@@ -148,7 +148,7 @@ export interface ModuleDataBoard extends ReadFrom {
 
 export interface ModuleDataList extends ReadFrom {
   /** 列表预设的背景类型 */
-  type: 'timeline' | 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G' | 'H';
+  type: 'timeline' | 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G' | 'H' | 'I' | 'J';
   /** 是否需要根据数据来决定所展示的项目数量,需要确保 items 至少有一项,且 readFrom 指向数组 */
   mapFromData?: boolean;
   /** 核心配置,每个列表项对应一项 */

+ 21 - 0
src/views/vent/home/configurable/components/detail/CustomList.vue

@@ -73,6 +73,7 @@
     --image-list: url(/@/assets/images/home-container/configurable/firehome/list.png);
     --image-list_bg_h: url(/@/assets/images/home-container/configurable/list_bg_h.png);
     --image-list_bg_i: url('/@/assets/images/home-container/configurable/list_bg_i.png');
+    --image-list_bg_j: url('/@/assets/images/home-container/configurable/list_bg_j.png');
     padding: 5px 20px;
     position: relative;
     background-repeat: no-repeat;
@@ -322,6 +323,26 @@
     position: absolute;
     font-size: 18px;
   }
+  .list_J {
+    background: unset;
+    padding: 0 5px 0 10px;
+  }
+  .list-item_J {
+    width: 312px;
+    height: 57px;
+    align-items: center;
+    text-align: center;
+    background-image: var(--image-list_bg_j);
+    background-repeat: no-repeat;
+    background-size: auto 100%;
+    margin: 5px 10px;
+  }
+  .list-item__content_J {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 20px 0 15px;
+  }
 
   .list-item__label {
     flex-basis: 55%;

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

@@ -94,6 +94,7 @@
     --image-board_bg_2: url('/@/assets/images/home-container/configurable/board_bg_2.png');
     --image-board_bg_5: url('/@/assets/images/home-container/configurable/board_bg_5.png');
     --image-board_bg_4: url('/@/assets/images/home-container/configurable/board_bg_4.png');
+    --image-board_bg_6: url('/@/assets/images/home-container/configurable/board_bg_6.png');
 
     --image-hycd: url(/@/assets/images/home-container/configurable/dusthome/hycd.png);
     --image-dyfl: url(/@/assets/images/home-container/configurable/dusthome/dyfl.png);
@@ -167,6 +168,12 @@
     background-repeat: no-repeat;
     padding: 45px 0 0 0;
   }
+  .mini-board_I {
+    width: 139px;
+    height: 67px;
+    background-image: var(--image-board_bg_6);
+    background-size: 100% 100%;
+  }
 
   .mini-board__value_A {
     color: @vent-gas-primary-text;