From 9d303ffa3a1afff7734baa3669b94395baec0774 Mon Sep 17 00:00:00 2001
From: dzc <2388224167@qq.com>
Date: Tue, 21 Oct 2025 10:02:11 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E5=AF=BC=E5=87=BA=E7=BB=9F=E8=AE=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/wallet/wallet-transaction.ts          |  40 ++++++
 src/views/wallet/wallet-cz/index.vue          | 108 ++++++++++------
 src/views/wallet/wallet-jz/index.vue          | 104 ++++++++++-----
 .../wallet/wallet-rule-transaction/index.vue  |  58 +++------
 src/views/wallet/wallet-th/index.vue          |  58 ++++++++-
 src/views/wallet/wallet-tk/index.vue          | 112 ++++++++++------
 src/views/wallet/wallet-xf/index.vue          | 122 +++++++++++-------
 7 files changed, 400 insertions(+), 202 deletions(-)

diff --git a/src/api/wallet/wallet-transaction.ts b/src/api/wallet/wallet-transaction.ts
index e4c58d3..479deca 100644
--- a/src/api/wallet/wallet-transaction.ts
+++ b/src/api/wallet/wallet-transaction.ts
@@ -15,6 +15,14 @@ export function pageTh(query?: any) {
 	})
 }
 
