From 899bbe3ffb682dbed2b0c0bd1fd80808db2689c1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=8D=E5=81=9A=E7=A0=81=E5=86=9C?= <599854767@qq.com>
Date: Tue, 22 Mar 2022 17:49:16 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BB=BB=E5=8A=A1=E6=97=A5=E5=BF=97=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E6=97=B6=E9=97=B4=E8=BD=B4=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ZR.Vue/src/views/monitor/job/index.vue | 32 ++++++++++++++++++++++----
 1 file changed, 27 insertions(+), 5 deletions(-)

diff --git a/ZR.Vue/src/views/monitor/job/index.vue b/ZR.Vue/src/views/monitor/job/index.vue
index 2809c55..325f32c 100644
--- a/ZR.Vue/src/views/monitor/job/index.vue
+++ b/ZR.Vue/src/views/monitor/job/index.vue
@@ -28,7 +28,7 @@
         <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 plain v-hasPermi="['monitor:job:query']" type="info" icon="el-icon-s-operation" size="mini" @click="handleJobLog({id: 1})">日志
+        <el-button plain v-hasPermi="['monitor:job:query']" type="info" icon="el-icon-s-operation" size="mini" @click="handleJobLog()">日志
         </el-button>
       </el-col>
       <right-toolbar :showSearch.sync="searchToggle" @queryTable="handleQuery"></right-toolbar>
@@ -52,8 +52,9 @@
         <el-table-column prop="remark" align="center" label="备注" :show-overflow-tooltip="true" />
         <el-table-column label="操作" align="center" width="230" class-name="small-padding fixed-width">
           <template slot-scope="scope">
-            <el-button type="text" size="mini" icon="el-icon-view" v-hasPermi="['monitor:job:query']">
-              <router-link :to="{path: 'job/log', query: {jobId: scope.row.id}}">日志</router-link>
+            <el-button type="text" size="mini" icon="el-icon-view" v-hasPermi="['monitor:job:query']" @click="handleJobLog(scope.row.id)">
+              日志
+              <!-- <router-link :to="{path: 'job/log', query: {jobId: scope.row.id}}">日志</router-link> -->
             </el-button>
             <el-button type="text" v-if="scope.row.isStart" v-hasPermi="['monitor:job:run']" size="mini" icon="el-icon-remove" title="运行"
               @click="handleRun(scope.row)">运行</el-button>
@@ -148,6 +149,15 @@
         <el-button type="primary" @click="submitForm">确 定</el-button>
       </div>
     </el-dialog>
+
+    <el-drawer title="日志时间轴" :visible.sync="drawer">
+      <el-timeline>
+        <el-timeline-item :timestamp="item.createTime" placement="top" v-for="(item, i) in jobLogList" :key="i">
+          <h4>{{item.jobMessage}}</h4>
+          <p>{{item.exception}}</p>
+        </el-timeline-item>
+      </el-timeline>
+    </el-drawer>
   </div>
 </template>
 
@@ -162,6 +172,8 @@ import {
   runTasks,
   exportTasks
 } from '@/api/monitor/job'
+import { listJobLog } from '@/api/monitor/jobLog'
+
 export default {
   name: 'job',
   data() {
@@ -210,6 +222,7 @@ export default {
       }
     }
     return {
+      drawer: false,
       // 选中数组
       ids: [],
       // 非单个禁用
@@ -240,6 +253,8 @@ export default {
       },
       // 计划任务列表
       dataTasks: [],
+      // 任务日志列表
+      jobLogList: [],
       // 任务状态字典
       isStartOptions: [
         { dictLabel: '运行中', dictValue: 'true' },
@@ -289,7 +304,7 @@ export default {
       // 时间的选择
       pickerOptions: {
         disabledDate(time) {
-					return time.getTime() < Date.now() - 8.64e7;
+          return time.getTime() < Date.now() - 8.64e7
         }
       }
     }
@@ -346,7 +361,14 @@ export default {
     },
     /** 任务日志列表查询 */
     handleJobLog(param) {
-      this.$router.push({ path: 'job/log', params: param })
+      if (param == undefined) {
+        this.$router.push({ path: 'job/log' })
+      } else {
+        this.drawer = true
+        listJobLog({ id: param }).then((response) => {
+          this.jobLogList = response.data.result
+        })
+      }
     },
     // 启动按钮
     handleStart(row) {