queue、Rms改为懒加载路由

src/views/RMS/router/index.js

@@ -5,69 +5,69 @@ import routerBefore from '@/config/routerBefore.js'
 // 主要
 import main from '@/components/main.vue'
 // 系统配置管理
-import addCapacity from '../components/addCapacity.vue'
-import addCarDriver from '../components/addCarDriver.vue'
-import addCarrier from '../components/addCarrier.vue'
-import addConsignee from '../components/addConsignee.vue'
-import addGatepost from '../components/addGatepost.vue'
-import addMaterial from '../components/addMaterial.vue'
-import addOilPrice from '../components/addOilPrice.vue'
-import addPersonnel from '../components/addPersonnel.vue'
-import addPier from '../components/addPier.vue'
-import addPort from '../components/addPort.vue'
-import addPortStorageYard from '../components/addPortStorageYard.vue'
-import addRawMaterialManufacturer from '../components/addRawMaterialManufacturer.vue'
-import addRawWarehouse from '../components/addRawWarehouse.vue'
-import addRmsShipper from '../components/addRmsShipper.vue'
-import addSupplier from '../components/addSupplier.vue'
-import addTruckCalculate from '../components/addTruckCalculate.vue'
-import capacity from '../components/capacity.vue'
-import carDriver from '../components/carDriver.vue'
-import carrier from '../components/carrier.vue'
-import addOtherCapacity from '../components/addOtherCapacity'
+const addCapacity = () => import( '../components/addCapacity.vue')
+const addCarDriver = () => import( '../components/addCarDriver.vue')
+const addCarrier = () => import( '../components/addCarrier.vue')
+const addConsignee = () => import( '../components/addConsignee.vue')
+const addGatepost = () => import( '../components/addGatepost.vue')
+const addMaterial = () => import( '../components/addMaterial.vue')
+const addOilPrice = () => import( '../components/addOilPrice.vue')
+const addPersonnel = () => import( '../components/addPersonnel.vue')
+const addPier = () => import( '../components/addPier.vue')
+const addPort = () => import( '../components/addPort.vue')
+const addPortStorageYard = () => import( '../components/addPortStorageYard.vue')
+const addRawMaterialManufacturer = () => import( '../components/addRawMaterialManufacturer.vue')
+const addRawWarehouse = () => import( '../components/addRawWarehouse.vue')
+const addRmsShipper = () => import( '../components/addRmsShipper.vue')
+const addSupplier = () => import( '../components/addSupplier.vue')
+const addTruckCalculate = () => import( '../components/addTruckCalculate.vue')
+const capacity = () => import( '../components/capacity.vue')
+const carDriver = () => import( '../components/carDriver.vue')
+const carrier = () => import( '../components/carrier.vue')
+const addOtherCapacity = () => import( '../components/addOtherCapacity.vue')
 
