调整 用户

src/router/avue-router.js

@@ -3,6 +3,8 @@ import { getToken } from '@/utils/auth';
 import store from '@/store';
 import { generateIframePath, processUrlForQuery, isURL } from './router';
 import { wrapViewLoader } from '@/utils/chunk-reload';
+
+// 保持懒加载，避免 eager 与 store 循环依赖（Cannot access 'store' before initialization）
 const modules = import.meta.glob('../**/**/*.vue');
 
 // 将多级路由扁平化为二级路由，支持 keep-alive 跨层级缓存

src/router/views/index.js

@@ -1,5 +1,8 @@
 import Layout from '@/page/index/index.vue';
 import Store from '@/store/';
+import { wrapViewLoader } from '@/utils/chunk-reload';
+
+const loadView = loader => wrapViewLoader(loader);
 
 export default [
   {
@@ -10,7 +13,7 @@ export default [
         path: '',
         name: '汇票付款表单',
         meta: { keepAlive: false, activeMenu: '/payment/bill-payment' },
-        component: () => import('@/views/payment/bill-payment-form.vue'),
+        component: loadView(() => import('@/views/payment/bill-payment-form.vue')),
       },
     ],
   },
@@ -22,7 +25,7 @@ export default [
         path: '',
         name: '汇票台账表单',
         meta: { keepAlive: false, activeMenu: '/payment/bill-ledger' },
-        component: () => import('@/views/payment/bill-ledger-form.vue'),
+        component: loadView(() => import('@/views/payment/bill-ledger-form.vue')),
       },
     ],
   },
@@ -34,7 +37,7 @@ export default [
         path: '',
         name: '认领记录详情',
         meta: { keepAlive: false, activeMenu: '/payment/receipt-claim-record' },
-        component: () => import('@/views/payment/receipt-claim-record-form.vue'),
+        component: loadView(() => import('@/views/payment/receipt-claim-record-form.vue')),
       },
     ],
   },
@@ -46,7 +49,7 @@ export default [
         path: '',
         name: '收款流水认领',
         meta: { keepAlive: false, activeMenu: '/payment/receipt-flow' },
-        component: () => import('@/views/payment/receipt-flow-form.vue'),
+        component: loadView(() => import('@/views/payment/receipt-flow-form.vue')),
       },
     ],
   },
@@ -58,7 +61,7 @@ export default [
         path: '',
         name: '收票登记',
         meta: { keepAlive: false, activeMenu: '/payment/invoice-receipt' },
-        component: () => import('@/views/payment/invoice-receipt-form.vue'),
+        component: loadView(() => import('@/views/payment/invoice-receipt-form.vue')),
       },
     ],
   },
@@ -70,7 +73,7 @@ export default [
         path: '',
         name: '开票申请',
         meta: { keepAlive: false, activeMenu: '/payment/invoice-application' },
-        component: () => import('@/views/payment/invoice-application-form.vue'),
+        component: loadView(() => import('@/views/payment/invoice-application-form.vue')),
       },
     ],
   },
@@ -82,7 +85,7 @@ export default [
         path: '',
         name: '付款申请',
         meta: { keepAlive: false, activeMenu: '/payment/payment-application' },
-        component: () => import('@/views/payment/payment-application-form.vue'),
+        component: loadView(() => import('@/views/payment/payment-application-form.vue')),
       },
     ],
   },
@@ -97,7 +100,7 @@ export default [
           keepAlive: false,
           activeMenu: '/settlement/pre-settlement',
         },
-        component: () => import('@/views/settlement/pre-settlement-form.vue'),
+        component: loadView(() => import('@/views/settlement/pre-settlement-form.vue')),
       },
     ],
   },
@@ -112,7 +115,7 @@ export default [
           keepAlive: false,
           activeMenu: '/settlement/formal-settlement',
         },
-        component: () => import('@/views/settlement/formal-settlement-form.vue'),
+        component: loadView(() => import('@/views/settlement/formal-settlement-form.vue')),
       },
     ],
   },
@@ -127,7 +130,7 @@ export default [
           keepAlive: false,
           activeMenu: '/settlement/transport-reconciliation',
         },
