[Mod 0000] 为可配置表格组件添加空数据提示并更新首页配置

src/components/Configurable/detail/CustomTable.vue

@@ -17,6 +17,7 @@
           </slot>
         </div>
       </div>
+      <Empty v-if="!data.length" class="table__content_empty" :image="simpleImage"></Empty>
     </div>
   </div>
 </template>
@@ -24,6 +25,9 @@
   import { computed } from 'vue';
   import { get, isNil } from 'lodash-es';
   import { getFormattedText, redirectTo } from '../hooks/helper';
+  import { Empty } from 'ant-design-vue';
+
+  const simpleImage = Empty.PRESENTED_IMAGE_SIMPLE;
 
   let props = withDefaults(
     defineProps<{
@@ -70,6 +74,11 @@
     align-items: center;
     padding: 5px 0;
 
+    .table__content_empty {
+      padding: 20px;
+      font-size: 20px;
+    }
+
     .table__content_label {
       width: 400px;
       height: 32px;

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

@@ -16,54 +16,101 @@ export const testConfigSealedGoaf: Config[] = [
       background: { show: false, type: 'video', link: '' },
       layout: {
         direction: 'row',
-        items: [{ name: 'board', basis: '100%' }],
+        items: [{ name: 'simple_board', basis: '100%' }],
       },
       list: [],
-      board: [
+      board: [],
+      chart: [],
+      gallery: [],
+      gallery_list: [],
+      table: [],
+      complex_list: [],
+      preset: [
         {
-          type: 'A',
           readFrom: '',
-          layout: 'label-top',
           items: [
+            {
+              label: '${productionStatusData[5].name}',
+              value: '${productionStatusData[5].num}',
+              to: '/basicinfo/mines-info?gjMineStatus=${productionStatusData[5].name}',
+            },
             {
               label: '${productionStatusData[4].name}',
               value: '${productionStatusData[4].num}',
               to: '/basicinfo/mines-info?gjMineStatus=${productionStatusData[4].name}',
             },
             {
-              label: '${productionStatusData[9].name}',
-              value: '${productionStatusData[9].num}',
-              to: '/basicinfo/mines-info?gjMineStatus=${productionStatusData[9].name}',
-            },
-            {
-              label: '${productionStatusData[0].name}',
-              value: '${productionStatusData[0].num}',
-              to: '/basicinfo/mines-info?gjMineStatus=${productionStatusData[0].name}',
-            },
-            {
-              label: '${productionStatusData[1].name}',
-              value: '${productionStatusData[1].num}',
-              to: '/basicinfo/mines-info?gjMineStatus=${productionStatusData[1].name}',
+              label: '${productionStatusData[13].name}',
+              value: '${productionStatusData[13].num}',
+              // to: '/basicinfo/mines-info?gjMineStatus=${productionStatusData[0].name}',
+              tooltips: [
+                {
+                  label: '${productionStatusData[1].name}',
+                  value: '${productionStatusData[1].num}',
+                  to: '/basicinfo/mines-info?gjMineStatus=${productionStatusData[1].name}',
+                },
+                {
+                  label: '${productionStatusData[7].name}',
+                  value: '${productionStatusData[7].num}',
+                  to: '/basicinfo/mines-info?gjMineStatus=${productionStatusData[7].name}',
+                },
+                {
+                  label: '${productionStatusData[2].name}',
+                  value: '${productionStatusData[2].num}',
+                  to: '/basicinfo/mines-info?gjMineStatus=${productionStatusData[2].name}',
+                },
+                {
+                  label: '${productionStatusData[0].name}',
+                  value: '${productionStatusData[0].num}',
+                  to: '/basicinfo/mines-info?gjMineStatus=${productionStatusData[0].name}',
+                },
+                {
+                  label: '${productionStatusData[6].name}',
+                  value: '${productionStatusData[6].num}',
+                  to: '/basicinfo/mines-info?gjMineStatus=${productionStatusData[6].name}',
+                },
+                {
+                  label: '${productionStatusData[8].name}',
+                  value: '${productionStatusData[8].num}',
+                  to: '/basicinfo/mines-info?gjMineStatus=${productionStatusData[8].name}',
+                },
+                {
+                  label: '${productionStatusData[9].name}',
+                  value: '${productionStatusData[9].num}',
+                  to: '/basicinfo/mines-info?gjMineStatus=${productionStatusData[9].name}',
+                },
+              ],
             },
             {
-              label: '${productionStatusData[6].name}',
-              value: '${productionStatusData[6].num}',
-              to: '/basicinfo/mines-info?gjMineStatus=${productionStatusData[6].name}',
+              label: '${productionStatusData[14].name}',
+              value: '${productionStatusData[14].num}',
+              // to: '/basicinfo/mines-info?gjMineStatus=${productionStatusData[1].name}',
+              tooltips: [
+                {
+                  label: '${productionStatusData[10].name}',
+                  value: '${productionStatusData[10].num}',
+                  to: '/basicinfo/mines-info?gjMineStatus=${productionStatusData[10].name}',
+                },
+                {
+                  label: '${productionStatusData[11].name}',
+                  value: '${productionStatusData[11].num}',
+                  to: '/basicinfo/mines-info?gjMineStatus=${productionStatusData[11].name}',
+                },
+                {
+                  label: '${productionStatusData[12].name}',
+                  value: '${productionStatusData[12].num}',
+                  to: '/basicinfo/mines-info?gjMineStatus=${productionStatusData[12].name}',
+                },
+              ],
             },
             {
-              label: '${productionStatusData[7].name}',
-              value: '${productionStatusData[7].num}',
-              to: '/basicinfo/mines-info?gjMineStatus=${productionStatusData[7].name}',
+              label: '${productionStatusData[3].name}',
+              value: '${productionStatusData[3].num}',
+              to: '/basicinfo/mines-info?gjMineStatus=${productionStatusData[3].name}',
             },
           ],
         },
       ],
-      chart: [],
-      gallery: [],
-      gallery_list: [],
-      table: [],
-      complex_list: [],
-      preset: [],
     },
     showStyle: {
       size: 'width:400px;height:190px;',

src/views/dashboard/SealedGoaf/index.vue

@@ -112,6 +112,14 @@
       ]);
 
       const totalProductionNum = Array.isArray(productionStatusData) ? productionStatusData.reduce((sum, item) => sum + (item.num || 0), 0) : 0;
+      productionStatusData.push({
+        num: [1, 7, 2, 0, 6, 8, 9].reduce((total, index) => total + productionStatusData[index].num, 0),
+        name: '停产停建',
+      });
+      productionStatusData.push({
+        num: [10, 11, 12].reduce((total, index) => total + productionStatusData[index].num, 0),
+        name: '长期停产停建',
+      });
 
       let alarm1Total = 0;
       let alarm2Total = 0;