-import editCapacity from '../components/editCapacity.vue'
-import editCarDriver from '../components/editCarDriver.vue'
-import editCarrier from '../components/editCarrier.vue'
-import editConsignee from '../components/editConsignee.vue'
-import editGatepost from '../components/editGatepost.vue'
-import editMaterial from '../components/editMaterial.vue'
-import editOilPrice from '../components/editOilPrice.vue'
-import editPersonnel from '../components/editPersonnel.vue'
-import editPier from '../components/editPier.vue'
-import editPortStorageYard from '../components/editPortStorageYard.vue'
-import editRawMaterialManufacturer from '../components/editRawMaterialManufacturer.vue'
-import editRawWarehouse from '../components/editRawWarehouse.vue'
-import editRmsShipper from '../components/editRmsShipper.vue'
-import editSupplier from '../components/editSupplier.vue'
-import editTruckCalculate from '../components/editTruckCalculate.vue'
-import gatepost from '../components/gatepost.vue'
-import material from '../components/material.vue'
-import oilPrice from '../components/oilPrice.vue'
-import personnel from '../components/personnel.vue'
-import pier from '../components/pier.vue'
-import port from '../components/port.vue'
-import portStorageYard from '../components/portStorageYard.vue'
-import rawMaterialManufacturer from '../components/rawMaterialManufacturer.vue'
-import rawWarehouse from '../components/rawWarehouse.vue'
-import rmsShipper from '../components/rmsShipper.vue'
-import supplier from '../components/supplier.vue'
-import transitRoute from '../components/transitRoute.vue'  
-import showCarrier from '../components/showCarrier.vue'
-import showCapacity from '../components/showCapacity.vue'
-import transitRouteAdd from '../components/transitRouteAdd.vue'
-import truckCalculate from '../components/truckCalculate.vue'
-import consignee from '../components/consignee.vue'
-import inwardContractMaterial from '../components/inwardContractMaterial'
-import addInwardContractMaterial from '../components/addInwardContractMaterial.vue'
-import editInwardContractMaterial from '../components/editInwardContractMaterial.vue'
-import editInwardMaterial from '../components/editInwardMaterial.vue'
-import cargoDep from '../components/cargoDep.vue'
-import addCargoDep from '../components/addCargoDep.vue'
-import updateCargoDep from '../components/updateCargoDep.vue'
-import contractPrice from '../components/contractPrice.vue'
-import addContractPrice from '../components/addContractPrice.vue'
-import editContractPrice from '../components/editContractPrice.vue'
+const editCapacity = () => import( '../components/editCapacity.vue')
+const editCarDriver = () => import( '../components/editCarDriver.vue')
+const editCarrier = () => import( '../components/editCarrier.vue')
+const editConsignee = () => import( '../components/editConsignee.vue')
+const editGatepost = () => import( '../components/editGatepost.vue')
+const editMaterial = () => import( '../components/editMaterial.vue')
+const editOilPrice = () => import( '../components/editOilPrice.vue')
+const editPersonnel = () => import( '../components/editPersonnel.vue')
+const editPier = () => import( '../components/editPier.vue')
+const editPortStorageYard = () => import( '../components/editPortStorageYard.vue')
+const editRawMaterialManufacturer = () => import( '../components/editRawMaterialManufacturer.vue')
+const editRawWarehouse = () => import( '../components/editRawWarehouse.vue')
+const editRmsShipper = () => import( '../components/editRmsShipper.vue')
+const editSupplier = () => import( '../components/editSupplier.vue')
+const editTruckCalculate = () => import( '../components/editTruckCalculate.vue')
+const gatepost = () => import( '../components/gatepost.vue')
+const material = () => import( '../components/material.vue')
+const oilPrice = () => import( '../components/oilPrice.vue')
+const personnel = () => import( '../components/personnel.vue')
+const pier = () => import( '../components/pier.vue')
+const port = () => import( '../components/port.vue')
+const portStorageYard = () => import( '../components/portStorageYard.vue')
+const rawMaterialManufacturer = () => import( '../components/rawMaterialManufacturer.vue')
+const rawWarehouse = () => import( '../components/rawWarehouse.vue')
+const rmsShipper = () => import( '../components/rmsShipper.vue')
+const supplier = () => import( '../components/supplier.vue')
+const transitRoute = () => import( '../components/transitRoute.vue')  
+const showCarrier = () => import( '../components/showCarrier.vue')
+const showCapacity = () => import( '../components/showCapacity.vue')
+const transitRouteAdd = () => import( '../components/transitRouteAdd.vue')
+const truckCalculate = () => import( '../components/truckCalculate.vue')
+const consignee = () => import( '../components/consignee.vue')
+const inwardContractMaterial = () => import( '../components/inwardContractMaterial.vue')
+const addInwardContractMaterial = () => import( '../components/addInwardContractMaterial.vue')
+const editInwardContractMaterial = () => import( '../components/editInwardContractMaterial.vue')
+const editInwardMaterial = () => import( '../components/editInwardMaterial.vue')
+const cargoDep = () => import( '../components/cargoDep.vue')
+const addCargoDep = () => import( '../components/addCargoDep.vue')
+const updateCargoDep = () => import( '../components/updateCargoDep.vue')
+const contractPrice = () => import( '../components/contractPrice.vue')
+const addContractPrice = () => import( '../components/addContractPrice.vue')
+const editContractPrice = () => import( '../components/editContractPrice.vue')
 
 Vue.use(Router)
 const constantRouterMap = [

src/views/queue/router/index.js

@@ -5,34 +5,34 @@ import routerBefore from '@/config/routerBefore.js'
 // 主要
 import main from '@/components/main.vue'
 // 系统配置管理
-import addqueueFCancel from '../components/qmsEnFacotory/addqueueFCancel.vue'
-import addqueueFJumpLine from '../components/qmsEnFacotory/addqueueFJumpLine.vue'
-import addqueueFTransfer from '../components/qmsEnFacotory/addqueueFTransfer.vue'
-import queueFApply from '../components/qmsEnFacotory/queueFApply.vue'
-import queueFCancel from '../components/qmsEnFacotory/queueFCancel.vue'
-import queueFDetails from '../components/qmsEnFacotory/queueFDetails.vue'
-import queueFEnd from '../components/qmsEnFacotory/queueFEnd.vue'
-import queueFInstructionReceive from '../components/qmsEnFacotory/queueFInstructionReceive.vue'
-import queueFIssue from '../components/qmsEnFacotory/queueFIssue.vue'
-import queueFJumpLine from '../components/qmsEnFacotory/queueFJumpLine.vue'
-import queueFListMonitor from '../components/qmsEnFacotory/queueFListMonitor.vue'
-import queueFStart from '../components/qmsEnFacotory/queueFStart.vue'
-import queueFTransfer from '../components/qmsEnFacotory/queueFTransfer.vue'
-import queueFTruckMonitor from '../components/qmsEnFacotory/queueFTruckMonitor.vue'
-import addqueueWTransfer from '../components/qmsWarehouse/addqueueWTransfer.vue'
-import queueWApply from '../components/qmsWarehouse/queueWApply.vue'
-import queueWDetails from '../components/qmsWarehouse/queueWDetails.vue'
-import queueWEnd from '../components/qmsWarehouse/queueWEnd.vue'
-import queueWInstructionReceive from '../components/qmsWarehouse/queueWInstructionReceive.vue'
-import queueWIssue from '../components/qmsWarehouse/queueWIssue.vue'
-import queueWListMonitor from '../components/qmsWarehouse/queueWListMonitor.vue'
-import queueWStart from '../components/qmsWarehouse/queueWStart.vue'
-import queueWTransfer from '../components/qmsWarehouse/queueWTransfer.vue'
-import queueWTruckMonitor from '../components/qmsWarehouse/queueWTruckMonitor.vue'
-import editBill from '../components/qmsEnFacotory/updateBill.vue'
-import model from '../components/qmsEnFacotory/model.vue'
-import addModel from '../components/qmsEnFacotory/addModel.vue'
-import editModel from '../components/qmsEnFacotory/editModel.vue'
+const addqueueFCancel = () => import( '../components/qmsEnFacotory/addqueueFCancel.vue')
+const addqueueFJumpLine = () => import( '../components/qmsEnFacotory/addqueueFJumpLine.vue')
+const addqueueFTransfer = () => import( '../components/qmsEnFacotory/addqueueFTransfer.vue')
+const queueFApply = () => import( '../components/qmsEnFacotory/queueFApply.vue')
+const queueFCancel = () => import( '../components/qmsEnFacotory/queueFCancel.vue')
+const queueFDetails = () => import( '../components/qmsEnFacotory/queueFDetails.vue')
+const queueFEnd = () => import( '../components/qmsEnFacotory/queueFEnd.vue')
+const queueFInstructionReceive = () => import( '../components/qmsEnFacotory/queueFInstructionReceive.vue')
+const queueFIssue = () => import( '../components/qmsEnFacotory/queueFIssue.vue')
+const queueFJumpLine = () => import( '../components/qmsEnFacotory/queueFJumpLine.vue')
+const queueFListMonitor = () => import( '../components/qmsEnFacotory/queueFListMonitor.vue')
+const queueFStart = () => import( '../components/qmsEnFacotory/queueFStart.vue')
+const queueFTransfer = () => import( '../components/qmsEnFacotory/queueFTransfer.vue')
+const queueFTruckMonitor = () => import( '../components/qmsEnFacotory/queueFTruckMonitor.vue')
+const addqueueWTransfer = () => import( '../components/qmsWarehouse/addqueueWTransfer.vue')
+const queueWApply = () => import( '../components/qmsWarehouse/queueWApply.vue')
+const queueWDetails = () => import( '../components/qmsWarehouse/queueWDetails.vue')
+const queueWEnd = () => import( '../components/qmsWarehouse/queueWEnd.vue')
+const queueWInstructionReceive = () => import( '../components/qmsWarehouse/queueWInstructionReceive.vue')
+const queueWIssue = () => import( '../components/qmsWarehouse/queueWIssue.vue')
+const queueWListMonitor = () => import( '../components/qmsWarehouse/queueWListMonitor.vue')
+const queueWStart = () => import( '../components/qmsWarehouse/queueWStart.vue')
+const queueWTransfer = () => import( '../components/qmsWarehouse/queueWTransfer.vue')
+const queueWTruckMonitor = () => import( '../components/qmsWarehouse/queueWTruckMonitor.vue')
+const editBill = () => import( '../components/qmsEnFacotory/updateBill.vue')
+const model = () => import( '../components/qmsEnFacotory/model.vue')
+const addModel = () => import( '../components/qmsEnFacotory/addModel.vue')
+const editModel = () => import( '../components/qmsEnFacotory/editModel.vue')
 Vue.use(Router)
 const constantRouterMap = [
 	{