From 52186c242381211a78871b94c7b0f87fccf7d0b7 Mon Sep 17 00:00:00 2001
From: colin <colin.in@foxmail.com>
Date: Fri, 11 Apr 2025 21:34:29 +0800
Subject: [PATCH] fix: fix job message wrap

---
 .../components/job-infos/JobInfoDetailDrawer.vue   | 14 ++++++++++----
 .../src/components/job-infos/JobInfoDrawer.vue     | 10 ++++++++++
 2 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/apps/vben5/packages/@abp/tasks/src/components/job-infos/JobInfoDetailDrawer.vue b/apps/vben5/packages/@abp/tasks/src/components/job-infos/JobInfoDetailDrawer.vue
index aecc0c0c5..11ebc73e3 100644
--- a/apps/vben5/packages/@abp/tasks/src/components/job-infos/JobInfoDetailDrawer.vue
+++ b/apps/vben5/packages/@abp/tasks/src/components/job-infos/JobInfoDetailDrawer.vue
@@ -277,7 +277,7 @@ async function onDeleteLog(jobLog: BackgroundJobLogDto) {
                   </Button>
                 </Popconfirm>
               </template>
-              <ListItemMeta :description="item.message">
+              <ListItemMeta :description="item.runTime">
                 <template #avatar>
                   <SuccessIcon
                     v-if="!item.exception"
@@ -287,10 +287,12 @@ async function onDeleteLog(jobLog: BackgroundJobLogDto) {
                   <FailedIcon v-else class="size-8" color="orangered" />
                 </template>
                 <template #title>
-                  <span>{{ item.runTime }}</span>
+                  <span>{{ jobInfo.name }}</span>
                 </template>
               </ListItemMeta>
-              {{ item.exception ?? item.message }}
+              <h3 style="word-wrap: break-word; white-space: pre-line">
+                {{ item.exception ?? item.message }}
+              </h3>
             </ListItem>
           </template>
         </List>
@@ -300,4 +302,8 @@ async function onDeleteLog(jobLog: BackgroundJobLogDto) {
   </Drawer>
 </template>
 
-<style scoped></style>
+<style scoped lang="scss">
+:deep(.ant-list-item-main) {
+  overflow: hidden;
+}
+</style>
diff --git a/apps/vben5/packages/@abp/tasks/src/components/job-infos/JobInfoDrawer.vue b/apps/vben5/packages/@abp/tasks/src/components/job-infos/JobInfoDrawer.vue
index f028d3e63..c33b9c114 100644
--- a/apps/vben5/packages/@abp/tasks/src/components/job-infos/JobInfoDrawer.vue
+++ b/apps/vben5/packages/@abp/tasks/src/components/job-infos/JobInfoDrawer.vue
@@ -199,6 +199,16 @@ function onDeleteParam(record: JobParamter) {
                 {{ $t('TaskManagement.DisplayName:IsEnabled') }}
               </Checkbox>
             </FormItem>
+            <FormItem
+              name="nodeName"
+              :label="$t('TaskManagement.DisplayName:NodeName')"
+            >
+              <Input
+                v-model:value="formModel.nodeName"
+                allow-clear
+                autocomplete="off"
+              />
+            </FormItem>
             <FormItem
               name="group"
               required