Bit_Wise_World/src/router/index.js

import { createRouter, createWebHistory } from "vue-router";
import HomeIndex from "../views/HomeIndex.vue";
import AppIndex from "../views/index/Index.vue";
import MarketIndex from "../views/market/Index.vue";
import AssetIndex from "../views/asset/Index.vue";
import UserIndex from "../views/user/Index.vue";
import ApplyPermission from "../views/index/ApplyPermission.vue";
import SplashScreen from "../views/index/SplashScreen.vue";
import RiskTips from "../views/index/RiskTips.vue";
import SearchIcon from "../views/index/SearchIcon.vue";
import Notification from "../views/notification/Index.vue";
import IndexUser from "../views/index/User.vue";
import UserCenter from "../views/index/UserCenter.vue";
import MarketDetails from "../views/market/details/Index.vue";
import HistoryIndex from "../views/asset/history/Index.vue";
import EntrustDetails from "../views/asset/history/EntrustDetails.vue";
import PositionDetails from "../views/asset/history/PositionDetails.vue";
import IcoIndex from "../views/index/ico/Index.vue";
import LoanIndex from "../views/index/loan/Index.vue";
import LoanRules from "../views/index/loan/Rules.vue";
import UserLoanIndex from "../views/user/loan/Index.vue";
import CommitMessage from "../views/index/loan/CommitMessage.vue";
import ContractTerms from "../views/index/loan/ContractTerms.vue";
import Signature from "../views/index/loan/Signature.vue";
import DeleteAccount from "../views/user/DeleteAccount.vue";
import RechargeIndex from "../views/index/recharge/RechargeIndex.vue";
import WithdrawIndex from "../views/index/recharge/WithdrawIndex.vue";
import RechargeChangeCoin from "../views/index/recharge/ChangeCoin.vue";
import Transfer from "../views/index/recharge/Transfer.vue";
import TransferHistory from "../views/index/recharge/TransferHistory.vue";
import UserAsset from "../views/asset/UserAsset.vue";
import RechargeHistory from "../views/index/recharge/RechargeHistory.vue";
import WithdrawHistory from "../views/index/recharge/WithdrawHistory.vue";
import FinancialIndex from "../views/index/financial/Index.vue";
import FinancialBuy from "../views/index/financial/Buy.vue";
import MyFinancial from "../views/index/financial/MyFinancial.vue";
import CloudComPowerIndex from "@/views/index/cloudComputingPower/Index.vue";
import ComboDetails from "@/views/index/cloudComputingPower/ComboDetails.vue";

import CommonFunctionsPopup from "@/views/bitcoin/CommonFunctionsPopup/CommonFunctionsPopup.vue"; // 子组件路径
import TradeRules from "@/views/bitcoin/CommonFunctionsPopup/GeneralLevel2/TradeRules.vue"; // 新建
import TradeLayout from "@/views/bitcoin/TradeLayout.vue"; // 新建的公共父组件
import TradeFutures from "@/views/bitcoin/TradeFutures.vue"; // （合约）
import TradeSeconds from "@/views/bitcoin/lever/TradeSeconds.vue"; // 秒合约（占位）
import TradeOptions from "@/views/bitcoin/lever/TradeOptions.vue"; // 期权（占位）
import TradeMargin from "@/views/bitcoin/lever/TradeMargin.vue";
import Calculator from "../views/bitcoin/Calculator.vue"; // 新建的计算器页面
import TradeSettings from "@/views/bitcoin/CommonFunctionsPopup/GeneralLevel2/TradeSettings.vue"; // 新建
import OptionTrading from "@/views/bitcoin/lever/OptionTrading.vue";

