[Improvement-18647][UI] Improve workflow Gantt inspection

dolphinscheduler-ui/src/locales/en_US/project.ts

@@ -44,6 +44,46 @@ export default {
     total_items: 'Total Item is'
   },
   workflow: {
+    gantt_help: 'Timeline help',
+    gantt_timeline: 'Task execution timeline',
+    gantt_instance: 'Workflow instance',
+    gantt_live: 'Running',
+    gantt_finished: 'Finished',
+    gantt_total: 'Total tasks',
+    gantt_submitted: 'Submitted',
+    gantt_pending: 'Not submitted',
+    gantt_waiting: 'Queued / waiting',
+    gantt_running: 'Running',
+    gantt_success: 'Succeeded',
+    gantt_failed: 'Failed',
+    gantt_stopped: 'Paused / stopped',
+    gantt_auto_refresh: 'Refresh every 5s while running',
+    gantt_updated: 'Updated',
+    gantt_duration: 'Duration',
+    gantt_elapsed: 'Workflow elapsed',
+    gantt_task: 'Task / state',
+    gantt_duration_share: 'Duration / share',
+    gantt_start: 'Start',
+    gantt_end: 'End',
+    gantt_share: 'Share of workflow elapsed',
+    gantt_axis_note:
+      'Time is relative to workflow start. Select task names to copy; use the icons to view logs or configuration.',
+    gantt_share_note:
+      'Share = task duration / workflow elapsed. Parallel tasks may sum to more than 100%.',
+    gantt_no_log: 'No log available yet',
+    gantt_view_config: 'View configuration',
+    gantt_no_config: 'Configuration unavailable',
+    gantt_time_unavailable: 'Execution time unavailable',
+    gantt_log_limit:
+      'Showing the first 20,000 lines. Download for the complete log.',
+    gantt_log_error: 'Unable to load logs. Click refresh to retry.',
+    gantt_stale:
+      'Refresh failed. Showing the last successful snapshot; please retry.',
+    gantt_load_error:
+      'Unable to load workflow. Check the connection and permissions, then retry.',
+    gantt_empty: 'This workflow instance has no tasks.',
+    gantt_loading: 'Loading task execution…',
+
     on_line: 'Online',
     test: 'Test',
     operating_environment: 'Operating Environment',
@@ -543,7 +583,6 @@ export default {
     http_condition_tips: 'Please Enter Http Condition',
     timeout_settings: 'Timeout Settings',
     connect_timeout: 'Connect Timeout',
-    keep_alive: 'TCP Keepalive',
     ms: 'ms',
     status_code_default: 'Default response code 200',
     status_code_custom: 'Custom response code',

dolphinscheduler-ui/src/locales/zh_CN/project.ts

@@ -44,6 +44,43 @@ export default {
     total_items: '总条目为'
   },
   workflow: {
+    gantt_help: '时间轴说明',
+    gantt_timeline: '任务执行时间轴',
+    gantt_instance: '工作流实例',
+    gantt_live: '运行中',
+    gantt_finished: '已结束',
+    gantt_total: '任务总数',
+    gantt_submitted: '累计已提交',
+    gantt_pending: '待提交',
+    gantt_waiting: '排队 / 等待',
+    gantt_running: '执行中',
+    gantt_success: '成功',
+    gantt_failed: '失败',
+    gantt_stopped: '暂停 / 停止',
+    gantt_auto_refresh: '运行中每 5 秒刷新',
+    gantt_updated: '更新于',
+    gantt_duration: '耗时',
+    gantt_elapsed: '工作流耗时',
+    gantt_task: '任务名称 / 状态',
+    gantt_duration_share: '耗时 / 占比',
+    gantt_start: '开始',
+    gantt_end: '结束',
+    gantt_share: '占工作流耗时',
+    gantt_axis_note:
+      '从工作流开始计时；任务名称可复制，点击状态信息右侧图标查看日志或任务配置。',
+    gantt_share_note:
+      '占比 = 任务耗时 / 工作流耗时，并行任务占比之和可能超过 100%。',
+    gantt_no_log: '暂无日志',
+    gantt_view_config: '查看配置',
+    gantt_no_config: '暂无任务配置',
+    gantt_time_unavailable: '暂无完整执行时间',
+    gantt_log_limit: '已展示前 20000 行，请下载查看完整日志。',
+    gantt_log_error: '日志加载失败，请点击刷新重试。',
+    gantt_stale: '刷新失败，当前展示上次成功获取的数据，请重试。',
+    gantt_load_error: '无法加载工作流实例，请检查服务连接和访问权限后重试。',
+    gantt_empty: '该工作流实例没有任务。',
+    gantt_loading: '正在加载任务执行情况…',
+
     on_line: '上线',
     test: '测试',
     operating_environment: '运行环境',
@@ -525,7 +562,6 @@ export default {
     http_condition_tips: '请填写校验内容',
     timeout_settings: '超时设置',
     connect_timeout: '连接超时',
-    keep_alive: '启用 TCP 保活',
     ms: '毫秒',
     status_code_default: '默认响应码200',
     status_code_custom: '自定义响应码',

dolphinscheduler-ui/src/views/projects/task/components/node/detail-modal.tsx

@@ -86,6 +86,10 @@ const props = {
   saving: {
     type: Boolean,
     default: false
+  },
+  confirmShow: {
+    type: Boolean,
+    default: true
   }
 }
 
@@ -241,7 +245,7 @@ const NodeDetailModal = defineComponent({
     )
 
     onMounted(() => {
-      initProjectPreferences(props.projectCode)
+      if (!props.readonly) initProjectPreferences(props.projectCode)
     })
 
     watch(
@@ -252,20 +256,26 @@ const NodeDetailModal = defineComponent({
         taskStore.init()
         const nodeData = formatModel(props.data)
         await nextTick()
-        restructureNodeData(nodeData)
+        if (!props.readonly) restructureNodeData(nodeData)
         detailRef.value.value.setValues(nodeData)
       }
     )
 
     return () => (
       <Modal
         show={props.show}
+        width={
+          ['SQL', 'SHELL'].includes(props.data.taskType || '')
+            ? 1400
+            : undefined
+        }
         title={
           props.from === 1
             ? `${t('project.task.current_task_settings')}`
             : `${t('project.node.current_node_settings')}`
         }
         onConfirm={onConfirm}
+        confirmShow={props.confirmShow}
         confirmLoading={props.saving}
         confirmDisabled={props.readonly}
         onCancel={onCancel}