refactor(web): 优化 Flink 信息查询

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

@@ -173,6 +173,12 @@ function simpleYarnDialog(cluster, title, filterField) {
     return {
         title: title,
         actions: [],
+        data: {
+            base: '${base}',
+            name: `\${${filterField}}`,
+            flinkJob: '${flinkJob}',
+            tableMeta: '${tableMeta}',
+        },
         size: 'xl',
         body: [
             {
@@ -182,7 +188,7 @@ function simpleYarnDialog(cluster, title, filterField) {
                     url: '${base}/yarn/job_current',
                     data: {
                         clusters: `${cluster}`,
-                        name: `\${${filterField}}`,
+                        name: '${name}',
                     }
                 },
                 silentPolling: false,
@@ -201,6 +207,7 @@ function simpleYarnDialog(cluster, title, filterField) {
                                         url: '${current.trackingUrl}'
                                     }
                                 },
+
                                 silentPolling: false,
                                 body: [
                                     {
@@ -225,7 +232,10 @@ function simpleYarnDialog(cluster, title, filterField) {
                                     method: 'get',
                                     url: '${base}/flink/jobs',
                                     data: {
-                                        url: '${current.trackingUrl}'
+                                        url: '${current.trackingUrl}',
+                                        schema: '${tableMeta.schema}',
+                                        table: "${tableMeta.table}",
+                                        mode: "${flinkJob.runMode}",
                                     }
                                 },
                                 silentPolling: false,
@@ -263,6 +273,26 @@ function simpleYarnDialog(cluster, title, filterField) {
                                                 align: 'center',
                                                 fixed: 'right',
                                             },
+                                            {
+                                                label: '操作',
+                                                width: 60,
+                                                align: 'center',
+                                                fixed: 'right',
+                                                type: 'wrapper',
+                                                size: 'none',
+                                                body: [
+                                                    {
+                                                        disabled: true,
+                                                        type: 'button',
+                                                        label: '详情',
+                                                        level: 'link',
+                                                        size: 'xs',
+                                                        actionType: 'url',
+                                                        blank: true,
+                                                        url: '${page}',
+                                                    }
+                                                ],
+                                            },
                                         ]
                                     }
                                 ]
@@ -291,7 +321,7 @@ function simpleYarnDialog(cluster, title, filterField) {
                         filter_state: '${state|default:undefined}',
                         filter_final_status: '${finalStatus|default:undefined}',
                         search_id: '${id|default:undefined}',
-                        search_name: `\${${filterField}}`,
+                        search_name: '${name}',
                         precise: true,
                     }
                 },