[Mod 0000]矿端煤层自燃倾向性修改

src/components/Configurable/detail/CustomTable.vue

@@ -234,4 +234,27 @@
   .table__content_list_row .table__content__list_item_D:nth-child(4) {
     color: #107f30;
   }
+
+  //
+   .table__content_label_E {
+    background-image: var(--image-content-label-A);
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+    color: #000000;
+    width: 100% !important;
+    z-index: 10;
+  }
+
+  .table__content_list_E {
+    width: 100% !important;
+    font-weight: bold;
+    font-size: 15px;
+    color: #000000;
+    text-align: center;
+    z-index: 10;
+  }
+  .table__content_list_row{
+    color: #000000 !important;
+  }
+
 </style>

src/components/Configurable/types.ts

@@ -295,7 +295,7 @@ export interface ModuleDataChart extends ReadFrom {
 
 export interface ModuleDataTable extends ReadFrom {
   /** 表格的预设样式 */
-  type: 'A' | 'B' | 'C'| 'D';
+  type: 'A' | 'B' | 'C'| 'D' | 'E';
   /** 是否自动滚动 */
   autoScroll?: boolean;
   /** 核心配置，每个表格列对应一项 */

src/views/dashboard/SealedGoaf/configurable.data.sealedGoaf.ts

@@ -1050,15 +1050,15 @@ export const testConfigSealedMine: Config[] = [
         },
       },
       background: {
-        show: false,
-        type: 'video',
-        link: '',
+        show: true,
+        type: 'image',
+        link: '/src/assets/images/sealedGoaf/configurable/gallery/bg-C-3.png',
       },
       layout: {
-        direction: 'column',
+        direction: 'row',
         items: [
           {
-            name: 'gallery',
+            name: 'table',
             basis: '100%',
           },
         ],
@@ -1087,7 +1087,23 @@ export const testConfigSealedMine: Config[] = [
         },
       ],
       gallery_list: [],
-      table: [],
+      table: [
+         {
+          type: 'E',
+          // parser: 'json',
+          readFrom: 'transCoalSeamFireData',
+          columns: [
+            {
+              name: '所属煤层',
+              prop: 'coalSeamName',
+            },
+            {
+              name: '自燃倾向性',
+              prop: 'coalSeamLevel',
+            },
+          ],
+        },
+      ],
       list: [],
       complex_list: [],
       preset: [],

src/views/dashboard/SealedGoaf/index.vue

@@ -87,6 +87,7 @@
 
   const goafData = ref({
     monitorData: null,
+    transCoalSeamFireData: null as any[] | null,
     coalSeamFireData: null,
     goafStatusNum: null,
     goafAlarmNum: null,
@@ -215,9 +216,14 @@
           return item;
         });
       }
-
+      // 遍历煤层自燃倾向性，数据重组
+      let transCoalSeamFireData:any[] = [];
+      if(coalSeamFireData) {
+        transCoalSeamFireData = Object.values(coalSeamFireData).flat();
+      }
+      
       // 把接口数据赋值给响应式变量（备用）
-      goafData.value = { monitorData, coalSeamFireData, goafStatusNum, goafAlarmNum, provinceAlarm };
+      goafData.value = { monitorData, coalSeamFireData, transCoalSeamFireData, goafStatusNum, goafAlarmNum, provinceAlarm };
       // 更新页面数据
       updateData(goafData.value);
     } catch (error) {