任务调度子系统-新增：超时限制增加单位小时，任务内容输入加宽；报表：列表任务内容显示加宽

src/views/monitor/job/index.vue

@@ -1,6 +1,13 @@
 <template>
   <div class="app-container">
-    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+    <el-form
+      :model="queryParams"
+      ref="queryForm"
+      size="small"
+      :inline="true"
+      v-show="showSearch"
+      label-width="68px"
+    >
       <el-form-item label="任务名称" prop="jobName">
         <el-input
           v-model="queryParams.jobName"
@@ -10,7 +17,11 @@
         />
       </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
+        >
           <el-option
             v-for="dict in dict.type.sys_job_group"
             :key="dict.value"
@@ -20,7 +31,11 @@
         </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
+        >
           <el-option
             v-for="dict in dict.type.sys_job_status"
             :key="dict.value"
@@ -30,8 +45,16 @@
         </el-select>
       </el-form-item>
       <el-form-item>
-        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+        <el-button
+          type="primary"
+          icon="el-icon-search"
+          size="mini"
+          @click="handleQuery"
+          >搜索</el-button
+        >
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+          >重置</el-button
+        >
       </el-form-item>
     </el-form>
 
@@ -44,7 +67,8 @@
           size="mini"
           @click="handleAdd"
           v-hasPermi="['monitor:job:add']"
-        >新增</el-button>
+          >新增</el-button
+        >
       </el-col>
       <el-col :span="1.5">
         <el-button
@@ -55,7 +79,8 @@
           :disabled="single"
           @click="handleUpdate"
           v-hasPermi="['monitor:job:edit']"
-        >修改</el-button>
+          >修改</el-button
+        >
       </el-col>
       <el-col :span="1.5">
         <el-button
@@ -66,7 +91,8 @@
           :disabled="multiple"
           @click="handleDelete"
           v-hasPermi="['monitor:job:remove']"
-        >删除</el-button>
+          >删除</el-button
+        >
       </el-col>
       <el-col :span="1.5">
         <el-button
@@ -76,9 +102,10 @@
           size="mini"
           @click="handleExport"
           v-hasPermi="['monitor:job:export']"
-        >导出</el-button>
+          >导出</el-button
+        >
       </el-col>
-<!--      <el-col :span="1.5">
+      <!--      <el-col :span="1.5">
         <el-button
           type="info"
           plain
@@ -97,22 +124,53 @@
           size="mini"
           @click="handleJobReport"
           v-hasPermi="['monitor:job:query']"
-        >报表</el-button>
+          >报表</el-button
+        >
       </el-col>
-      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+      <right-toolbar
+        :showSearch.sync="showSearch"
+        @queryTable="getList"
+      ></right-toolbar>
     </el-row>
 
-    <el-table v-loading="loading" :data="jobList" @selection-change="handleSelectionChange">
+    <el-table
+      v-loading="loading"
+      :data="jobList"
+      @selection-change="handleSelectionChange"
+    >
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="任务编号" width="100" align="center" prop="jobId" />
-      <el-table-column label="任务名称" align="center" prop="jobName" :show-overflow-tooltip="true" />
+      <el-table-column
+        label="任务编号"
+        width="100"
+        align="center"
+        prop="jobId"
+      />
+      <el-table-column
+        label="任务名称"
+        align="center"
+        prop="jobName"
+        :show-overflow-tooltip="true"
+      />
       <el-table-column label="任务组名" align="center" prop="jobGroup">
         <template slot-scope="scope">
-          <dict-tag :options="dict.type.sys_job_group" :value="scope.row.jobGroup"/>
+          <dict-tag
+            :options="dict.type.sys_job_group"
+            :value="scope.row.jobGroup"
+          />
         </template>
       </el-table-column>
-      <el-table-column label="调用目标字符串" align="center" prop="invokeTarget" :show-overflow-tooltip="true" />
-      <el-table-column label="cron执行表达式" align="center" prop="cronExpression" :show-overflow-tooltip="true" />
+      <el-table-column
+        label="调用目标字符串"
+        align="center"
+        prop="invokeTarget"
+        :show-overflow-tooltip="true"
+      />
+      <el-table-column
+        label="cron执行表达式"
+        align="center"
+        prop="cronExpression"
+        :show-overflow-tooltip="true"
+      />
       <el-table-column label="状态" align="center">
         <template slot-scope="scope">
           <el-switch
