src/pages/InvoiceIn/Card/InvoiceInVehicle.vue

@@ -0,0 +1,28 @@
+<script setup>
+import VnTable from 'src/components/VnTable/VnTable.vue';
+import { computed } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();
+const columns = computed(() => [
+    {
+        name: 'vehicleFk',
+        label: t('vehicle.numberPlate'),
+    },
+    {
+        name: 'amount',
+        label: t('globals.amount'),
+    },
+]);
+</script>
+<template>
+    <VnTable
+        data-key="VehicleInvoiceIns"
+        url="VehicleInvoiceIns"
+        :filter="{ where: { invoiceInFk: $route.params.id } }"
+        :columns
+        :right-search="false"
+        :is-editable="true"
+        save-url="VehicleInvoiceIns/crud"
+    />
+</template>

src/router/modules/invoiceIn.js

@@ -16,6 +16,7 @@ const invoiceInCard = {
             'InvoiceInVat',
             'InvoiceInDueDay',
             'InvoiceInIntrastat',
+            'InvoiceInVehicle',
             'InvoiceInCorrective',
             'InvoiceInLog',
         ],
@@ -66,6 +67,15 @@ const invoiceInCard = {
             },
             component: () => import('src/pages/InvoiceIn/Card/InvoiceInIntrastat.vue'),
         },
+        {
+            name: 'InvoiceInVehicle',
+            path: 'vehicle',
+            meta: {
+                title: 'vehicle',
+                icon: 'directions_car',
+            },
+            component: () => import('src/pages/InvoiceIn/Card/InvoiceInVehicle.vue'),
+        },
         {
             name: 'InvoiceInCorrective',
             path: 'corrective',
@@ -124,7 +134,7 @@ export default {
                 },
                 {
                     path: 'create',
-                    name: 'InvoiceInCreare',
+                    name: 'InvoiceInCreate',
                     meta: {
                         title: 'invoiceInCreate',
                         icon: 'create',