heshanApp/pages/user/wallet/success.vue

<template>
	<view class="content">
		<view class="inner y-bc">
			<view class="box-img y-bc">
				<image src="@/static/images/wallet/withdrawal_successful.png"></image>
				<view class="title">{{statusTitle}}</view>
				<text class="desc">{{statusDesc}}</text>
			</view>
			<view class="btn-box">
				<view class="btn" @click="navTo">提现记录</view>
				<view class="btn back" v-if="canConfirmReceipt" @click="confirmReceipt">确认收款</view>
				<view class="btn back" v-if="canWithdrawAgain" @click="withdrawAgain">再次提现</view>
				<view class="btn back" v-if="!canWithdrawAgain && !canConfirmReceipt" @click="goBack()">返回</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {getRedPacketLogByCode} from '@/api/integral.js'
	export default {
		data() {
			return {
				order:null,
				orderCode: null,
			}
		},
		computed: {
			// 根据订单状态显示标题
			statusTitle() {
				if (!this.order || this.order.status === undefined) {
					return '提现申请成功';
				}
				const status = Number(this.order.status);
				console.log("提现状态",this.order.status,status)
				// -3取消中 -2取消 -1失败 0发送中 1已发送 2取消 3转账处理中 4待收款用户确认 5转账结果尚未明确
				if (status === -3) {
					return '取消中';
				} else if (status === -2 || status === 2) {
					return '已取消';
				} else if (status === -1) {
					return '提现失败';
				} else if (status === 0) {
					return '发送中';
				} else if (status === 1) {
					return '提现申请成功';
				} else if (status === 3) {
					return '转账处理中';
				} else if (status === 4) {
					return '待确认收款';
				} else if (status === 5) {
					return '待确认收款';
				} else {
					return '提现申请成功';
				}
			},
			// 根据订单状态显示描述
			statusDesc() {
				if (!this.order || this.order.status === undefined) {
					return '预计两小时到账';
				}
				const status = Number(this.order.status);
				if (status === -3) {
					return this.order.remark || '提现正在取消中';
				} else if (status === -2 || status === 2) {
					return this.order.remark || '提现已取消';
				} else if (status === -1) {
					return this.order.remark || '提现失败，请重试';
				} else if (status === 0) {
					return this.order.remark || '提现请求已发送，正在处理中';
				} else if (status === 1) {
					return this.order.remark || '预计两小时到账';
				} else if (status === 3) {
					return this.order.remark || '转账正在处理中，请稍候';
				} else if (status === 4) {
					return '待收款确认，请在24小时内确认收款';
				} else if (status === 5) {
					return '转账结果尚未明确，请在24小时内确认收款';
				} else {
					return '预计两小时到账';
				}
			},
			// 是否可以再次提现（失败、取消等状态可以再次提现）
			canWithdrawAgain() {
				if (!this.order || this.order.status === undefined) {
					return false;
				}
				const status = Number(this.order.status);
				// 失败(-1)、取消(-2,2)状态可以再次提现
				return status === -1 || status === -2 || status === 2;
			},
			// 是否可以确认收款（状态4和5可以拉起微信收款确认页面）
			canConfirmReceipt() {
				if (!this.order || this.order.status === undefined) {
					return false;
				}
				const status = Number(this.order.status);
				// 状态4和5可以确认收款
				return status === 4 || status === 5;
			}
		},
		onLoad(option) {
			// 兼容旧的order参数
			if (option.order) {
				try {
					this.order = JSON.parse(option.order);
				} catch (e) {
					console.error('解析order参数失败:', e);
				}
			}
			// 获取orderCode参数
			if (option.orderCode) {
				this.orderCode = option.orderCode;
				// 确认收款后查询订单状态
				this.getRedPacketLogByCode(option.orderCode);
			}
		},
		onShow() {
			// 如果页面显示时已有orderCode，再次查询订单状态（用户从微信返回时）
			if (this.orderCode) {
				this.getRedPacketLogByCode(this.orderCode);
			}
		},
		methods: {
			getWxMerchantTransferPlugin() {
				const pluginIds = ['wxMerchantTransfer'];
				for (let i = 0; i < pluginIds.length; i++) {
					const pluginId = pluginIds[i];
					try {
						const plugin = uni.requireNativePlugin(pluginId);
						if (plugin && typeof plugin.open === 'function') {
							return plugin;
						}
					} catch (error) {}
				}
				return null;
			},
			encodeWechatTransferPackage(value) {
				return encodeURIComponent(String(value || '')).replace(/[!'()*]/g, ch => {
					return '%' + ch.charCodeAt(0).toString(16).toUpperCase();
				});
			},
			resolveWxUniversalLink() {
				const app = typeof getApp === 'function' ? getApp() : null;
				const fromGlobal = app && app.globalData ? app.globalData.wxUniversalLink : '';
				const candidates = [
					fromGlobal,
					'https://rtlink.ylrzcloud.com/uni-universallinks/__UNI__33EAA2D/',
					'https://yjf.runtzh.com/'
				];
				for (let i = 0; i < candidates.length; i++) {
					const link = String(candidates[i] || '')
						.replace(/[`'"]/g, '')
						.trim();
					if (link && /^https?:\/\//i.test(link)) {
						return link;
					}
				}
				return '';
			},
			openWxMerchantTransferByPlusIos(params, callback) {
				try {
					if (typeof plus === 'undefined' || !plus.ios || plus.os.name !== 'iOS') {
						return false;
					}
					let WXApi = null;
					try {
						WXApi = plus.ios.importClass('WXApi');
					} catch (error) {
						WXApi = plus.ios.import('WXApi');
					}
					const req = plus.ios.newObject('WXOpenBusinessViewReq');
					if (!WXApi || !req) {
						return false;
					}
					const universalLink = this.resolveWxUniversalLink();
					let registerState = 'skip';
					let installedState = 'unknown';
					let supportState = 'unknown';
					let apiVersion = '';
					if (params.appId) {
						try {
							if (universalLink) {
								registerState = String(!!plus.ios.invoke(WXApi, 'registerApp:universalLink:', String(params.appId), universalLink));
							} else {
								registerState = String(!!plus.ios.invoke(WXApi, 'registerApp:', String(params.appId)));
							}
						} catch (error) {
							registerState = 'error';
						}
					}
					try {
						installedState = String(!!plus.ios.invoke(WXApi, 'isWXAppInstalled'));
					} catch (error) {}
					try {
						supportState = String(!!plus.ios.invoke(WXApi, 'isWXAppSupportApi'));
					} catch (error) {}
					try {
						apiVersion = String(plus.ios.invoke(WXApi, 'getApiVersion') || '');
					} catch (error) {}
					plus.ios.invoke(req, 'setBusinessType:', 'requestMerchantTransfer');
					const encodedPackage = this.encodeWechatTransferPackage(params.package);
					const query = `mchId=${params.mchId}&appId=${params.appId}&package=${encodedPackage}`;
					plus.ios.invoke(req, 'setQuery:', query);
					const sent = plus.ios.invoke(WXApi, 'sendReq:', req);
					plus.ios.deleteObject(req);
					if (typeof callback === 'function') {
						const failMessage = `微信唤起失败，请确认微信可用后重试（appId=${params.appId}, universalLink=${universalLink || 'empty'}, registered=${registerState}, installed=${installedState}, supportApi=${supportState}, apiVersion=${apiVersion || 'unknown'}，请检查 universalLink 域名证书是否过期）`;
						callback(sent ? { code: 0, message: 'Request sent successfully' } : { code: -2, message: failMessage });
					}
					return true;
				} catch (error) {
					console.error('openWxMerchantTransferByPlusIos failed', error);
					if (typeof callback === 'function') {
						callback({ code: -2, message: error && error.message ? error.message : 'Failed to send request' });
					}
					return true;
				}
			},
			openWxMerchantTransfer(params, callback) {
				if (typeof plus !== 'undefined' && plus.os && plus.os.name === 'iOS') {
					const iosHandled = this.openWxMerchantTransferByPlusIos(params, callback);
					if (iosHandled) {
						return;
					}
				}
				const wxMerchantTransfer = this.getWxMerchantTransferPlugin();
				if (wxMerchantTransfer && typeof wxMerchantTransfer.open === 'function') {
					wxMerchantTransfer.open(params, callback);
					return;
				}
				if (typeof callback === 'function') {
					callback({ code: -5, message: '微信转账功能未正确初始化，请检查基座插件配置。' });
				}
			},
			// 查询订单状态
			getRedPacketLogByCode(code) {
				if (!code) return;
				getRedPacketLogByCode({ orderCode: code }).then(res => {
					if (res.code == 200) {
						console.log("订单状态查询结果:", res);
						// 可以根据订单状态更新UI或进行其他操作
						if (res.data) {
							this.order = res.data;
						}
					} else {
						console.warn("查询订单状态失败:", res.msg);
					}
				}, err => {
					console.error("查询订单状态错误:", err);
				});
			},
			goBack() {
				uni.navigateBack()
			},
			navTo(){
				uni.navigateTo({
					url:'/pages/user/wallet/recordList'
				})
			},
			copyOrderSn(text) {
				// 复制方法
				uni.setClipboardData({
					data:text,
					success:()=>{
						uni.showToast({
							title:'内容已成功复制到剪切板',
							icon:'none'
						})
					}
				});
			},
			goOrderDetails(id){
				uni.redirectTo({
					url: "/pages_user/user/storeOrderDetail?id="+id
				}) 
			},
			// 再次提现
			withdrawAgain() {
				uni.navigateBack();
			},
			// 确认收款（拉起微信收款确认页面）
			confirmReceipt() {
				if (!this.order) {
					uni.showToast({
						title: '订单信息不完整',
						icon: 'none'
					});
					return;
				}
				
				const appId = this.order.appId;
				const mchId = this.order.mchId;
				const packageValue = this.order.packageInfo;
				
				if (!appId || !mchId || !packageValue) {
					uni.showToast({
						title: '缺少必要参数，无法确认收款',
						icon: 'none'
					});
					return;
				}
				
				// #ifdef APP-PLUS
				const params = {
					appId: String(appId),
					mchId: String(mchId),
					package: String(packageValue)
				};
				console.log('拉起微信收款确认页面，参数:', params);
				this.openWxMerchantTransfer(params, (res) => {
						console.log('确认收款回调结果:', res);
						if (res.code === 0) {
							// 确认收款成功，重新查询订单状态
							if (this.orderCode) {
								setTimeout(() => {
									this.getRedPacketLogByCode(this.orderCode);
								}, 1000);
							}
						} else if (res.code === -3) {
							const resultMessage = (res.message || '').toLowerCase();
							if (resultMessage.includes('not installed') || resultMessage.includes('未安装')) {
								uni.showModal({
									title: '提示',
									content: '请先安装微信客户端',
									showCancel: false
								});
							} else {
								uni.showModal({
									title: '提示',
									content: res.message || '当前微信版本不支持，请升级后重试',
									showCancel: false
								});
							}
						} else {
							uni.showModal({
								title: '确认收款失败',
								content: res.message || '请稍后重试',
								showCancel: false
							});
						}
					});
				// #endif
				
				// #ifndef APP-PLUS
				uni.showToast({
					icon: 'none',
					title: '此功能仅在 APP 中可用',
				});
				// #endif
			}
		}
	}
</script>

<style lang="scss">
	page{
		height: 100%;
		background-color: #FFFFFF;
	}
	.content{
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content:flex-start;
		.inner{
			padding:24rpx;
			image{
				width: 224rpx;
				height: 160rpx;
			}
		  .box-img{
			  margin-top: 160rpx;
			  .title{
				  font-family: PingFang SC, PingFang SC;
				  font-weight: 500;
				  font-size: 48rpx;
				  color: #222222;
				  margin-top: 64rpx;
				  margin-bottom: 10rpx;
			  }
			  .desc{
				 font-family: PingFang SC, PingFang SC;
				 font-weight: 500;
				 font-size: 28rpx;
				 color: #757575;
			  }
		  }
		}
		.btn-box{
			margin-top:60rpx;
			box-sizing: border-box;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-wrap: wrap;
			gap: 24rpx;
			.btn{
				min-width: 254rpx;
				height: 88rpx;
				padding: 0 32rpx;
				border-radius: 44rpx 44rpx 44rpx 44rpx;
				border: 2rpx solid #FF5030;
				display: flex;
				align-items: center;
				justify-content: center;
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				font-size: 32rpx;
				color: #FF5030;
				&.back{
					background: #FF5030;
					color: #fff;
				}
			}
		}
	}
	
</style>