js层是这么完成页面页面的布局展布的

/**
 *Created by zmj on 2018/8/29
 */
import Main from '@/views/scene-common/main-page/Main.vue';

export const projectDetail = {
    name: '六方云智',
    scene: '企业内网态势感知'
};

export const router = [
    {
        title: '首页',
        children: [
            {
                path: '/main_page',
                title: '首页',
                icon: 'icon-keshihua1',
                name: 'main_page',
                component: Main,
                children: [
                    {
                        path: 'index_intrusion',
                        title: '大屏总览',
                        name: 'overview_screen',
                        //@/views/scene-clouddc/global_perspective/sa_sec/sec_big.vue
                        component: () => import('@/views/scene-intranet/big_screen/overview_screen.vue')
                    },
                ]}
        ]
    },

    {
        title: '资产画像',
        children: [
            {
                path: '/access',
                icon: 'icon-zichanhuaxiang-',
                name: 'access',
                title: '资产定义',
                component: Main,
                children: [
                    {
                        path: 'index_group',
                        title: '资产分组',
                        name: 'asset_group',
                        component: () => import('@/views/scene-clouddc/asset/group.vue')
                    },
                    {
                        path: 'index_server',
                        title: '业务/服务器',
                        name: 'service_server',
                        component: () => import('@/views/scene-clouddc/asset/server.vue')
                    },
                    {
                        path: 'index_vm',
                        title: '终端',
                        name: 'asset_virtual',
                        component: () => import('@/views/scene-clouddc/asset/vm.vue')
                    },
                    {

                        path: 'index_branch',
                        title: '分支管理',
                        name: 'branch_mgr',
                        component: () => import('@/views/scene-clouddc/asset/branch.vue')
                    },
                ]
            },
            {
                path: '/productVulnerability',
                icon: 'icon-cuiruoxingfenxi-',
                title: '资产脆弱性',
                name: 'product_vulnerability',
                // access: 0,
                component: Main,
                children: [
                    {
                        path: 'productLoopholeTask',
                        title: '引擎追踪',
                        name: 'product_loophole_task',
                        // access: 0,
                        component: () => import('@/views/scene-clouddc/product_vulnerability/product_loophole_task/product_loophole_task.vue')
                    },
                    {
                        path: 'loopholeTask2',
                        title: '引擎周期',
                        name: 'productLoopholeTask2',
                        component: () => import('@/views/scene-clouddc/product_vulnerability/product_loophole_task/product_loophole_task_cfg.vue')
                    },
                    {
                        path: 'productResultVisibility',
                        title: '漏扫结果可视化',
                        name: 'product_result_visibility',
                        hideInMenu: true,
                        // access: 0,
                        component: () => import('@/views/scene-clouddc/product_vulnerability/product_result_visibility/product_result_visibility.vue')
                    },
                    {
                        path: 'taskDetail',
                        title: '任务详情',
                        name: 'task_detail',
                        // access: -1,
                        hideInMenu: true,
                        notCache: true,
                        component: () => import('@/views/scene-clouddc/product_vulnerability/task_detail/task_detail.vue')
                    },
                    {
                        path: 'report',
                        title: '报告',
                        name: 'report',
                        // access: -1,
                        hideInMenu: true,
                        notCache: true,
                        component: () => import('@/views/scene-clouddc/product_vulnerability/report/report.vue')
                    },
                    {
                        path: 'reportDetail',
                        title: '报告详情',
                        name: 'report_detail',
                        // access: -1,
                        hideInMenu: true,
                        notCache: true,
                        component: () => import('@/views/scene-clouddc/product_vulnerability/report_detail/report_detail.vue')
                    },
                    {
                        path: 'result',