[Fix][UI][V1.0.0-Beta]Fix data not update bug for workflow version switch (#9642)

dolphinscheduler-ui-next/src/views/projects/workflow/definition/components/use-table.ts

@@ -35,7 +35,19 @@ export function useTable(
   const { t } = useI18n()
   const router: Router = useRouter()
 
-  const columns: TableColumns<any> = [
+  const variables = reactive({
+    columns: [],
+    row: {} as any,
+    tableData: [],
+    page: ref(1),
+    totalPage: ref(1),
+    pageSize: ref(10),
+    projectCode: ref(Number(router.currentRoute.value.params.projectCode)),
+    loadingRef: ref(false)
+  })
+
+  const createColumns = (variables: any) => {
+    variables.columns = [
       {
         title: '#',
         key: 'id',
@@ -143,18 +155,8 @@ export function useTable(
           })
         }
       }
-  ]
+    ] as TableColumns<any>
-
+  }
-  const variables = reactive({
-    columns,
-    row: {} as any,
-    tableData: [],
-    page: ref(1),
-    totalPage: ref(1),
-    pageSize: ref(10),
-    projectCode: ref(Number(router.currentRoute.value.params.projectCode)),
-    loadingRef: ref(false)
-  })
 
   const getTableData = (row: any) => {
     if (variables.loadingRef) return
@@ -178,9 +180,9 @@ export function useTable(
   const handleSwitchVersion = (version: number) => {
     switchVersion(variables.projectCode, variables.row.code, version).then(
       () => {
+        variables.row.version = version
         window.$message.success(t('project.workflow.success'))
         ctx.emit('updateList')
-        getTableData(variables.row)
       }
     )
   }
@@ -190,6 +192,9 @@ export function useTable(
       () => {
         window.$message.success(t('project.workflow.success'))
         ctx.emit('updateList')
+        if (variables.tableData.length === 1 && variables.page > 1) {
+          variables.page -= 1
+        }
         getTableData(variables.row)
       }
     )
@@ -197,6 +202,7 @@ export function useTable(
 
   return {
     variables,
+    createColumns,
     getTableData
   }
 }

dolphinscheduler-ui-next/src/views/projects/workflow/definition/components/version-modal.tsx

@@ -41,7 +41,7 @@ export default defineComponent({
   props,
   emits: ['update:show', 'update:row', 'updateList'],
   setup(props, ctx) {
-    const { variables, getTableData } = useTable(ctx)
+    const { variables, createColumns, getTableData } = useTable(ctx)
     const { importState } = useForm()
     const { handleImportDefinition } = useModal(importState, ctx)
 
@@ -66,9 +66,16 @@ export default defineComponent({
 
     watch(
       () => props.show,
-      () => requestData()
+      () => {
+        createColumns(variables)
+        requestData()
+      }
     )
 
+    watch(useI18n().locale, () => {
+      createColumns(variables)
+    })
+
     return {
       hideModal,
       handleImport,