gtsoft-snail-job-server/frontend/src/views/task/RetryTaskInfo.vue
byteblogs168 1ceeb56113 feat:2.4.0
1. 修复查询重试日志重复问题
2023-11-14 16:33:26 +08:00

114 lines
3.4 KiB
Vue

<template>
<div>
<page-header-wrapper @back="() => $router.go(-1)" style="margin: -24px -1px 0">
<div></div>
</page-header-wrapper>
<a-card :bordered="false" v-if="retryTaskInfo !==null ">
<a-descriptions title="" bordered>
<a-descriptions-item label="组名称">
{{ retryTaskInfo.groupName }}
</a-descriptions-item>
<a-descriptions-item label="场景名称">
{{ retryTaskInfo.sceneName }}
</a-descriptions-item>
<a-descriptions-item label="幂等id">
{{ retryTaskInfo.idempotentId }}
</a-descriptions-item>
<a-descriptions-item label="唯一id">
{{ retryTaskInfo.uniqueId }}
</a-descriptions-item>
<a-descriptions-item label="业务编号">
{{ retryTaskInfo.bizNo }}
</a-descriptions-item>
<a-descriptions-item label="重试次数">
{{ retryTaskInfo.retryCount }}
</a-descriptions-item>
<a-descriptions-item label="重试状态 | 数据类型">
<a-tag color="red">
{{ retryStatus[retryTaskInfo.retryStatus] }}
</a-tag>
<a-divider type="vertical" />
<a-tag :color="taskType[retryTaskInfo.taskType].color">
{{ taskType[retryTaskInfo.taskType].name }}
</a-tag>
</a-descriptions-item>
<a-descriptions-item label="下次触发时间">
{{ retryTaskInfo.nextTriggerAt }}
</a-descriptions-item>
<a-descriptions-item label="更新时间">
{{ retryTaskInfo.updateDt }}
</a-descriptions-item>
<a-descriptions-item label="执行器名称" span="3">
{{ retryTaskInfo.executorName }}
</a-descriptions-item>
<a-descriptions-item label="参数" span="3">
{{ retryTaskInfo.argsStr }}
</a-descriptions-item>
<a-descriptions-item label="扩展参数" span="3">
{{ retryTaskInfo.extAttrs }}
</a-descriptions-item>
</a-descriptions>
</a-card>
<RetryTaskLogMessageList ref="retryTaskLogMessageListRef" />
</div>
</template>
<script>
import { getRetryTaskById } from '@/api/manage'
import moment from 'moment'
import RetryTaskLogMessageList from './RetryTaskLogMessageList'
export default {
name: 'RetryTaskInfo',
components: {
RetryTaskLogMessageList
},
data () {
return {
retryTaskInfo: null,
retryStatus: {
'0': '处理中',
'1': '处理成功',
'2': '最大次数',
'3': '暂停'
},
taskType: {
'1': {
'name': '重试数据',
'color': '#d06892'
},
'2': {
'name': '回调数据',
'color': '#f5a22d'
}
}
}
},
created () {
const id = this.$route.query.id
const groupName = this.$route.query.groupName
if (id && groupName) {
getRetryTaskById(id, { 'groupName': groupName }).then(res => {
this.retryTaskInfo = res.data
this.queryParam = {
groupName: this.retryTaskInfo.groupName,
uniqueId: this.retryTaskInfo.uniqueId
}
this.$refs.retryTaskLogMessageListRef.refreshTable(this.queryParam)
})
} else {
// this.$router.push({ path: '/404' })
}
},
methods: {
parseDate (date) {
return moment(date).format('YYYY-MM-DD HH:mm:ss')
}
}
}
</script>
<style scoped>
</style>