@@ -123,7 +181,11 @@
           ></el-switch>
         </template>
       </el-table-column>
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+      <el-table-column
+        label="操作"
+        align="center"
+        class-name="small-padding fixed-width"
+      >
         <template slot-scope="scope">
           <el-button
             size="mini"
@@ -131,26 +193,50 @@
             icon="el-icon-edit"
             @click="handleUpdate(scope.row)"
             v-hasPermi="['monitor:job:edit']"
-          >修改</el-button>
+            >修改</el-button
+          >
           <el-button
             size="mini"
             type="text"
             icon="el-icon-delete"
             @click="handleDelete(scope.row)"
             v-hasPermi="['monitor:job:remove']"
-          >删除</el-button>
-          <el-dropdown size="mini" @command="(command) => handleCommand(command, scope.row)" v-hasPermi="['monitor:job:changeStatus', 'monitor:job:query']">
-            <el-button size="mini" type="text" icon="el-icon-d-arrow-right">更多</el-button>
+            >删除</el-button
+          >
+          <el-dropdown
+            size="mini"
+            @command="(command) => handleCommand(command, scope.row)"
+            v-hasPermi="['monitor:job:changeStatus', 'monitor:job:query']"
+          >
+            <el-button size="mini" type="text" icon="el-icon-d-arrow-right"
+              >更多</el-button
+            >
             <el-dropdown-menu slot="dropdown">
-              <el-dropdown-item command="handleRun" icon="el-icon-caret-right"
-                v-hasPermi="['monitor:job:changeStatus']">执行一次</el-dropdown-item>
-              <el-dropdown-item command="handleView" icon="el-icon-view"
-                v-hasPermi="['monitor:job:query']">任务详细</el-dropdown-item>
-              <el-dropdown-item command="handleJobLog" icon="el-icon-s-operation"
-                v-hasPermi="['monitor:job:query']">调度日志</el-dropdown-item>
+              <el-dropdown-item
+                command="handleRun"
+                icon="el-icon-caret-right"
+                v-hasPermi="['monitor:job:changeStatus']"
+                >执行一次</el-dropdown-item
+              >
+              <el-dropdown-item
+                command="handleView"
+                icon="el-icon-view"
+                v-hasPermi="['monitor:job:query']"
+                >任务详细</el-dropdown-item
+              >
+              <el-dropdown-item
+                command="handleJobLog"
+                icon="el-icon-s-operation"
+                v-hasPermi="['monitor:job:query']"
+                >调度日志</el-dropdown-item
+              >
 
-              <el-dropdown-item command="handleJobReport" icon="el-icon-s-operation"
-                                v-hasPermi="['monitor:job:query']">调度报表</el-dropdown-item>
+              <el-dropdown-item
+                command="handleJobReport"
+                icon="el-icon-s-operation"
+                v-hasPermi="['monitor:job:query']"
+                >调度报表</el-dropdown-item
+              >
             </el-dropdown-menu>
           </el-dropdown>
         </template>
@@ -158,7 +244,7 @@
     </el-table>
 
     <pagination
-      v-show="total>0"
+      v-show="total > 0"
       :total="total"
       :page.sync="queryParams.pageNum"
       :limit.sync="queryParams.pageSize"
@@ -180,15 +266,23 @@
             </el-form-item>
           </el-col>
 
-          <el-col :span="12">
-            <el-form-item label="任务内容" prop="cont" >
-              <el-input v-model="form.cont" placeholder="请输入任务内容" />
+          <el-col :span="24">
+            <el-form-item label="任务内容" prop="cont">
+              <el-input
+                v-model="form.cont"
+                placeholder="请输入任务内容"
+                type="textarea"
+                :rows="4"
+              />
             </el-form-item>
           </el-col>
 
           <el-col :span="12">
-            <el-form-item label="超时限制" prop="timeout" >
-              <el-input v-model="form.timeout" placeholder="请输入超时限制" />
+            <el-form-item label="超时限制(小时)" prop="timeout">
+              <el-input
+                v-model="form.timeout"
+                placeholder="请输入超时限制(小时)"
+              />
             </el-form-item>
           </el-col>
 
@@ -248,9 +342,8 @@
             </el-form-item>
           </el-col>
 
-
-          <el-col :span="24"   >
-            <el-form-item prop="invokeTarget"  readonly >
+          <el-col :span="24">
+            <el-form-item prop="invokeTarget" readonly>
               <span slot="label">
                 调用方法
                 <el-tooltip placement="top">
@@ -262,12 +355,18 @@
                   <i class="el-icon-question"></i>
                 </el-tooltip>
               </span>
