refactor: refs #8621 update column names in RouteList and add formatting for agency and vehicle fields

src/pages/Route/RouteList.vue

@@ -56,8 +56,9 @@ const columns = computed(() => [
     },
     {
         align: 'left',
-        name: 'agencyName',
+        name: 'agencyModeFk',
         label: t('route.Agency'),
+        format: (row) => row?.agencyName,
         cardVisible: true,
         component: 'select',
         attrs: {
@@ -74,8 +75,9 @@ const columns = computed(() => [
     },
     {
         align: 'left',
-        name: 'vehiclePlateNumber',
+        name: 'vehicleFk',
         label: t('route.Vehicle'),
+        format: (row) => row?.vehiclePlateNumber,
         cardVisible: true,
         component: 'select',
         attrs: {
@@ -155,6 +157,7 @@ const columns = computed(() => [
         <template #body>
             <VnTable
                 :data-key
+                ref="tableRef"
                 :columns="columns"
                 :right-search="false"
                 redirect="route"
@@ -175,4 +178,4 @@ const columns = computed(() => [
             </VnTable>
         </template>
     </VnSection>
-</template>
+</template>