gtsoft/gtsoft-snail-job-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(sj_1.0.0): 优化详情展示

Browse Source
This commit is contained in:
opensnail 2024-04-30 09:22:37 +08:00
parent a728870f22
commit 183ba8b291
5 changed files with 61 additions and 116 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/utils/common.ts
View File

@ -75,7 +75,7 @@ export function tagColor(index: number) {
1: 'info', 1: 'info',
2: 'success', 2: 'success',
3: 'warning', 3: 'warning',
4: 'default' 4: 'primary'
}; };
if (index === null || index < 0) { if (index === null || index < 0) {

33
src/views/group/modules/group-detail-drawer.vue
View File

@ -30,36 +30,29 @@ watch(
<template> <template>
<OperateDrawer v-model="visible" :title="$t('page.groupConfig.detail')"> <OperateDrawer v-model="visible" :title="$t('page.groupConfig.detail')">
<NDescriptions label-placement="top" bordered :column="6"> <NDescriptions label-placement="top" bordered :column="2">
<NDescriptionsItem :label="$t('page.groupConfig.groupName')">{{ rowData?.groupName }}</NDescriptionsItem> <NDescriptionsItem :label="$t('page.groupConfig.groupName')" :span="2">
</NDescriptions> {{ rowData?.groupName }}
<NDescriptions label-placement="top" bordered :column="6"> </NDescriptionsItem>
<NDescriptionsItem :label="$t('page.groupConfig.groupStatus')">
<NDescriptionsItem :label="$t('page.groupConfig.token')" :span="2">{{ rowData?.token }}</NDescriptionsItem>
<NDescriptionsItem :label="$t('page.groupConfig.groupStatus')" :span="1">
<NTag :type="tagColor(rowData?.groupStatus!)">{{ $t(groupConfigStatusRecord[rowData?.groupStatus!]) }}</NTag> <NTag :type="tagColor(rowData?.groupStatus!)">{{ $t(groupConfigStatusRecord[rowData?.groupStatus!]) }}</NTag>
</NDescriptionsItem> </NDescriptionsItem>
</NDescriptions> <NDescriptionsItem :label="$t('page.groupConfig.idGeneratorMode')" :span="1">
<NDescriptions label-placement="top" bordered :column="6">
<NDescriptionsItem :label="$t('page.groupConfig.token')">{{ rowData?.token }}</NDescriptionsItem>
</NDescriptions>
<NDescriptions label-placement="top" bordered :column="6">
<NDescriptionsItem :label="$t('page.groupConfig.idGeneratorMode')">
<NTag :type="tagColor(rowData?.idGeneratorMode!)"> <NTag :type="tagColor(rowData?.idGeneratorMode!)">
{{ $t(groupConfigIdModeRecord[rowData?.idGeneratorMode!]) }} {{ $t(groupConfigIdModeRecord[rowData?.idGeneratorMode!]) }}
</NTag> </NTag>
</NDescriptionsItem> </NDescriptionsItem>
</NDescriptions> <NDescriptionsItem :label="$t('page.groupConfig.groupPartition')" :span="1">
<NDescriptions label-placement="top" bordered :column="6">
<NDescriptionsItem :label="$t('page.groupConfig.groupPartition')">
{{ rowData?.groupPartition }} {{ rowData?.groupPartition }}
</NDescriptionsItem> </NDescriptionsItem>
</NDescriptions> <NDescriptionsItem :label="$t('page.groupConfig.initScene')" :span="1">
<NDescriptions label-placement="top" bordered :column="6">
<NDescriptionsItem :label="$t('page.groupConfig.initScene')">
<NTag :type="tagColor(rowData?.initScene!)">{{ $t(yesOrNoRecord[rowData?.initScene!]) }}</NTag> <NTag :type="tagColor(rowData?.initScene!)">{{ $t(yesOrNoRecord[rowData?.initScene!]) }}</NTag>
</NDescriptionsItem> </NDescriptionsItem>
</NDescriptions> <NDescriptionsItem :label="$t('page.groupConfig.description')" :span="2">
<NDescriptions label-placement="top" bordered :column="6"> {{ rowData?.description }}
<NDescriptionsItem :label="$t('page.groupConfig.description')">{{ rowData?.description }}</NDescriptionsItem> </NDescriptionsItem>
</NDescriptions> </NDescriptions>
</OperateDrawer> </OperateDrawer>
</template> </template>

40
src/views/retry/log/modules/retry-log-detail-drawer.vue
View File

@ -29,44 +29,28 @@ watch(
<template> <template>
<OperateDrawer v-model="visible" :title="$t('page.retryLog.detail')"> <OperateDrawer v-model="visible" :title="$t('page.retryLog.detail')">
<NDescriptions label-placement="top" bordered :column="6"> <NDescriptions label-placement="top" bordered :column="2">
<NDescriptionsItem :label="$t('page.retryLog.UniqueId')"> <NDescriptionsItem :label="$t('page.retryLog.UniqueId')" :span="2">
{{ rowData?.uniqueId }} {{ rowData?.uniqueId }}
</NDescriptionsItem> </NDescriptionsItem>
</NDescriptions> <NDescriptionsItem :label="$t('page.retryLog.groupName')" :span="2">{{ rowData?.groupName }}</NDescriptionsItem>
<NDescriptions label-placement="top" bordered :column="6"> <NDescriptionsItem :label="$t('page.retryLog.sceneName')" :span="2">{{ rowData?.sceneName }}</NDescriptionsItem>
<NDescriptionsItem :label="$t('page.retryLog.groupName')">{{ rowData?.groupName }}</NDescriptionsItem> <NDescriptionsItem :label="$t('page.retryLog.retryStatus')" :span="1">
</NDescriptions>
<NDescriptions label-placement="top" bordered :column="6">
<NDescriptionsItem :label="$t('page.retryLog.sceneName')">{{ rowData?.sceneName }}</NDescriptionsItem>
</NDescriptions>
<NDescriptions label-placement="top" bordered :column="6">
<NDescriptionsItem :label="$t('page.retryLog.retryStatus')">
<NTag :type="tagColor(rowData?.retryStatus!)"> <NTag :type="tagColor(rowData?.retryStatus!)">
{{ $t(retryTaskStatusTypeRecord[rowData?.retryStatus!]) }} {{ $t(retryTaskStatusTypeRecord[rowData?.retryStatus!]) }}
</NTag> </NTag>
</NDescriptionsItem> </NDescriptionsItem>
</NDescriptions> <NDescriptionsItem :label="$t('page.retryLog.taskType')" :span="1">
<NDescriptions label-placement="top" bordered :column="6">
<NDescriptionsItem :label="$t('page.retryLog.taskType')">
<NTag :type="tagColor(rowData?.taskType!)">{{ $t(retryTaskTypeRecord[rowData?.taskType!]) }}</NTag> <NTag :type="tagColor(rowData?.taskType!)">{{ $t(retryTaskTypeRecord[rowData?.taskType!]) }}</NTag>
</NDescriptionsItem> </NDescriptionsItem>
</NDescriptions> <NDescriptionsItem :label="$t('page.retryLog.bizNo')" :span="2">{{ rowData?.bizNo }}</NDescriptionsItem>
<NDescriptions label-placement="top" bordered :column="6"> <NDescriptionsItem :label="$t('page.retryLog.idempotentId')" :span="2">
<NDescriptionsItem :label="$t('page.retryLog.bizNo')">{{ rowData?.bizNo }}</NDescriptionsItem>
</NDescriptions>
<NDescriptions label-placement="top" bordered :column="6">
<NDescriptionsItem :label="$t('page.retryLog.idempotentId')">
{{ rowData?.idempotentId }} {{ rowData?.idempotentId }}
</NDescriptionsItem> </NDescriptionsItem>
</NDescriptions> <NDescriptionsItem :label="$t('page.retryTask.executorName')" :span="2">
<NDescriptions label-placement="top" bordered :column="6"> {{ rowData?.executorName }}
<NDescriptionsItem :label="$t('page.retryTask.executorName')">{{ rowData?.executorName }}</NDescriptionsItem> </NDescriptionsItem>
</NDescriptions> <NDescriptionsItem :label="$t('page.retryTask.argsStr')" :span="2">{{ rowData?.argsStr }}</NDescriptionsItem>
<NDescriptions label-placement="top" bordered :column="6">
<NDescriptionsItem :label="$t('page.retryTask.argsStr')">{{ rowData?.argsStr }}</NDescriptionsItem>
</NDescriptions>
<NDescriptions label-placement="top" bordered :column="6">
<NDescriptionsItem :label="$t('common.createDt')">{{ rowData?.createDt }}</NDescriptionsItem> <NDescriptionsItem :label="$t('common.createDt')">{{ rowData?.createDt }}</NDescriptionsItem>
</NDescriptions> </NDescriptions>
</OperateDrawer> </OperateDrawer>

44
src/views/retry/scene/modules/scene-detail-drawer.vue
View File

@ -42,49 +42,35 @@ watch(
<template> <template>
<OperateDrawer v-model="visible" :title="$t('page.retryScene.detail')"> <OperateDrawer v-model="visible" :title="$t('page.retryScene.detail')">
<NDescriptions label-placement="top" bordered :column="6"> <NDescriptions label-placement="top" bordered :column="2">
<NDescriptionsItem :label="$t('page.retryScene.sceneName')">{{ rowData?.sceneName }}</NDescriptionsItem> <NDescriptionsItem :label="$t('page.retryScene.sceneName')" :span="2">{{ rowData?.sceneName }}</NDescriptionsItem>
</NDescriptions> <NDescriptionsItem :label="$t('page.retryScene.groupName')" :span="2">{{ rowData?.groupName }}</NDescriptionsItem>
<NDescriptions label-placement="top" bordered :column="6"> <NDescriptionsItem :label="$t('page.retryScene.sceneStatus')" :span="1">
<NDescriptionsItem :label="$t('page.retryScene.sceneStatus')">
<NTag :type="tagColor(rowData?.sceneStatus!)">{{ $t(enableStatusNumberRecord[rowData?.sceneStatus!]) }}</NTag> <NTag :type="tagColor(rowData?.sceneStatus!)">{{ $t(enableStatusNumberRecord[rowData?.sceneStatus!]) }}</NTag>
</NDescriptionsItem> </NDescriptionsItem>
</NDescriptions> <NDescriptionsItem :label="$t('common.routeKey.routeLabel')" :span="1">
<NDescriptions label-placement="top" bordered :column="6">
<NDescriptionsItem :label="$t('page.retryScene.groupName')">{{ rowData?.groupName }}</NDescriptionsItem>
</NDescriptions>
<NDescriptions label-placement="top" bordered :column="6">
<NDescriptionsItem :label="$t('common.routeKey.routeLabel')">
<NTag :type="tagColor(rowData?.routeKey!)">{{ $t(routeKeyRecord[rowData?.routeKey!]) }}</NTag> <NTag :type="tagColor(rowData?.routeKey!)">{{ $t(routeKeyRecord[rowData?.routeKey!]) }}</NTag>
</NDescriptionsItem> </NDescriptionsItem>
</NDescriptions> <NDescriptionsItem :label="$t('page.retryScene.maxRetryCount')" :span="1">
<NDescriptions label-placement="top" bordered :column="6"> {{ rowData?.maxRetryCount }}
<NDescriptionsItem :label="$t('page.retryScene.maxRetryCount')">{{ rowData?.maxRetryCount }}</NDescriptionsItem> </NDescriptionsItem>
</NDescriptions> <NDescriptionsItem :label="$t('page.retryScene.executorTimeout')" :span="1">
<NDescriptions label-placement="top" bordered :column="6">
<NDescriptionsItem :label="$t('page.retryScene.executorTimeout')">
{{ rowData?.executorTimeout }} {{ rowData?.executorTimeout }}
</NDescriptionsItem> </NDescriptionsItem>
</NDescriptions> <NDescriptionsItem :label="$t('page.retryScene.deadlineRequest')" :span="1">
<NDescriptions label-placement="top" bordered :column="6">
<NDescriptionsItem :label="$t('page.retryScene.deadlineRequest')">
{{ rowData?.deadlineRequest }} {{ rowData?.deadlineRequest }}
</NDescriptionsItem> </NDescriptionsItem>
</NDescriptions> <NDescriptionsItem :label="$t('page.retryScene.backOff')" :span="1">
<NDescriptions label-placement="top" bordered :column="6">
<NDescriptionsItem :label="$t('page.retryScene.backOff')">
<NTag :type="tagColor(rowData?.backOff!)"> <NTag :type="tagColor(rowData?.backOff!)">
{{ $t(backOffRecord[rowData?.backOff!]) }} {{ $t(backOffRecord[rowData?.backOff!]) }}
</NTag> </NTag>
</NDescriptionsItem> </NDescriptionsItem>
</NDescriptions> <NDescriptionsItem :label="$t('page.retryScene.triggerInterval')" :span="2">
<NDescriptions label-placement="top" bordered :column="6">
<NDescriptionsItem :label="$t('page.retryScene.triggerInterval')">
{{ rowData?.backOff === 1 ? maxRetryCountUpdate(rowData?.maxRetryCount) : rowData?.triggerInterval }} {{ rowData?.backOff === 1 ? maxRetryCountUpdate(rowData?.maxRetryCount) : rowData?.triggerInterval }}
</NDescriptionsItem> </NDescriptionsItem>
</NDescriptions> <NDescriptionsItem :label="$t('page.retryScene.description')" :span="2">
<NDescriptions label-placement="top" bordered :column="6"> {{ rowData?.description }}
<NDescriptionsItem :label="$t('page.retryScene.description')">{{ rowData?.description }}</NDescriptionsItem> </NDescriptionsItem>
</NDescriptions> </NDescriptions>
</OperateDrawer> </OperateDrawer>
</template> </template>

58
src/views/retry/task/modules/retry-task-detail-drawer.vue
View File

@ -29,54 +29,36 @@ watch(
<template> <template>
<OperateDrawer v-model="visible" :title="$t('page.retryTask.detail')"> <OperateDrawer v-model="visible" :title="$t('page.retryTask.detail')">
<NDescriptions label-placement="top" bordered :column="6"> <NDescriptions label-placement="top" bordered :column="2">
<NDescriptionsItem :label="$t('page.retryTask.uniqueId')"> <NDescriptionsItem :label="$t('page.retryTask.uniqueId')" :span="2">
{{ rowData?.uniqueId }} {{ rowData?.uniqueId }}
</NDescriptionsItem> </NDescriptionsItem>
</NDescriptions> <NDescriptionsItem :label="$t('page.retryTask.groupName')" :span="2">{{ rowData?.groupName }}</NDescriptionsItem>
<NDescriptions label-placement="top" bordered :column="6"> <NDescriptionsItem :label="$t('page.retryTask.sceneName')" :span="2">{{ rowData?.sceneName }}</NDescriptionsItem>
<NDescriptionsItem :label="$t('page.retryTask.groupName')">{{ rowData?.groupName }}</NDescriptionsItem> <NDescriptionsItem :label="$t('page.retryTask.nextTriggerAt')" :span="1">
</NDescriptions> {{ rowData?.nextTriggerAt }}
<NDescriptions label-placement="top" bordered :column="6"> </NDescriptionsItem>
<NDescriptionsItem :label="$t('page.retryTask.sceneName')">{{ rowData?.sceneName }}</NDescriptionsItem> <NDescriptionsItem :label="$t('page.retryTask.retryCount')" :span="1">
</NDescriptions> {{ rowData?.retryCount }}
<NDescriptions label-placement="top" bordered :column="6"> </NDescriptionsItem>
<NDescriptionsItem :label="$t('page.retryTask.nextTriggerAt')">{{ rowData?.nextTriggerAt }}</NDescriptionsItem> <NDescriptionsItem :label="$t('page.retryTask.retryStatus')" :span="1">
</NDescriptions>
<NDescriptions label-placement="top" bordered :column="6">
<NDescriptionsItem :label="$t('page.retryTask.retryCount')">{{ rowData?.retryCount }}</NDescriptionsItem>
</NDescriptions>
<NDescriptions label-placement="top" bordered :column="6">
<NDescriptionsItem :label="$t('page.retryTask.retryStatus')">
<NTag :type="tagColor(rowData?.retryStatus!)"> <NTag :type="tagColor(rowData?.retryStatus!)">
{{ $t(retryTaskStatusTypeRecord[rowData?.retryStatus!]) }} {{ $t(retryTaskStatusTypeRecord[rowData?.retryStatus!]) }}
</NTag> </NTag>
</NDescriptionsItem> </NDescriptionsItem>
</NDescriptions> <NDescriptionsItem :label="$t('page.retryTask.taskType')" :span="1">
<NDescriptions label-placement="top" bordered :column="6">
<NDescriptionsItem :label="$t('page.retryTask.taskType')">
<NTag :type="tagColor(rowData?.taskType!)">{{ $t(retryTaskTypeRecord[rowData?.taskType!]) }}</NTag> <NTag :type="tagColor(rowData?.taskType!)">{{ $t(retryTaskTypeRecord[rowData?.taskType!]) }}</NTag>
</NDescriptionsItem> </NDescriptionsItem>
</NDescriptions> <NDescriptionsItem :label="$t('page.retryTask.bizNo')" :span="2">{{ rowData?.bizNo }}</NDescriptionsItem>
<NDescriptions label-placement="top" bordered :column="6"> <NDescriptionsItem :label="$t('page.retryTask.idempotentId')" :span="2">
<NDescriptionsItem :label="$t('page.retryTask.bizNo')">{{ rowData?.bizNo }}</NDescriptionsItem>
</NDescriptions>
<NDescriptions label-placement="top" bordered :column="6">
<NDescriptionsItem :label="$t('page.retryTask.idempotentId')">
{{ rowData?.idempotentId }} {{ rowData?.idempotentId }}
</NDescriptionsItem> </NDescriptionsItem>
</NDescriptions> <NDescriptionsItem :label="$t('page.retryTask.executorName')" :span="2">
<NDescriptions label-placement="top" bordered :column="6"> {{ rowData?.executorName }}
<NDescriptionsItem :label="$t('page.retryTask.executorName')">{{ rowData?.executorName }}</NDescriptionsItem> </NDescriptionsItem>
</NDescriptions> <NDescriptionsItem :label="$t('page.retryTask.argsStr')" :span="2">{{ rowData?.argsStr }}</NDescriptionsItem>
<NDescriptions label-placement="top" bordered :column="6"> <NDescriptionsItem :label="$t('common.createDt')" :span="1">{{ rowData?.createDt }}</NDescriptionsItem>
<NDescriptionsItem :label="$t('page.retryTask.argsStr')">{{ rowData?.argsStr }}</NDescriptionsItem> <NDescriptionsItem :label="$t('common.updateDt')" :span="1">{{ rowData?.updateDt }}</NDescriptionsItem>
</NDescriptions>
<NDescriptions label-placement="top" bordered :column="6">
<NDescriptionsItem :label="$t('common.createDt')">{{ rowData?.createDt }}</NDescriptionsItem>
</NDescriptions>
<NDescriptions label-placement="top" bordered :column="6">
<NDescriptionsItem :label="$t('common.updateDt')">{{ rowData?.updateDt }}</NDescriptionsItem>
</NDescriptions> </NDescriptions>
</OperateDrawer> </OperateDrawer>
</template> </template>