src/views/user/UserBalance.vue

@@ -3,6 +3,10 @@
     <!-- 顶部信息栏 -->
     <div class="page-header">
       <div class="header-left">
+        <el-button @click="router.go(-1)" link class="back-btn">
+          <el-icon><ArrowLeft /></el-icon> 返回
+        </el-button>
+        <el-divider direction="vertical" />
         <h2 class="page-title">用户余额管理</h2>
         <div class="user-info">
           <span class="user-name">{{ getCurrentUserName() }}</span>
@@ -202,12 +206,13 @@
 
 <script setup>
 import { ref, reactive, onMounted, computed, watch } from 'vue'
-import { useRoute } from 'vue-router'
+import { useRoute, useRouter } from 'vue-router'
 import { ElMessage } from 'element-plus'
-import { Refresh } from '@element-plus/icons-vue'
+import { Refresh, ArrowLeft } from '@element-plus/icons-vue'
 import { getUserBalanceRecord, editUserBalance, addUserConsumption, getUserBalanceCount, getUserList, refundBalance } from '@/api/admin/user'
 
 const route = useRoute()
+const router = useRouter()
 
 // 余额类型映射
 const userBalance = {
@@ -590,7 +595,12 @@ watch(
 .header-left {
   display: flex;
   align-items: center;
-  gap: 24px;
+  gap: 12px;
+}
+
+.back-btn {
+  font-size: 14px;
+  color: #606266;
 }
 
 .page-title {