-              <el-input v-model="invokeTarget" placeholder="请输入调用目标字符串" />
+              <el-input
+                v-model="invokeTarget"
+                placeholder="请输入调用目标字符串"
+              />
             </el-form-item>
           </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执行表达式"
+              >
                 <template slot="append">
                   <el-button type="primary" @click="handleShowCron">
                     生成表达式
@@ -301,7 +400,8 @@
                   v-for="dict in dict.type.sys_job_status"
                   :key="dict.value"
                   :label="dict.value"
-                >{{dict.label}}</el-radio>
+                  >{{ dict.label }}</el-radio
+                >
               </el-radio-group>
             </el-form-item>
           </el-col>
@@ -313,12 +413,27 @@
       </div>
     </el-dialog>
 
-    <el-dialog title="Cron表达式生成器" :visible.sync="openCron" append-to-body destroy-on-close class="scrollbar">
-      <crontab @hide="openCron=false" @fill="crontabFill" :expression="expression"></crontab>
+    <el-dialog
+      title="Cron表达式生成器"
+      :visible.sync="openCron"
+      append-to-body
+      destroy-on-close
+      class="scrollbar"
+    >
+      <crontab
+        @hide="openCron = false"
+        @fill="crontabFill"
+        :expression="expression"
+      ></crontab>
     </el-dialog>
 
     <!-- 任务日志详细 -->
-    <el-dialog title="任务详细" :visible.sync="openView" width="700px" append-to-body>
+    <el-dialog
+      title="任务详细"
+      :visible.sync="openView"
+      width="700px"
+      append-to-body
+    >
       <el-form ref="form" :model="form" label-width="120px" size="mini">
         <el-row>
           <el-col :span="12">
@@ -326,17 +441,27 @@
             <el-form-item label="任务名称：">{{ form.jobName }}</el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="任务分组：">{{ jobGroupFormat(form) }}</el-form-item>
-            <el-form-item label="创建时间：">{{ form.createTime }}</el-form-item>
+            <el-form-item label="任务分组：">{{
+              jobGroupFormat(form)
+            }}</el-form-item>
+            <el-form-item label="创建时间：">{{
+              form.createTime
+            }}</el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="cron表达式：">{{ form.cronExpression }}</el-form-item>
+            <el-form-item label="cron表达式：">{{
+              form.cronExpression
+            }}</el-form-item>
           </el-col>
           <el-col :span="12">
-            <el-form-item label="下次执行时间：">{{ parseTime(form.nextValidTime) }}</el-form-item>
+            <el-form-item label="下次执行时间：">{{
+              parseTime(form.nextValidTime)
+            }}</el-form-item>
           </el-col>
           <el-col :span="24">
-            <el-form-item label="调用目标方法：">{{ form.invokeTarget }}</el-form-item>
+            <el-form-item label="调用目标方法：">{{
+              form.invokeTarget
+            }}</el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="任务状态：">
@@ -368,40 +493,58 @@
 </template>
 
 <script>
