定时任务支持在线生成cron表达式

RuoYi

2022-10-28 ba5b8c77c3071722d00f9d1e1878cb8a4efd06d7

 src/views/monitor/job/index.vue

@@ -204,7 +204,7 @@
               </el-col>

               <el-col :span="24">

                  <el-form-item label="cron表达式" prop="cronExpression">

                     <el-input v-model="form.cronExpression" placeholder="请输入cron执行表达式">

                     <el-input v-model="form.cronExpression" placeholder="请输入cron执行表达式" readonly>

                        <template #append>

                           <el-button type="primary" @click="handleShowCron">

                              生成表达式

@@ -251,7 +251,11 @@
            </div>

         </template>

      </el-dialog>

 


     <el-dialog title="Cron表达式生成器" v-model="openCron" append-to-body destroy-on-close>

       <crontab ref="crontabRef" @hide="openCron=false" @fill="crontabFill" :expression="expression"></crontab>

     </el-dialog>



      <!-- 任务日志详细 -->

      <el-dialog title="任务详细" v-model="openView" width="700px" append-to-body>

         <el-form :model="form" label-width="120px">

@@ -306,7 +310,7 @@


<script setup name="Job">

import { listJob, getJob, delJob, addJob, updateJob, runJob, changeJobStatus } from "@/api/monitor/job";



import Crontab from '@/components/Crontab'

const router = useRouter();

const { proxy } = getCurrentInstance();

const { sys_job_group, sys_job_status } = proxy.useDict("sys_job_group", "sys_job_status");

@@ -336,7 +340,7 @@
  rules: {

    jobName: [{ required: true, message: "任务名称不能为空", trigger: "blur" }],

    invokeTarget: [{ required: true, message: "调用目标字符串不能为空", trigger: "blur" }],

    cronExpression: [{ required: true, message: "cron执行表达式不能为空", trigger: "blur" }]

    cronExpression: [{ required: true, message: "cron执行表达式不能为空", trigger: "change" }]

  }

});