[Optimization-406][web] FlinkWebUI button Optimization && add flinkwebui...

[Optimization-406][web] FlinkWebUI button Optimization &&  add flinkwebui button for clusertInstance Manager

[Optimization-406][web] FlinkWebUI button Optimization &&  add flinkwebui button for clusertInstance Manager

dlink-web/src/components/Common/JobStatus.tsx

@@ -4,8 +4,8 @@ import {
   ClockCircleOutlined,
   CloseCircleOutlined,
   MinusCircleOutlined,
-  SyncOutlined,
-  QuestionCircleOutlined
+  QuestionCircleOutlined,
+  SyncOutlined
 } from "@ant-design/icons";
 
 export type JobStatusFormProps = {

dlink-web/src/pages/Cluster/index.tsx

-import {DownOutlined, HeartOutlined, PlusOutlined, UserOutlined,ClearOutlined} from '@ant-design/icons';
-import {Button, message, Input, Drawer, Modal} from 'antd';
-import React, {useState, useRef} from 'react';
-import {PageContainer, FooterToolbar} from '@ant-design/pro-layout';
-import type {ProColumns, ActionType} from '@ant-design/pro-table';
+import {ClearOutlined, DownOutlined, HeartOutlined, PlusOutlined} from '@ant-design/icons';
+import {Button, Drawer, Input, message, Modal} from 'antd';
+import React, {useRef, useState} from 'react';
+import {FooterToolbar, PageContainer} from '@ant-design/pro-layout';
+import type {ActionType, ProColumns} from '@ant-design/pro-table';
 import ProTable from '@ant-design/pro-table';
 import ProDescriptions from '@ant-design/pro-descriptions';
 import CreateForm from './components/CreateForm';
 import UpdateForm from './components/UpdateForm';
 import type {ClusterTableListItem} from './data.d';
 
-import styles from './index.less';
-
 import Dropdown from "antd/es/dropdown/dropdown";
 import Menu from "antd/es/menu";
 import {
-  handleAddOrUpdate, handleOption, handleRemove, queryData,
-  updateEnabled,getData
+  getData,
+  handleAddOrUpdate,
+  handleOption,
+  handleRemove,
+  queryData,
+  updateEnabled
 } from "@/components/Common/crud";
-import {showCluster,showSessionCluster} from "@/components/Studio/StudioEvent/DDL";
+import {showCluster, showSessionCluster} from "@/components/Studio/StudioEvent/DDL";
 import {RUN_MODE} from "@/components/Studio/conf";
 
 const TextArea = Input.TextArea;
@@ -311,6 +313,12 @@ const ClusterTableList: React.FC<{}> = (props: any) => {
         >
           配置
         </a>,
+        <Button type="link"
+          href={`http://${record.jobManagerHost}/#/overview`}
+          target="_blank"
+        >
+          FlinkWebUI
+        </Button>,
         <MoreBtn key="more" item={record}/>,
       ],
     },

dlink-web/src/pages/DevOps/JobInfo/index.tsx

 import React, {useEffect, useState} from 'react';
 import {history, useLocation} from 'umi';
-import {
-  EllipsisOutlined, RedoOutlined,
-  FireOutlined, ClusterOutlined, RocketOutlined
-} from '@ant-design/icons';
-import {Button, Dropdown, Menu, Tag, Space, Typography, message, Modal, Empty} from 'antd';
+import {ClusterOutlined, EllipsisOutlined, FireOutlined, RedoOutlined, RocketOutlined} from '@ant-design/icons';
+import {Button, Dropdown, Empty, Menu, message, Modal, Space, Tag, Typography} from 'antd';
 import {PageContainer} from '@ant-design/pro-layout';
 import ProCard from '@ant-design/pro-card';
 import {JobInfoDetail} from "@/pages/DevOps/data";
@@ -127,12 +124,13 @@ const JobInfo = (props: any) => {
       <Button key="back" type="dashed" onClick={handleBack}>返回</Button>,
     ];
     buttons.push(<Button key="refresh" icon={<RedoOutlined/>} onClick={handleRefreshJobInfoDetail}/>);
-    if (!isStatusDone(job?.instance?.status as string)) {
+    // if (job?.instance?.status as string === JOB_STATUS.RUNNING || job?.instance?.status as string ===JOB_STATUS.FAILED ||
+    //   job?.instance?.status as string === JOB_STATUS.CANCELED || job?.instance?.status as string === JOB_STATUS.FINISHED) {
       buttons.push(<Button key="flinkwebui">
         <Link href={`http://${job?.history?.jobManagerAddress}/#/job/${job?.instance?.jid}/overview`} target="_blank">
           FlinkWebUI
         </Link></Button>);
-    }
+    // }
     buttons.push(<Button key="autorestart" type="primary"
                          onClick={handleRestart}>重新{job?.instance?.step == 5 ? '上线' : '启动'}</Button>);
     if (!isStatusDone(job?.instance?.status as string)) {