Browse Source

[Refactor][UI] Refactor task instance batch using NSpace component. (#11447)

3.1.0-release
songjianet 2 years ago committed by GitHub
parent
commit
dcab16a3eb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 54
      dolphinscheduler-ui/src/views/projects/task/instance/batch-task.tsx

54
dolphinscheduler-ui/src/views/projects/task/instance/batch-task.tsx

@ -30,18 +30,16 @@ import {
NButton,
NIcon,
NDataTable,
NPagination,
NCard
NPagination
} from 'naive-ui'
import { SearchOutlined } from '@vicons/antd'
import { useTable } from './use-table'
import { useI18n } from 'vue-i18n'
import Card from '@/components/card'
import LogModal from '@/components/log-modal'
import { useAsyncState } from '@vueuse/core'
import { queryLog } from '@/service/modules/log'
import { stateType } from '@/common/common'
import styles from './index.module.scss'
import Card from '@/components/card'
import LogModal from '@/components/log-modal'
const BatchTaskInstance = defineComponent({
name: 'task-instance',
@ -154,8 +152,8 @@ const BatchTaskInstance = defineComponent({
} = this
return (
<>
<NCard>
<NSpace vertical>
<Card>
<NSpace justify='end' wrap={false}>
<NInput
allowInput={this.trim}
@ -211,26 +209,28 @@ const BatchTaskInstance = defineComponent({
}}
</NButton>
</NSpace>
</NCard>
<Card class={styles['table-card']}>
<NDataTable
loading={loadingRef}
columns={this.columns}
data={this.tableData}
scrollX={this.tableWidth}
/>
<div class={styles.pagination}>
<NPagination
v-model:page={this.page}
v-model:page-size={this.pageSize}
page-count={this.totalPage}
show-size-picker
page-sizes={[10, 30, 50]}
show-quick-jumper
onUpdatePage={requestTableData}
onUpdatePageSize={onUpdatePageSize}
</Card>
<Card title={t('project.task.batch_task')}>
<NSpace vertical>
<NDataTable
loading={loadingRef}
columns={this.columns}
data={this.tableData}
scrollX={this.tableWidth}
/>
</div>
<NSpace justify='center'>
<NPagination
v-model:page={this.page}
v-model:page-size={this.pageSize}
page-count={this.totalPage}
show-size-picker
page-sizes={[10, 30, 50]}
show-quick-jumper
onUpdatePage={requestTableData}
onUpdatePageSize={onUpdatePageSize}
/>
</NSpace>
</NSpace>
</Card>
<LogModal
showModalRef={this.showModalRef}
@ -240,7 +240,7 @@ const BatchTaskInstance = defineComponent({
onConfirmModal={onConfirmModal}
onRefreshLogs={refreshLogs}
/>
</>
</NSpace>
)
}
})

Loading…
Cancel
Save