路由配置

src/components/layout/Sidebar.vue

@@ -130,19 +130,19 @@ const staticMenuList = ref<ElMenuItem[]>(
                 {
                     id: 41,
                     label: '品种',
-                    path: '4-1', // index="4-1"
+                    path: '/trade/variety', // index="4-1"
                     icon: ''
                 },
                 {
                     id: 42,
                     label: '交易组',
-                    path: '4-2', // index="4-2"
+                    path: '/trade/group', // index="4-2"
                     icon: ''
                 },
                 {
                     id: 43,
                     label: '交易时间',
-                    path: '4-3', // index="4-3"
+                    path: '/trade/time', // index="4-3"
                     icon: ''
                 }
             ]
@@ -151,7 +151,7 @@ const staticMenuList = ref<ElMenuItem[]>(
         {
             id: 5,
             label: '公告管理',
-            path: '5', // index="5"
+            path: '/notice', // index="5"
             icon: 'BellFilled' // 对应 <BellFilled /> 图标
         },
         // 资金管理（子菜单）
@@ -236,7 +236,7 @@ const staticMenuList = ref<ElMenuItem[]>(
         {
             id: 8,
             label: '风控管理',
-            path: '8', // index="8"
+            path: '/risk', // index="8"
             icon: 'WarningFilled' // 对应 <WarningFilled /> 图标
         }
     ]

src/router/index.ts

@@ -121,6 +121,60 @@ const routes = [
           }
         ]
       },
+      //交易管理
+      {
+        path: 'trade',
+        name: 'Trade',
+        meta: {
+          title: '交易管理', // 左侧菜单显示的标题
+        },
+        children: [
+          {
+            path: 'variety',
+            name: 'Variety',
+            component: () => import('@/views/trade/variety/index.vue'),
+            meta: {
+              title: '品种', // 左侧菜单显示的标题
+            }
+          },
+          {
+            path: 'group',
+            name: 'Group',
+            component: () => import('@/views/trade/group/index.vue'),
+            meta: {
+              title: '交易组', // 左侧菜单显示的标题
+            }
+          },
+          {
+            path: 'time',
+            name: 'Time',
+            component: () => import('@/views/trade/time/index.vue'),
+            meta: {
+              title: '交易时间', // 左侧菜单显示的标题
+            }
+          }
+        ]
+      },
+      //公告管理
+      {
+        path: 'notice',
+        name: 'Notice',
+        meta: {
+          title: '公告管理', // 左侧菜单显示的标题
+        },
+        component: () => import('@/views/notice/index.vue'),
+      },
+      //资金管理
+
+      //风控管理
+      {
+        path: 'risk',
+        name: 'Risk',
+        meta: {
+          title: '风控管理', // 左侧菜单显示的标题
+        },
+        component: () => import('@/views/risk/index.vue'),
+      }
     ]
   },
   {

src/views/dashboard/index.vue

@@ -1,6 +1,72 @@
-<!-- views/dashboard/index.vue -->
 <template>
-    <div>
-        <h1>欢迎来到管理系统</h1>
+    <div class="dashboard-container">
+        <el-card v-for="(item, index) in cardData" :key="index" class="stat-card" shadow="hover">
+            <div class="card-content">
+                <h3>
+                    <el-icon size="48" class="icon">
+                        <component :is="item.icon" />
+                    </el-icon>
+                    {{ item.label }}
+                </h3>
+                <p>{{ item.value }}</p>
+            </div>
+        </el-card>
     </div>
 </template>
+
+<script setup>
+import { UserFilled } from '@element-plus/icons-vue'
+
+const cardData = [
+    { label: '代理总数', value: 100, icon: UserFilled },
+    { label: '今日新增代理总数', value: 100, icon: UserFilled },
+    { label: '客户总数', value: 100, icon: UserFilled },
+    { label: '今日新增客户总数', value: 100, icon: UserFilled },
+    { label: '今日存款', value: 100, icon: UserFilled },
+    { label: '总存款', value: 100, icon: UserFilled },
+    { label: '今日盈利', value: 100, icon: UserFilled },
+    { label: '总盈利', value: 100, icon: UserFilled },
+    { label: '今日取款', value: 100, icon: UserFilled },
+    { label: '总取款', value: 100, icon: UserFilled }
+]
+</script>
+
+<style scoped lang="scss">
+.dashboard-container {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 16px;
+    margin: 0 auto;
+}
+
+.stat-card {
+    flex: 0 0 calc(25% - 12px);
+    min-width: 280px;
+    height: 180px;
+    box-sizing: border-box;
+}
+
+.card-content {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+
+    h3 {
+        margin-bottom: 10px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        font-size: 22px;
+        .icon{
+            margin-right: 8px;
+        }
+    }
+
+    p {
+        font-size: 18px;
+        font-weight: 600;
+    }
+}
+</style>

src/views/fundManagement/depositAudit/index.vue

@@ -0,0 +1,3 @@
+<template>
+    <h1>存款审核</h1>
+</template>

src/views/fundManagement/depositChannel/index.vue

@@ -0,0 +1,3 @@
+<template>
+    <h1>存款渠道</h1>
+</template>

src/views/fundManagement/depositList/index.vue

@@ -0,0 +1,3 @@
+<template>
+    <h1>存款明细</h1>
+</template>

src/views/fundManagement/fundFlow/index.vue

@@ -0,0 +1,3 @@
+<template>
+    <h1>资金流水</h1>
+</template>

src/views/fundManagement/payeeAccountList/index.vue

@@ -0,0 +1,3 @@
+<template>
+    <h1>收款账户列表</h1>
+</template>

src/views/fundManagement/transferList/index.vue

@@ -0,0 +1,3 @@
+<template>
+    <h1>转账明细</h1>
+</template>

src/views/fundManagement/withdrawAudit/index.vue

@@ -0,0 +1,3 @@
+<template>
+    <h1>取款审核</h1>
+</template>

src/views/fundManagement/withdrawList/index.vue

@@ -0,0 +1,3 @@
+<template>
+    <h1>取款明细</h1>
+</template>

src/views/notice/index.vue

@@ -0,0 +1,3 @@
+<template>
+    <h1>公告管理</h1>
+</template>

src/views/risk/index.vue

@@ -0,0 +1,3 @@
+<template>
+    <h1>风控管理</h1>
+</template>

src/views/trade/group/index.vue

@@ -0,0 +1,3 @@
+<template>
+    <h1>交易组</h1>
+</template>

src/views/trade/time/index.vue

@@ -0,0 +1,3 @@
+<template>
+    <h1>交易时间</h1>
+</template>

src/views/trade/variety/index.vue

@@ -0,0 +1,3 @@
+<template>
+    <h1>品种</h1>
+</template>