This is an automated email from the ASF dual-hosted git repository. benjobs pushed a commit to branch FE in repository https://gitbox.apache.org/repos/asf/incubator-streampark.git
commit 6eed3da08d8b6ebf2508fa98f9d9cf076ac54934 Author: benjobs <[email protected]> AuthorDate: Sun Oct 8 18:39:40 2023 +0800 [Improve] Flink cluster executionMode improvement --- .../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>
