From 316e286d3f68aed3fcc9d93fa8e82225a882820f Mon Sep 17 00:00:00 2001
From: 18796357645 <674126018@qq.com>
Date: Sun, 8 Jun 2025 10:54:22 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=85=85=E5=80=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/pages/balance/index.vue | 44 ++++++++++++++++++++++++++++++++++
 1 file changed, 44 insertions(+)
 create mode 100644 ui/src/pages/balance/index.vue

diff --git a/ui/src/pages/balance/index.vue b/ui/src/pages/balance/index.vue
new file mode 100644
index 0000000..910e66d
--- /dev/null
+++ b/ui/src/pages/balance/index.vue
@@ -0,0 +1,44 @@
+<template>
+	<el-card  shadow="never">
+		<el-table :data="state.tableData" >
+			<el-table-column prop="note" label="描述信息" align="center" />
+			<el-table-column prop="balance" label="当前余额"  align="center" />
+			<el-table-column prop="createTime" label="创建时间"  align="center" />
+		</el-table>
+
+		<el-pagination background layout="prev, pager, next" :total="state.total" @current-change="handlePageChange"/>
+	</el-card>
+</template>
+<script setup lang="ts">
+const  state = reactive({
+	tableData:[],
+	page:{
+		page:1,
+		limit:10,
+	},
+	total:0
+})
+function init() {
+	frontRequest.get("api/account/page",{params:state.page}).then(res =>{
+		state.tableData = res.data.list
+		state.total = res.data.total
+	})
+}
+
+// 页码改变时的处理函数
+const handlePageChange = (page: number) => {
+	state.page.page = page
+	init()
+}
+init()
+</script>
+<style scoped>
+
+</style>
+<route lang="json">
+{
+"meta": {
+"layout": "frontUserInfo"
+}
+}
+</route>