feature(web): 新增 Flink 相关查询内容

service-web/src/main/resources/static/components/common.js

@@ -175,20 +175,75 @@ function simpleYarnDialog(cluster, title, filterField) {
         actions: [],
         size: 'xl',
         body: [
-            /*{
+            {
                 type: 'service',
                 api: {
                     method: 'get',
-                    url: `\${base}/${mode}_yarn/job_current`,
+                    url: '${base}/yarn/job_current',
                     data: {
-                        name: `\${${mode}JobName}`,
+                        clusters: `${cluster}`,
+                        name: `\${${filterField}}`,
                     }
                 },
                 body: [
                     {
-                        type: 'iframe',
-                        src: '${current.trackingUrl}',
+                        type: 'wrapper',
+                        size: 'none',
                         visibleOn: '${hasCurrent}',
+                        body: [
+                            {
+                                type: 'service',
+                                api: {
+                                    method: 'get',
+                                    url: '${base}/flink/overview',
+                                    data: {
+                                        url: '${current.trackingUrl}'
+                                    }
+                                },
+                                body: [
+                                    {
+                                        type: 'property',
+                                        title: 'Flink 基本信息',
+                                        column: 4,
+                                        items: [
+                                            {label: 'Flink 版本', content: '${detail.overview.flinkVersion}'},
+                                            {label: 'Flink 小版本', content: '${detail.overview.flinkCommit}', span: 3},
+                                            {label: '运行中', content: '${detail.overview.jobsRunning}'},
+                                            {label: '已结束', content: '${detail.overview.jobsFinished}'},
+                                            {label: '已失败', content: '${detail.overview.jobsFailed}'},
+                                            {label: '被取消', content: '${detail.overview.jobsCanceled}'},
+                                            {label: 'Slot (可用/总数)', content: '${detail.overview.slotsAvailable}/${detail.overview.slotsTotal}', span: 4},
+                                        ]
+                                    },
+                                    {
+                                        type: 'table',
+                                        title: '任务详情',
+                                        source: '${detail.jobs}',
+                                        columns: [
+                                            {
+                                                name: 'name',
+                                                label: '名称',
+                                                width: 2000,
+                                            },
+                                            {
+                                                name: 'metrics.readRecords',
+                                                label: '读记录数',
+                                                width: 60,
+                                                align: 'center',
+                                                fixed: 'right',
+                                            },
+                                            {
+                                                name: 'metrics.writeRecords',
+                                                label: '写记录数',
+                                                width: 60,
+                                                align: 'center',
+                                                fixed: 'right',
+                                            },
+                                        ]
+                                    }
+                                ]
+                            }
+                        ]
                     },
                     {
                         type: 'tpl',
@@ -196,7 +251,8 @@ function simpleYarnDialog(cluster, title, filterField) {
                         visibleOn: '${!hasCurrent}',
                     },
                 ],
-            },*/
+            },
+            {type: 'divider'},
             {
                 type: 'crud',
                 api: {