refs #5995 Changes

src/pages/Route/Cmr/CmrList.vue

@@ -11,6 +11,7 @@ import CmrFilter from './CmrFilter.vue';
 const stateStore = useStateStore();
 const { t } = useI18n();
 const session = useSession();
+const token = session.getToken();
 
 const columns = computed(() => [
     {
@@ -23,6 +24,7 @@ const columns = computed(() => [
         name: 'hasCmrDms',
         label: t('route.cmr.list.hasCmrDms'),
         field: (row) => row.hasCmrDms,
+        align: 'center',
         sortable: true,
     },
     {
@@ -41,12 +43,14 @@ const columns = computed(() => [
         name: 'country',
         label: t('route.cmr.list.country'),
         field: (row) => row.country,
+        align: 'left',
         sortable: true,
     },
     {
         name: 'shipped',
         label: t('route.cmr.list.shipped'),
         field: (row) => toDate(row.shipped),
+        align: 'center',
         sortable: true,
     },
 ]);
@@ -57,6 +61,7 @@ async function openCmr(cmrFk) {
 </script>
 <template>
     <div class="column items-center">
+        {{ console.log(location) }}
         <div class="list">
             <VnPaginate
                 data-key="CmrList"
@@ -75,12 +80,14 @@ async function openCmr(cmrFk) {
                     :grid="$q.screen.lt.md"
                     auto-load
                     >
-                    <template v-slot:top>
+                    <template #top>
                         {{ t('route.cmr.list.total', [rows.length]) }}
                     </template>
                     <template #body-cell-cmrFk="{ value }">
                         <QTd align="right" class="text-primary">
-                            <span class="cursor-pointer" @click="openCmr(value)">{{ value }}</span>
+                            <RouterLink class="text-primary" :to="`${window.location}/api/Routes/${value}/cmr?access_token=${token}`">
+                                <span>{{ value }}</span>
+                            </RouterLink>
                         </QTd>
                     </template>
                     <template #body-cell-hasCmrDms="{ value }">