-        component: () => import('@/views/settlement/transport-reconciliation-form.vue'),
+        component: loadView(() => import('@/views/settlement/transport-reconciliation-form.vue')),
       },
     ],
   },
@@ -139,7 +142,7 @@ export default [
         path: '',
         name: '执行凭证批次详情',
         meta: { keepAlive: false, activeMenu: '/business/voucher-manage' },
-        component: () => import('@/views/business/voucher-manage-detail.vue'),
+        component: loadView(() => import('@/views/business/voucher-manage-detail.vue')),
       },
     ],
   },
@@ -151,7 +154,7 @@ export default [
         path: '',
         name: '新增合同管理',
         meta: { keepAlive: false },
-        component: () => import('@/views/business/contract-manage.vue'),
+        component: loadView(() => import('@/views/business/contract-manage.vue')),
       },
     ],
   },
@@ -163,7 +166,7 @@ export default [
         path: '',
         name: '合同详情',
         meta: { keepAlive: false, activeMenu: '/business/contract-manage' },
-        component: () => import('@/views/business/contract-manage.vue'),
+        component: loadView(() => import('@/views/business/contract-manage.vue')),
       },
     ],
   },
@@ -175,7 +178,7 @@ export default [
         path: '',
         name: '新增项目申请',
         meta: { keepAlive: false },
-        component: () => import('@/views/business/project-apply.vue'),
+        component: loadView(() => import('@/views/business/project-apply.vue')),
       },
     ],
   },
@@ -187,7 +190,7 @@ export default [
         path: '',
         name: '新增编辑运单管理',
         meta: { keepAlive: false },
-        component: () => import('@/views/business/waybill-manage.vue'),
+        component: loadView(() => import('@/views/business/waybill-manage.vue')),
       },
     ],
   },
@@ -199,7 +202,7 @@ export default [
         path: '',
         name: '运单管理详情',
         meta: { keepAlive: false, activeMenu: '/business/waybill-manage' },
-        component: () => import('@/views/business/waybill-manage-detail.vue'),
+        component: loadView(() => import('@/views/business/waybill-manage-detail.vue')),
       },
     ],
   },
@@ -211,7 +214,7 @@ export default [
         path: '',
         name: '导入运单',
         meta: { keepAlive: false, activeMenu: '/business/waybill-import' },
-        component: () => import('@/views/business/waybill-import.vue'),
+        component: loadView(() => import('@/views/business/waybill-import.vue')),
       },
     ],
   },
@@ -223,7 +226,7 @@ export default [
         path: '',
         name: '新建导入运单',
         meta: { keepAlive: false, activeMenu: '/business/waybill-import' },
-        component: () => import('@/views/business/waybill-import-form.vue'),
+        component: loadView(() => import('@/views/business/waybill-import-form.vue')),
       },
     ],
   },
@@ -235,7 +238,7 @@ export default [
         path: '',
         name: '新增编辑配载管理',
         meta: { keepAlive: false },
-        component: () => import('@/views/business/loading-manage.vue'),
+        component: loadView(() => import('@/views/business/loading-manage.vue')),
       },
     ],
   },
@@ -247,7 +250,7 @@ export default [
         path: '',
         name: '新增编辑运输计划',
         meta: { keepAlive: false },
-        component: () => import('@/views/business/transport-plan.vue'),
+        component: loadView(() => import('@/views/business/transport-plan.vue')),
       },
     ],
   },
@@ -259,7 +262,7 @@ export default [
         path: '',
         name: '导入运输计划',
         meta: { keepAlive: false, activeMenu: '/business/transport-plan' },
-        component: () => import('@/views/business/transport-plan-import.vue'),
+        component: loadView(() => import('@/views/business/transport-plan-import.vue')),
       },
     ],
   },
@@ -271,7 +274,7 @@ export default [
         path: '',
         name: '计划调度',
         meta: { keepAlive: false, activeMenu: '/business/transport-plan' },
-        component: () => import('@/views/business/transport-plan-dispatch.vue'),
+        component: loadView(() => import('@/views/business/transport-plan-dispatch.vue')),
       },
     ],
   },
