feat: job log

src/router/routes/index.ts

@@ -92,7 +92,33 @@ export const CodegenRoute: AppRouteRecordRaw = {
         hidden: true,
         noTagsView: false,
         icon: 'ep:edit',
-        title: '修改生成配置'
+        title: '修改生成配置',
+        activeMenu: 'infra/codegen/index'
+      }
+    }
+  ]
+}
+
+export const JobLogRoute: AppRouteRecordRaw = {
+  path: '/job',
+  component: LAYOUT,
+  name: 'JobL',
+  meta: {
+    title: '调度日志',
+    hidden: true
+  },
+  children: [
+    {
+      path: 'job-log',
+      component: () => import('@/views/infra/job/logger/index.vue'),
+      name: 'InfraJobLog',
+      meta: {
+        canTo: true,
+        hidden: true,
+        noTagsView: false,
+        icon: 'ep:edit',
+        title: '调度日志',
+        activeMenu: 'infra/job/index'
       }
     }
   ]
@@ -100,4 +126,4 @@ export const CodegenRoute: AppRouteRecordRaw = {
 
 // Basic routing without permission
 // 未经许可的基本路由
-export const basicRoutes = [LoginRoute, RootRoute, ProfileRoute, CodegenRoute, REDIRECT_ROUTE, PAGE_NOT_FOUND_ROUTE]
+export const basicRoutes = [LoginRoute, RootRoute, ProfileRoute, CodegenRoute, JobLogRoute, REDIRECT_ROUTE, PAGE_NOT_FOUND_ROUTE]

src/views/infra/job/index.vue

@@ -39,6 +39,7 @@
   </div>
 </template>
 <script lang="ts" setup name="InfraJob">
+import { useGo } from '@/hooks/web/usePage'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { useModal } from '@/components/Modal'
@@ -49,6 +50,7 @@ import { JobExportReqVO, deleteJob, exportJob, getJobPage, runJob, updateJobStat
 import { columns, searchFormSchema } from './job.data'
 import { InfraJobStatusEnum } from '@/enums/systemEnum'
 
+const go = useGo()
 const { t } = useI18n()
 const { createConfirm, createMessage } = useMessage()
 const [registerModal, { openModal }] = useModal()
@@ -109,8 +111,11 @@ function handleView(record: Recordable) {
 }
 
 function handleJobLog(record: Recordable) {
-  // TODO
+  if (record.id > 0) {
-  console.info(record)
+    go('/job/job-log?id=' + record.id)
+  } else {
+    go('/job/job-log')
+  }
 }
 
 async function handleExport() {

src/views/infra/job/logger/index.vue

@@ -0,0 +1,62 @@
+<template>
+  <div>
+    <BasicTable @register="registerTable">
+      <template #toolbar>
+        <a-button type="warning" v-auth="['infra:job:export']" :preIcon="IconEnum.EXPORT" @click="handleExport">
+          {{ t('action.export') }}
+        </a-button>
+      </template>
+      <template #bodyCell="{ column, record }">
+        <template v-if="column.key === 'action'">
+          <TableAction :actions="[{ icon: IconEnum.EDIT, label: t('action.detail'), onClick: handleDetail.bind(null, record) }]" />
+        </template>
+      </template>
+    </BasicTable>
+  </div>
+</template>
+<script lang="ts" setup name="InfraJobLog">
+import { useRoute } from 'vue-router'
+import { useI18n } from '@/hooks/web/useI18n'
+import { useMessage } from '@/hooks/web/useMessage'
+import { IconEnum } from '@/enums/appEnum'
+import { BasicTable, useTable, TableAction } from '@/components/Table'
+import { JobLogExportReqVO, exportJobLog, getJobLogPage } from '@/api/infra/jobLog'
+import { columns, searchFormSchema } from './jobLog.data'
+
+const { t } = useI18n()
+const { query } = useRoute()
+const { createConfirm, createMessage } = useMessage()
+
+const [registerTable, { getForm }] = useTable({
+  title: '定时任务日志列表',
+  api: getJobLogPage,
+  searchInfo: { id: query.id as unknown as number },
+  columns,
+  formConfig: { labelWidth: 120, schemas: searchFormSchema },
+  useSearchForm: true,
+  showTableSetting: true,
+  showIndexColumn: false,
+  actionColumn: {
+    width: 140,
+    title: t('common.action'),
+    dataIndex: 'action',
+    fixed: 'right'
+  }
+})
+
+function handleDetail() {
+  console.info('detail')
+}
+
+async function handleExport() {
+  createConfirm({
+    title: t('common.exportTitle'),
+    iconType: 'warning',
+    content: t('common.exportMessage'),
+    async onOk() {
+      await exportJobLog(getForm().getFieldsValue() as JobLogExportReqVO)
+      createMessage.success(t('common.exportSuccessText'))
+    }
+  })
+}
+</script>

src/views/infra/job/logger/jobLog.data.ts

@@ -0,0 +1,146 @@
+import { BasicColumn, FormSchema, useRender } from '@/components/Table'
+import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
+
+export const columns: BasicColumn[] = [
+  {
+    title: '日志编号',
+    dataIndex: 'id',
+    width: 100
+  },
+  {
+    title: '任务编号',
+    dataIndex: 'jobId',
+    width: 180
+  },
+  {
+    title: '处理器的名字',
+    dataIndex: 'handlerName',
+    width: 180
+  },
+  {
+    title: '处理器的参数',
+    dataIndex: 'handlerParam',
+    width: 180
+  },
+  {
+    title: '第几次执行',
+    dataIndex: 'executeIndex',
+    width: 100
+  },
+  {
+    title: '执行时间',
+    dataIndex: 'beginTime',
+    width: 180,
+    customRender: ({ record }) => {
+      return useRender.renderDate(record.beginTime) + ' ~ ' + useRender.renderDate(record.endTime)
+    }
+  },
+  {
+    title: '执行时长',
+    dataIndex: 'duration',
+    width: 180,
+    customRender: ({ text }) => {
+      return useRender.renderText(text, ' 毫秒')
+    }
+  },
+  {
+    title: '任务状态',
+    dataIndex: 'status',
+    width: 180,
+    customRender: ({ record }) => {
+      return useRender.renderDict(record.beginTime, DICT_TYPE.INFRA_JOB_LOG_STATUS)
+    }
+  }
+]
+
+export const searchFormSchema: FormSchema[] = [
+  {
+    label: '处理器的名字',
+    field: 'handlerName',
+    component: 'Input',
+    colProps: { span: 8 }
+  },
+  {
+    label: '开始执行时间',
+    field: 'beginTime',
+    component: 'DatePicker',
+    colProps: { span: 8 }
+  },
+  {
+    label: '结束执行时间',
+    field: 'endTime',
+    component: 'DatePicker',
+    colProps: { span: 8 }
+  },
+  {
+    label: '任务状态',
+    field: 'status',
+    component: 'Select',
+    componentProps: {
+      options: getIntDictOptions(DICT_TYPE.INFRA_JOB_STATUS)
+    },
+    colProps: { span: 8 }
+  },
+  {
+    label: '处理器的名字',
+    field: 'handlerName',
+    component: 'Input',
+    colProps: { span: 8 }
+  }
+]
+
+export const formSchema: FormSchema[] = [
+  {
+    label: '任务编号',
+    field: 'id',
+    show: false,
+    component: 'Input'
+  },
+  {
+    label: '任务名称',
+    field: 'name',
+    required: true,
+    component: 'Input'
+  },
+  {
+    label: '处理器的名字',
+    field: 'handlerName',
+    required: true,
+    dynamicDisabled: ({ values }) => !!values.id,
+    component: 'Input'
+  },
+  {
+    label: '处理器的参数',
+    field: 'handlerParam',
+    component: 'Input'
+  },
+  {
+    label: 'CRON 表达式',
+    field: 'cronExpression',
+    required: true,
+    component: 'Input'
+  },
+  {
+    label: '重试次数',
+    field: 'retryCount',
+    required: true,
+    helpMessage: '设置为 0 时，不进行重试',
+    defaultValue: 0,
+    component: 'InputNumber'
+  },
+  {
+    label: '重试间隔',
+    field: 'retryInterval',
+    required: true,
+    helpMessage: '单位：毫秒。设置为 0 时，无需间隔',
+    defaultValue: 0,
+    component: 'InputNumber',
+    suffix: '毫秒'
+  },
+  {
+    label: '监控超时时间',
+    field: 'monitorTimeout',
+    component: 'Input',
+    suffix: '毫秒'
+  }
+]