feature(web): 优化集群信息展示，合并选项卡

web/components/common.js

@@ -70,10 +70,6 @@ function yarnQueueCrud(clusters = undefined, queueNames = undefined) {
             {
                 name: 'queueName',
                 label: '队列名称',
-                width: 130,
-                type: 'tooltip-wrapper',
-                body: '${TRUNCATE(queueName, 20)}',
-                content: '${queueName}',
             },
             {
                 label: '当前容量',
@@ -94,7 +90,8 @@ function yarnQueueCrud(clusters = undefined, queueNames = undefined) {
                         value: 100,
                         color: "#dc3545"
                     }
-                ]
+                ],
+                width: 1300,
             },
             {
                 label: '进度',

web/components/yarn-cluster-tab.js

@@ -1,8 +1,25 @@
 function yarnClusterTab() {
     return {
-        title: '集群资源',
+        title: '集群概览',
         tab: [
-           yarnQueueCrud('b1,b5,b5-sync,a4,b4')
+            {
+                type: 'tabs',
+                mountOnEnter: true,
+                unmountOnExit: true,
+                tabsMode: 'line',
+                tabs: [
+                    {
+                        title: '总体情况',
+                        tab: [
+                            yarnQueueCrud('b1,b5,b5-sync,a4,b4')
+                        ],
+                    },
+                    yarnTab('b1', '压缩 b1', 'datalake,tyly'),
+                    yarnTab('a4', '压缩 a4'),
+                    yarnTab('b4', '压缩 b4'),
+                    yarnTab('b5', '压缩 b5', 'ten_iap.datalake'),
+                ]
+            }
         ]
     }
 }

web/components/yarn-tab.js

@@ -1,4 +1,4 @@
-function yarnTab(cluster, title, queueNames = 'default', searchName = undefined) {
+function yarnTab(cluster, title, queueNames = 'root', searchName = undefined) {
     return {
         title: `${title} 集群`,
         tab: [

web/index.html

@@ -57,16 +57,12 @@
                 tabs: [
                     // logTab(),
                     // runningTab(),
-                    // yarnClusterTab(),
                     tableTab(),
                     queueTab(),
                     yarnTab('b5-sync', '同步 b5', undefined, 'Sync'),
                     yarnTab('b1,b5', '压缩 b1 b5', 'datalake,ten_iap.datalake', 'Compaction'),
                     cloudTab(),
-                    yarnTab('b1', '压缩 b1', 'datalake,tyly'),
-                    yarnTab('a4', '压缩 a4'),
-                    yarnTab('b4', '压缩 b4'),
-                    yarnTab('b5', '压缩 b5', 'ten_iap.datalake'),
+                    yarnClusterTab(),
                 ]
             }
         }