From 2013b62832bc21e7d274b438c90b95c30c71f3e2 Mon Sep 17 00:00:00 2001
From: ywyonui <ywyonui@163.com>
Date: Mon, 22 Sep 2025 11:00:11 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E9=80=89=E8=AF=BE=E9=80=80?=
 =?UTF-8?q?=E8=B4=B9=E5=AE=A1=E6=89=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TransferSpCsMgr/index.vue  |  1 -
 src/pages/components/YwConfirm/index.vue  |  3 ++
 src/pages/components/YwTransfer/index.vue |  2 +-
 src/pages/view/routine/xk/tf/detail.vue   | 65 ++++++++++++++++-------
 src/pages/view/routine/xk/tf/sp.vue       | 55 ++++++++++++++-----
 5 files changed, 92 insertions(+), 34 deletions(-)

diff --git a/src/components/TransferSpCsMgr/index.vue b/src/components/TransferSpCsMgr/index.vue
index 81a0d74..f786903 100644
--- a/src/components/TransferSpCsMgr/index.vue
+++ b/src/components/TransferSpCsMgr/index.vue
@@ -415,7 +415,6 @@ defineExpose({
         background: #ffffff;
         border-radius: 8rpx;
         transition: all 0.3s ease;
-        border: 1rpx solid #ebedf0;
 
         &:active {
           background: #f5f5f5;
diff --git a/src/pages/components/YwConfirm/index.vue b/src/pages/components/YwConfirm/index.vue
index d6d34a8..6d96ff1 100644
--- a/src/pages/components/YwConfirm/index.vue
+++ b/src/pages/components/YwConfirm/index.vue
@@ -137,6 +137,9 @@ const handleTransfer = async (data: any) => {
   transferRef.value.closeDlg();
 	uni.hideLoading();
   emit('transfer');
+  if (props.autoToMessage) {
+    goToMessage();
+  }
 };
 
 const handleDlgSubmit = async () => {
diff --git a/src/pages/components/YwTransfer/index.vue b/src/pages/components/YwTransfer/index.vue
index b468b88..6275c28 100644
--- a/src/pages/components/YwTransfer/index.vue
+++ b/src/pages/components/YwTransfer/index.vue
@@ -15,7 +15,7 @@
               class="remark-input" />
           </view>
         </view>
-        <transferSpCsMgr ref="transferSpCsMgrRef" />
+        <TransferSpCsMgr ref="transferSpCsMgrRef" />
       </view>
       <view class="popup-actions flex-row justify-end mt-4">
         <u-button class="mr-2" @click="closeDlg">取消</u-button>
diff --git a/src/pages/view/routine/xk/tf/detail.vue b/src/pages/view/routine/xk/tf/detail.vue
index 938ed49..0c8204b 100644
--- a/src/pages/view/routine/xk/tf/detail.vue
+++ b/src/pages/view/routine/xk/tf/detail.vue
@@ -7,12 +7,32 @@
 			<!-- 课程信息卡片 -->
 			<XkPaySuccessXkkc :dataList="xkTfQdList" />
 
+			<!-- 家长信息卡片 -->
+			<view class="xkTf-card">
+				<view class="card-title">家长信息</view>
+				<view class="card-body">
+					<view class="info-row">
+						<text class="label">家长姓名:</text>
+						<text class="value">{{ xkTf.jzXm }}</text>
+					</view>
+					<view class="info-row">
+						<text class="label">手机号:</text>
+						<text class="value">{{ xkTf.sjh }}</text>
+					</view>
+				</view>
+			</view>
+
 			<!-- 退费信息卡片 -->
 			<view class="xkTf-card">
+				<view class="card-title">缴费信息</view>
 				<view class="card-body">
-					<view class="info-column">
-						<text class="label">退费说明:</text>
-						<text class="value">{{ xkTf.tfSm }}</text>
+					<view class="info-row">
+						<text class="label">开户人:</text>
+						<text class="value">{{ xkTf.khrXm }}</text>
+					</view>
+					<view class="info-row">
+						<text class="label">银行账号:</text>
+						<text class="value">{{ xkTf.khZh }}</text>
 					</view>
 					<view class="info-column">
 						<text class="label">缴费凭证:</text>
@@ -23,7 +43,7 @@
 				</view>
 			</view>
 			<!-- 审批流程 -->
-      <LcglSpList :yw-id="xkTf.id" yw-type="XK_TF" />
+			<LcglSp :yw-id="xkTf.id" yw-type="XK_TF" />
 		</view>
 		<template #bottom>
 			<view class="white-bg-color py-5">
@@ -42,7 +62,7 @@ import { useUserStore } from "@/store/modules/user";
 import { imagUrl } from "@/utils";
 import XkPayXs from "../components/XkPayXs/index.vue"
 import XkPaySuccessXkkc from "../components/XkPaySuccessXkkc/index.vue"
-import LcglSpList from "@/components/LcglSpList/index.vue";
+import LcglSp from "@/components/LcglSp/index.vue";
 import PreviewImage from "@/components/PreviewImage/index.vue";
 import { getXkTfDetailByIdApi } from "@/api/base/xkTfApi";
 import { xxtsFindByIdApi } from "@/api/base/xxtsApi";
@@ -75,7 +95,7 @@ const initData = (tf: any, xs: any, tfQdList: any[]) => {
 };
 
 // 获取详情
-const loadData = async (id: string) => { 
+const loadData = async (id: string) => {
 	const res = await getXkTfDetailByIdApi(id);
 	if (!res.result) {
 		uni.showToast({ title: '未找到数据', icon: 'none' });
@@ -87,7 +107,7 @@ const loadData = async (id: string) => {
 };
 
 // 从待办加载
-const loadByDb = async (data: any) => { 
+const loadByDb = async (data: any) => {
 	// 检查登录状态
 	const isLoggedIn = await loginByOpenId(data.openId);
 	if (!isLoggedIn) {
@@ -108,10 +128,10 @@ const loadByDb = async (data: any) => {
 };
 
 onLoad(async (data: any) => {
-  // 从待办过来的，需要从后端获取数据
-  if (data && data.from && data.from == "db") {
-    loadByDb(data);
-	} else if (getTf && getTf.xkTf) {	
+	// 从待办过来的，需要从后端获取数据
+	if (data && data.from && data.from == "db") {
+		loadByDb(data);
+	} else if (getTf && getTf.xkTf) {
 		// 表示包含了退费信息
 		initData(getTf.xkTf, getTf.xs, getTf.xkTfQdList);
 	} else if (getData && getData.id) {
@@ -125,13 +145,22 @@ onLoad(async (data: any) => {
 .xkTf-info {
 	background-color: #f5f7fa;
 
-	.xkTf-card {
-		margin: 15px;
-		background-color: #fff;
-		border-radius: 8px;
-		padding: 15px;
-		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
+  .xkTf-card {
+		margin: 0 30rpx;
+    margin-bottom: 30rpx;
+    padding: 30rpx;
+    background: #fff;
+    border-radius: 16rpx;
+    box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.1);
 
+		.card-title {
+			font-size: 32rpx;
+			font-weight: bold;
+			margin-bottom: 30rpx;
+			color: #333;
+			border-bottom: 4rpx solid #007aff;
+			padding-bottom: 10rpx;
+		}
 		.card-body {
 
 			.info-row {
@@ -174,6 +203,6 @@ onLoad(async (data: any) => {
 				}
 			}
 		}
-	}
+  }
 }
 </style>
diff --git a/src/pages/view/routine/xk/tf/sp.vue b/src/pages/view/routine/xk/tf/sp.vue
index b1bdbc3..c7b5b11 100644
--- a/src/pages/view/routine/xk/tf/sp.vue
+++ b/src/pages/view/routine/xk/tf/sp.vue
@@ -7,12 +7,32 @@
 			<!-- 课程信息卡片 -->
 			<XkPaySuccessXkkc :dataList="xkTfQdList" />
 
+			<!-- 家长信息卡片 -->
+			<view class="xkTf-card">
+				<view class="card-title">家长信息</view>
+				<view class="card-body">
+					<view class="info-row">
+						<text class="label">家长姓名:</text>
+						<text class="value">{{ xkTf.jzXm }}</text>
+					</view>
+					<view class="info-row">
+						<text class="label">手机号:</text>
+						<text class="value">{{ xkTf.sjh }}</text>
+					</view>
+				</view>
+			</view>
+
 			<!-- 退费信息卡片 -->
 			<view class="xkTf-card">
+				<view class="card-title">缴费信息</view>
 				<view class="card-body">
-					<view class="info-column">
-						<text class="label">退费说明:</text>
-						<text class="value">{{ xkTf.tfSm }}</text>
+					<view class="info-row">
+						<text class="label">开户人:</text>
+						<text class="value">{{ xkTf.khrXm }}</text>
+					</view>
+					<view class="info-row">
+						<text class="label">银行账号:</text>
+						<text class="value">{{ xkTf.khZh }}</text>
 					</view>
 					<view class="info-column">
 						<text class="label">缴费凭证:</text>
@@ -23,7 +43,7 @@
 				</view>
 			</view>
 			<!-- 审批流程 -->
-			<LcglSpList :yw-id="xkTf.id" yw-type="XK_TF" />
+      <LcglSp :yw-id="xkTf.id" yw-type="XK_TF" />
 		</view>
 		<template #bottom>
 			<YwConfirm :spApi="xkTfSpApi" :stopApi="xkTfStopApi"
@@ -34,17 +54,15 @@
 
 <script setup lang="ts">
 import { onLoad } from "@dcloudio/uni-app";
-import { useUserStore } from "@/store/modules/user";
 import { useDataStore } from "@/store/modules/data";
 import { imagUrl } from "@/utils";
 import XkPayXs from "../components/XkPayXs/index.vue"
 import XkPaySuccessXkkc from "../components/XkPaySuccessXkkc/index.vue"
-import LcglSpList from "@/components/LcglSpList/index.vue";
+import LcglSp from "@/components/LcglSp/index.vue";
 import PreviewImage from "@/components/PreviewImage/index.vue";
 import YwConfirm from "@/pages/components/YwConfirm/index.vue";
 import { getXkTfDetailByIdApi, xkTfSpApi, xkTfStopApi, xkTfTransferApi } from "@/api/base/xkTfApi";
 import { XkTfPageUtils } from "@/utils/xkTfPageUtils";
-const { getJs } = useUserStore();
 const { setTf, getXxts } = useDataStore();
 
 const curXs = ref<any>({});
@@ -117,13 +135,22 @@ onLoad(async (data?: any) => {
 .xkTf-info {
 	background-color: #f5f7fa;
 
-	.xkTf-card {
-		margin: 15px;
-		background-color: #fff;
-		border-radius: 8px;
-		padding: 15px;
-		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
+  .xkTf-card {
+		margin: 0 30rpx;
+    margin-bottom: 30rpx;
+    padding: 30rpx;
+    background: #fff;
+    border-radius: 16rpx;
+    box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.1);
 
+		.card-title {
+			font-size: 32rpx;
+			font-weight: bold;
+			margin-bottom: 30rpx;
+			color: #333;
+			border-bottom: 4rpx solid #007aff;
+			padding-bottom: 10rpx;
+		}
 		.card-body {
 
 			.info-row {
@@ -166,6 +193,6 @@ onLoad(async (data?: any) => {
 				}
 			}
 		}
-	}
+  }
 }
 </style>
\ No newline at end of file