diff --git a/src/views/monitor/job/index.vue b/src/views/monitor/job/index.vue index caf4d40..b9b1e81 100644 --- a/src/views/monitor/job/index.vue +++ b/src/views/monitor/job/index.vue @@ -37,7 +37,7 @@ @@ -67,7 +67,7 @@ - +
{{ form.id }}
@@ -136,15 +136,9 @@
- + - @@ -160,8 +154,7 @@ 开始日期 - - + @@ -210,50 +203,6 @@ import { queryTasks, getTasks, createTasks, updateTasks, deleteTasks, startTasks import { listJobLog } from '@/api/monitor/jobLog' // import Crontab from '@/components/Crontab' -var cronValidate = (rule, value, callback) => { - if (form.value.triggerType === 1) { - if (value === '' || value === undefined) { - callback(new Error('运行时间表达式不能为空!')) - } else { - callback() - } - } else { - callback() - } -} -var beginTimeValidate = (rule, value, callback) => { - if (form.value.triggerType === 0) { - if (value === '' || value === undefined) { - callback(new Error('选择开始日期!')) - } else { - callback() - } - } else { - callback() - } -} -var endTimeValidate = (rule, value, callback) => { - if (form.value.triggerType === 0) { - if (value === '' || value === undefined) { - callback(new Error('选择结束日期!')) - } else { - callback() - } - } else { - callback() - } -} -var intervalSecondValidate = (rule, value, callback) => { - if (form.value.triggerType === 0) { - if (value === '' || value === undefined) { - callback(new Error('请设置执行间隔!')) - } else { - callback() - } - } else { - callback() - } -} const router = useRouter() const { proxy } = getCurrentInstance() // 是否显示Cron表达式弹出层 @@ -284,11 +233,11 @@ const dataTasks = ref([]) // 任务日志列表 const jobLogList = ref([]) const logTitle = ref('') -const formRef = ref() +const formRef = ref(null) // 任务状态字典 const isStartOptions = ref([ - { dictLabel: '运行中', dictValue: 'true' }, - { dictLabel: '已停止', dictValue: 'false', listClass: 'danger' }, + { dictLabel: '运行中', dictValue: 'true', listClass: 'success' }, + { dictLabel: '已停止', dictValue: 'false' }, ]) // 任务组名字典 const jobGroupOptions = ref([]) @@ -313,25 +262,19 @@ const state = reactive({ className: [{ required: true, message: '任务类名不能为空', trigger: 'blur' }], triggerType: [{ required: true, message: '请选择触发器类型', trigger: 'blur' }], apiUrl: [{ required: true, message: '请输入apiUrl地址', trigger: 'blur' }], - cron: [{ validator: cronValidate, trigger: 'blur' }], - beginTime: [{ validator: beginTimeValidate, trigger: 'blur' }], - endTime: [{ validator: endTimeValidate, trigger: 'blur' }], - intervalSecond: [ - { - validator: intervalSecondValidate, - type: 'number', - trigger: 'blur', - }, - ], + cron: [{ required: true, message: '请输入cron表达式', trigger: 'blur' }], + beginTime: [{ required: false, message: '请选择开始日期', trigger: 'blur' }], + endTime: [{ required: false, message: '请选择结束日期', trigger: 'blur' }], + intervalSecond: [{ message: '请设置执行间隔', type: 'number', trigger: 'blur' }], }, }) const { rules, form } = toRefs(state) // 时间的选择 -const pickerOptions = reactive({ - disabledDate(time) { - return time.getTime() < Date.now() - 8.64e7 - }, -}) +// const pickerOptions = reactive({ +// disabledDate(time) { +// return time.getTime() < Date.now() - 8.64e7 +// }, +// }) /** 查询计划任务列表 */ function getList() { loading.value = true @@ -380,15 +323,15 @@ function handleJobLog(id, title) { } } /** cron表达式按钮操作 */ -function handleShowCron() { - expression.value = form.value.cron - openCron.value = true -} +// function handleShowCron() { +// expression.value = form.value.cron +// openCron.value = true +// } /** 确定后回传值 */ -function crontabFill(value) { - console.log(value) - form.value.cron = value -} +// function crontabFill(value) { +// console.log(value) +// form.value.cron = value +// } // 启动按钮 function handleStart(row) { startTasks(row.id).then((response) => { @@ -528,9 +471,8 @@ proxy.getDicts('sys_job_group').then((response) => { watch( () => form.value.triggerType, (val) => { - console.log(val) if (val == 0) { - form.value.cron = undefined + form.value.cron = '' } }, {