+export function thTotal(data?: any) {
+	return request({
+		url: "/wallet/wallet-transaction/th-total",
+		method: "post",
+		data: data,
+	})
+}
+
 export function pageCz(query?: any) {
 	return request({
 		url: "/wallet/wallet-transaction/page-cz",
@@ -27,6 +35,14 @@ export function pageCz(query?: any) {
 	})
 }
 
+export function czTotal(data?: any) {
+	return request({
+		url: "/wallet/wallet-transaction/cz-total",
+		method: "post",
+		data: data,
+	})
+}
+
 export function pageJz(query?: any) {
 	return request({
 		url: "/wallet/wallet-transaction/page-jz",
@@ -39,6 +55,14 @@ export function pageJz(query?: any) {
 	})
 }
 
+export function jzTotal(data?: any) {
+	return request({
+		url: "/wallet/wallet-transaction/jz-total",
+		method: "post",
+		data: data,
+	})
+}
+
 export function pageXf(query?: any) {
 	return request({
 		url: "/wallet/wallet-transaction/page-xf",
@@ -51,6 +75,14 @@ export function pageXf(query?: any) {
 	})
 }
 
+export function xfTotal(data: any) {
+	return request({
+		url: "/wallet/wallet-transaction/xf-total",
+		method: "post",
+		data: data,
+	})
+}
+
 export function pageTk(query?: any) {
 	return request({
 		url: "/wallet/wallet-transaction/page-tk",
@@ -63,6 +95,14 @@ export function pageTk(query?: any) {
 	})
 }
 
+export function tkTotal(data: any) {
+	return request({
+		url: "/wallet/wallet-transaction/tk-total",
+		method: "post",
+		data: data,
+	})
+}
+
 export function updateBalance(obj?: Object) {
 	return request({
 		url: "/wallet/wallet-transaction/update-balance",
diff --git a/src/views/wallet/wallet-cz/index.vue b/src/views/wallet/wallet-cz/index.vue
index 5ff332a..f01be91 100644
--- a/src/views/wallet/wallet-cz/index.vue
+++ b/src/views/wallet/wallet-cz/index.vue
@@ -1,16 +1,9 @@
 <template>
 	<div class="layout-padding">
 		<div class="layout-padding-auto layout-padding-view">
-			<DraggableDepTree
-				ref="draggableDepTreeRef"
-				placeholder="请输入部门名称"
-				:show-expand="true"
-				@getSelectNode="handleGetSelectNode"
-				switch-inactive-text="包含"
-				switch-active-text="不包含"
-				:defaultTreeWidth="20"
-				:nodeClickable="false"
-			>
+			<DraggableDepTree ref="draggableDepTreeRef" placeholder="请输入部门名称" :show-expand="true"
+				@getSelectNode="handleGetSelectNode" switch-inactive-text="包含" switch-active-text="不包含"
+				:defaultTreeWidth="20" :nodeClickable="false">
 				<template #default>
 					<el-form ref="queryRef" :inline="true" :model="state.queryForm" @keyup.enter="getDataList">
 						<el-row>
@@ -24,7 +17,8 @@
 								<dict-select v-model="state.queryForm.type" dict-code="wallet_biz_recharge" />
 							</el-form-item>
 							<el-form-item style="width: 300px" label="充值时间" prop="createTimeList">
-								<el-date-picker v-model="state.queryForm.createTimeList" value-format="YYYY-MM-DD" type="daterange" />
+								<el-date-picker v-model="state.queryForm.createTimeList" value-format="YYYY-MM-DD"
+									type="daterange" />
 							</el-form-item>
 							<el-form-item>
 								<el-button icon="Search" type="primary" @click="getDataList">
@@ -38,28 +32,18 @@
 					</el-form>
 					<el-row>
 						<div class="mb8" style="width: 100%">
-							<right-toolbar
-								:search="false"
-								v-model:showSearch="showSearch"
-								:export="'wallet_walletTransaction_export'"
-								@exportExcel="exportExcel"
-								class="ml10 mr20"
-								style="float: right"
-								@queryTable="getDataList"
-							></right-toolbar>
+							<right-toolbar :search="false" v-model:showSearch="showSearch"
+								:export="'wallet_walletTransaction_export'" @exportExcel="exportExcel" class="ml10 mr20"
+								style="float: right" @queryTable="getDataList">
+								<el-tooltip class="item" effect="dark" content="统计" placement="top">
+									<el-button icon="DataLine" circle @click="viewBalanceStatistics" />
+								</el-tooltip>
+							</right-toolbar>
 						</div>
 					</el-row>
-					<el-table
-						:data="state.dataList"
-						v-loading="state.loading"
-						border
-						:summary-method="getSummaries"
-						show-summary
-						:cell-style="tableStyle.cellStyle"
-						:header-cell-style="tableStyle.headerCellStyle"
-						@selection-change="selectionChangHandle"
-						@sort-change="sortChangeHandle"
-					>
+					<el-table :data="state.dataList" v-loading="state.loading" border :summary-method="getSummaries"
+						show-summary :cell-style="tableStyle.cellStyle" :header-cell-style="tableStyle.headerCellStyle"
+						@selection-change="selectionChangHandle" @sort-change="sortChangeHandle">
 						<el-table-column type="selection" width="40" align="center" />
 						<el-table-column type="index" label="#" width="40" />
 						<el-table-column prop="username" label="用户" />
@@ -97,29 +81,56 @@
 						<el-table-column prop="createTime" width="200" label="充值时间" />
 						<el-table-column v-if="false" label="操作" width="150">
 							<template #default="scope">
-								<el-button icon="delete" text type="primary" v-auth="'wallet_walletRecharge_del'" @click="handleDelete([scope.row.id])"
-									>删除</el-button
-								>
+								<el-button icon="delete" text type="primary" v-auth="'wallet_walletRecharge_del'"
+									@click="handleDelete([scope.row.id])">删除</el-button>
 							</template>
 						</el-table-column>
 					</el-table>
-					<pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle" v-bind="state.pagination" />
+					<pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle"
+						v-bind="state.pagination" />
 				</template>
 			</DraggableDepTree>
 		</div>
 		<!-- 编辑、新增  -->
 		<form-dialog ref="formDialogRef" @refresh="getDataList(false)" />
+		<el-drawer v-model="showDrawer" @closed="drawerClose">
+			<el-table :data="[balanceStatistics]" style="width: 100%">
+				<el-table-column align="center" label="充值统计">
+					<el-table-column align="center" prop="total" label="充值金额">
+						<template #default="{ row }">
+							{{ displayPrice(row.totalPrice) }}
+						</template>
+					</el-table-column>
+					<el-table-column align="center" prop="eatTotalPrice" label="饭卡钱包充值金额">
+						<template #default="{ row }">
+							{{ displayPrice(row.eatTotalPrice) }}
+						</template>
+					</el-table-column>
+					<el-table-column align="center" prop="xfTotalPrice" label="消费钱包充值金额">
+						<template #default="{ row }">
+							{{ displayPrice(row.xfTotalPrice) }}
+						</template>
+					</el-table-column>
+				</el-table-column>
+			</el-table>
+		</el-drawer>
 	</div>
 </template>
 
 <script setup lang="ts" name="systemWalletRecharge">
 import { BasicTableProps, useTable } from "/@/hooks/table"
-import { pageCz, delObjs } from "/@/api/wallet/wallet-transaction"
+import { pageCz, czTotal, delObjs } from "/@/api/wallet/wallet-transaction"
 import { useMessage, useMessageBox } from "/@/hooks/message"
 import { useDict } from "/@/hooks/dict"
 import { displayPrice } from "/@/utils/formatMoney"
 import { deptTree } from "/@/api/admin/dept"
 
+const showDrawer = ref(false)
+const balanceStatisticsLoading = ref(false)
+const balanceStatistics = reactive<any>({
+
+})
+
 // 引入组件
 const FormDialog = defineAsyncComponent(() => import("./form.vue"))
 // 定义查询字典
@@ -154,6 +165,31 @@ const resetQuery = () => {
 	getDataList()
 }
 
+// 关闭抽屉
+const drawerClose = () => {
+	for (const key in balanceStatistics) {
+		balanceStatistics[key] = 0
+	}
+}
+
+// 余额统计
+const viewBalanceStatistics = async () => {
+	showDrawer.value = true
+	balanceStatisticsLoading.value = true
+	try {
+		const { code, data } = await czTotal({ ...state.queryForm })
+		if (code == 0) {
+			Object.assign(balanceStatistics, data)
+			return
+		}
+		return useMessage().error(data.msg || "获取数据失败")
+	} catch (error: any) {
+		useMessage().error(error.msg)
+	} finally {
+		balanceStatisticsLoading.value = false
+	}
+}
+
 const getSummaries = (param: any) => {
 	const { columns, data } = param
 	const totalColumns = ["price", "balance"]
diff --git a/src/views/wallet/wallet-jz/index.vue b/src/views/wallet/wallet-jz/index.vue
index 7c5e6d2..dd3a853 100644
--- a/src/views/wallet/wallet-jz/index.vue
+++ b/src/views/wallet/wallet-jz/index.vue
@@ -1,16 +1,9 @@
 <template>
 	<div class="layout-padding">
 		<div class="layout-padding-auto layout-padding-view">
-			<DraggableDepTree
-				ref="draggableDepTreeRef"
-				placeholder="请输入部门名称"
-				:show-expand="true"
-				@getSelectNode="handleGetSelectNode"
-				switch-inactive-text="包含"
-				switch-active-text="不包含"
-				:defaultTreeWidth="20"
-				:nodeClickable="false"
-			>
+			<DraggableDepTree ref="draggableDepTreeRef" placeholder="请输入部门名称" :show-expand="true"
+				@getSelectNode="handleGetSelectNode" switch-inactive-text="包含" switch-active-text="不包含"
+				:defaultTreeWidth="20" :nodeClickable="false">
 				<template #default>
 					<el-form ref="queryRef" :inline="true" :model="state.queryForm" @keyup.enter="getDataList">
 						<el-row>
@@ -21,7 +14,8 @@
 								<dict-select v-model="state.queryForm.bizType" dict-code="wallet_biz" />
 							</el-form-item>
 							<el-form-item style="width: 300px" label="消费时间" prop="createTimeList">
-								<el-date-picker v-model="state.queryForm.createTimeList" value-format="YYYY-MM-DD" type="daterange" />
+								<el-date-picker v-model="state.queryForm.createTimeList" value-format="YYYY-MM-DD"
+									type="daterange" />
 							</el-form-item>
 							<el-form-item>
 								<el-button icon="Search" type="primary" @click="getDataList">
@@ -35,28 +29,16 @@
 					</el-form>
 					<el-row>
 						<div class="mb8" style="width: 100%">
-							<right-toolbar
-								:search="false"
-								v-model:showSearch="showSearch"
-								:export="'wallet_walletTransaction_export'"
-								@exportExcel="exportExcel"
-								class="ml10 mr20"
-								style="float: right"
-								@queryTable="getDataList"
-							></right-toolbar>
+							<right-toolbar :search="false" v-model:showSearch="showSearch"
+								:export="'wallet_walletTransaction_export'" @exportExcel="exportExcel" class="ml10 mr20"
+								style="float: right" @queryTable="getDataList">
+								<el-button icon="DataLine" circle @click="viewBalanceStatistics" />
+							</right-toolbar>
 						</div>
 					</el-row>
-					<el-table
-						:data="state.dataList"
-						v-loading="state.loading"
-						border
-						:summary-method="getSummaries"
-						show-summary
-						:cell-style="tableStyle.cellStyle"
-						:header-cell-style="tableStyle.headerCellStyle"
-						@selection-change="selectionChangHandle"
-						@sort-change="sortChangeHandle"
-					>
+					<el-table :data="state.dataList" v-loading="state.loading" border :summary-method="getSummaries"
+						show-summary :cell-style="tableStyle.cellStyle" :header-cell-style="tableStyle.headerCellStyle"
+						@selection-change="selectionChangHandle" @sort-change="sortChangeHandle">
 						<el-table-column type="selection" width="40" align="center" />
 						<el-table-column type="index" label="#" width="40" />
 						<el-table-column prop="username" label="用户" show-overflow-tooltip />
@@ -88,21 +70,51 @@
 						</el-table-column>
 						<el-table-column prop="createTime" width="200" label="记账扣款时间" />
 					</el-table>
-					<pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle" v-bind="state.pagination" />
+					<pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle"
+						v-bind="state.pagination" />
 				</template>
 			</DraggableDepTree>
 		</div>
+
+		<el-drawer v-model="showDrawer" @closed="drawerClose">
+			<el-table :data="[balanceStatistics]" style="width: 100%">
+				<el-table-column align="center" label="记账扣款统计">
+					<el-table-column align="center" prop="total" label="记账扣款金额">
+						<template #default="{ row }">
+							{{ displayPrice(row.totalPrice) }}
+						</template>
+					</el-table-column>
+					<el-table-column align="center" prop="eatTotalPrice" label="饭卡钱包记账扣款金额">
+						<template #default="{ row }">
+							{{ displayPrice(row.eatTotalPrice) }}
+						</template>
+					</el-table-column>
+					<el-table-column align="center" prop="xfTotalPrice" label="消费钱包记账扣款金额">
+						<template #default="{ row }">
+							{{ displayPrice(row.xfTotalPrice) }}
+						</template>
+					</el-table-column>
+				</el-table-column>
+			</el-table>
+		</el-drawer>
 	</div>
 </template>
 
 <script setup lang="ts" name="systemWalletRecharge">
 import { BasicTableProps, useTable } from "/@/hooks/table"
-import { pageJz } from "/@/api/wallet/wallet-transaction"
+import { useMessage, useMessageBox } from "/@/hooks/message"
+import { pageJz, jzTotal } from "/@/api/wallet/wallet-transaction"
 import { useDict } from "/@/hooks/dict"
 import { displayPrice } from "/@/utils/formatMoney"
 
 const { push } = useRouter()
 
+const showDrawer = ref(false)
+const balanceStatisticsLoading = ref(false)
+const balanceStatistics = reactive<any>({
+
+})
+
 // 定义查询字典
 const { wallet_type, wallet_biz } = useDict("wallet_type", "wallet_biz")
 // 搜索变量
@@ -133,6 +145,32 @@ const resetQuery = () => {
 	getDataList()
 }
 
+// 关闭抽屉
+const drawerClose = () => {
+	for (const key in balanceStatistics) {
+		balanceStatistics[key] = 0
+	}
+}
+
+// 余额统计
+const viewBalanceStatistics = async () => {
+	showDrawer.value = true
+	balanceStatisticsLoading.value = true
+	try {
+		const { code, data } = await jzTotal({ ...state.queryForm })
+		if (code == 0) {
+			Object.assign(balanceStatistics, data)
+			return
+		}
+		return useMessage().error(data.msg || "获取数据失败")
+	} catch (error: any) {
+		useMessage().error(error.msg)
+	} finally {
+		balanceStatisticsLoading.value = false
+	}
+}
+
+
 // 导出excel
 const exportExcel = () => {
 	postDownBlobFile(
diff --git a/src/views/wallet/wallet-rule-transaction/index.vue b/src/views/wallet/wallet-rule-transaction/index.vue
index 0a3fdc4..d4f092c 100644
--- a/src/views/wallet/wallet-rule-transaction/index.vue
+++ b/src/views/wallet/wallet-rule-transaction/index.vue
@@ -1,16 +1,9 @@
 <template>
 	<div class="layout-padding">
 		<div class="layout-padding-auto layout-padding-view">
-			<DraggableDepTree
-				ref="draggableDepTreeRef"
-				placeholder="请输入部门名称"
-				:show-expand="true"
-				@getSelectNode="handleGetSelectNode"
-				switch-inactive-text="包含"
-				switch-active-text="不包含"
-				:defaultTreeWidth="20"
-				:nodeClickable="false"
-			>
+			<DraggableDepTree ref="draggableDepTreeRef" placeholder="请输入部门名称" :show-expand="true"
+				@getSelectNode="handleGetSelectNode" switch-inactive-text="包含" switch-active-text="不包含"
+				:defaultTreeWidth="20" :nodeClickable="false">
 				<el-form ref="queryRef" :inline="true" :model="state.queryForm" @keyup.enter="getDataList">
 					<el-form-item style="width: 250px" label="用户" prop="userId">
 						<select-user v-model="state.queryForm.userId" />
@@ -22,10 +15,12 @@
 						<dict-select v-model="state.queryForm.bizType" dict-code="wallet_rule_transation_type" />
 					</el-form-item>
 					<el-form-item style="width: 350px" label="转账时间" prop="createTimeList">
-						<el-date-picker v-model="state.queryForm.createTimeList" value-format="YYYY-MM-DD" type="daterange" />
+						<el-date-picker v-model="state.queryForm.createTimeList" value-format="YYYY-MM-DD"
+							type="daterange" />
 					</el-form-item>
 					<el-form-item style="width: 350px" label="退回时间" prop="refundTimeList">
-						<el-date-picker v-model="state.queryForm.refundTimeList" value-format="YYYY-MM-DD" type="daterange" />
+						<el-date-picker v-model="state.queryForm.refundTimeList" value-format="YYYY-MM-DD"
+							type="daterange" />
 					</el-form-item>
 					<el-row>
 						<el-form-item>
@@ -40,25 +35,14 @@
 				</el-form>
 				<el-row>
 					<div class="mb8" style="width: 100%">
-						<right-toolbar
-							v-model:showSearch="showSearch"
-							:export="'wallet_walletRuleTransaction_export'"
-							@exportExcel="exportExcel"
-							class="ml10 mr20"
-							style="float: right"
-							@queryTable="getDataList"
-						></right-toolbar>
+						<!-- :export="'wallet_walletRuleTransaction_export'" -->
+						<right-toolbar v-model:showSearch="showSearch" @exportExcel="exportExcel" class="ml10 mr20"
+							style="float: right" @queryTable="getDataList"></right-toolbar>
 					</div>
 				</el-row>
-				<el-table
-					:data="state.dataList"
-					v-loading="state.loading"
-					border
-					:cell-style="tableStyle.cellStyle"
-					:header-cell-style="tableStyle.headerCellStyle"
-					@selection-change="selectionChangHandle"
-					@sort-change="sortChangeHandle"
-				>
+				<el-table :data="state.dataList" v-loading="state.loading" border :cell-style="tableStyle.cellStyle"
+					:header-cell-style="tableStyle.headerCellStyle" @selection-change="selectionChangHandle"
+					@sort-change="sortChangeHandle">
 					<el-table-column type="selection" width="40" align="center" />
 					<el-table-column type="index" label="#" width="80" />
 					<el-table-column label="用户">
@@ -126,22 +110,18 @@
 						<el-table-column prop="refundTime" width="170" label="退回时间" />
 					</el-table-column>
 					<el-table-column prop="createTime" width="170" label="创建时间" />
-					<el-table-column label="操作" fixed="right" width="80" v-auths="['wallet_walletRuleTransaction_refund']">
+					<el-table-column label="操作" fixed="right" width="80"
+						v-auths="['wallet_walletRuleTransaction_refund']">
 						<template #default="{ row }">
-							<el-button
-								v-if="row.isRefund == '0'"
-								icon="RefreshRight"
-								text
-								type="primary"
-								v-auth="'wallet_walletRuleTransaction_refund'"
-								@click="doRefund(row)"
-							>
+							<el-button v-if="row.isRefund == '0'" icon="RefreshRight" text type="primary"
+								v-auth="'wallet_walletRuleTransaction_refund'" @click="doRefund(row)">
 								退回
 							</el-button>
 						</template>
 					</el-table-column>
 				</el-table>
-				<pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle" v-bind="state.pagination" />
+				<pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle"
+					v-bind="state.pagination" />
 			</DraggableDepTree>
 		</div>
 
diff --git a/src/views/wallet/wallet-th/index.vue b/src/views/wallet/wallet-th/index.vue
index 766ce10..b462841 100644
--- a/src/views/wallet/wallet-th/index.vue
+++ b/src/views/wallet/wallet-th/index.vue
@@ -28,7 +28,9 @@
 						<div class="mb8" style="width: 100%">
 							<right-toolbar :search="false" v-model:showSearch="showSearch"
 								:export="'wallet_walletTransaction_export'" @exportExcel="exportExcel" class="ml10 mr20"
-								style="float: right" @queryTable="getDataList"></right-toolbar>
+								style="float: right" @queryTable="getDataList">
+								<el-button icon="DataLine" circle @click="viewBalanceStatistics" />
+							</right-toolbar>
 						</div>
 					</el-row>
 					<el-table :data="state.dataList" v-loading="state.loading" border :summary-method="getSummaries"
@@ -78,17 +80,44 @@
 				</template>
 			</DraggableDepTree>
 		</div>
+		<el-drawer v-model="showDrawer" @closed="drawerClose">
+			<el-table :data="[balanceStatistics]" style="width: 100%">
+				<el-table-column align="center" label="退还各自食堂统计">
+					<el-table-column align="center" prop="total" label="退还各自食堂金额">
+						<template #default="{ row }">
+							{{ displayPrice(row.totalPrice) }}
+						</template>
+					</el-table-column>
+					<el-table-column align="center" prop="eatTotalPrice" label="饭卡钱包记账扣款金额">
+						<template #default="{ row }">
+							{{ displayPrice(row.eatTotalPrice) }}
+						</template>
+					</el-table-column>
+					<el-table-column align="center" prop="xfTotalPrice" label="消费钱包记账扣款金额">
+						<template #default="{ row }">
+							{{ displayPrice(row.xfTotalPrice) }}
+						</template>
+					</el-table-column>
+				</el-table-column>
+			</el-table>
+		</el-drawer>
 	</div>
 </template>
 
 <script setup lang="ts" name="systemWalletRecharge">
 import { BasicTableProps, useTable } from "/@/hooks/table"
-import { pageTh } from "/@/api/wallet/wallet-transaction"
+import { pageTh, thTotal } from "/@/api/wallet/wallet-transaction"
 import { useMessage, useMessageBox } from "/@/hooks/message"
 import { useDict } from "/@/hooks/dict"
 import * as hardAfterSaleApi from "/@/api/hard/hard-after-sale"
 import { displayPrice } from "/@/utils/formatMoney"
 
+const showDrawer = ref(false)
+const balanceStatisticsLoading = ref(false)
+const balanceStatistics = reactive<any>({
+
+})
+
 // 定义查询字典
 const { wallet_type, wallet_biz } = useDict("wallet_type", "wallet_biz")
 // 定义变量内容
@@ -123,6 +152,31 @@ const resetQuery = () => {
 	getDataList()
 }
 
+// 关闭抽屉
+const drawerClose = () => {
+	for (const key in balanceStatistics) {
+		balanceStatistics[key] = 0
+	}
+}
+
+// 余额统计
+const viewBalanceStatistics = async () => {
+	showDrawer.value = true
+	balanceStatisticsLoading.value = true
+	try {
+		const { code, data } = await thTotal({ ...state.queryForm })
+		if (code == 0) {
+			Object.assign(balanceStatistics, data)
+			return
+		}
+		return useMessage().error(data.msg || "获取数据失败")
+	} catch (error: any) {
+		useMessage().error(error.msg)
+	} finally {
+		balanceStatisticsLoading.value = false
+	}
+}
+
 const doRefund = async (row: any) => {
 	const { data } = await hardAfterSaleApi.getObj(row.bizId)
 	if (!data) {
diff --git a/src/views/wallet/wallet-tk/index.vue b/src/views/wallet/wallet-tk/index.vue
index 28f1c0e..dd3dd7c 100644
--- a/src/views/wallet/wallet-tk/index.vue
+++ b/src/views/wallet/wallet-tk/index.vue
@@ -1,16 +1,9 @@
 <template>
 	<div class="layout-padding">
 		<div class="layout-padding-auto layout-padding-view">
-			<DraggableDepTree
-				ref="draggableDepTreeRef"
-				placeholder="请输入部门名称"
-				:show-expand="true"
-				@getSelectNode="handleGetSelectNode"
-				switch-inactive-text="包含"
-				switch-active-text="不包含"
-				:defaultTreeWidth="20"
-				:nodeClickable="false"
-			>
+			<DraggableDepTree ref="draggableDepTreeRef" placeholder="请输入部门名称" :show-expand="true"
+				@getSelectNode="handleGetSelectNode" switch-inactive-text="包含" switch-active-text="不包含"
+				:defaultTreeWidth="20" :nodeClickable="false">
 				<template #default>
 					<el-form ref="queryRef" :inline="true" :model="state.queryForm" @keyup.enter="getDataList">
 						<el-row>
@@ -18,7 +11,8 @@
 								<select-user v-model="state.queryForm.userId" />
 							</el-form-item>
 							<el-form-item style="width: 300px" label="退款时间" prop="createTimeList">
-								<el-date-picker v-model="state.queryForm.createTimeList" value-format="YYYY-MM-DD" type="daterange" />
+								<el-date-picker v-model="state.queryForm.createTimeList" value-format="YYYY-MM-DD"
+									type="daterange" />
 							</el-form-item>
 							<el-form-item>
 								<el-button icon="Search" type="primary" @click="getDataList">
@@ -32,28 +26,16 @@
 					</el-form>
 					<el-row>
 						<div class="mb8" style="width: 100%">
-							<right-toolbar
-								:search="false"
-								v-model:showSearch="showSearch"
-								:export="'wallet_walletTransaction_export'"
-								@exportExcel="exportExcel"
-								class="ml10 mr20"
-								style="float: right"
-								@queryTable="getDataList"
-							></right-toolbar>
+							<right-toolbar :search="false" v-model:showSearch="showSearch"
+								:export="'wallet_walletTransaction_export'" @exportExcel="exportExcel" class="ml10 mr20"
+								style="float: right" @queryTable="getDataList">
+								<el-button icon="DataLine" circle @click="viewBalanceStatistics" />
+							</right-toolbar>
 						</div>
 					</el-row>
-					<el-table
-						:data="state.dataList"
-						v-loading="state.loading"
-						border
-						:summary-method="getSummaries"
-						show-summary
-						:cell-style="tableStyle.cellStyle"
-						:header-cell-style="tableStyle.headerCellStyle"
-						@selection-change="selectionChangHandle"
-						@sort-change="sortChangeHandle"
-					>
+					<el-table :data="state.dataList" v-loading="state.loading" border :summary-method="getSummaries"
+						show-summary :cell-style="tableStyle.cellStyle" :header-cell-style="tableStyle.headerCellStyle"
+						@selection-change="selectionChangHandle" @sort-change="sortChangeHandle">
 						<el-table-column type="selection" width="40" align="center" />
 						<el-table-column type="index" label="#" width="40" />
 						<el-table-column prop="username" label="用户" show-overflow-tooltip />
@@ -87,36 +69,57 @@
 						<el-table-column label="操作" width="150">
 							<template #default="{ row }">
 								<el-button icon="InfoFilled" link type="primary" @click="doRefund(row)"> 详情 </el-button>
-								<el-button
-									v-if="false"
-									icon="edit-pen"
-									text
-									type="primary"
+								<el-button v-if="false" icon="edit-pen" text type="primary"
 									v-auth="'wallet_walletRecharge_edit'"
-									@click="formDialogRef.openDialog(row.id)"
-									>编辑</el-button
-								>
+									@click="formDialogRef.openDialog(row.id)">编辑</el-button>
 							</template>
 						</el-table-column>
 					</el-table>
-					<pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle" v-bind="state.pagination" />
+					<pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle"
+						v-bind="state.pagination" />
 				</template>
 			</DraggableDepTree>
 		</div>
-
 		<!-- 编辑、新增  -->
 		<form-dialog ref="formDialogRef" @refresh="getDataList(false)" />
+		<el-drawer v-model="showDrawer" @closed="drawerClose">
+			<el-table :data="[balanceStatistics]" style="width: 100%">
+				<el-table-column align="center" label="充值统计">
+					<el-table-column align="center" prop="total" label="充值金额">
+						<template #default="{ row }">
+							{{ displayPrice(row.totalPrice) }}
+						</template>
+					</el-table-column>
+					<el-table-column align="center" prop="eatTotalPrice" label="饭卡钱包充值金额">
+						<template #default="{ row }">
+							{{ displayPrice(row.eatTotalPrice) }}
+						</template>
+					</el-table-column>
+					<el-table-column align="center" prop="xfTotalPrice" label="消费钱包充值金额">
+						<template #default="{ row }">
+							{{ displayPrice(row.xfTotalPrice) }}
+						</template>
+					</el-table-column>
+				</el-table-column>
+			</el-table>
+		</el-drawer>
 	</div>
 </template>
 
 <script setup lang="ts" name="systemWalletRecharge">
 import { BasicTableProps, useTable } from "/@/hooks/table"
-import { pageTk } from "/@/api/wallet/wallet-transaction"
+import { pageTk, tkTotal } from "/@/api/wallet/wallet-transaction"
 import { useMessage, useMessageBox } from "/@/hooks/message"
 import { useDict } from "/@/hooks/dict"
 import * as hardAfterSaleApi from "/@/api/hard/hard-after-sale"
 import { displayPrice } from "/@/utils/formatMoney"
 
+const showDrawer = ref(false)
+const balanceStatisticsLoading = ref(false)
+const balanceStatistics = reactive<any>({
+
+})
+
 // 引入组件
 const FormDialog = defineAsyncComponent(() => import("./form.vue"))
 // 定义查询字典
@@ -153,6 +156,31 @@ const resetQuery = () => {
 	getDataList()
 }
 
+// 关闭抽屉
+const drawerClose = () => {
+	for (const key in balanceStatistics) {
+		balanceStatistics[key] = 0
+	}
+}
+
+// 余额统计
+const viewBalanceStatistics = async () => {
+	showDrawer.value = true
+	balanceStatisticsLoading.value = true
+	try {
+		const { code, data } = await tkTotal({ ...state.queryForm })
+		if (code == 0) {
+			Object.assign(balanceStatistics, data)
+			return
+		}
+		return useMessage().error(data.msg || "获取数据失败")
+	} catch (error: any) {
+		useMessage().error(error.msg)
+	} finally {
+		balanceStatisticsLoading.value = false
+	}
+}
+
 const doRefund = async (row: any) => {
 	const { data } = await hardAfterSaleApi.getObj(row.bizId)
 	if (!data) {
diff --git a/src/views/wallet/wallet-xf/index.vue b/src/views/wallet/wallet-xf/index.vue
index d5edff2..b2430a9 100644
--- a/src/views/wallet/wallet-xf/index.vue
+++ b/src/views/wallet/wallet-xf/index.vue
@@ -1,16 +1,9 @@
 <template>
 	<div class="layout-padding">
 		<div class="layout-padding-auto layout-padding-view">
-			<DraggableDepTree
-				ref="draggableDepTreeRef"
-				placeholder="请输入部门名称"
-				:show-expand="true"
-				@getSelectNode="handleGetSelectNode"
-				switch-inactive-text="包含"
-				switch-active-text="不包含"
-				:defaultTreeWidth="20"
-				:nodeClickable="false"
-			>
+			<DraggableDepTree ref="draggableDepTreeRef" placeholder="请输入部门名称" :show-expand="true"
+				@getSelectNode="handleGetSelectNode" switch-inactive-text="包含" switch-active-text="不包含"
+				:defaultTreeWidth="20" :nodeClickable="false">
 				<template #default>
 					<el-form ref="queryRef" :inline="true" :model="state.queryForm" @keyup.enter="getDataList">
 						<el-row>
@@ -21,7 +14,8 @@
 								<dict-select v-model="state.queryForm.bizType" dict-code="wallet_biz" />
 							</el-form-item>
 							<el-form-item style="width: 300px" label="消费时间" prop="createTimeList">
-								<el-date-picker v-model="state.queryForm.createTimeList" value-format="YYYY-MM-DD" type="daterange" />
+								<el-date-picker v-model="state.queryForm.createTimeList" value-format="YYYY-MM-DD"
+									type="daterange" />
 							</el-form-item>
 							<el-form-item>
 								<el-button icon="Search" type="primary" @click="getDataList">
@@ -35,28 +29,16 @@
 					</el-form>
 					<el-row>
 						<div class="mb8" style="width: 100%">
-							<right-toolbar
-								:search="false"
-								v-model:showSearch="showSearch"
-								:export="'wallet_walletTransaction_export'"
-								@exportExcel="exportExcel"
-								class="ml10 mr20"
-								style="float: right"
-								@queryTable="getDataList"
-							></right-toolbar>
+							<right-toolbar :search="false" v-model:showSearch="showSearch"
+								:export="'wallet_walletTransaction_export'" @exportExcel="exportExcel" class="ml10 mr20"
+								style="float: right" @queryTable="getDataList">
+								<el-button icon="DataLine" circle @click="viewBalanceStatistics" />
+							</right-toolbar>
 						</div>
 					</el-row>
-					<el-table
-						:data="state.dataList"
-						v-loading="state.loading"
-						border
-						:summary-method="getSummaries"
-						show-summary
-						:cell-style="tableStyle.cellStyle"
-						:header-cell-style="tableStyle.headerCellStyle"
-						@selection-change="selectionChangHandle"
-						@sort-change="sortChangeHandle"
-					>
+					<el-table :data="state.dataList" v-loading="state.loading" border :summary-method="getSummaries"
+						show-summary :cell-style="tableStyle.cellStyle" :header-cell-style="tableStyle.headerCellStyle"
+						@selection-change="selectionChangHandle" @sort-change="sortChangeHandle">
 						<el-table-column type="selection" width="40" align="center" />
 						<el-table-column type="index" label="#" width="40" />
 						<el-table-column prop="username" label="用户" show-overflow-tooltip />
@@ -90,40 +72,49 @@
 						<el-table-column label="操作" width="150">
 							<template #default="{ row }">
 								<el-button icon="InfoFilled" link type="primary" @click="doRefund(row)"> 详情 </el-button>
-								<el-button
-									v-if="false"
-									icon="edit-pen"
-									text
-									type="primary"
+								<el-button v-if="false" icon="edit-pen" text type="primary"
 									v-auth="'wallet_walletRecharge_edit'"
-									@click="formDialogRef.openDialog(row.id)"
-									>编辑</el-button
-								>
-								<el-button
-									v-if="false"
-									icon="delete"
-									text
-									type="primary"
-									v-auth="'wallet_walletRecharge_del'"
-									@click="handleDelete([row.id])"
-									>删除</el-button
-								>
+									@click="formDialogRef.openDialog(row.id)">编辑</el-button>
+								<el-button v-if="false" icon="delete" text type="primary"
+									v-auth="'wallet_walletRecharge_del'" @click="handleDelete([row.id])">删除</el-button>
 							</template>
 						</el-table-column>
 					</el-table>
-					<pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle" v-bind="state.pagination" />
+					<pagination @size-change="sizeChangeHandle" @current-change="currentChangeHandle"
+						v-bind="state.pagination" />
 				</template>
 			</DraggableDepTree>
 		</div>
 
 		<!-- 编辑、新增  -->
 		<form-dialog ref="formDialogRef" @refresh="getDataList(false)" />
+		<el-drawer v-model="showDrawer" @closed="drawerClose">
+			<el-table :data="[balanceStatistics]" style="width: 100%">
+				<el-table-column align="center" label="充值统计">
+					<el-table-column align="center" prop="total" label="充值金额">
+						<template #default="{ row }">
+							{{ displayPrice(row.totalPrice) }}
+						</template>
+					</el-table-column>
+					<el-table-column align="center" prop="eatTotalPrice" label="饭卡钱包充值金额">
+						<template #default="{ row }">
+							{{ displayPrice(row.eatTotalPrice) }}
+						</template>
+					</el-table-column>
+					<el-table-column align="center" prop="xfTotalPrice" label="消费钱包充值金额">
+						<template #default="{ row }">
+							{{ displayPrice(row.xfTotalPrice) }}
+						</template>
+					</el-table-column>
+				</el-table-column>
+			</el-table>
+		</el-drawer>
 	</div>
 </template>
 
 <script setup lang="ts" name="systemWalletRecharge">
 import { BasicTableProps, useTable } from "/@/hooks/table"
-import { pageXf } from "/@/api/wallet/wallet-transaction"
+import { pageXf, xfTotal } from "/@/api/wallet/wallet-transaction"
 import { useMessage, useMessageBox } from "/@/hooks/message"
 import { useDict } from "/@/hooks/dict"
 import { displayPrice } from "/@/utils/formatMoney"
@@ -131,6 +122,13 @@ import { deptTree } from "/@/api/admin/dept"
 
 const { push } = useRouter()
 
+const showDrawer = ref(false)
+const balanceStatisticsLoading = ref(false)
+const balanceStatistics = reactive<any>({
+
+})
+
+
 // 引入组件
 const FormDialog = defineAsyncComponent(() => import("./form.vue"))
 // 定义查询字典
@@ -165,6 +163,30 @@ const resetQuery = () => {
 	getDataList()
 }
 
+// 关闭抽屉
+const drawerClose = () => {
+	for (const key in balanceStatistics) {
+		balanceStatistics[key] = 0
+	}
+}
+
+const viewBalanceStatistics = async () => {
+	showDrawer.value = true
+	balanceStatisticsLoading.value = true
+	try {
+		const { code, data } = await xfTotal({ ...state.queryForm })
+		if (code == 0) {
+			Object.assign(balanceStatistics, data)
+			return
+		}
+		return useMessage().error(data.msg || "获取数据失败")
+	} catch (error: any) {
+		useMessage().error(error.msg)
+	} finally {
+		balanceStatisticsLoading.value = false
+	}
+}
+
 // 导出excel
 const exportExcel = () => {
 	postDownBlobFile(