[incubator-streampark] branch dev updated: [Improve] Flink cluster executionMode improvement (#3223)

[kriszu]

This is an automated email from the ASF dual-hosted git repository.

kriszu pushed a commit to branch dev
in repository https://gitbox.apache.org/repos/asf/incubator-streampark.git


The following commit(s) were added to refs/heads/dev by this push:
     new 2c4888015 [Improve] Flink cluster executionMode improvement (#3223)
2c4888015 is described below

commit 2c488801586e65f85eee97d3d393e49aeb17945c
Author: benjobs <benj...@apache.org>
AuthorDate: Sun Oct 8 06:01:19 2023 -0500

    [Improve] Flink cluster executionMode improvement (#3223)
---
 .../src/api/flink/setting/types/flinkCluster.type.ts           |  2 --
 .../src/views/setting/FlinkCluster/index.vue                   | 10 ++++++++--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git 
a/streampark-console/streampark-console-webapp/src/api/flink/setting/types/flinkCluster.type.ts
 
b/streampark-console/streampark-console-webapp/src/api/flink/setting/types/flinkCluster.type.ts
index 5d9412f24..43876f0be 100644
--- 
a/streampark-console/streampark-console-webapp/src/api/flink/setting/types/flinkCluster.type.ts
+++ 
b/streampark-console/streampark-console-webapp/src/api/flink/setting/types/flinkCluster.type.ts
@@ -36,6 +36,4 @@ export interface FlinkCluster {
   exception?: any;
   clusterState: number;
   createTime: string;
-  executionModeEnum: string;
-  clusterStateEnum: string;
 }
diff --git 
a/streampark-console/streampark-console-webapp/src/views/setting/FlinkCluster/index.vue
 
b/streampark-console/streampark-console-webapp/src/views/setting/FlinkCluster/index.vue
index 4b330ca73..ed3b88d76 100644
--- 
a/streampark-console/streampark-console-webapp/src/views/setting/FlinkCluster/index.vue
+++ 
b/streampark-console/streampark-console-webapp/src/views/setting/FlinkCluster/index.vue
@@ -26,7 +26,7 @@
 <script lang="ts" setup name="FlinkClusterSetting">
   import { onMounted, ref } from 'vue';
   import { SvgIcon } from '/@/components/Icon';
-  import { List, Popconfirm, Tooltip, Card } from 'ant-design-vue';
+  import { List, Popconfirm, Tooltip, Card, Tag } from 'ant-design-vue';
   import { ClusterStateEnum, ExecModeEnum } from '/@/enums/flinkEnum';
   import {
     PauseCircleOutlined,
@@ -160,7 +160,13 @@
             <div class="list-content-item">
               <span>{{ t('setting.flinkCluster.form.executionMode') }}</span>
               <p style="margin-top: 10px">
-                {{ item.executionModeEnum.toLowerCase() }}
+                <Tag v-if="item.executionMode === ExecModeEnum.REMOTE" 
color="#2db7f5">REMOTE</Tag>
+                <Tag v-if="item.executionMode === ExecModeEnum.YARN_SESSION" 
color="#87d068"
+                  >YARN SESSION</Tag
+                >
+                <Tag v-if="item.executionMode === 
ExecModeEnum.KUBERNETES_SESSION" color="#108ee9"
+                  >KUBERNETES SESSION</Tag
+                >
               </p>
             </div>
           </div>