升级组件依赖到最新版本

RuoYi

2022-11-17 750a09d5b702f8e857f09ccc124565796f601d3f

 src/views/monitor/job/index.vue

@@ -1,16 +1,17 @@
<template>

   <div class="app-container">

      <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">

      <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch">

         <el-form-item label="任务名称" prop="jobName">

            <el-input

               v-model="queryParams.jobName"

               placeholder="请输入任务名称"

               clearable

               style="width: 200px"

               @keyup.enter="handleQuery"

            />

         </el-form-item>

         <el-form-item label="任务组名" prop="jobGroup">

            <el-select v-model="queryParams.jobGroup" placeholder="请选择任务组名" clearable>

            <el-select v-model="queryParams.jobGroup" placeholder="请选择任务组名" clearable style="width: 200px">

               <el-option

                  v-for="dict in sys_job_group"

                  :key="dict.value"

@@ -20,7 +21,7 @@
            </el-select>

         </el-form-item>

         <el-form-item label="任务状态" prop="status">

            <el-select v-model="queryParams.status" placeholder="请选择任务状态" clearable>

            <el-select v-model="queryParams.status" placeholder="请选择任务状态" clearable style="width: 200px">

               <el-option

                  v-for="dict in sys_job_status"

                  :key="dict.value"

@@ -251,7 +252,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 +311,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 +341,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" }]

  }

});



@@ -444,7 +449,7 @@
/** 任务日志列表查询 */

function handleJobLog(row) {

  const jobId = row.jobId || 0;

  router.push({ path: "/monitor/job-log/index", query: { jobId: jobId } });

  router.push('/monitor/job-log/index/' + jobId)

}

/** 新增按钮操作 */

function handleAdd() {