salix-front/src/router/modules/invoiceOut.js

import { RouterView } from 'vue-router';

const invoiceOutCard = {
    name: 'InvoiceOutCard',
    path: ':id',
    component: () => import('src/pages/InvoiceOut/Card/InvoiceOutCard.vue'),
    redirect: { name: 'InvoiceOutSummary' },
    meta: {
        menu: [],
    },
    children: [
        {
            path: 'summary',
            name: 'InvoiceOutSummary',
            meta: {
                title: 'summary',
                icon: 'launch',
            },
            component: () => import('src/pages/InvoiceOut/Card/InvoiceOutSummary.vue'),
        }
    ],
};

export default {
    name: 'InvoiceOut',
    path: '/invoice-out',
    meta: {
        title: 'invoiceOuts',
        icon: 'vn:invoice-out',
        moduleName: 'InvoiceOut',
        menu: ['InvoiceOutList', 'InvoiceOutGlobal', 'InvoiceOutNegativeBases'],
    },
    component: RouterView,
    redirect: { name: 'InvoiceOutMain' },
    children: [
        {
            name: 'InvoiceOutMain',
            path: '',
            component: () => import('src/components/common/VnModule.vue'),
            redirect: { name: 'InvoiceOutIndexMain' },
            children: [
                {
                    path: '',
                    name: 'InvoiceOutIndexMain',
                    redirect: { name: 'InvoiceOutList' },
                    component: () => import('src/pages/InvoiceOut/InvoiceOutList.vue'),
                    children: [
                        {
                            name: 'InvoiceOutList',
                            path: 'list',
                            meta: {
                                title: 'list',
                                icon: 'view_list',
                            },
                        },
                        invoiceOutCard,
                    ],
                },
                {
                    path: 'global-invoicing',
                    name: 'InvoiceOutGlobal',
                    meta: {
                        title: 'globalInvoicing',
                        icon: 'Date_Range',
                    },
                    component: () => import('src/pages/InvoiceOut/InvoiceOutGlobal.vue'),
                },
                {
                    path: 'negative-bases',
                    name: 'InvoiceOutNegativeBases',
                    meta: {
                        title: 'negativeBases',
                        icon: 'vn:ticket',
                    },
                    component: () =>
                        import('src/pages/InvoiceOut/InvoiceOutNegativeBases.vue'),
                },
            ],
        },
    ],
};