From d97d77430a263921d8d5d7478c7a02014e92fc12 Mon Sep 17 00:00:00 2001
From: ywyonui <ywyonui@163.com>
Date: Mon, 22 Sep 2025 10:19:16 +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=E7=9B=B8=E5=85=B3=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/base/qj/components/xsQjEdit.vue     |  9 ++--
 .../xk/components/XkPaySuccessXkkc/index.vue  |  2 +-
 src/pages/base/xk/tf/detail.vue               | 26 ++++++++--
 src/pages/base/xk/tf/sq.vue                   | 50 +++++++++++++------
 4 files changed, 66 insertions(+), 21 deletions(-)

diff --git a/src/pages/base/qj/components/xsQjEdit.vue b/src/pages/base/qj/components/xsQjEdit.vue
index ddd42fe..77d8e79 100644
--- a/src/pages/base/qj/components/xsQjEdit.vue
+++ b/src/pages/base/qj/components/xsQjEdit.vue
@@ -25,7 +25,7 @@
             @click="goHome"
           />
           <u-button
-            text="提交"
+            :text="isSubmitting ? '申请中...' : '提交申请'"
             class="mr-15 mr-7"
             type="primary"
             @click="submit"
@@ -44,10 +44,13 @@ import { showToast } from "@/utils/uniapp";
 import dayjs from "dayjs";
 import { useUserStore } from "@/store/modules/user";
 import { useCommonStore } from "@/store/modules/common";
+import { useDebounce } from "@/utils/debounce";
 
 const { getCurXs, getUser } = useUserStore();
 const { findByPid } = useDicStore();
 const commonStore = useCommonStore();
+// 替换 isSubmitting 状态为 useDebounce
+const { isProcessing: isSubmitting, debounce } = useDebounce(2000);
 
 // 接收外部传入属性
 const props = withDefaults(defineProps<{
@@ -214,7 +217,7 @@ const validateTime = () => {
   return true;
 }
 
-const submit = async () => {
+const submit = debounce(async () => {
   const fd = await getValue();
   if (!validateTime()) {
     return;
@@ -243,7 +246,7 @@ const submit = async () => {
       showToast({ title: res.message, icon: "error" });
     }
   }, 500);
-};
+});
 
 </script>
 
diff --git a/src/pages/base/xk/components/XkPaySuccessXkkc/index.vue b/src/pages/base/xk/components/XkPaySuccessXkkc/index.vue
index 0f3ba3f..3aedf99 100644
--- a/src/pages/base/xk/components/XkPaySuccessXkkc/index.vue
+++ b/src/pages/base/xk/components/XkPaySuccessXkkc/index.vue
@@ -42,7 +42,7 @@ import { imagUrl } from "@/utils";
 // 接收外部传入属性并设置默认值
 const props = withDefaults(defineProps<{
   dataList: any[];
-  canSelected: boolean,
+  canSelected?: boolean,
 }>(), {
   xk: () => ({}),
   canSelected: false,
diff --git a/src/pages/base/xk/tf/detail.vue b/src/pages/base/xk/tf/detail.vue
index 0a0495e..da6ed50 100644
--- a/src/pages/base/xk/tf/detail.vue
+++ b/src/pages/base/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-column">
-						<text class="label">退费说明:</text>
-						<text class="value">{{ xkTf.tfSm }}</text>
+						<text class="label">家长姓名:</text>
+						<text class="value">{{ xkTf.jzXm }}</text>
+					</view>
+					<view class="info-column">
+						<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.khrXm }}</text>
+					</view>
+					<view class="info-column">
+						<text class="label">银行账号:</text>
+						<text class="value">{{ xkTf.khZh }}</text>
 					</view>
 					<view class="info-column">
 						<text class="label">缴费凭证:</text>
diff --git a/src/pages/base/xk/tf/sq.vue b/src/pages/base/xk/tf/sq.vue
index 0be2dde..15f8692 100644
--- a/src/pages/base/xk/tf/sq.vue
+++ b/src/pages/base/xk/tf/sq.vue
@@ -8,16 +8,14 @@
 			<!-- 课程信息卡片 -->
 			<XkPaySuccessXkkc :dataList="dataList" :can-selected="true" ref="xkQdRef" />
 
+      <!-- 表单卡片 -->
+      <view class="form-card">
+        <BasicForm @register="register" />
+      </view>
 
     </view>
     <template #bottom>
       <view class="white-bg-color py-5">
-				<!-- 表单卡片 -->
-				<view class="form-card">
-
-					<BasicForm @register="register" />
-
-				</view>
         <view class="flex-row items-center pb-10 pt-5">
           <u-button
             text="返回"
@@ -61,18 +59,41 @@ const xkQdRef = ref<any>(null);
 
 const [register, { getValue, setValue }] = useForm({
   schema: [
+    { title: "家长信息" },
     {
-      field: "tfSm",
-      label: "退费说明",
+      field: "jzXm",
+      label: "家长姓名",
       component: "BasicInput",
       required: true,
-      itemProps: {
-        labelPosition: "top",
-      },
-      componentProps: {
-        type: "textarea",
+      componentProps: { },
+    },
+    {
+      field: "sjh",
+      label: "手机号",
+      component: "BasicInput",
+      required: true,
+      componentProps: { 
+        maxlength: 11,
+        minlength: 11,
+        type: "number",
       },
     },
+    { interval: true },
+    { title: "缴费信息" },
+    {
+      field: "khrXm",
+      label: "开户人",
+      component: "BasicInput",
+      required: true,
+      componentProps: { },
+    },
+    {
+      field: "khZh",
+      label: "银行账号",
+      component: "BasicInput",
+      required: true,
+      componentProps: { },
+    },
     {
       field: "jfPz",
       label: "缴费凭证",
@@ -191,7 +212,8 @@ onLoad((options:any) => {
 }
 
 .form-card {
-  margin: 0 15px;
+  margin: 0 30rpx;
+  margin-bottom: 30rpx;
 }
 
 </style>