-import { listJob, getJob, delJob, addJob, updateJob, runJob, changeJobStatus } from "@/api/monitor/job";
-import Crontab from '@/components/Crontab'
+import {
+  listJob,
+  getJob,
+  delJob,
+  addJob,
+  updateJob,
+  runJob,
+  changeJobStatus,
+} from "@/api/monitor/job";
+import Crontab from "@/components/Crontab";
 
 export default {
   components: { Crontab },
   name: "Job",
-  dicts: ['sys_job_group', 'sys_job_status', 'sys_oa','sys_oa_s','sys_yes_no'],
+  dicts: [
+    "sys_job_group",
+    "sys_job_status",
+    "sys_oa",
+    "sys_oa_s",
+    "sys_yes_no",
+  ],
   data() {
     return {
       pickerOptions: {
-        shortcuts: [{
-          text: '今天',
-          onClick(picker) {
-            picker.$emit('pick', new Date());
-          }
-        }, {
-          text: '昨天',
-          onClick(picker) {
-            const date = new Date();
-            date.setTime(date.getTime() - 3600 * 1000 * 24);
-            picker.$emit('pick', date);
-          }
-        }, {
-          text: '一周前',
-          onClick(picker) {
-            const date = new Date();
-            date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
-            picker.$emit('pick', date);
-          }
-        }]
+        shortcuts: [
+          {
+            text: "今天",
+            onClick(picker) {
+              picker.$emit("pick", new Date());
+            },
+          },
+          {
+            text: "昨天",
+            onClick(picker) {
+              const date = new Date();
+              date.setTime(date.getTime() - 3600 * 1000 * 24);
+              picker.$emit("pick", date);
+            },
+          },
+          {
+            text: "一周前",
+            onClick(picker) {
+              const date = new Date();
+              date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
+              picker.$emit("pick", date);
+            },
+          },
+        ],
       },
-      value1: '',
-      value2: '',
-      value3: '',
+      value1: "",
+      value2: "",
+      value3: "",
       // 遮罩层
       loading: true,
       // 选中数组
@@ -434,66 +577,66 @@ export default {
         jobGroup: undefined,
         jobType: undefined,
         jobTypeS: undefined,
-        dispc:undefined,
-        empno:undefined,
-        cont:undefined,
-        timeout:undefined,
+        dispc: undefined,
+        empno: undefined,
+        cont: undefined,
+        timeout: undefined,
         status: undefined,
-        duration:undefined
+        duration: undefined,
       },
       // 表单参数
       form: {},
       // 表单校验
       rules: {
-        duration: [
-          { required: true, message: "不能为空", trigger: "blur" }
-        ],
-        dispc: [
-          { required: true, message: "不能为空", trigger: "blur" }
-        ],
-        jobTypeS: [
-          { required: true, message: "不能为空", trigger: "blur" }
-        ],
-        jobType: [
-          { required: true, message: "不能为空", trigger: "blur" }
-        ],
-        jobGroup: [
-          { required: true, message: "不能为空", trigger: "blur" }
-        ],
-        timeout: [
-          { required: true, message: "不能为空", trigger: "blur" }
-        ],
-        cont: [
-          { required: true, message: "不能为空", trigger: "blur" }
-        ],
-        empno: [
-          { required: true, message: "不能为空", trigger: "blur" }
-        ],
-        jobName: [
-          { required: true, message: "名称不能为空", trigger: "blur" }
-        ],
-         invokeTarget: [
-          { required: true, message: "调用目标字符串不能为空", trigger: "blur" }
+        duration: [{ required: true, message: "不能为空", trigger: "blur" }],
+        dispc: [{ required: true, message: "不能为空", trigger: "blur" }],
+        jobTypeS: [{ required: true, message: "不能为空", trigger: "blur" }],
+        jobType: [{ required: true, message: "不能为空", trigger: "blur" }],
+        jobGroup: [{ required: true, message: "不能为空", trigger: "blur" }],
+        timeout: [{ required: true, message: "不能为空", trigger: "blur" }],
+        cont: [{ required: true, message: "不能为空", trigger: "blur" }],
+        empno: [{ required: true, message: "不能为空", trigger: "blur" }],
+        jobName: [{ required: true, message: "名称不能为空", trigger: "blur" }],
+        invokeTarget: [
+          {
+            required: true,
+            message: "调用目标字符串不能为空",
+            trigger: "blur",
+          },
         ],
         cronExpression: [
-          { required: true, message: "cron执行表达式不能为空", trigger: "blur" }
-        ]
-      }
+          {
+            required: true,
+            message: "cron执行表达式不能为空",
+            trigger: "blur",
+          },
+        ],
+      },
     };
   },
