[Fix][UI Next] Fix the problem that the switch language options are not updated. (#8239)

dolphinscheduler-ui-next/src/views/projects/task/instance/index.tsx

@@ -120,7 +120,32 @@ const TaskInstance = defineComponent({
             <NSelect
               v-model={[this.stateType, 'value']}
               size='small'
-              options={this.generalOptions}
+              options={[
+                {
+                  label: t('project.task.submitted_success'),
+                  value: 'SUBMITTED_SUCCESS'
+                },
+                {
+                  label: t('project.task.running_execution'),
+                  value: 'RUNNING_EXECUTION'
+                },
+                { label: t('project.task.ready_pause'), value: 'READY_PAUSE' },
+                { label: t('project.task.pause'), value: 'PAUSE' },
+                { label: t('project.task.ready_stop'), value: 'READY_STOP' },
+                { label: t('project.task.stop'), value: 'STOP' },
+                { label: t('project.task.failure'), value: 'FAILURE' },
+                { label: t('project.task.success'), value: 'SUCCESS' },
+                {
+                  label: t('project.task.need_fault_tolerance'),
+                  value: 'NEED_FAULT_TOLERANCE'
+                },
+                { label: t('project.task.kill'), value: 'KILL' },
+                { label: t('project.task.waiting_thread'), value: 'WAITING_THREAD' },
+                { label: t('project.task.waiting_depend'), value: 'WAITING_DEPEND' },
+                { label: t('project.task.delay_execution'), value: 'DELAY_EXECUTION' },
+                { label: t('project.task.forced_success'), value: 'FORCED_SUCCESS' },
+                { label: t('project.task.serial_wait'), value: 'SERIAL_WAIT' }
+              ]}
               placeholder={t('project.task.state')}
               style={{ width: '180px' }}
               clearable

dolphinscheduler-ui-next/src/views/projects/task/instance/use-table.ts

@@ -54,33 +54,7 @@ export function useTable() {
     totalPage: ref(1),
     showModalRef: ref(false),
     statusRef: ref(0),
-    row: {},
-    generalOptions: [
-      {
-        label: t('project.task.submitted_success'),
-        value: 'SUBMITTED_SUCCESS'
-      },
-      {
-        label: t('project.task.running_execution'),
-        value: 'RUNNING_EXECUTION'
-      },
-      { label: t('project.task.ready_pause'), value: 'READY_PAUSE' },
-      { label: t('project.task.pause'), value: 'PAUSE' },
-      { label: t('project.task.ready_stop'), value: 'READY_STOP' },
-      { label: t('project.task.stop'), value: 'STOP' },
-      { label: t('project.task.failure'), value: 'FAILURE' },
-      { label: t('project.task.success'), value: 'SUCCESS' },
-      {
-        label: t('project.task.need_fault_tolerance'),
-        value: 'NEED_FAULT_TOLERANCE'
-      },
-      { label: t('project.task.kill'), value: 'KILL' },
-      { label: t('project.task.waiting_thread'), value: 'WAITING_THREAD' },
-      { label: t('project.task.waiting_depend'), value: 'WAITING_DEPEND' },
-      { label: t('project.task.delay_execution'), value: 'DELAY_EXECUTION' },
-      { label: t('project.task.forced_success'), value: 'FORCED_SUCCESS' },
-      { label: t('project.task.serial_wait'), value: 'SERIAL_WAIT' }
-    ]
+    row: {}
   })
 
   const createColumns = (variables: any) => {