线下支付退款流程优化

src/views/marchant/order/index.vue

@@ -2,9 +2,12 @@
 	<div class="system-menu-container layout-padding">
 		<ProTable ref="tableRef" :request-api="orderPageGet" :columns="columns" :pagination="true"
 			:tool-button="true">
-			<!-- <template #tools>
+			<template #tools>
-				<el-button v-auth="'order:export'" type="primary" icon="ele-Plus" @click="onOpenMenu"> 导出 </el-button>
+				<el-button type="primary" :loading="exportLoading" @click="handleExport">
-			</template> -->
+					<el-icon><Download /></el-icon>
+					导出
+				</el-button>
+			</template>
 			<template #index="scope">
 				{{ scope.$index + 1 }}
 			</template>
@@ -18,7 +21,7 @@
 				{{ formatAmount(scope.row.discountAmount) }}
 			</template>
 			<template #orderStatus="scope">
-				{{ scope.row.orderStatusText || '-' }} {{ scope.row.orderStatus == 3 ? '：' + scope.row.refundAmount + '元'  : '' }}
+				{{ scope.row.orderStatusText || '-' }}
 			</template>
 			<template #refundAmount="scope">
 				{{ formatAmount(scope.row.refundAmount) }}
@@ -59,10 +62,12 @@
 <script setup >
 import { ref, computed } from 'vue';
 import { ElMessage } from 'element-plus';
+import { Download } from '@element-plus/icons-vue';
 import ProTable from '/@/components/ProTable/index.vue';
-import { orderPageGet , orderDetailGet} from '/@/api/match/order';
+import { orderPageGet , orderDetailGet, orderExportGet} from '/@/api/match/order';
 
 const tableRef = ref();