@@ -283,7 +286,7 @@ export default [
         path: '',
         name: '新增编辑运单模板',
         meta: { keepAlive: false },
-        component: () => import('@/views/business/shipping-template.vue'),
+        component: loadView(() => import('@/views/business/shipping-template.vue')),
       },
     ],
   },
@@ -295,7 +298,7 @@ export default [
         path: '',
         name: '新增客商档案',
         meta: { keepAlive: false },
-        component: () => import('@/views/vehicle/customer-archive.vue'),
+        component: loadView(() => import('@/views/vehicle/customer-archive.vue')),
       },
     ],
   },
@@ -307,7 +310,7 @@ export default [
         path: '',
         name: '合同变更',
         meta: { keepAlive: false },
-        component: () => import('@/views/business/contract-manage-change.vue'),
+        component: loadView(() => import('@/views/business/contract-manage-change.vue')),
       },
     ],
   },
@@ -323,7 +326,7 @@ export default [
         meta: {
           i18n: 'dashboard',
         },
-        component: () => import(/* webpackChunkName: "views" */ '@/views/wel/index.vue'),
+        component: loadView(() => import(/* webpackChunkName: "views" */ '@/views/wel/index.vue')),
       },
       {
         path: 'dashboard',
@@ -332,7 +335,7 @@ export default [
           i18n: 'dashboard',
           menu: false,
         },
-        component: () => import(/* webpackChunkName: "views" */ '@/views/wel/dashboard.vue'),
+        component: loadView(() => import(/* webpackChunkName: "views" */ '@/views/wel/dashboard.vue')),
       },
     ],
   },
@@ -347,7 +350,7 @@ export default [
         meta: {
           i18n: 'test',
         },
-        component: () => import(/* webpackChunkName: "views" */ '@/views/util/test.vue'),
+        component: loadView(() => import(/* webpackChunkName: "views" */ '@/views/util/test.vue')),
       },
     ],
   },
@@ -362,8 +365,9 @@ export default [
         meta: {
           i18n: 'dict',
         },
-        component: () =>
-          import(/* webpackChunkName: "views" */ '@/views/util/demo/dict-horizontal.vue'),
+        component: loadView(() =>
+          import(/* webpackChunkName: "views" */ '@/views/util/demo/dict-horizontal.vue')
+        ),
       },
     ],
   },
@@ -378,8 +382,9 @@ export default [
         meta: {
           i18n: 'dict',
         },
-        component: () =>
-          import(/* webpackChunkName: "views" */ '@/views/util/demo/dict-vertical.vue'),
+        component: loadView(() =>
+          import(/* webpackChunkName: "views" */ '@/views/util/demo/dict-vertical.vue')
+        ),
       },
     ],
   },
@@ -394,7 +399,7 @@ export default [
         meta: {
           i18n: 'info',
         },
-        component: () => import(/* webpackChunkName: "views" */ '@/views/system/userinfo.vue'),
+        component: loadView(() => import(/* webpackChunkName: "views" */ '@/views/system/userinfo.vue')),
       },
     ],
   },
@@ -409,8 +414,9 @@ export default [
         meta: {
           i18n: 'work',
         },
-        component: () =>
-          import(/* webpackChunkName: "views" */ '@/views/work/process/leave/form.vue'),
+        component: loadView(() =>
+          import(/* webpackChunkName: "views" */ '@/views/work/process/leave/form.vue')
+        ),
       },
       {
         path: 'handle/:taskId/:processInstanceId/:businessId',
@@ -418,8 +424,9 @@ export default [
         meta: {
           i18n: 'work',
         },
-        component: () =>
-          import(/* webpackChunkName: "views" */ '@/views/work/process/leave/handle.vue'),
+        component: loadView(() =>
+          import(/* webpackChunkName: "views" */ '@/views/work/process/leave/handle.vue')
+        ),
       },
       {
         path: 'detail/:processInstanceId/:businessId',
@@ -427,8 +434,9 @@ export default [
         meta: {
           i18n: 'work',
         },
-        component: () =>
-          import(/* webpackChunkName: "views" */ '@/views/work/process/leave/detail.vue'),
+        component: loadView(() =>
+          import(/* webpackChunkName: "views" */ '@/views/work/process/leave/detail.vue')
+        ),
       },
     ],
   },