refactor: refs #8626 add formatting for agency and vehicle columns in RouteList

src/pages/Route/RouteList.vue

@@ -58,6 +58,7 @@ const columns = computed(() => [
         align: 'left',
         name: 'agencyModeFk',
         label: t('route.Agency'),
+        format: (row) => row?.agencyName,
         cardVisible: true,
         component: 'select',
         attrs: {
@@ -76,6 +77,7 @@ const columns = computed(() => [
         align: 'left',
         name: 'vehicleFk',
         label: t('route.Vehicle'),
+        format: (row) => row?.vehiclePlateNumber,
         cardVisible: true,
         component: 'select',
         attrs: {
@@ -173,16 +175,6 @@ const columns = computed(() => [
                         <WorkerDescriptorProxy :id="row?.workerFk" v-if="row?.workerFk" />
                     </span>
                 </template>
-                <template #column-agencyModeFk="{ row }">
-                    <span>
-                        {{ row?.agencyName }}
-                    </span>
-                </template>
-                <template #column-vehicleFk="{ row }">
-                    <span>
-                        {{ row?.vehiclePlateNumber }}
-                    </span>
-                </template>
             </VnTable>
         </template>
     </VnSection>