src/pages/Travel/TravelList.vue

@@ -6,6 +6,8 @@ import { useStateStore } from 'stores/useStateStore';
 import VnTable from 'components/VnTable/VnTable.vue';
 import { useSummaryDialog } from 'src/composables/useSummaryDialog';
 import { computed } from 'vue';
+import TravelSummary from './Card/TravelSummary.vue';
+import { dashIfEmpty, toDate } from 'src/filters';
 const { viewSummary } = useSummaryDialog();
 const router = useRouter();
 const { t } = useI18n();
@@ -43,6 +45,9 @@ const columns = computed(() => [
         label: t('travel.travelList.tableVisibleColumns.ref'),
         field: 'ref',
         component: 'input',
+        columnField: {
+            component: null,
+        },
         cardVisible: true,
         create: true,
     },
@@ -56,6 +61,9 @@ const columns = computed(() => [
             url: 'agencyModes',
             fields: ['id', 'name'],
         },
+        columnField: {
+            component: null,
+        },
         cardVisible: true,
         create: true,
     },
@@ -65,8 +73,12 @@ const columns = computed(() => [
         label: t('travel.travelList.tableVisibleColumns.shipped'),
         field: 'shipped',
         component: 'date',
+        columnField: {
+            component: null,
+        },
         cardVisible: true,
         create: true,
+        format: (row, dashIfEmpty) => dashIfEmpty(toDate(row.shipped)),
     },
     {
         align: 'left',
@@ -74,8 +86,12 @@ const columns = computed(() => [
         label: t('travel.travelList.tableVisibleColumns.landed'),
         field: 'landed',
         component: 'date',
+        columnField: {
+            component: null,
+        },
         cardVisible: true,
         create: true,
+        format: (row, dashIfEmpty) => dashIfEmpty(toDate(row.landed)),
     },
     {
         align: 'left',
@@ -87,6 +103,9 @@ const columns = computed(() => [
             url: 'warehouses',
             fields: ['id', 'name'],
         },
+        columnField: {
+            component: null,
+        },
         cardVisible: true,
         create: true,
     },
@@ -100,6 +119,9 @@ const columns = computed(() => [
             url: 'warehouses',
             fields: ['id', 'name'],
         },
+        columnField: {
+            component: null,
+        },
         cardVisible: true,
         create: true,
     },
@@ -109,6 +131,9 @@ const columns = computed(() => [
         label: t('travel.travelList.tableVisibleColumns.totalEntries'),
         field: 'totalEntries',
         component: 'input',
+        columnField: {
+            component: null,
+        },
         cardVisible: true,
         create: true,
     },