From 7ca204772b40e0c16e11c7ae9352893a3ee228fb Mon Sep 17 00:00:00 2001
From: songjianet <1778651752@qq.com>
Date: Sat, 19 Mar 2022 10:50:05 +0800
Subject: [PATCH] [Fix][UI Next][V1.0.0-Alpha] Fix the workflow status field of
 the task definition page does not support chinese. (#9007)

---
 .../src/locales/modules/en_US.ts                |  2 ++
 .../src/locales/modules/zh_CN.ts                |  2 ++
 .../views/projects/task/definition/use-table.ts | 17 ++++++++++++++++-
 3 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/dolphinscheduler-ui-next/src/locales/modules/en_US.ts b/dolphinscheduler-ui-next/src/locales/modules/en_US.ts
index 655fb2e991..782339d468 100644
--- a/dolphinscheduler-ui-next/src/locales/modules/en_US.ts
+++ b/dolphinscheduler-ui-next/src/locales/modules/en_US.ts
@@ -517,6 +517,8 @@ const project = {
     project_tips: 'Please select project name'
   },
   task: {
+    online: 'Online',
+    offline: 'Offline',
     task_name: 'Task Name',
     task_type: 'Task Type',
     create_task: 'Create Task',
diff --git a/dolphinscheduler-ui-next/src/locales/modules/zh_CN.ts b/dolphinscheduler-ui-next/src/locales/modules/zh_CN.ts
index d768287676..a0cc6d1566 100644
--- a/dolphinscheduler-ui-next/src/locales/modules/zh_CN.ts
+++ b/dolphinscheduler-ui-next/src/locales/modules/zh_CN.ts
@@ -514,6 +514,8 @@ const project = {
     project_tips: '请选择项目'
   },
   task: {
+    online: '已上线',
+    offline: '已下线',
     task_name: '任务名称',
     task_type: '任务类型',
     create_task: '创建任务',
diff --git a/dolphinscheduler-ui-next/src/views/projects/task/definition/use-table.ts b/dolphinscheduler-ui-next/src/views/projects/task/definition/use-table.ts
index b013c5ed70..c6cbae97b1 100644
--- a/dolphinscheduler-ui-next/src/views/projects/task/definition/use-table.ts
+++ b/dolphinscheduler-ui-next/src/views/projects/task/definition/use-table.ts
@@ -67,7 +67,22 @@ export function useTable(onEdit: Function) {
       },
       {
         title: t('project.task.workflow_state'),
-        key: 'processReleaseState'
+        key: 'processReleaseState',
+        render: (row: any) => {
+          if (row.processReleaseState === 'OFFLINE') {
+            return h(
+              NTag,
+              { type: 'error', size: 'small' },
+              t('project.task.offline')
+            )
+          } else if (row.processReleaseState === 'ONLINE') {
+            return h(
+              NTag,
+              { type: 'info', size: 'small' },
+              t('project.task.online')
+            )
+          }
+        }
       },
       {
         title: t('project.task.task_type'),