-  computed:{
-    invokeTarget:function (){
-      let white = ['jobName','empno','cont','timeout','jobGroup','jobType','jobTypeS','dispc','duration']
-      let param = ''
-      white.forEach((item,index)=>{
-        if(this.form[item])
-        index===white.length-1
-          ?param+=`'${this.form[item]}'`
-          :param+=`'${this.form[item]}',`
-      })
-      this.form.invokeTarget=`ryTask.oaTask(${param})`
-      return `ryTask.oaTask(${param})`
-    }
+  computed: {
+    invokeTarget: function () {
+      let white = [
+        "jobName",
+        "empno",
+        "cont",
+        "timeout",
+        "jobGroup",
+        "jobType",
+        "jobTypeS",
+        "dispc",
+        "duration",
+      ];
+      let param = "";
+      white.forEach((item, index) => {
+        if (this.form[item])
+          index === white.length - 1
+            ? (param += `'${this.form[item]}'`)
+            : (param += `'${this.form[item]}',`);
+      });
+      this.form.invokeTarget = `ryTask.oaTask(${param})`;
+      return `ryTask.oaTask(${param})`;
+    },
   },
   created() {
     this.getList();
@@ -502,7 +645,7 @@ export default {
     /** 查询定时任务列表 */
     getList() {
       this.loading = true;
-      listJob(this.queryParams).then(response => {
+      listJob(this.queryParams).then((response) => {
         this.jobList = response.rows;
         this.total = response.total;
         this.loading = false;
@@ -527,7 +670,7 @@ export default {
         cronExpression: undefined,
         misfirePolicy: 1,
         concurrent: 1,
-        status: "0"
+        status: "0",
       };
       this.resetForm("form");
     },
@@ -543,7 +686,7 @@ export default {
     },
     // 多选框选中数据
     handleSelectionChange(selection) {
-      this.ids = selection.map(item => item.jobId);
+      this.ids = selection.map((item) => item.jobId);
       this.single = selection.length != 1;
       this.multiple = !selection.length;
     },
@@ -569,25 +712,33 @@ export default {
     // 任务状态修改
     handleStatusChange(row) {
       let text = row.status === "0" ? "启用" : "停用";
-      this.$modal.confirm('确认要"' + text + '""' + row.jobName + '"任务吗？').then(function() {
-        return changeJobStatus(row.jobId, row.status);
-      }).then(() => {
-        this.$modal.msgSuccess(text + "成功");
-      }).catch(function() {
-        row.status = row.status === "0" ? "1" : "0";
-      });
+      this.$modal
+        .confirm('确认要"' + text + '""' + row.jobName + '"任务吗？')
+        .then(function () {
+          return changeJobStatus(row.jobId, row.status);
+        })
+        .then(() => {
+          this.$modal.msgSuccess(text + "成功");
+        })
+        .catch(function () {
+          row.status = row.status === "0" ? "1" : "0";
+        });
     },
     /* 立即执行一次 */
     handleRun(row) {
-      this.$modal.confirm('确认要立即执行一次"' + row.jobName + '"任务吗？').then(function() {
-        return runJob(row.jobId, row.jobGroup);
-      }).then(() => {
-        this.$modal.msgSuccess("执行成功");
-      }).catch(() => {});
+      this.$modal
+        .confirm('确认要立即执行一次"' + row.jobName + '"任务吗？')
+        .then(function () {
+          return runJob(row.jobId, row.jobGroup);
+        })
+        .then(() => {
+          this.$modal.msgSuccess("执行成功");
+        })
+        .catch(() => {});
     },
     /** 任务详细信息 */
     handleView(row) {
-      getJob(row.jobId).then(response => {
+      getJob(row.jobId).then((response) => {
         this.form = response.data;
         this.openView = true;
       });
@@ -604,12 +755,12 @@ export default {
     /** 任务日志列表查询 */
     handleJobLog(row) {
       const jobId = row.jobId || 0;
-      this.$router.push('/monitor/job-log/index/' + jobId)
+      this.$router.push("/monitor/job-log/index/" + jobId);
     },
     /** 任务日志列表查询 */
     handleJobReport(row) {
       const jobId = row.jobId || 0;
-      this.$router.push('/monitor/job-log/index/' + jobId)
+      this.$router.push("/monitor/job-log/index/" + jobId);
     },
     /** 新增按钮操作 */
     handleAdd() {
@@ -621,24 +772,24 @@ export default {
     handleUpdate(row) {
       this.reset();
       const jobId = row.jobId || this.ids;
-      getJob(jobId).then(response => {
+      getJob(jobId).then((response) => {
         this.form = response.data;
         this.open = true;
         this.title = "修改任务";
       });
     },
     /** 提交按钮 */
-    submitForm: function() {
-      this.$refs["form"].validate(valid => {
+    submitForm: function () {
+      this.$refs["form"].validate((valid) => {
         if (valid) {
           if (this.form.jobId != undefined) {
-            updateJob(this.form).then(response => {
+            updateJob(this.form).then((response) => {
               this.$modal.msgSuccess("修改成功");
               this.open = false;
               this.getList();
             });
           } else {
-            addJob(this.form).then(response => {
+            addJob(this.form).then((response) => {
               this.$modal.msgSuccess("新增成功");
               this.open = false;
               this.getList();
@@ -650,20 +801,27 @@ export default {
     /** 删除按钮操作 */
     handleDelete(row) {
       const jobIds = row.jobId || this.ids;
-      this.$modal.confirm('是否确认删除定时任务编号为"' + jobIds + '"的数据项？').then(function() {
-        return delJob(jobIds);
-      }).then(() => {
-        this.getList();
-        this.$modal.msgSuccess("删除成功");
-      }).catch(() => {});
+      this.$modal
+        .confirm('是否确认删除定时任务编号为"' + jobIds + '"的数据项？')
+        .then(function () {
+          return delJob(jobIds);
+        })
+        .then(() => {
+          this.getList();
+          this.$modal.msgSuccess("删除成功");
+        })
+        .catch(() => {});
     },
     /** 导出按钮操作 */
     handleExport() {
-      this.download('monitor/job/export', {
-        ...this.queryParams
-      }, `job_${new Date().getTime()}.xlsx`)
-    }
-  }
+      this.download(
+        "monitor/job/export",
+        {
+          ...this.queryParams,
+        },
+        `job_${new Date().getTime()}.xlsx`
+      );
+    },
+  },
 };
-
 </script>

src/views/monitor/job/log.vue

@@ -59,7 +59,11 @@
         ></el-date-picker>
       </el-form-item>
       <el-form-item label="是否完成" prop="whetherComplete">
-        <el-select v-model="queryParams.whetherComplete" placeholder="请选择任务是否完成" clearable>
+        <el-select
+          v-model="queryParams.whetherComplete"
+          placeholder="请选择任务是否完成"
+          clearable
+        >
           <el-option
             v-for="dict in dict.type.sys_job_complete"
             :key="dict.value"
@@ -76,7 +80,11 @@
         />
       </el-form-item>
       <el-form-item label="任务大类" prop="jobType">
-        <el-select v-model="queryParams.jobType" placeholder="请选择任务大类" clearable>
+        <el-select
+          v-model="queryParams.jobType"
+          placeholder="请选择任务大类"
+          clearable
+        >
           <el-option
             v-for="dict in dict.type.sys_oa"
             :key="dict.value"
@@ -86,7 +94,11 @@
         </el-select>
       </el-form-item>
       <el-form-item label="任务小类" prop="jobTypeS">
-        <el-select v-model="queryParams.jobTypeS" placeholder="请选择任务小类" clearable>
+        <el-select
+          v-model="queryParams.jobTypeS"
+          placeholder="请选择任务小类"
+          clearable
+        >
           <el-option
             v-for="dict in dict.type.sys_oa_s"
             :key="dict.value"
@@ -221,7 +233,7 @@
       />
       <el-table-column
         label="任务内容"
-        width="200"
+        width="400"
         align="center"
         prop="cont"
       />
@@ -367,7 +379,14 @@ import { listJobLog, delJobLog, cleanJobLog } from "@/api/monitor/jobLog";
 
 export default {
   name: "JobLog",
-  dicts: ["sys_job_complete", "sys_oa", "sys_oa_s", "sys_common_status", "sys_job_group","sys_oa_back_state"],
+  dicts: [
+    "sys_job_complete",
+    "sys_oa",
+    "sys_oa_s",
+    "sys_common_status",
+    "sys_job_group",
+    "sys_oa_back_state",
+  ],
   data() {
     return {
       // 遮罩层
@@ -397,8 +416,8 @@ export default {
         status: undefined,
         jobType: undefined,
         jobTypeS: undefined,
-        empno:undefined,
-        whetherComplete:undefined
+        empno: undefined,
+        whetherComplete: undefined,
       },
     };
   },
@@ -431,26 +450,27 @@ export default {
           this.jobLogList = response.rows.map((item) => {
             const { executionTime, createTime, duration } = item;
 
-            const durations=`${duration}h`;
-            let tqaaaa  = null;
-
+            const durations = `${duration}h`;
+            let tqaaaa = null;
 
-            if(executionTime != null){
+            if (executionTime != null) {
               tqaaaa = (
-                parseInt (
-                  new Date(executionTime).getTime() - new Date(createTime).getTime()
+                parseInt(
+                  new Date(executionTime).getTime() -
+                    new Date(createTime).getTime()
                 ) /
                 1000 /
                 60 /
                 60
               ).toFixed(2);
             }
-            
 
             /** 用于计算超时时长 */
-             const calculateTime = (
-              parseInt (
-                new Date(executionTime == null ? Date(): executionTime).getTime() - new Date(createTime).getTime()
+            const calculateTime = (
+              parseInt(
+                new Date(
+                  executionTime == null ? Date() : executionTime
+                ).getTime() - new Date(createTime).getTime()
               ) /
               1000 /
               60 /
@@ -458,7 +478,7 @@ export default {
             ).toFixed(2);
 
             /** 计算超时时长 */
-            const timestemp = (calculateTime - duration).toFixed(2)  ;
+            const timestemp = (calculateTime - duration).toFixed(2);
 
             const tqbbbb = timestemp > 0 ? `超时 ${timestemp}h` : `未超时`;