消除控制台出现的警告信息

RuoYi

2022-11-21 0effee74b176638329d6d378de44293219fd8de2

 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"

@@ -110,44 +111,19 @@
         <el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">

            <template #default="scope">

               <el-tooltip content="修改" placement="top">

                  <el-button

                     type="text"

                     icon="Edit"

                     @click="handleUpdate(scope.row)"

                     v-hasPermi="['monitor:job:edit']"

                  ></el-button>

                  <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['monitor:job:edit']"></el-button>

               </el-tooltip>

               <el-tooltip content="删除" placement="top">

                  <el-button

                     type="text"

                     icon="Delete"

                     @click="handleDelete(scope.row)"

                     v-hasPermi="['monitor:job:remove']"

                  ></el-button>

                  <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['monitor:job:remove']"></el-button>

               </el-tooltip>

               <el-tooltip content="执行一次" placement="top">

                  <el-button

                     type="text"

                     icon="CaretRight"

                     @click="handleRun(scope.row)"

                     v-hasPermi="['monitor:job:changeStatus']"

                  ></el-button>

                  <el-button link type="primary" icon="CaretRight" @click="handleRun(scope.row)" v-hasPermi="['monitor:job:changeStatus']"></el-button>

               </el-tooltip>

               <el-tooltip content="任务详细" placement="top">

                  <el-button

                     type="text"

                     icon="View"

                     @click="handleView(scope.row)"

                     v-hasPermi="['monitor:job:query']"

                  ></el-button>

                  <el-button link type="primary" icon="View" @click="handleView(scope.row)" v-hasPermi="['monitor:job:query']"></el-button>

               </el-tooltip>

               <el-tooltip content="调度日志" placement="top">

                  <el-button

                     type="text"

                     icon="Operation"

                     @click="handleJobLog(scope.row)"

                     v-hasPermi="['monitor:job:query']"

                  ></el-button>

                  <el-button link type="primary" icon="Operation" @click="handleJobLog(scope.row)" v-hasPermi="['monitor:job:query']"></el-button>

               </el-tooltip>

            </template>

         </el-table-column>

@@ -251,7 +227,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 +286,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 +316,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 +424,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() {