日志按时间戳正序排序

This commit is contained in:
xlsea 2024-01-22 10:02:56 +08:00
parent fa9f64d28b
commit d9608d5bd6

View File

@ -9,28 +9,28 @@
<div class="log"> <div class="log">
<table class="scroller"> <table class="scroller">
<tbody> <tbody>
<tr v-for="(log, index) in logList" :key="index"> <tr v-for="(log, index) in logList" :key="index">
<td class="index"> <td class="index">
{{ index + 1 }} {{ index + 1 }}
</td> </td>
<td> <td>
<div class="content"> <div class="content">
<div class="line"> <div class="line">
<div class="flex"> <div class="flex">
<div class="text" style="color: #2db7f5">{{ timestampToDate(log.time_stamp) }}</div> <div class="text" style="color: #2db7f5">{{ timestampToDate(log.time_stamp) }}</div>
<div class="text" :style="{ color: LevelEnum[log.level].color }"> <div class="text" :style="{ color: LevelEnum[log.level].color }">
{{ log.level.length === 4 ? log.level + ' ' : log.level }} {{ log.level.length === 4 ? log.level + ' ' : log.level }}
</div>
<div class="text" style="color: #00a3a3">[{{ log.thread }}]</div>
<div class="text" style="color: #a771bf; font-weight: 500">{{ log.location }}</div>
<div class="text">:</div>
</div> </div>
<div class="text" style="color: #00a3a3">[{{ log.thread }}]</div> <div class="text" style="font-size: 16px">{{ log.message }}</div>
<div class="text" style="color: #a771bf; font-weight: 500">{{ log.location }}</div> <div class="text" style="font-size: 16px">{{ log.throwable }}</div>
<div class="text">:</div>
</div> </div>
<div class="text" style="font-size: 16px">{{ log.message }}</div>
<div class="text" style="font-size: 16px">{{ log.throwable }}</div>
</div> </div>
</div> </td>
</td> </tr>
</tr>
</tbody> </tbody>
</table> </table>
</div> </div>
@ -135,6 +135,7 @@ export default {
this.fromIndex = res.data.fromIndex this.fromIndex = res.data.fromIndex
if (res.data.message) { if (res.data.message) {
this.logList.push(...res.data.message) this.logList.push(...res.data.message)
this.logList.sort((a, b) => a.time_stamp - b.time_stamp)
} }
}) })
.catch(() => { .catch(() => {
@ -153,7 +154,7 @@ export default {
const hours = date.getHours() const hours = date.getHours()
const minutes = date.getMinutes().toString().length === 1 ? '0' + date.getMinutes() : date.getMinutes().toString() const minutes = date.getMinutes().toString().length === 1 ? '0' + date.getMinutes() : date.getMinutes().toString()
const seconds = date.getSeconds().toString().length === 1 ? '0' + date.getSeconds() : date.getSeconds().toString() const seconds = date.getSeconds().toString().length === 1 ? '0' + date.getSeconds() : date.getSeconds().toString()
return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}` return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}.${date.getMilliseconds()}`
} }
} }
} }