[dolphinscheduler] branch dev updated: [Fix][UI Next][V1.0.0-Alpha] Fix the workflow instance not clickable in task instance page. (#8952)

[songjian]

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

songjian pushed a commit to branch dev
in repository https://gitbox.apache.org/repos/asf/dolphinscheduler.git


The following commit(s) were added to refs/heads/dev by this push:
     new b86dce5  [Fix][UI Next][V1.0.0-Alpha] Fix the workflow instance not 
clickable in task instance page. (#8952)
b86dce5 is described below

commit b86dce53a3ff1e8a3eed409acfd3e339c03d2470
Author: Amy0104 <97265214+amy0...@users.noreply.github.com>
AuthorDate: Thu Mar 17 12:39:09 2022 +0800

    [Fix][UI Next][V1.0.0-Alpha] Fix the workflow instance not clickable in 
task instance page. (#8952)
---
 .../src/views/projects/task/instance/use-table.ts  | 23 ++++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git 
a/dolphinscheduler-ui-next/src/views/projects/task/instance/use-table.ts 
b/dolphinscheduler-ui-next/src/views/projects/task/instance/use-table.ts
index 5481244..05efe7b 100644
--- a/dolphinscheduler-ui-next/src/views/projects/task/instance/use-table.ts
+++ b/dolphinscheduler-ui-next/src/views/projects/task/instance/use-table.ts
@@ -24,19 +24,22 @@ import {
   downloadLog
 } from '@/service/modules/task-instances'
 import { NButton, NIcon, NSpace, NTooltip } from 'naive-ui'
+import ButtonLink from '@/components/button-link'
 import {
   AlignLeftOutlined,
   CheckCircleOutlined,
   DownloadOutlined
 } from '@vicons/antd'
 import { format } from 'date-fns'
-import { useRoute } from 'vue-router'
+import { useRoute, useRouter } from 'vue-router'
 import { parseTime } from '@/utils/common'
+import type { Router } from 'vue-router'
 import type { TaskInstancesRes } from '@/service/modules/task-instances/types'
 
 export function useTable() {
   const { t } = useI18n()
   const route = useRoute()
+  const router: Router = useRouter()
   const projectCode = Number(route.params.projectCode)
   const processInstanceId = Number(route.params.processInstanceId)
 
@@ -71,7 +74,23 @@ export function useTable() {
       {
         title: t('project.task.workflow_instance'),
         key: 'processInstanceName',
-        width: 250
+        width: 250,
+        render: (row: {
+          processInstanceId: number
+          processInstanceName: string
+        }) =>
+          h(
+            ButtonLink,
+            {
+              onClick: () =>
+                void router.push({
+                  name: 'workflow-instance-detail',
+                  params: { id: row.processInstanceId },
+                  query: { code: projectCode }
+                })
+            },
+            { default: () => row.processInstanceName }
+          )
       },
       {
         title: t('project.task.executor'),