优化定时任务详情页展示&补充执行时间字段

RuoYi

2026-03-21 784fe5c3997f10071ad35ee358c9ab45aa15091e

 ruoyi-ui/src/views/monitor/job/log.vue

@@ -143,48 +143,18 @@
      @pagination="getList"

    />



    <!-- 调度日志详细 -->

    <el-dialog title="调度日志详细" :visible.sync="open" width="700px" append-to-body>

      <el-form ref="form" :model="form" label-width="100px" size="mini">

        <el-row>

          <el-col :span="12">

            <el-form-item label="日志序号：">{{ form.jobLogId }}</el-form-item>

            <el-form-item label="任务名称：">{{ form.jobName }}</el-form-item>

          </el-col>

          <el-col :span="12">

            <el-form-item label="任务分组：">{{ form.jobGroup }}</el-form-item>

            <el-form-item label="执行时间：">{{ form.createTime }}</el-form-item>

          </el-col>

          <el-col :span="24">

            <el-form-item label="调用方法：">{{ form.invokeTarget }}</el-form-item>

          </el-col>

          <el-col :span="24">

            <el-form-item label="日志信息：">{{ form.jobMessage }}</el-form-item>

          </el-col>

          <el-col :span="24">

            <el-form-item label="执行状态：">

              <div v-if="form.status == 0">正常</div>

              <div v-else-if="form.status == 1">失败</div>

            </el-form-item>

          </el-col>

          <el-col :span="24">

            <el-form-item label="异常信息：" v-if="form.status == 1">{{ form.exceptionInfo }}</el-form-item>

          </el-col>

        </el-row>

      </el-form>

      <div slot="footer" class="dialog-footer">

        <el-button @click="open = false">关 闭</el-button>

      </div>

    </el-dialog>

    <job-log-detail :visible.sync="open" :row="form" type="log" />

  </div>

</template>



<script>

import { getJob} from "@/api/monitor/job";

import { listJobLog, delJobLog, cleanJobLog } from "@/api/monitor/jobLog";

import { getJob} from "@/api/monitor/job"

import { listJobLog, delJobLog, cleanJobLog } from "@/api/monitor/jobLog"

import JobLogDetail from './detail'



export default {

  name: "JobLog",

  components: { JobLogDetail },

  dicts: ['sys_common_status', 'sys_job_group'],

  data() {

    return {

@@ -214,75 +184,75 @@
        jobGroup: undefined,

        status: undefined

      }

    };

    }

  },

  created() {

    const jobId = this.$route.params && this.$route.params.jobId;

    const jobId = this.$route.params && this.$route.params.jobId

    if (jobId !== undefined && jobId != 0) {

      getJob(jobId).then(response => {

        this.queryParams.jobName = response.data.jobName;

        this.queryParams.jobGroup = response.data.jobGroup;

        this.getList();

      });

        this.queryParams.jobName = response.data.jobName

        this.queryParams.jobGroup = response.data.jobGroup

        this.getList()

      })

    } else {

      this.getList();

      this.getList()

    }

  },

  methods: {

    /** 查询调度日志列表 */

    getList() {

      this.loading = true;

      this.loading = true

      listJobLog(this.addDateRange(this.queryParams, this.dateRange)).then(response => {

          this.jobLogList = response.rows;

          this.total = response.total;

          this.loading = false;

          this.jobLogList = response.rows

          this.total = response.total

          this.loading = false

        }

      );

      )

    },

    // 返回按钮

    handleClose() {

      const obj = { path: "/monitor/job" };

      this.$tab.closeOpenPage(obj);

      const obj = { path: "/monitor/job" }

      this.$tab.closeOpenPage(obj)

    },

    /** 搜索按钮操作 */

    handleQuery() {

      this.queryParams.pageNum = 1;

      this.getList();

      this.queryParams.pageNum = 1

      this.getList()

    },

    /** 重置按钮操作 */

    resetQuery() {

      this.dateRange = [];

      this.resetForm("queryForm");

      this.handleQuery();

      this.dateRange = []

      this.resetForm("queryForm")

      this.handleQuery()

    },

    // 多选框选中数据

    handleSelectionChange(selection) {

      this.ids = selection.map(item => item.jobLogId);

      this.multiple = !selection.length;

      this.ids = selection.map(item => item.jobLogId)

      this.multiple = !selection.length

    },

    /** 详细按钮操作 */

    handleView(row) {

      this.open = true;

      this.form = row;

      this.open = true

      this.form = row

    },

    /** 删除按钮操作 */

    handleDelete(row) {

      const jobLogIds = this.ids;

      const jobLogIds = this.ids

      this.$modal.confirm('是否确认删除调度日志编号为"' + jobLogIds + '"的数据项？').then(function() {

        return delJobLog(jobLogIds);

        return delJobLog(jobLogIds)

      }).then(() => {

        this.getList();

        this.$modal.msgSuccess("删除成功");

      }).catch(() => {});

        this.getList()

        this.$modal.msgSuccess("删除成功")

      }).catch(() => {})

    },

    /** 清空按钮操作 */

    handleClean() {

      this.$modal.confirm('是否确认清空所有调度日志数据项？').then(function() {

        return cleanJobLog();

        return cleanJobLog()

      }).then(() => {

        this.getList();

        this.$modal.msgSuccess("清空成功");

      }).catch(() => {});

        this.getList()

        this.$modal.msgSuccess("清空成功")

      }).catch(() => {})

    },

    /** 导出按钮操作 */

    handleExport() {

@@ -291,5 +261,5 @@
      }, `log_${new Date().getTime()}.xlsx`)

    }

  }

};

</script>
}

</script>