refactor: rename agencyModeFk to agencyName and vehicleFk to vehiclePlateNumber in RouteList.vue

src/pages/Route/RouteList.vue

@@ -47,9 +47,13 @@ const columns = computed(() => [
     },
     {
         align: 'left',
-        name: 'agencyModeFk',
+        name: 'agencyName',
         label: t('route.Agency'),
         cardVisible: true,
+    },
+    {
+        label: t('route.Agency'),
+        name: 'agencyModeFk',
         component: 'select',
         attrs: {
             url: 'agencyModes',
@@ -60,11 +64,16 @@ const columns = computed(() => [
             },
         },
         create: true,
-        columnClass: 'expand',
         columnFilter: false,
+        visible: false,
     },
     {
         align: 'left',
+        name: 'vehiclePlateNumber',
+        label: t('route.Vehicle'),
+        cardVisible: true,
+    },
+    {
         name: 'vehicleFk',
         label: t('route.Vehicle'),
         cardVisible: true,
@@ -81,6 +90,7 @@ const columns = computed(() => [
         },
         create: true,
         columnFilter: false,
+        visible: false,
     },
     {
         align: 'left',
@@ -164,16 +174,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>