Function Task_page

src/page/task/task.tsx:25–185

()

const Col = Grid.Col

function Task_page() {
  const { t } = useTranslation()
  const navigate = useNavigate()
  const [, forceUpdate] = useReducer(x => x + 1, 0) //刷新组件
  const [modal, contextHolder] = Modal.useModal()

  const columns: TableColumnProps[] = [
    {
      title: t('task_name'),
      dataIndex: 'name',
      width: '20%',
      ellipsis: true,
    },
    {
      title: t('state'),
      dataIndex: 'state',
      width: '5rem',
    },
    {
      title: t('cycle'),
      dataIndex: 'cycle',
      width: '5rem',
    },
    {
      title: t('run_info'),
      dataIndex: 'runInfo',
      ellipsis: true,
    },
    {
      title: t('actions'),
      dataIndex: 'actions',
      align: 'right',
      width: '14rem',
    },
  ]
  console.log(nmConfig.task)

  return (
    <div style={{ width: '100%', height: '100%' }}>
      {contextHolder}
      <Row style={{ width: '100%', height: '2rem' }}>
        <Col flex={'auto'}>
          <Space>
            <Button
              type="primary"
              onClick={() => {
                navigate('/task/add')
              }}
            >
              {t('add')}
            </Button>
            <Button
              onClick={() => {
                forceUpdate()
              }}
            >
              {t('refresh')}
            </Button>