const routes = [
  {
    path: "/",
    name: "home",
    component: HomeIndex,
    children: [
      {
        path: "",
        name: "",
        component: AppIndex,
      },
      {
        path: "marketIndex",
        name: "marketIndex",
        component: MarketIndex,
      },
      {
        path: "/bitcoin",
        component: TradeLayout, // 而是布局组件
        // 当访问 /bitcoin 时，自动重定向到 /bitcoin/contract
        redirect: "/bitcoin/contract",
        children: [
          // 1. 核心交易子路由
          {
            path: "contract",
            name: "TradeContract",
            component: TradeFutures, // 核心交易逻辑
            meta: { title: "合约" },
          },
          {
            path: "seconds",
            name: "TradeSeconds",
            component: TradeSeconds,
            meta: { title: "秒合约" },
          },
          {
            path: "options",
            name: "TradeOptions",
            component: TradeOptions,
            meta: { title: "期权" },
          },

          {
            path: "margin",
            name: "TradeMargin",
            component: TradeMargin,
            meta: { title: "杠杆" },
          },
          {
            path: "settings",
            name: "TradeSettings",
            component: TradeSettings,
          },
        ],
      },
      {
        path: "PnLAnalysis",
        name: "PnLAnalysis.vue",
        component: () => import("@/views/bitcoin/lever/PnLAnalysis.vue"),
        meta: { title: "" },
      },
      {
        path: "calculator",
        name: "calculator",
        component: Calculator,
      },
      {
        path: "OptionTrading",
        name: "OptionTrading",
        component: OptionTrading,
        meta: { title: "" },
      },
      { path: "settings", name: "TradeSettings", component: TradeSettings },
      { path: "calculator", name: "calculator", component: Calculator },
    ],
  },
  {
    path: "assetIndex",
    name: "assetIndex",
    component: AssetIndex,
  },
  {
    path: "userIndex",
    name: "userIndex",
    component: UserIndex,
  },
  {
    path: "/applyPermission",
    name: "applyPermission",
    component: ApplyPermission,
  },
  {
    path: "/splashScreen",
    name: "splashScreen",
    component: SplashScreen,
  },
  {
    path: "/riskTips",
    name: "riskTips",
    component: RiskTips,
  },
  {
    path: "/searchIcon",
    name: "searchIcon",
    component: SearchIcon,
  },
  {
    path: "/notification",
    name: "notification",
    component: Notification,
  },
  {
    path: "/indexUser",
    name: "indexUser",
    component: IndexUser,
  },
  {
    path: "/userCenter",
    name: "userCenter",
    component: UserCenter,
  },
  {
    path: "/marketDetails",
    name: "marketDetails",
    component: MarketDetails,
  },
  {
    path: "/historyIndex",
    name: "historyIndex",
    component: HistoryIndex,
  },
  {
    path: "/entrustDetails",
    name: "entrustDetails",
    component: EntrustDetails,
  },
  {
    path: "/positionDetails",
    name: "positionDetails",
    component: PositionDetails,
  },
  {
    path: "/icoIndex",
    name: "icoIndex",
    component: IcoIndex,
  },
  {
    path: "/loanIndex",
    name: "loanIndex",
    component: LoanIndex,
  },
  {
    path: "/loanRules",
    name: "loanRules",
    component: LoanRules,
  },
  {
    path: "/userLoanIndex",
    name: "userLoanIndex",
    component: UserLoanIndex,
  },
  {
    path: "/commitMessage",
    name: "commitMessage",
    component: CommitMessage,
  },
  {
    path: "/contractTerms",
    name: "contractTerms",
    component: ContractTerms,
  },
  {
    path: "/signature",
    name: "signature",
    component: Signature,
  },
  {
    path: "/deleteAccount",
    name: "deleteAccount",
    component: DeleteAccount,
  },
  {
    path: "/rechargeIndex",
    name: "rechargeIndex",
    component: RechargeIndex,
  },
  {
    path: "/rechargeChangeCoin",
    name: "rechargeChangeCoin",
    component: RechargeChangeCoin,
  },
  {
    path: "/withdrawIndex",
    name: "withdrawIndex",
    component: WithdrawIndex,
  },
  {
    path: "/transfer",
    name: "transfer",
    component: Transfer,
  },
  {
    path: "/transferHistory",
    name: "transferHistory",
    component: TransferHistory,
  },
  {
    path: "/userAsset",
    name: "userAsset",
    component: UserAsset,
  },
  {
    path: "/applyPermission",
    name: "applyPermission",
    component: ApplyPermission,
  },
  {
    path: "/splashScreen",
    name: "splashScreen",
    component: SplashScreen,
  },
  {
    path: "/riskTips",
    name: "riskTips",
    component: RiskTips,
  },
  {
    path: "/searchIcon",
    name: "searchIcon",
    component: SearchIcon,
  },
  {
    path: "/notification",
    name: "notification",
    component: Notification,
  },
  {
    path: "/indexUser",
    name: "indexUser",
    component: IndexUser,
  },
  {
    path: "/userCenter",
    name: "userCenter",
    component: UserCenter,
  },
  {
    path: "/marketDetails",
    name: "marketDetails",
    component: MarketDetails,
  },
  {
    path: "/historyIndex",
    name: "historyIndex",
    component: HistoryIndex,
  },
  {
    path: "/entrustDetails",
    name: "entrustDetails",
    component: EntrustDetails,
  },
  {
    path: "/positionDetails",
    name: "positionDetails",
    component: PositionDetails,
  },
  {
    path: "/icoIndex",
    name: "icoIndex",
    component: IcoIndex,
  },
  {
    path: "/loanIndex",
    name: "loanIndex",
    component: LoanIndex,
  },
  {
    path: "/loanRules",
    name: "loanRules",
    component: LoanRules,
  },
  {
    path: "/userLoanIndex",
    name: "userLoanIndex",
    component: UserLoanIndex,
  },
  {
    path: "/rechargeHistory",
    name: "rechargeHistory",
    component: RechargeHistory,
  },
  {
    path: "/withdrawHistory",
    name: "withdrawHistory",
    component: WithdrawHistory,
  },
  {
    path: "/financialIndex",
    name: "financialIndex",
    component: FinancialIndex,
  },
  {
    path: "/financialBuy",
    name: "financialBuy",
    component: FinancialBuy,
  },
  {
    path: "/myFinancial",
    name: "myFinancial",
    component: MyFinancial,
  },
];

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes,
});

export default router;