路由跳转

vue/gold-system/src/router/index.js

@@ -6,7 +6,34 @@ const router=createRouter({
         {path:'/',redirect:"/index"},
         {
             path:'/index',component:()=>import("../views/index.vue"),
-            
+            children:[
+                // 工作台
+                {path:'/workspace',component:()=>import("../views/workspace/index.vue")},
+                // 充值审核
+                {path:'/rechargeAudit',component:()=>import("../views/audit/rechargeAudit.vue")},
+                // 退款审核
+                {path:'/refundAudit',component:()=>import("../views/audit/refundAudit.vue")},
+                // 新增消费
+                {path:'/addConsume',component:()=>import("../views/consume/addConsume.vue")},
+                // 所有消费明细
+                {path:'/allConsume',component:()=>import("../views/consume/allConsume.vue")},
+                // 活动管理
+                {path:'/activity',component:()=>import("../views/managerecharge/activity.vue")},
+                // 汇率管理
+                {path:'/rate',component:()=>import("../views/managerecharge/rate.vue")},
+                // 新增充值
+                {path:'/addRecharge',component:()=>import("../views/recharge/addRecharge.vue")},
+                // 客户充值明细
+                {path:'/adminRecharge',component:()=>import("../views/recharge/adminRecharge.vue")},
+                // 所有充值明细
+                {path:'/allRecharge',component:()=>import("../views/recharge/allRecharge.vue")},
+                // 新增退款
+                {path:'/addRefund',component:()=>import("../views/refund/addRefund.vue")},
+                // 退款明细
+                {path:'/allRefund',component:()=>import("../views/refund/allRefund.vue")},
+                // 客户金币明细
+                {path:'/usergold',component:()=>import("../views/usergold/index.vue")},
+            ]
         },
         
     ]

vue/gold-system/src/views/audit/rechargeAudit.vue

@@ -0,0 +1,13 @@
+<script setup>
+    
+</script>
+
+<template>
+    <div>
+        <h1>Recharge Audit</h1>
+    </div>
+</template>
+
+<style scoped>
+
+</style>

vue/gold-system/src/views/audit/refundAudit.vue

@@ -0,0 +1,13 @@
+<script setup>
+    
+</script>
+
+<template>
+    <div>
+        <h1>refundAudit</h1>
+    </div>
+</template>
+
+<style scoped>
+
+</style>

vue/gold-system/src/views/consume/addConsume.vue

@@ -0,0 +1,13 @@
+<script setup>
+    
+</script>
+
+<template>
+    <div>
+        <h1>Add Consume</h1>
+    </div>
+</template>
+
+<style scoped>
+
+</style>

vue/gold-system/src/views/consume/allConsume.vue

@@ -0,0 +1,13 @@
+<script setup>
+    
+</script>
+
+<template>
+    <div>
+        <h1>All Consume</h1>
+    </div>
+</template>
+
+<style scoped>
+
+</style>

vue/gold-system/src/views/index.vue

@@ -3,8 +3,10 @@ import { ref, onMounted, reactive, computed } from "vue";
 import { useRouter } from "vue-router";
 import ElementPlus from "element-plus";
 
-
 const router = useRouter();
+
+
+
 </script>
 
 <template>
@@ -16,6 +18,7 @@ const router = useRouter();
             <div style="font-size: 16px; font-weight: bold;">海外金币管理系统</div>
         </div>
         <el-menu
+          router="true"
           background-color="#08193d"
           active-text-color="#ffd04b"
           text-color="white"
@@ -24,7 +27,7 @@ const router = useRouter();
           @open="handleOpen"
           @close="handleClose"
         >
-          <el-menu-item index="1">
+          <el-menu-item index="/workspace">
             <el-icon><Folder /></el-icon>
             工作台
             </el-menu-item>
@@ -34,8 +37,8 @@ const router = useRouter();
               <el-icon><Folder /></el-icon>
               <span>财务审核</span>
             </template>
-            <el-menu-item index="2-1">充值审核</el-menu-item>
-            <el-menu-item index="2-2">退款审核</el-menu-item>
+            <el-menu-item index="/rechargeAudit">充值审核</el-menu-item>
+            <el-menu-item index="/refundAudit">退款审核</el-menu-item>
           </el-sub-menu>
 
           <el-sub-menu index="3">
@@ -43,8 +46,8 @@ const router = useRouter();
               <el-icon><Folder /></el-icon>
               <span>充值管理</span>
             </template>
-            <el-menu-item index="3-1">活动管理</el-menu-item>
-            <el-menu-item index="3-2">汇率管理</el-menu-item>
+            <el-menu-item index="/activity">活动管理</el-menu-item>
+            <el-menu-item index="/rate">汇率管理</el-menu-item>
           </el-sub-menu>
 
           <el-sub-menu index="4">
@@ -52,9 +55,9 @@ const router = useRouter();
               <el-icon><Folder /></el-icon>
               <span>金币充值</span>
             </template>
-            <el-menu-item index="4-1">新增充值</el-menu-item>
-            <el-menu-item index="4-2">客服充值明细</el-menu-item>
-            <el-menu-item index="4-3">所有充值明细</el-menu-item>
+            <el-menu-item index="/addRecharge">新增充值</el-menu-item>
+            <el-menu-item index="/adminRecharge">客服充值明细</el-menu-item>
+            <el-menu-item index="/allRecharge">所有充值明细</el-menu-item>
           </el-sub-menu>
 
           <el-sub-menu index="5">
@@ -62,8 +65,8 @@ const router = useRouter();
               <el-icon><Folder /></el-icon>
               <span>金币消费</span>
             </template>
-            <el-menu-item index="5-1">新增消费</el-menu-item>
-            <el-menu-item index="5-2">所有消费明细</el-menu-item>
+            <el-menu-item index="/addConsume">新增消费</el-menu-item>
+            <el-menu-item index="/allConsume">所有消费明细</el-menu-item>
           </el-sub-menu>
 
           <el-sub-menu index="6">
@@ -71,11 +74,11 @@ const router = useRouter();
               <el-icon><Folder /></el-icon>
               <span>金币退款</span>
             </template>
-            <el-menu-item index="6-1">新增退款</el-menu-item>
-            <el-menu-item index="6-2">退款明细</el-menu-item>
+            <el-menu-item index="/addRefund">新增退款</el-menu-item>
+            <el-menu-item index="/allRefund">退款明细</el-menu-item>
           </el-sub-menu>
 
-          <el-menu-item index="7">
+          <el-menu-item index="/usergold">
             <el-icon><Folder /></el-icon>
             客户金币明细
             </el-menu-item>

vue/gold-system/src/views/managerecharge/activity.vue

@@ -0,0 +1,13 @@
+<script setup>
+    
+</script>
+
+<template>
+    <div>
+        <h1>Activity</h1>
+    </div>
+</template>
+
+<style scoped>
+
+</style>

vue/gold-system/src/views/managerecharge/rate.vue

@@ -0,0 +1,13 @@
+<script setup>
+    
+</script>
+
+<template>
+    <div>
+        <h1>Rate</h1>
+    </div>
+</template>
+
+<style scoped>
+
+</style>

vue/gold-system/src/views/recharge/addRecharge.vue

@@ -0,0 +1,13 @@
+<script setup>
+    
+</script>
+
+<template>
+    <div>
+        <h1>Add Recharge</h1>
+    </div>
+</template>
+
+<style scoped>
+
+</style>

vue/gold-system/src/views/recharge/adminRecharge.vue

@@ -0,0 +1,13 @@
+<script setup>
+    
+</script>
+
+<template>
+    <div>
+        <h1>Admin Recharge</h1>
+    </div>
+</template>
+
+<style scoped>
+
+</style>

vue/gold-system/src/views/recharge/allRecharge.vue

@@ -0,0 +1,13 @@
+<script setup>
+    
+</script>
+
+<template>
+    <div>
+        <h1>All Recharge</h1>
+    </div>
+</template>
+
+<style scoped>
+
+</style>

vue/gold-system/src/views/refund/addRefund.vue

@@ -0,0 +1,13 @@
+<script setup>
+    
+</script>
+
+<template>
+    <div>
+        <h1>Add Refund</h1>
+    </div>
+</template>
+
+<style scoped>
+
+</style>

vue/gold-system/src/views/refund/allRefund.vue

@@ -0,0 +1,13 @@
+<script setup>
+    
+</script>
+
+<template>
+    <div>
+        <h1>allRefund</h1>
+    </div>
+</template>
+
+<style scoped>
+
+</style>

vue/gold-system/src/views/usergold/index.vue

@@ -0,0 +1,13 @@
+<script setup>
+    
+</script>
+
+<template>
+    <div>
+        <h1>User Gold</h1>
+    </div>
+</template>
+
+<style scoped>
+
+</style>

vue/gold-system/src/views/workspace/index.vue

@@ -0,0 +1,13 @@
+<script setup>
+    
+</script>
+
+<template>
+    <div>
+        <h1>Workspace</h1>
+    </div>
+</template>
+
+<style scoped>
+
+</style>