+const exportLoading = ref(false);
 
 const formData = ref({
 	orderNo: '',
@@ -169,6 +174,36 @@ const onOpenMenu = async(id) => {
 	isShowDialog.value = true;
 };
 
+const handleExport = async () => {
+	try {
+		exportLoading.value = true;
+		
+		const searchParams = tableRef.value?.searchParam || {};
+		
+		const response = await orderExportGet(searchParams);
+		
+		const blob = new Blob([response], { 
+			type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' 
+		});
+		
+		const url = window.URL.createObjectURL(blob);
+		const link = document.createElement('a');
+		link.href = url;
+		link.download = `订单列表_${new Date().getTime()}.xlsx`;
+		document.body.appendChild(link);
+		link.click();
+		document.body.removeChild(link);
+		window.URL.revokeObjectURL(url);
+		
+		ElMessage.success('导出成功');
+	} catch (error) {
+		console.error('导出失败:', error);
+		ElMessage.error('导出失败，请稍后重试');
+	} finally {
+		exportLoading.value = false;
+	}
+};
+
 
 
 

src/views/match/order/index.vue

@@ -23,7 +23,7 @@
 				{{ scope.row.registrationMode || '-' }}
 			</template>
 			<template #orderStatus="scope">
-				{{ scope.row.orderStatusText || '-' }} {{ scope.row.orderStatus == 3 ? '：' + scope.row.refundAmount  : '' }}
+				{{ scope.row.orderStatusText || '-' }}
 			</template>
 			<template #paymentProofUrl="scope">
 				<el-image v-if="scope.row.paymentProofUrl" 

src/views/user/record/index.vue

@@ -482,6 +482,25 @@
 							项目完成人数错误
 						</el-alert>
 					</div>
+
+					<!-- 线下支付退款表单（仅在需要时显示） -->
+					<template v-if="cancelPreviewData?.needPayeeInfo">
+						<el-divider content-position="left">退款信息</el-divider>
+						<el-form :model="refundForm" label-width="120px" style="max-width: 500px;">
+							<el-form-item label="退款金额">
+								<span style="font-size: 18px; font-weight: bold; color: #1fae66;">¥{{ totalRefundAmount.toFixed(2) }}</span>
+							</el-form-item>
+							<el-form-item label="收款人姓名" required>
+								<el-input v-model="refundForm.payeeName" placeholder="请输入收款人姓名" />
+							</el-form-item>
+							<el-form-item label="收款人开户行" required>
+								<el-input v-model="refundForm.payeeBankName" placeholder="请输入收款人开户行" />
+							</el-form-item>
+							<el-form-item label="收款人银行卡号" required>
+								<el-input v-model="refundForm.payeeBankAccount" placeholder="请输入收款人银行卡号" />
+							</el-form-item>
+						</el-form>
+					</template>
 				</template>
 
 				<!-- 确认阶段 -->
@@ -1025,13 +1044,19 @@ const mockMembers3 = ref([
 ]);
 
 // 新的响应式变量
-const selectedMembers = ref([]);
+	const selectedMembers = ref([]);
-const teamRemoved = ref(false);
+	const teamRemoved = ref(false);
-const cancelAll = ref(false);
+	const cancelAll = ref(false);
-const hasValidationError = ref(false);
+	const hasValidationError = ref(false);
-const hasLimitError = ref(false);
+	const hasLimitError = ref(false);
-const hasCountError = ref(false);
+	const hasCountError = ref(false);
-const isFreeProject = ref(false); // 控制是否为免费项目
+	const isFreeProject = ref(false); // 控制是否为免费项目
+	// 线下支付收款人信息
+	const refundForm = reactive({
+		payeeName: '',
+		payeeBankName: '',
+		payeeBankAccount: ''
+	});
 
 const totalRefundAmount = computed(() => {
 	// 免费项目退款金额为0
@@ -1116,6 +1141,10 @@ const openCancelDialog = async (row) => {
 	hasLimitError.value = false;
 	hasCountError.value = false;
 	isFreeProject.value = false; // 默认为收费项目
+	// 重置收款人信息
+	refundForm.payeeName = '';
+	refundForm.payeeBankName = '';
+	refundForm.payeeBankAccount = '';
 
 	try {
 		const res = await usereventrecordCancelPreviewGet(row.registrationId);
@@ -1140,6 +1169,22 @@ const openCancelDialog = async (row) => {
 const submitCancel = async () => {
 	if (!cancelPreviewData.value?.registrationId) return;
 
+	// 如果是线下支付且已支付，验证收款人信息
+	if (cancelPreviewData.value?.needPayeeInfo) {
+		if (!refundForm.payeeName.trim()) {
+			ElMessage.warning('请填写收款人姓名');
+			return;
+		}
+		if (!refundForm.payeeBankName.trim()) {
+			ElMessage.warning('请填写收款人开户行');
+			return;
+		}
+		if (!refundForm.payeeBankAccount.trim()) {
+			ElMessage.warning('请填写收款人银行卡号');
+			return;
+		}
+	}
+
 	cancelSubmitting.value = true;
 	try {
 		const payload = {
@@ -1152,6 +1197,13 @@ const submitCancel = async () => {
 			payload.personIds = selectedMembers.value;
 		}
 
+		// 如果是线下支付且已支付，添加收款人信息
+		if (cancelPreviewData.value?.needPayeeInfo) {
+			payload.payeeName = refundForm.payeeName;
+			payload.payeeBankName = refundForm.payeeBankName;
+			payload.payeeBankAccount = refundForm.payeeBankAccount;
+		}
+
 		const res = await usereventrecordCancelExecutePost(payload);
 		const data = res.data || res;
 		const succeeded = res.succeeded ?? (data?.success ?? true);
@@ -1206,6 +1258,10 @@ const onCancelDialogClosed = () => {
 	hasLimitError.value = false;
 	hasCountError.value = false;
 	isFreeProject.value = false;
+	// 重置收款人信息
+	refundForm.payeeName = '';
+	refundForm.payeeBankName = '';
+	refundForm.payeeBankAccount = '';
 };
 
 // ==================== 查看/更换参赛队员 ====================