Fix host being null, causing the list to not be displayed (#4718)

Author: break60

Diff for: 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 for: 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>