123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544 |
- <template>
- <div class="app-container">
- <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"
- placeholder="请输入任务名称"
- clearable
- style="width: 240px"
- @keyup.enter.native="handleQuery"
- />
- </el-form-item>
- <el-form-item label="任务组名" prop="jobGroup">
- <el-select
- v-model="queryParams.jobGroup"
- placeholder="请选择任务组名"
- clearable
- style="width: 240px"
- >
- <el-option
- v-for="dict in dict.type.sys_job_group"
- :key="dict.value"
- :label="dict.label"
- :value="dict.value"
- />
- </el-select>
- </el-form-item>
- <el-form-item label="执行状态" prop="status">
- <el-select
- v-model="queryParams.status"
- placeholder="请选择执行状态"
- clearable
- style="width: 240px"
- >
- <el-option
- v-for="dict in dict.type.sys_common_status"
- :key="dict.value"
- :label="dict.label"
- :value="dict.value"
- />
- </el-select>
- </el-form-item>
- <el-form-item label="执行时间">
- <el-date-picker
- v-model="dateRange"
- style="width: 240px"
- value-format="yyyy-MM-dd"
- type="daterange"
- range-separator="-"
- start-placeholder="开始日期"
- end-placeholder="结束日期"
- ></el-date-picker>
- </el-form-item>
- <el-form-item label="是否完成" prop="whetherComplete">
- <el-select v-model="queryParams.whetherComplete" placeholder="请选择任务是否完成" clearable>
- <el-option
- v-for="dict in dict.type.sys_job_complete"
- :key="dict.value"
- :label="dict.label"
- :value="dict.value"
- />
- </el-select>
- </el-form-item>
- <el-form-item label="任务员工" prop="empno">
- <el-input
- v-model="queryParams.empno"
- placeholder="请输入员工工号"
- clearable
- />
- </el-form-item>
- <el-form-item label="任务大类" prop="jobType">
- <el-select v-model="queryParams.jobType" placeholder="请选择任务大类" clearable>
- <el-option
- v-for="dict in dict.type.sys_oa"
- :key="dict.value"
- :label="dict.label"
- :value="dict.value"
- />
- </el-select>
- </el-form-item>
- <el-form-item label="任务小类" prop="jobTypeS">
- <el-select v-model="queryParams.jobTypeS" placeholder="请选择任务小类" clearable>
- <el-option
- v-for="dict in dict.type.sys_oa_s"
- :key="dict.value"
- :label="dict.label"
- :value="dict.value"
- />
- </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-form-item>
- </el-form>
- <el-row :gutter="10" class="mb8">
- <el-col :span="1.5">
- <el-button
- type="danger"
- plain
- icon="el-icon-delete"
- size="mini"
- :disabled="multiple"
- @click="handleDelete"
- v-hasPermi="['monitor:job:remove']"
- >删除</el-button
- >
- </el-col>
- <el-col :span="1.5">
- <el-button
- type="danger"
- plain
- icon="el-icon-delete"
- size="mini"
- @click="handleClean"
- v-hasPermi="['monitor:job:remove']"
- >清空</el-button
- >
- </el-col>
- <el-col :span="1.5">
- <el-button
- type="warning"
- plain
- icon="el-icon-download"
- size="mini"
- @click="handleExport"
- v-hasPermi="['monitor:job:export']"
- >导出</el-button
- >
- </el-col>
- <el-col :span="1.5">
- <el-button
- type="warning"
- plain
- icon="el-icon-close"
- size="mini"
- @click="handleClose"
- >关闭</el-button
- >
- </el-col>
- <right-toolbar
- :showSearch.sync="showSearch"
- @queryTable="getList"
- ></right-toolbar>
- </el-row>
- <el-table
- v-loading="loading"
- :data="jobLogList"
- @selection-change="handleSelectionChange"
- @row-dblclick="dblclick"
- >
- <el-table-column type="selection" width="55" align="center" />
- <el-table-column label="编号" width="80" align="center" prop="jobLogId" />
- <el-table-column label="任务执行状态" align="center" prop="status">
- <template slot-scope="scope">
- <dict-tag
- :options="dict.type.sys_common_status"
- :value="scope.row.status"
- />
- </template>
- </el-table-column>
- <!-- <el-table-column label="执行时间" align="center" prop="createTime" width="180">
- <template slot-scope="scope">
- <span>{{ parseTime(scope.row.createTime) }}</span>
- </template>
- </el-table-column>-->
- <el-table-column
- label="完成时长"
- width="180"
- align="center"
- prop="tqaaaa"
- />
- <el-table-column
- label="超时时长"
- width="180"
- align="center"
- prop="tqbbbb"
- />
- <el-table-column
- label="任务名称"
- width="180"
- align="center"
- prop="jobName"
- :show-overflow-tooltip="false"
- />
- <el-table-column
- label="任务员工"
- width="80"
- align="center"
- prop="nickName"
- />
- <el-table-column
- label="任务大类"
- width="80"
- align="center"
- prop="jobType"
- />
- <el-table-column
- label="任务小类"
- width="80"
- align="center"
- prop="jobTypeS"
- />
- <el-table-column
- label="任务内容"
- width="200"
- align="center"
- prop="cont"
- />
- <el-table-column
- label="执行时间"
- align="center"
- prop="createTime"
- width="180"
- >
- <template slot-scope="scope">
- <span>{{ parseTime(scope.row.createTime) }}</span>
- </template>
- </el-table-column>
- <el-table-column
- label="完成时间"
- width="180"
- align="center"
- prop="executionTime"
- />
- <el-table-column
- label="预计时长"
- width="80"
- align="center"
- prop="durations"
- />
- <el-table-column
- label="oa执行状态"
- width="90"
- align="center"
- prop="completionStatus"
- >
- <template slot-scope="scope">
- <dict-tag
- :options="dict.type.sys_oa_back_state"
- :value="scope.row.completionStatus"
- />
- </template>
- </el-table-column>
- <el-table-column
- label="任务组名"
- align="center"
- prop="jobGroup"
- :show-overflow-tooltip="true"
- >
- <template slot-scope="scope">
- <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="日志信息"
- align="center"
- prop="jobMessage"
- :show-overflow-tooltip="true"
- />
- <el-table-column
- label="操作"
- align="center"
- class-name="small-padding fixed-width"
- >
- <template slot-scope="scope">
- <el-button
- size="mini"
- type="text"
- icon="el-icon-view"
- @click="handleView(scope.row)"
- v-hasPermi="['monitor:job:query']"
- >详细</el-button
- >
- </template>
- </el-table-column>
- </el-table>
- <pagination
- v-show="total > 0"
- :total="total"
- :page.sync="queryParams.pageNum"
- :limit.sync="queryParams.pageSize"
- @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-form-item label="员工工号:">{{ form.empno }}</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">
- <el-button @click="open = false">关 闭</el-button>
- </div>
- </el-dialog>
- </div>
- </template>
- <script>
- import { getJob } from "@/api/monitor/job";
- 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"],
- data() {
- return {
- // 遮罩层
- loading: true,
- // 选中数组
- ids: [],
- // 非多个禁用
- multiple: true,
- // 显示搜索条件
- showSearch: true,
- // 总条数
- total: 0,
- // 调度日志表格数据
- jobLogList: [],
- // 是否显示弹出层
- open: false,
- // 日期范围
- dateRange: [],
- // 表单参数
- form: {},
- // 查询参数
- queryParams: {
- pageNum: 1,
- pageSize: 10,
- jobName: undefined,
- jobGroup: undefined,
- status: undefined,
- jobType: undefined,
- jobTypeS: undefined,
- empno:undefined,
- whetherComplete:undefined
- },
- };
- },
- created() {
- 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();
- });
- } else {
- this.getList();
- }
- },
- methods: {
- dblclick({ executionTime, createTime }, column) {
- console.log(
- (new Date(executionTime).getTime() - new Date(createTime).getTime()) /
- 1000 +
- "s"
- );
- },
- /** 查询调度日志列表 */
- getList() {
- this.loading = true;
- listJobLog(this.addDateRange(this.queryParams, this.dateRange)).then(
- (response) => {
- // console.log(response, 'response')
- this.jobLogList = response.rows.map((item) => {
- const { executionTime, createTime, duration } = item;
- const durations=`${duration}h`;
- let tqaaaa = null;
- if(executionTime != null){
- tqaaaa = (
- 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()
- ) /
- 1000 /
- 60 /
- 60
- ).toFixed(2);
- /** 计算超时时长 */
- const timestemp = (calculateTime - duration).toFixed(2) ;
- const tqbbbb = timestemp > 0 ? `超时 ${timestemp}h` : `未超时`;
- return {
- ...item,
- tqaaaa,
- tqbbbb,
- durations,
- };
- });
- this.total = response.total;
- this.loading = false;
- }
- );
- },
- // new Date(scope.row.executionTime).getTime()-new Date(scope.row.createTime).getTime())/1000+'s'
- // 返回按钮
- handleClose() {
- const obj = { path: "/monitor/job" };
- this.$tab.closeOpenPage(obj);
- },
- /** 搜索按钮操作 */
- handleQuery() {
- this.queryParams.pageNum = 1;
- this.getList();
- },
- /** 重置按钮操作 */
- resetQuery() {
- this.dateRange = [];
- this.resetForm("queryForm");
- this.handleQuery();
- },
- // 多选框选中数据
- handleSelectionChange(selection) {
- this.ids = selection.map((item) => item.jobLogId);
- this.multiple = !selection.length;
- },
- /** 详细按钮操作 */
- handleView(row) {
- this.open = true;
- this.form = row;
- },
- /** 删除按钮操作 */
- handleDelete(row) {
- const jobLogIds = this.ids;
- this.$modal
- .confirm('是否确认删除调度日志编号为"' + jobLogIds + '"的数据项?')
- .then(function () {
- return delJobLog(jobLogIds);
- })
- .then(() => {
- this.getList();
- this.$modal.msgSuccess("删除成功");
- })
- .catch(() => {});
- },
- /** 清空按钮操作 */
- handleClean() {
- this.$modal
- .confirm("是否确认清空所有调度日志数据项?")
- .then(function () {
- return cleanJobLog();
- })
- .then(() => {
- this.getList();
- this.$modal.msgSuccess("清空成功");
- })
- .catch(() => {});
- },
- /** 导出按钮操作 */
- handleExport() {
- this.download(
- "/monitor/jobLog/export",
- {
- ...this.queryParams,
- },
- `log_${new Date().getTime()}.xlsx`
- );
- },
- },
- };
- </script>
|