From 089bf5d2378b3c4a61d795b2a92bede2c193b771 Mon Sep 17 00:00:00 2001
From: admin <344137771@qq.com>
Date: Tue, 06 Jan 2026 11:22:58 +0800
Subject: [PATCH] 1
---
src/router/index.js | 1117 +++++++++-------------------------------------------------
1 files changed, 175 insertions(+), 942 deletions(-)
diff --git a/src/router/index.js b/src/router/index.js
index 6f02561..cbfd7d4 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,954 +1,187 @@
-import { createRouter, createWebHashHistory } from 'vue-router'
-import { useUserStore } from "@/store/user.js";
-import { customerServiceUrl } from "@/config/index.js";
+/* eslint-disable camelcase */
+/**
+ * 全站路由配置
+ *
+ * 建议:
+ * 1. 代码中路由统一使用name属性跳转(不使用path属性)
+ */
+import Vue from 'vue'
+import Router from 'vue-router'
+import http from '@/utils/httpRequest'
+import { isURL } from '@/utils/validate'
+import { clearLoginInfo } from '@/utils'
+// import { menu } from '@/menu'(本地模拟权限数组)
+Vue.use(Router)
-// 路由规则
-const routes = [
- {
- path: '/',
- children: [
- { path: '', redirect: '/quotes' },
- {
- path: '/login',
- name: 'Login',
- component: () => import(/* webpackChunkName: "login" */ '@/views/login/index.vue'),
- },
- {
- path: '/optional',
- name: 'optional',
- meta: {
- tarbar: true,
- },
- redirect: '/optional/index',
- component: () => import('@/views/Layout.vue'),
- children: [
- { path: 'index', meta: { tarbar: true, }, component: () => import(/* webpackChunkName: "optional" */ '@/views/optional/index.vue') },
- { path: 'search', meta: { tarbar: false }, component: () => import(/* webpackChunkName: "optionalsearch" */ '@/views/optional/Search.vue') },
- { path: 'groupListManagement', meta: { tarbar: false }, component: () => import(/* webpackChunkName: "optionalgroupListManagement" */ '@/views/optional/GroupListManagement.vue') },
- { path: 'groupEdit', meta: { tarbar: true }, component: () => import(/* webpackChunkName: "optionalgroupEdit" */ '@/views/optional/GroupEditOrAdd.vue') },
- { path: 'groupAdd', meta: { tarbar: false }, component: () => import(/* webpackChunkName: "optionalgroupAdd" */ '@/views/optional/GroupEditOrAdd.vue') },
- { path: 'selectSymbol', meta: { tarbar: false }, component: () => import(/* webpackChunkName: "optionalselectSymbol" */ '@/views/optional/SelectSymbol.vue') },
- { path: 'editGroupList', meta: { tarbar: false }, component: () => import(/* webpackChunkName: "optionaleditGroupList" */ '@/views/optional/EditGroupList.vue') },
- { path: '/order/:symbol', component: () => import(/* webpackChunkName: "optionalorder" */ '@/views/charts/order.vue') },
- { path: 'result', component: () => import(/* webpackChunkName: "optionalresult" */ '@/views/charts/result.vue') },
- ]
- },
- {
- path: '/quotes',
- name: 'Quotes',
- redirect: '/quotes/index',
- component: () => import('@/views/Layout.vue'),
- children: [
- { path: 'index', meta: { tarbar: true, }, name: 'quotesIndex', component: () => import(/* webpackChunkName: "quotes" */ '@/views/quotes/List.vue') },
- { path: 'detail', component: () => import(/* webpackChunkName: "detail" */ '@/views/quotes/Detail.vue') },
- { path: 'constituentDetail', meta: { tarbar: true }, component: () => import(/* webpackChunkName: "constituentDetail" */ '@/views/quotes/ConstituentDetail.vue') },
- { path: 'usStockDetail', component: () => import(/* webpackChunkName: "usStockDetail" */ '@/views/usStock/Detail.vue') },
- { path: 'usStockIndexDetail', meta: { tarbar: true, }, component: () => import(/* webpackChunkName: "usStockIndexDetail" */ '@/views/usStock/IndexDetail.vue') },
- { path: 'hotModules', meta: { tarbar: true }, component: () => import(/* webpackChunkName: "hotModules" */ '@/views/quotes/HotModules.vue') },
- { path: 'openTrade', meta: { tarbar: false, }, component: () => import(/* webpackChunkName: "openTrade" */ '@/views/quotes/OpenTrade.vue') },
- { path: 'UsStockMore', meta: { tarbar: false }, component: () => import(/* webpackChunkName: "UsStockMore" */ '@/views/quotes/UsStockMore.vue') },
+// 开发环境不使用懒加载, 因为懒加载页面太多的话会造成webpack热更新太慢, 所以只有生产环境使用懒加载
+const _import = require('./import-' + process.env.NODE_ENV)
+//获取原型对象上的push函数
+const originalPush = Router.prototype.push
+//修改原型对象中的push方法
+Router.prototype.push = function push(location) {
+ return originalPush.call(this, location).catch(err => err)
+}
- ]
- },
- {
- path: '/trade',
- name: 'Trade',
- meta: {
- tarbar: true,
- requireAuth: true
- },
- redirect: '/trade/index',
- component: () => import('@/views/Layout.vue'),
- children: [
- { path: 'index', meta: { tarbar: true }, name: 'tradeIndex', component: () => import(/* webpackChunkName: "trade" */ /* webpackPrefetch: true */'@/views/trade/index.vue') },
- ]
- },
- {
- path: '/foreign',
- name: 'Foreign',
- redirect: '/quotes/index?tabActive=2',
- meta: {
- tarbar: false,
- },
- component: () => import('@/views/Layout.vue'),
- children: [
- { path: 'search', name: 'search', component: () => import(/* webpackChunkName: "search" */ '@/views/foreign/Search.vue') },
- { path: 'quotation', name: 'quotation', component: () => import(/* webpackChunkName: "quotation" */ '@/views/foreign/Quotation.vue') },
- { path: 'coinChart', name: 'coinChart', component: () => import(/* webpackChunkName: "coinChart" */ '@/views/foreign/CoinChart.vue') },
- { path: 'opening', name: 'opening', component: () => import(/* webpackChunkName: "opening" */ '@/views/foreign/Open.vue'), props: true },
- { //交割合约
- path: 'deliveryContract/:symbol',
- name: 'deliveryContract',
- component: () => import(/* webpackChunkName: "deliveryContract" */ '@/views/foreign/foreignPerpetualContract/deliveryContract.vue'),
- meta: { tarbar: false, }
- },
- {
- //交割合约历史
- path: 'ForexDeliveryContractHistory',
- name: 'ForexDeliveryContractHistory',
- component: () => import(/* webpackChunkName: "ForexDeliveryContractHistory" */ '@/views/foreign/deliveryContractHistory/index.vue')
- },
- ]
- },
- {
- path: '/position',
- name: 'position',
- redirect: '/position/index',
- meta: {
- tarbar: true,
- requireAuth: true
- },
- component: () => import('@/views/Layout.vue'),
- children: [
- { path: 'index', meta: { tarbar: false, }, component: () => import(/* webpackChunkName: "position" */'@/views/position/index.vue') },
- ]
- },
- {
- path: '/history',
- name: 'History',
- component: () => import('@/views/Layout.vue'),
- meta: { tarbar: false },
- redirect: '/history/list',
- children: [
- { path: 'list', meta: { tarbar: false, }, component: () => import(/* webpackChunkName: "history" */ '@/views/history/List.vue') }
- ]
- },
- {
- path: '/news',
- name: 'News',
- redirect: '/news/index',
- component: () => import('@/views/Layout.vue'),
- children: [
- { path: 'index', meta: { tarbar: true }, component: () => import(/* webpackChunkName: "news" */ '@/views/news/index.vue') },
- ]
- },
- {
- path: '/funds',
- name: 'Funds',
- redirect: '/funds/index',
- component: () => import('@/views/Layout.vue'),
- children: [
- { path: 'index', meta: { tarbar: true }, component: () => import(/* webpackChunkName: "Funds" */'@/views/cryptos/Funds/list.vue') },
- ]
- },
- {
- path: '/chart',
- name: 'Chart',
- redirect: '/chart/index',
- component: () => import('@/views/Layout.vue'),
- children: [
- { path: 'index', meta: { tarbar: true }, component: () => import(/* webpackChunkName: "chart" */ '@/views/charts/index.vue') },
- { path: '/order/:symbol', component: () => import(/* webpackChunkName: "chart" */ '@/views/charts/order.vue') },
- { path: 'result', component: () => import(/* webpackChunkName: "chart" */ '@/views/charts/result.vue') },
- ]
- },
- {
- path: '/exchangeHistory',
- name: 'ExchangeHistory',
- redirect: '/exchangeHistory/dailyDeal',
- component: () => import('@/views/Layout.vue'),
- children: [
- { path: 'dailyDeal', meta: { tarbar: false }, component: () => import(/* webpackChunkName: "dailyDeal" */ '@/views/exchangeHistory/DailyDeal.vue') },
- { path: 'dailyEntrust', meta: { tarbar: false }, component: () => import(/* webpackChunkName: "dailyEntrust" */ '@/views/exchangeHistory/DailyEntrust.vue') },
- { path: 'historicalEntrust', meta: { tarbar: false }, component: () => import(/* webpackChunkName: "historicalEntrust" */ '@/views/exchangeHistory/HistoricalEntrust.vue') },
- { path: 'historicalTransaction', meta: { tarbar: false }, component: () => import(/* webpackChunkName: "historicalTransaction" */ '@/views/exchangeHistory/HistoricalTransaction.vue') },
- { path: 'search', meta: { tarbar: false }, component: () => import(/* webpackChunkName: "search" */ '@/views/exchangeHistory/Search.vue') },
- { path: 'tradeRecord', meta: { tarbar: false }, component: () => import(/* webpackChunkName: "tradeRecord" */ '@/views/exchangeHistory/tradeRecord.vue') },
- ]
- },
- {
- path: '/exchange',
- name: 'Exchange',
- redirect: '/exchange/list',
- // meta: { tarbar: true },
- component: () => import('@/views/Layout.vue'),
- children: [
- { path: 'list', meta: { tarbar: true, keepAlive: true, requireAuth: true }, component: () => import(/* webpackChunkName: "list" */ '@/views/exchange/List.vue') },
- { path: 'channel-in', name: 'channelIn', component: () => import(/* webpackChunkName: "channel-in" */ '@/views/exchange/Channel.vue') },
- { path: 'channel-out', name: 'channelOut', component: () => import(/* webpackChunkName: "channel-out" */ '@/views/exchange/Channel.vue') },
- { path: 'charge-bank', component: () => import(/* webpackChunkName: "charge-bank" */ '@/views/exchange/charge-bank.vue') },
- { path: 'charge-crypto', component: () => import(/* webpackChunkName: "charge-crypto" */ '@/views/exchange/charge-crypto.vue') },
- { path: 'warehouse', component: () => import(/* webpackChunkName: "warehouse" */ '@/views/exchange/warehouse.vue') },
- { path: 'withdraw-bank', component: () => import(/* webpackChunkName: "withdraw-bank" */ '@/views/exchange/withdraw-bank.vue') }, //银行卡提现
- { path: 'fund-password-verify', component: () => import(/* webpackChunkName: "fund-password-verify" */ '@/views/exchange/FundPasswordVerify.vue') }, //资金密码验证
- { path: 'withdraw-usdt', component: () => import(/* webpackChunkName: "withdraw-usdt" */ '@/views/exchange/withdraw-usdt.vue') }, //usdt提现
- ]
- },
- {
- //加密货币
- path: '/cryptos',
- name: 'Cryptos',
- redirect: '/quotes/index?tabActive=1',
- meta: {
- tarbar: false,
- },
- component: () => import('@/views/Layout.vue'),
- children: [
- { path: 'announce', meta: { tarbar: false }, component: () => import(/* webpackChunkName: "cryptosannounce" */'@/views/cryptos/Announce/index.vue') },
- { path: 'announceDetail', meta: { tarbar: false }, component: () => import(/* webpackChunkName: "cryptosannounceDetail" */'@/views/cryptos/Announce/announceDetail.vue') },
- { path: 'exchangePage', meta: { tarbar: false }, component: () => import(/* webpackChunkName: "cryptosexchangePage" */'@/views/cryptos/Exchange/exchangePage.vue') },
- { path: 'exchangeHistory', meta: { tarbar: false }, component: () => import(/* webpackChunkName: "cryptosexchangeHistory" */'@/views/cryptos/Exchange/exchangeHistory.vue') },
- { path: 'exchangeSubmit', meta: { tarbar: false }, component: () => import(/* webpackChunkName: "cryptosexchangeSubmit" */'@/views/cryptos/Exchange/exchangeSubmit.vue') },
- { path: 'exchangeRate', meta: { tarbar: false }, component: () => import(/* webpackChunkName: "cryptosexchangeRate" */'@/views/cryptos/Exchange/exchangeRate.vue') },
- { path: 'accountChange', meta: { tarbar: false }, component: () => import(/* webpackChunkName: "cryptosaccountChange" */'@/views/cryptos/AccountChange/index.vue') },
- { path: 'blockTrades', meta: { tarbar: false }, component: () => import(/* webpackChunkName: "blockTrades" */'@/views/cryptos/blockTrades/index.vue') },
-
- { path: 'darkpoolTrading', meta: { tarbar: false }, component: () => import(/* webpackChunkName: "darkpoolTrading" */'@/views/cryptos/darkpoolTrading/index.vue') },
-
- { path: 'blockTradesEtf', meta: { tarbar: false }, component: () => import(/* webpackChunkName: "blockTradesEtf" */'@/views/cryptos/blockTradesEtf/index.vue') },
-
- { path: 'darkpoolTradingEtf', meta: { tarbar: false }, component: () => import(/* webpackChunkName: "darkpoolTradingEtf" */'@/views/cryptos/darkpoolTradingEtf/index.vue') },
-
- { path: 'funds', meta: { tarbar: false }, component: () => import(/* webpackChunkName: "cryptosfunds" */'@/views/cryptos/Funds/index.vue') },
- { path: 'assetsCenter', meta: { tarbar: false }, component: () => import(/* webpackChunkName: "cryptosassetsCenter" */'@/views/cryptos/AssetsCenter/index.vue') },
- { path: 'trade/:symbol', name: 'trade', meta: { tarbar: false }, component: () => import(/* webpackChunkName: "cryptostrade" */ /* webpackPrefetch: true */'@/views/cryptos/Trade/index.vue') },
- { path: 'trendDetails/:symbol', name: 'tradeDetail', meta: { tarbar: false }, component: () => import(/* webpackChunkName: "cryptostrendDetails" */ /* webpackPrefetch: true */'@/views/cryptos/TrendDetails/index.vue') },
- { path: 'tradeRecord/:symbol', name: 'tradeRecord', meta: { tarbar: false }, component: () => import(/* webpackChunkName: "cryptostradeRecord" */'@/views/cryptos/TradeRecord/index.vue') },
- { //永续合约
- path: 'perpetualContract/:symbol',
- name: 'perpetualContract',
- meta: { tarbar: false },
- component: () => import(/* webpackChunkName: "perpetualContract" */ /* webpackPrefetch: true */'@/views/cryptos/PerpetualContract/index.vue'),
- },
- { //充值列表
- path: 'recharge/rechargeList',
- name: 'rechargeList',
- meta: { tarbar: false },
- component: () => import(/* webpackChunkName: "rechargeList" */ '@/views/cryptos/Recharge/rechargeList.vue'),
- },
- {
- //充值页面
- path: "recharge/rechargePage",
- name: "rechargePage",
- meta: { tarbar: false },
- component: () =>
- import(
- /* webpackChunkName: "rechargePage" */ "@/views/cryptos/Recharge/rechargePage.vue"
- ),
- },
- {
- //充值提交
- path: "recharge/rechargeSubmit",
- name: "rechargeSubmit",
- meta: { tarbar: false },
- component: () =>
- import(
- /* webpackChunkName: "rechargeSubmit" */ "@/views/cryptos/Recharge/rechargeSubmit.vue"
- ),
- },
- {
- //充值详情
- path: "recharge/rechargeDetail",
- name: "rechargeDetail",
- meta: { tarbar: false },
- component: () =>
- import(
- /* webpackChunkName: "rechargeDetail" */ "@/views/cryptos/Recharge/rechargeDetail.vue"
- ),
- },
- {
- path: "assetsCenter/index",
- name: "Assets",
- meta: { tarbar: false },
- component: () =>
- import(
- /* webpackChunkName: "Assets" */ "@/views/cryptos/AssetsCenter/index.vue"
- ),
- },
- {
- //充提记录
- path: "assetsCenter/rechargeWithdrawRecord",
- name: "rechargeWithdrawRecord",
- meta: { tarbar: false },
- component: () =>
- import(
- /* webpackChunkName: "rechargeWithdrawRecord" */ "@/views/cryptos/AssetsCenter/rechargeWithdrawRecord.vue"
- ),
- },
- {
- //提现页面
- path: "withdraw/withdrawPage",
- name: "withdrawPage",
- meta: { tarbar: false },
- component: () =>
- import(
- /* webpackChunkName: "withdrawPage" */ "@/views/cryptos/Withdraw/withdrawPage.vue"
- ),
- },
- {
- //输入资金密码
- path: "withdraw/securityVerification",
- name: "securityVerification",
- meta: { tarbar: false },
- component: () =>
- import(
- /* webpackChunkName: "securityVerification" */ "@/views/cryptos/Withdraw/withdrawalSecurityVerification.vue"
- ),
- },
- {
- //提交成功
- path: "withdraw/withdrawSumbit",
- name: "withdrawSumbit",
- meta: { tarbar: false },
- component: () =>
- import(
- /* webpackChunkName: "withdrawSumbit" */ "@/views/cryptos/Withdraw/withdrawSumbit.vue"
- ),
- },
- {
- //详情
- path: "withdraw/withdrawDetail",
- name: "withdrawDetail",
- meta: { tarbar: false },
- component: () =>
- import(
- /* webpackChunkName: "withdrawDetail" */ "@/views/cryptos/Withdraw/withdrawDetail.vue"
- ),
- },
- {
- //充值详情
- path: "recharge/rechargeDetail",
- name: "rechargeDetail",
- meta: { tarbar: false },
- component: () =>
- import(
- /* webpackChunkName: "rechargeDetail" */ "@/views/cryptos/Recharge/rechargeDetail.vue"
- ),
- },
- { //U本位历史
- path: 'perpetualHistory',
- name: 'perpetualHistory',
- component: () => import(/* webpackChunkName: "perpetualHistory" */ '@/views/cryptos/PerpetualContract/perpetualHistory.vue')
- },
- {
- //交割合约历史
- path: 'deliveryContractHistory',
- name: 'DeliveryContractHistory',
- component: () => import(/* webpackChunkName: "DeliveryContractHistory" */ '@/views/cryptos/DeliveryContractHistory/index.vue')
- },
- { //永续合约订单详情
- path: 'orderDetail',
- name: 'orderDetail',
- component: () => import(/* webpackChunkName: "orderDetail" */ '@/views/cryptos/PerpetualContract/orderDetail.vue')
- },
- { //永续合约委托详情
- path: 'entrustDetail',
- name: 'entrustDetail',
- component: () => import(/* webpackChunkName: "entrustDetail" */ '@/views/cryptos/PerpetualContract/entrustDetail.vue')
- },
- { //永续合约订单详情
- path: 'symbolOrderDetail',
- name: 'symbolOrderDetail',
- component: () => import(/* webpackChunkName: "symbolOrderDetail" */ '@/views/cryptos/SymbolOrderDetail/index.vue')
- },
- {
- //理财历史
- path: 'financialHistory',
- name: 'FinancialHistory',
- component: () => import(/* webpackChunkName: "FinancialHistory" */ '@/views/cryptos/FinancialHistory/index.vue')
- },
-
- {
- //货币理财盈亏订单详情
- path: "profitLoss",
- name: "profitLoss",
- component: () => import(/* webpackChunkName: "profitLoss" */ "@/views/cryptos/order/CurrencyOrder/profitLoss.vue")
- },
- {
- //理财订单详情
- path: "financialOrder",
- name: "FinancialOrder",
- component: () => import(/* webpackChunkName: "FinancialOrder" */ "@/views/cryptos/order/FinancialOrder/index.vue")
- },
- {
- //矿机订单详情
- path: "miningMachineOrder",
- name: "MiningMachineOrder",
- component: () => import(/* webpackChunkName: "MiningMachineOrder" */ "@/views/cryptos/order/MiningMachineOrder/index.vue")
- },
- {
- //矿机理财购买确认
- path: "machine-confirm",
- name: "MachineConfirm",
- component: () => import(/* webpackChunkName: "MachineConfirm" */ "@/views/cryptos/financialManagement/machineConfirm.vue")
- },
- {
- //基金理财购买确认
- path: "financial-confirm",
- name: "FinancialConfirm",
- component: () => import(/* webpackChunkName: "FinancialConfirm" */ "@/views/cryptos/financialManagement/FinancialManagementConfirm.vue")
- },
- {
- path: "fund-buy",
- name: "FundBuy",
- component: () =>
- import(/* webpackChunkName: "FundBuy" */ "@/views/cryptos/financialManagement/fundBuy.vue"),
- },
- {
- path: "fund",
- name: "Fund",
- component: () =>
- import(/* webpackChunkName: "Fund" */ "@/views/cryptos/financialManagement/fundHome.vue"),
- },
- {
- path: "fund-rule",
- name: "Fundrule",
- component: () =>
- import(/* webpackChunkName: "Fundrule" */ "@/views/cryptos/financialManagement/fundRule.vue"),
- },
- {
- path: "fm-home",
- name: "financialManagement",
- component: () =>
- import(/* webpackChunkName: "financialManagement" */ "@/views/cryptos/financialManagement/index.vue"),
- },
- {
- path: "machine-buy",
- name: "MachineBuy",
- component: () =>
- import(/* webpackChunkName: "MachineBuy" */ "@/views/cryptos/financialManagement/machineBuy.vue"),
- },
- {
- path: "machine-rule",
- name: "Machinerule",
- component: () =>
- import(/* webpackChunkName: "Machinerule" */ "@/views/cryptos/financialManagement/machineRule.vue"),
- },
- {
- path: "machine",
- name: "Machine",
- component: () =>
- import(/* webpackChunkName: "Machine" */ "@/views/cryptos/financialManagement/miningMachineHome.vue"),
- },
-
- {//
- path: 'order-success',
- name: 'orderSuccess',
- component: () =>
- import(/* webpackChunkName: "orderSuccess" */ '@/views/cryptos/financialManagement/orderSuccess.vue')
- },
- {
- path: "pool-lock",
- name: "PooLock",
- component: () =>
- import(/* webpackChunkName: "PooLock" */ "@/views/cryptos/financialManagement/poolLock.vue"),
- },
- {//质押借币
- path: 'pledgeLoan',
- name: 'PledgeLoan',
- component: () => import(/* webpackChunkName: "PledgeLoan" */ '@/views/cryptos/pledgeLoan/index.vue')
- },
- {//质押订单
- path: 'pledgeLoanOrder',
- name: 'pledgeLoanOrder',
- component: () => import(/* webpackChunkName: "pledgeLoanOrder" */ '@/views/cryptos/pledgeLoan/pledgeLoanOrder.vue')
- },
- {//质押订单详情
- path: 'pledgeLoanOrderDetail',
- name: 'PledgeLoanOrderDetail',
- component: () => import(/* webpackChunkName: "PledgeLoanOrderDetail" */ '@/views/cryptos/pledgeLoan/pledgeLoanOrderDetail.vue')
- },
- {//新增质押
- path: 'addPledge',
- name: 'AddPledge',
- component: () => import(/* webpackChunkName: "AddPledge" */ '@/views/cryptos/pledgeLoan/addPledge.vue')
- },
- {//续借
- path: 'pledgeLoanRenew',
- name: 'PledgeLoanRenew',
- component: () => import(/* webpackChunkName: "PledgeLoanRenew" */ '@/views/cryptos/pledgeLoan/pledgeLoanRenew.vue')
- },
- {//质押记录
- path: 'pledgeRecord',
- name: 'PledgeRecord',
- component: () => import(/* webpackChunkName: "PledgeRecord" */ '@/views/cryptos/pledgeLoan/pledgeRecord.vue')
- },
- {//还款
- path: 'repayment',
- name: 'Repayment',
- component: () => import(/* webpackChunkName: "Repayment" */ '@/views/cryptos/pledgeLoan/repayment.vue')
- },
- {//
- path: 'loan',
- name: 'loan',
- component: () => import(/* webpackChunkName: "loan" */ "@/views/cryptos/loan/index.vue")
- },
- {//
- path: 'loanHistory',
- name: 'loanHistory',
- component: () => import(/* webpackChunkName: "loanHistory" */ "@/views/cryptos/loan/loanHistory.vue")
- },
- {//
- path: 'loanRule',
- name: 'loanRule',
- component: () => import(/* webpackChunkName: "loanRule" */ "@/views/cryptos/loan/loanRule.vue")
- },
- {//c2c自选区我要买
- path: 'wantBuy',
- name: 'WantBuy',
- component: () => import(/* webpackChunkName: "WantBuy" */ '@/views/cryptos/placeAnOrder/page/wantBuy/index.vue'),
- },
- {//广告筛选
- path: 'wantBuy/adScreening',
- name: 'adScreening',
- component: () => import(/* webpackChunkName: "adScreening" */ '@/views/cryptos/placeAnOrder/page/adScreening.vue'),
- },
- {//c2c购买
- path: 'wantBuy/c2cBuy',
- name: 'c2cBuy',
- component: () => import(/* webpackChunkName: "c2cBuy" */ '@/views/cryptos/c2c-trade/page/c2cBuy.vue'),
- },
- {// c2c买卖交易
- path: 'c2cTrade',
- name: 'c2cTrade',
- props(route) {
- return {
- ...route.query,
- }
- },
- component: () => import(/* webpackChunkName: "c2cTrade" */ '@/views/cryptos/c2c-trade/index.vue'),
- },
- {// c2c订单列表
- path: 'wantBuy/c2cOrderList',
- name: 'c2cOrderList',
- component: () => import(/* webpackChunkName: "c2cOrderList" */ "@/views/cryptos/c2c-order-list/index.vue"),
- props(route) {
- return {
- ...route.query
- }
- }
- },
- {// c2c订单详情
- path: 'tradeOrderDetail',
- name: 'tradeOrderDetail',
- component: () => import(/* webpackChunkName: "tradeOrderDetail" */ "@/views/cryptos/c2c-trade/page/tradeOrderDetail.vue"),
- },
- {// 快捷区
- path: 'wantBuy/quick',
- name: 'quick',
- component: () => import(/* webpackChunkName: "quick" */ "@/views/cryptos/quick/index.vue")
- },
- {// 选择法币
- path: 'selectLegalCurrency',
- name: 'selectLegalCurrency',
- component: () => import(/* webpackChunkName: "selectLegalCurrency" */ '@/views/cryptos/selectLegalCurrency/index.vue'),
- },
- {// 收款方式
- path: "paymentMethod",
- name: 'paymentMethod',
- component: () => import(/* webpackChunkName: "paymentMethod" */ "@/views/cryptos/placeAnOrder/page/payment-method/PaymentMethod.vue")
- },
- {// 银行卡详情
- path: 'wantBuy/bankCard',
- name: 'bankCardDetail',
- component: () =>
- import(/* webpackChunkName: "bankCardDetail" */ '@/views/cryptos/placeAnOrder/components/bankCardDetail/index.vue'),
- props(route) {
- return {
- ...route.query
- }
- }
- },
- {// 添加收款方式
- path: 'wantBuy/addPaymentMethod',
- name: 'addPaymentMethod',
- component: () =>
- import(/* webpackChunkName: "addPaymentMethod" */ '@/views/cryptos/placeAnOrder/page/addPaymentMethod/AddPaymentMethod.vue'),
- },
- {
- // 广告商个人信息详情
- path: 'advertiserDetail',
- component: () => import(/* webpackChunkName: "advertiserDetail" */ '@/views/cryptos/advertiserDetail/index.vue'),
- props(route) {
- return {
- ...route.query
- }
- }
- },
- {// c2c出售订单生成
- path: 'sellGenerate',
- component: () => import(/* webpackChunkName: "sellGenerate" */ "@/views/cryptos/c2c-trade/page/SellGenerate.vue"),
- props(route) {
- return {
- ...route.query
- }
- }
- },
- {
- // 生成订单详情页
- path: 'orderGeneration',
- name: 'orderGeneration',
- component: () => import(/* webpackChunkName: "orderGeneration" */ '@/views/cryptos/c2cOrder/order-generation/index.vue'),
- props(route) {
- return {
- ...route.query,
- }
- },
- },
- {// 付款
- path: 'paymentBuy',
- name: 'paymentBuy',
- component: () => import(/* webpackChunkName: "paymentBuy" */ "@/views/cryptos/c2cOrder/payment/PaymentBuy.vue"),
- },
- {// 联系买家/卖家
- path: 'chat',
- component: () => import(/* webpackChunkName: "chat" */ "@/views/cryptos/chat/index.vue"),
- props(route) {
- return {
- ...route
- }
- }
- },
- {
- // 取消订单
- path: 'cancelOrder',
- name: 'cancelOrder',
- component: () => import(/* webpackChunkName: "cancelOrder" */ '@/views/cryptos/c2cOrder/cancel-order/cancelOrder.vue'),
- },
- {
- // 申诉
- path: 'appeal',
- name: 'appeal',
- component: () => import(/* webpackChunkName: "appeal" */ '@/views/cryptos/c2cOrder/appeal/index.vue'),
- },
- {
- // 申诉成功
- path: 'appeal/page',
- name: 'appealSuccess',
- component: () => import(/* webpackChunkName: "appealSuccess" */ '@/views/cryptos/c2cOrder/appeal/Appeal.vue'),
- },
- {
- // 付款详情
- path: 'paymentDetail',
- name: 'paymentDetail',
- component: () => import(/* webpackChunkName: "paymentDetail" */ '@/views/cryptos/c2cOrder/payment/PaymentDetail.vue'),
- },
- {
- //c2c帮助中心
- path: 'c2cHelpCenter',
- name: 'HelpCenter',
- component: () => import(/* webpackChunkName: "c2cHelpCenter" */ '@/views/cryptos/c2cHelpCenter/index.vue'),
- },
- {
- // c2c收款方式
- path: 'c2cCollection',
- component: () => import(/* webpackChunkName: "c2cCollection" */ '@/views/cryptos/c2c-trade/page/c2cCollection.vue'),
- props(route) {
- return {
- ...route.query,
- }
- },
- },
- {// c2c帮助
- path: 'c2cHelp',
- name: 'C2cHelp',
- meta: { requireAuth: true },
- component: () => import(/* webpackChunkName: "c2cHelp" */ "@/views/cryptos/c2c-trade/page/c2cHelp.vue")
- },
- {// 确认收款
- path: 'confirmedPaid',
- component: () => import(/* webpackChunkName: "confirmedPaid" */ "@/views/cryptos/c2cOrder/payment/ConfirmedPaid.vue")
- },
- {// 卖家交易
- path: 'tradeSuccessSell',
- component: () => import(/* webpackChunkName: "tradeSuccessSell" */ "@/views/cryptos/c2c-trade/page/TradeSuccessSell.vue")
- },
- {// 买家交易成功详情
- path: 'tradeSuccessDetailBuyer',
- component: () => import(/* webpackChunkName: "tradeSuccessDetailBuyer" */ "@/views/cryptos/c2c-trade/page/TradeSuccessDetailBuyer.vue")
- },
- {// 卖家交易成功详情
- path: 'tradeSuccessDetailSell',
- component: () => import(/* webpackChunkName: "tradeSuccessDetailSell" */ "@/views/cryptos/c2c-trade/page/TradeSuccessDetailSell.vue")
- },
- {// 买家交易成功
- path: 'tradeSuccessBuyer',
- component: () => import(/* webpackChunkName: "tradeSuccessBuyer" */ "@/views/cryptos/c2c-trade/page/TradeSuccessBuyer.vue")
- },
- ]
- },
- {
- path: '/my',
- name: 'My',
- redirect: '/my/index',
- component: () => import('@/views/Layout.vue'),
- meta: { tarbar: true },
- children: [
- { path: 'index', meta: { tarbar: true, }, component: () => import(/* webpackChunkName: "my" */ /* webpackPrefetch: true */'@/views/my/index.vue') }
- ]
- },
- {
- path: '/personal',
- name: 'personal',
- redirect: '/personal/index',
- component: () => import('@/views/Layout.vue'),
- meta: { tarbar: true },
- children: [
- { path: 'index', meta: { tarbar: true, }, component: () => import(/* webpackChunkName: "my" */ /* webpackPrefetch: true */'@/views/personal/index.vue') }
- ]
- },
- {
- path: '/register',
- name: 'Register',
- meta: { keepAlive: true },
- component: () => import(/* webpackChunkName: "register" */ '@/views/register/index.vue'),
- },
- { //验证码
- path: '/verify',
- name: 'verify',
- component: () => import(/* webpackChunkName: "verify" */ '@/views/register/verify.vue')
- },
- { //设置资金密码
- path: '/setFond',
- name: 'setFond',
- component: () => import(/* webpackChunkName: "setFond" */ '@/views/register/setFond.vue')
- },
- { //注册身份认证
- path: '/identity',
- name: 'identity',
- component: () => import(/* webpackChunkName: "identity" */ '@/views/register/identity.vue')
- },
- { //谷歌验证
- path: '/gooleVerify',
- name: 'gooleVerify',
- component: () => import(/* webpackChunkName: "gooleVerify" */ '@/views/register/gooleVerify.vue')
- },
- { //注册完成
- path: '/finish',
- name: 'finish',
- component: () => import(/* webpackChunkName: "finish" */ '@/views/register/finish.vue')
- },
- { //语言设置
- path: '/language',
- name: 'language',
- component: () => import(/* webpackChunkName: "language" */ '@/views/language/index.vue')
- },
- { //客服
- path: '/customerService',
- name: 'customerService',
- // beforeEnter: (to, from, next) => {
- // // 如果 customerServiceUrl 有值，直接跳转到外链
- // if (customerServiceUrl && customerServiceUrl.trim()) {
- // window.open(customerServiceUrl, '_blank');
- // } else {
- // // 如果没有值，正常跳转
- // next();
- // }
- // },
- component: () => import(/* webpackChunkName: "customerService" */ '@/views/customerService/index.vue')
- },
- { //身份认证
- path: '/certificationCenter',
- name: 'certificationCenter',
- component: () => import(/* webpackChunkName: "certificationCenter" */ '@/views/certificationCenter/index.vue')
- },
- {
- path: '/advancedCtf',
- name: 'advancedCtf',
- component: () => import(/* webpackChunkName: "advancedCtf" */ '@/views/certificationCenter/advancedCtf.vue')
- },
- {
- path: '/verified',
- name: 'verified',
- component: () => import(/* webpackChunkName: "verified" */ '@/views/verified/index.vue')
- },
- {
- path: '/authentication',
- name: 'authentication',
- component: () => import(/* webpackChunkName: "authentication" */ '@/views/authentication/index.vue')
- },
- {//修改登录密码
- path: '/changePassword',
- name: 'changePassword',
- component: () => import(/* webpackChunkName: "changePassword" */ '@/views/changePassword/index.vue')
- },
- {//修改资金密码
- path: '/changeFundsPassword',
- name: 'changeFundsPassword',
- component: () => import(/* webpackChunkName: "changeFundsPassword" */ '@/views/changeFundsPassword/index.vue')
- },
- {//绑定验证
- path: '/bindVerify',
- name: 'bindVerify',
- component: () => import(/* webpackChunkName: "bindVerify" */ '@/views/bindVerify/index.vue')
- },
- {//重置绑定
- path: '/resetVerify',
- name: 'resetVerify',
- component: () => import(/* webpackChunkName: "resetVerify" */ '@/views/resetVerify/index.vue')
- },
- {//安全中心
- path: '/safety',
- name: 'safety',
- component: () => import(/* webpackChunkName: "safety" */ '@/views/safety/index.vue')
- },
- {//更换绑定
- path: '/changeVerify',
- name: 'changeVerify',
- component: () => import(/* webpackChunkName: "changeVerify" */ '@/views/safety/changeVerify.vue')
- },
- {//
- path: '/resetSuccess',
- name: 'resetSuccess',
- component: () => import(/* webpackChunkName: "resetSuccess" */ '@/views/resetVerify/resetSuccess.vue')
- },
- {//忘记密码
- path: '/forget',
- name: 'forget',
- component: () => import(/* webpackChunkName: "forget" */ '@/views/forget/index.vue')
- },
- {//重置登录密码
- path: '/resetPassword',
- name: 'resetPassword',
- component: () => import(/* webpackChunkName: "resetPassword" */ '@/views/forget/resetPassword.vue')
- },
- {//忘记密码修改成功
- path: '/passSuccess',
- name: 'passSuccess',
- component: () => import(/* webpackChunkName: "passSuccess" */ '@/views/forget/passSuccess.vue')
- },
- {//安全验证
- path: '/safeVerify',
- name: 'safeVerify',
- component: () => import(/* webpackChunkName: "safeVerify" */ '@/views/forget/safeVerify.vue')
- },
- {
- path: '/:pathMatch(.*)*',
- name: '404',
- component: () => import(/* webpackChunkName: "no404" */'@/views/404.vue')
- },
- {
- path: '/order',
- name: 'order',
- // meta: { tarbar: true },
- component: () => import('@/views/Layout.vue'),
- children: [
- { path: 'submit', component: () => import(/* webpackChunkName: "order" */'@/views/order/order-submit.vue') },
- { path: 'success', component: () => import(/* webpackChunkName: "order" */'@/views/order/success.vue') }, //成功
- { path: 'apply-success', component: () => import(/* webpackChunkName: "order" */'@/views/order/apply-success.vue') }, //申请成功
- ]
- },
- {
- path: '/Record',
- name: 'Record',
- // meta: { tarbar: true },
- component: () => import('@/views/Layout.vue'),
- children: [
- { path: 'DepositAndWithdrawal', meta: { tarbar: false }, component: () => import(/* webpackChunkName: "Record" */'@/views/Record/DepositAndWithdrawal.vue') },
- { path: 'RecordDetails', meta: { tarbar: false }, component: () => import(/* webpackChunkName: "Record" */'@/views/Record/RecordDetails.vue') }
- ], //充值和提现记录
- },
- {
- path: '/payMentMethod',
- name: 'payMentMethod',
- // meta: { tarbar: true },
- component: () => import('@/views/Layout.vue'),
- children: [
- { path: 'list', meta: { tarbar: false }, component: () => import(/* webpackChunkName: "payMentMethod" */'@/views/payMentMethod/list.vue') },
- { path: 'add', meta: { tarbar: false }, component: () => import(/* webpackChunkName: "payMentMethod" */'@/views/payMentMethod/add.vue') },
- { path: 'selectPay', meta: { tarbar: false }, component: () => import(/* webpackChunkName: "payMentMethod" */'@/views/payMentMethod/selectPay.vue') },
- ], //收款方式
- },
- {
- //推广中心
- path: '/promote',
- name: 'promote',
- meta: { requireAuth: true },
- component: () => import(/* webpackChunkName: "promote" */ '@/views/cryptos/promote/index.vue')
- },
- {
- //推广规则
- path: '/promote/rules',
- name: 'promoteRules',
- component: () => import(/* webpackChunkName: "promoteRules" */ '@/views/cryptos/promote/Rules.vue')
- },
- {
- //分享二维码
- path: '/ShareQRCode',
- name: 'ShareQRCode',
- component: () => import(/* webpackChunkName: "ShareQRCode" */ '@/views/cryptos/promote/ShareQRCode.vue')
- },
- {
- //分享海报
- path: '/SharePoster',
- name: 'SharePoster',
- // meta: { keepAlive: true},
- component: () => import(/* webpackChunkName: "SharePoster" */ '@/views/cryptos/promote/SharePoster.vue')
- },
- {
- //帮助中心
- path: '/helpCenter',
- name: 'helpCenter',
- component: () => import(/* webpackChunkName: "helpCenter" */ '@/views/cryptos/HelpCenter/index.vue')
- },
- {
- //帮助中心详情
- path: '/helpDetail',
- name: 'helpDetail',
- component: () => import(/* webpackChunkName: "helpDetail" */ '@/views/cryptos/HelpCenter/detail.vue')
- },
- {
- //关于我们
- path: '/aboutUs',
- name: 'aboutUs',
- component: () => import(/* webpackChunkName: "aboutUs" */ '@/views/cryptos/AboutUs/index.vue')
- },
- {
- // W-8BEN表单
- path: '/w8ben',
- name: 'w8ben',
- meta: { requireAuth: true },
- component: () => import(/* webpackChunkName: "w8ben" */ '@/views/w8ben/index.vue')
- },
- {
- //导航更多
- path: '/more',
- name: 'more',
- component: () => import(/* webpackChunkName: "more" */ '@/views/morePage/index.vue')
- },
- {
- path: '/ipo',
- name: 'ipo',
- // meta: { tarbar: true },
- redirect: '/ipo/index',
- component: () => import('@/views/Layout.vue'),
- children: [
- { path: 'index', meta: { tarbar: false }, component: () => import('@/views/ipo/index.vue') },
- { path: 'drawLotsDetail', meta: { tarbar: false }, component: () => import('@/views/ipo/drawLotsDetail.vue') },
- { path: 'subscribeDetail', meta: { tarbar: false }, component: () => import('@/views/ipo/subscribeDetail.vue') },
- { path: 'lotteryRecord', meta: { tarbar: false }, component: () => import('@/views/ipo/lotteryRecord.vue') },
- { path: 'stock', meta: { tarbar: false }, component: () => import('@/views/ipo/stock.vue') },
- { path: 'progress', meta: { tarbar: false }, component: () => import('@/views/ipo/progress.vue') },
- { path: 'spotStock', meta: { tarbar: false }, component: () => import('@/views/ipo/spotStock.vue') },
- ], //ipo中心
- },
- ]
- }
+// 全局路由(无需嵌套上左右整体布局)
+const globalRoutes = [
+ { path: '/404', component: _import('common/404'), name: '404', meta: { title: '404未找到' } },
+ { path: '/login', component: _import('common/login'), name: 'login', meta: { title: '登录' } }
]
-const router = createRouter({
- history: createWebHashHistory(),
- routes,
- scrollBehavior(to, from, savedPosition) {
- return { top: 0 }
- },
+// 主入口路由(需嵌套上左右整体布局)
+const mainRoutes = {
+ path: '/',
+ component: _import('main'),
+ name: 'main',
+ redirect: { name: 'home' },
+ meta: { title: '主入口整体布局' },
+ children: [
+ // 通过meta对象设置路由展示方式
+ // 1. isTab: 是否通过tab展示内容, true: 是, false: 否
+ // 2. iframeUrl: 是否通过iframe嵌套展示内容, '以http[s]://开头': 是, '': 否
+ // 提示: 如需要通过iframe嵌套展示内容, 但不通过tab打开, 请自行创建组件使用iframe处理!
+ { path: '/home', component: _import('modules/user/user'), name: 'home', meta: { title: '首页' } },
+ { path: '/prodInfo', component: _import('modules/prod/prodInfo'), name: 'prodInfo', meta: { title: '产品详情' } },
+ { path: '/message', component: _import('message/index'), name: 'message', meta: { title: '产品详情' } }
+ ],
+ beforeEnter (to, from, next) {
+ let authorization = Vue.cookie.get('Authorization')
+ if (!authorization || !/\S/.test(authorization)) {
+ clearLoginInfo()
+ next({ name: 'login' })
+ }
+ next()
+ }
+}
+
+const router = new Router({
+ mode: 'hash',
+ scrollBehavior: () => ({ y: 0 }),
+ isAddDynamicMenuRoutes: false, // 是否已经添加动态(菜单)路由
+ routes: globalRoutes.concat(mainRoutes)
})
router.beforeEach((to, from, next) => {
- const userStore = useUserStore()
- if (to.meta.requireAuth) {
- // 判断该路由是否需要登录权限
- if (userStore.userInfo && userStore.userInfo.token) {
- // 通过vuex state获取当前的token是否存在
- next()
- } else {
- next({
- path: '/login',
- })
- }
- } else {
+ // 添加动态(菜单)路由
+ // 1. 已经添加 or 全局路由, 直接访问
+ // 2. 获取菜单列表, 添加并保存本地存储
+ if (router.options.isAddDynamicMenuRoutes || fnCurrentRouteType(to, globalRoutes) === 'global') {
next()
+ } else {
+ // sessionStorage.setItem('authorities', JSON.stringify(menu.authorities || '[]'))
+ // fnAddDynamicMenuRoutes(menu)
+ // sessionStorage.setItem('menuList', JSON.stringify(menu.menuList || '[]'))
+ http({
+ url: http.adornUrl('/sys/menu/nav'),
+ method: 'get',
+ params: http.adornParams(
+ {
+ appType:1
+ },
+ )
+ }).then(({ data }) => {
+ sessionStorage.setItem('authorities', JSON.stringify(data.authorities || '[]'))
+ //sessionStorage.setItem('authorities', JSON.stringify(menu.authorities || '[]'))(本地模拟)
+ //fnAddDynamicMenuRoutes(menu.menuList)(本地模拟)
+ fnAddDynamicMenuRoutes(data.menuList)
+ router.options.isAddDynamicMenuRoutes = true
+ sessionStorage.setItem('menuList', JSON.stringify(data.menuList || '[]'))
+ //sessionStorage.setItem('menuList', JSON.stringify(menu.menuList || '[]'))(本地模拟)
+
+ //
+ let menuList = data.menuList
+ // console.log("menuList = " + JSON.stringify(menuList));
+ let urls = []
+ for(let i = 0 ;menuList && i < menuList.length ; i++){
+ let menu = menuList[i];
+ // console.log("menu = " + JSON.stringify(menu));
+ for(let j = 0 ; menu && menu.list && j < menu.list.length ; j++){
+ let item = menu.list[j]
+ // console.log("item = " + JSON.stringify(item));
+ if(item.url){
+ urls.push(item.url);
+ }
+ }
+ }
+ sessionStorage.setItem('menuUrls', JSON.stringify(urls || '[]'))
+
+ //
+
+
+ next({ ...to, replace: true })
+ }).catch((e) => {
+ console.log(`%c${e} 请求菜单列表和权限失败，跳转至登录页！！`, 'color:blue')
+ router.push({ name: 'login' })
+ })
}
})
+/**
+ * 判断当前路由类型, global: 全局路由, main: 主入口路由
+ * @param {*} route 当前路由
+ */
+function fnCurrentRouteType (route, globalRoutes = []) {
+ var temp = []
+ for (var i = 0; i < globalRoutes.length; i++) {
+ if (route.path === globalRoutes[i].path) {
+ return 'global'
+ } else if (globalRoutes[i].children && globalRoutes[i].children.length >= 1) {
+ temp = temp.concat(globalRoutes[i].children)
+ }
+ }
+ return temp.length >= 1 ? fnCurrentRouteType(route, temp) : 'main'
+}
+
+/**
+ * 添加动态(菜单)路由
+ * @param {*} menuList 菜单列表
+ * @param {*} routes 递归创建的动态(菜单)路由
+ */
+function fnAddDynamicMenuRoutes (menuList = [], routes = []) {
+ var temp = []
+ for (var i = 0; i < menuList.length; i++) {
+ if (menuList[i].list && menuList[i].list.length >= 1) {
+ temp = temp.concat(menuList[i].list)
+ } else if (menuList[i].url && /\S/.test(menuList[i].url)) {
+ menuList[i].url = menuList[i].url.replace(/^\//, '')
+ var route = {
+ path: menuList[i].url.replace('/', '-'),
+ component: null,
+ name: menuList[i].url.replace('/', '-'),
+ meta: {
+ menuId: menuList[i].menuId,
+ title: menuList[i].name,
+ isDynamic: true,
+ isTab: true,
+ iframeUrl: ''
+ }
+ }
+ // url以http[s]://开头, 通过iframe展示
+ if (isURL(menuList[i].url)) {
+ route['path'] = `i-${menuList[i].menuId}`
+ route['name'] = `i-${menuList[i].menuId}`
+ route['meta']['iframeUrl'] = menuList[i].url
+ } else {
+ try {
+ route['component'] = _import(`modules/${menuList[i].url}`) || null
+ } catch (e) {
+ console.error(e)
+ }
+ }
+ routes.push(route)
+ }
+ }
+ if (temp.length >= 1) {
+ fnAddDynamicMenuRoutes(temp, routes)
+ } else {
+ mainRoutes.name = 'main-dynamic'
+ mainRoutes.children = routes
+ router.addRoutes([
+ mainRoutes,
+ { path: '*', redirect: { name: '404' } }
+ ])
+ sessionStorage.setItem('dynamicMenuRoutes', JSON.stringify(mainRoutes.children || '[]'))
+ }
+}
+
export default router
--
Gitblit v1.9.3