From ac266eccafbc34c523f0a7bdab5ea440ec6aa9b7 Mon Sep 17 00:00:00 2001
From: break60 <790061044@qq.com>
Date: Sun, 7 Feb 2021 16:10:01 +0800
Subject: [PATCH] Fix host being null, causing the list to not be displayed
 (#4718)

---
 .../pages/projects/pages/instance/pages/list/_source/list.vue | 4 ++--
 .../home/pages/projects/pages/taskInstance/_source/list.vue   | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/instance/pages/list/_source/list.vue b/dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/instance/pages/list/_source/list.vue
index 69bd8edd9d..8b9d3b2f22 100644
--- a/dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/instance/pages/list/_source/list.vue
+++ b/dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/instance/pages/list/_source/list.vue
@@ -55,7 +55,7 @@
           <th scope="col" style="min-width: 135px">
             <span>{{$t('Executor')}}</span>
           </th>
-          <th scope="col" :style="{'min-width': ((Math.max(list.length && list[0].host.length, 22) + 40) * 6) + 'px'}">
+          <th scope="col" style="max-width: 600px">
             <span>{{$t('host')}}</span>
           </th>
           <th scope="col" style="min-width: 230px">
@@ -93,7 +93,7 @@
             <span v-if="item.executorName">{{item.executorName}}</span>
             <span v-else>-</span>
           </td>
-          <td><span>{{item.host || '-'}}</span></td>
+          <td style="max-width: 600px"><span style="padding-right: 5px">{{item.host || '-'}}</span></td>
           <td style="z-index: inherit;">
             <div v-show="item.disabled">
               <x-button type="info"
diff --git a/dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/taskInstance/_source/list.vue b/dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/taskInstance/_source/list.vue
index 6ee5409ef2..d5b19d6445 100644
--- a/dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/taskInstance/_source/list.vue
+++ b/dolphinscheduler-ui/src/js/conf/home/pages/projects/pages/taskInstance/_source/list.vue
@@ -46,7 +46,7 @@
           <th scope="col" style="min-width: 130px">
             <span>{{$t('End Time')}}</span>
           </th>
-          <th scope="col" :style="{'min-width': (Math.max(list.length && list[0].host.length, 22) * 6) + 'px'}">
+          <th scope="col" style="max-width: 600px">
             <span>{{$t('host')}}</span>
           </th>
           <th scope="col" style="min-width: 70px">
@@ -87,7 +87,7 @@
             <span v-if="item.endTime">{{item.endTime | formatDate}}</span>
             <span v-else>-</span>
           </td>
-          <td><span>{{item.host || '-'}}</span></td>
+          <td style="max-width: 600px"><span style="padding-right: 5px">{{item.host || '-'}}</span></td>
           <td><span>{{item.duration}}</span></td>
           <td><span>{{item.retryTimes}}</span></td>
           <td>