baiyuApp/pages/course/privilege.nvue

<template>
	<view class="page" @click.stop catchtouchmove="true"  :style="{'height':privilegeBoxHei+'px'}" >
		<view class="privilegeBox es es-ver es-br-38 es-pt-10 es-pb-30 ">
			
			<view class="es es-fx es-pc es-h-56 es-ml-40 es-mr-20 es-mt-10">
				<image class="es-w-74 es-h-40" style="position: absolute;left:55px;top:20rpx" src="/static/image/course/xiangyun.png"></image>
				<text class="es-fs-32 es-h-56 es-fw-500 prititle">
					{{(!isIos || (isIos&&showIOSPay==1)) ? '开通VIP专享以下特权':'福币兑换享以下特权'}}</text>
				<image class="es-w-74 es-h-40" style="position: absolute;right:55px;top:20rpx" src="/static/image/course/xiangyun2.png"></image>
			    <image  class="es-w-40 es-h-40" style="position: absolute;right:0;top:0" @tap="closePopup" src="/static/images/close40.png"></image>
			</view>
			
			<view class="sec1 es-mt-20 es-ml-48 es-mr-48 ">
				<view class="es x-bc es-pl-28 es-pt-12 fl-row" >
					<view class="l1">
						<view class="x-f fl-row">
							<image class="es-w-44 es-h-44" src="/static/image/course/privilege/fozhu.png"></image>
							<text class="es-ml-8 es-c-white es-fs-32 es-fw-600">名家讲堂</text>
						</view>
						<text class="es-fs-30 es-mt-10 es-c-99">{{(!isIos || (isIos&&showIOSPay==1)) ?"畅享10000+VIP视频":"畅享10000+视频"}}</text>
					</view>
					<view class="es">
						<image src="/static/image/course/zyx.png" class="es-w-183 es-h-98 es-br-15"></image>
					</view>
				</view>
			</view>
			
			<view class="sec2 es es-fx es-pc es-h-40 es-mt-40 es-ml-48 es-mr-48 fl-row">
				<text class="es-fs-30 es-h-56 es-fw-bold" style="color: #FFDAA3;">超多权益待你开启</text>
			</view>
			
		    <!-- AI舌诊 -->
		   <view class="primenu-box es es-fx es-pc  es-mb-20 es-ml-48 es-mr-48 fl-row" >
				 <view class="content-inner fl-row">
				 	<view class="item">
				 		<image class="img" src="/static/image/course/privilege/she.png" mode="heightFix"></image>
				 		<text class="label">AI舌诊</text>
				 	</view>
				 	<view class="item">
				 		<image class="img" src="/static/image/course/privilege/tizhi.png" mode="heightFix"></image>
				 		<text class="label">体质检测</text>
				 	</view>
				 	<view class="item" >
				 		<image class="img" src="/static/image/course/privilege/baike.png" mode="heightFix"></image>
				 		<text class="label">养生百科</text>
				 	</view>
				 	<view class="item">
				 		<image class="img" src="/static/image/course/privilege/yishu.png" mode="heightFix"></image>
				 		<text class="label">经典医书</text>
				 	</view>
				 	<view class="item">
				 		<image class="img" src="/static/image/course/privilege/more.png" mode="heightFix"></image>
				 		<text class="label">多设备登陆</text>
				 	</view>
				 	<view class="item">
				 		<image class="img" src="/static/image/course/privilege/ad.png" mode="heightFix"></image>
				 		<text class="label">去除广告</text>
				 	</view>
				 </view>	 
		   </view>
		   
		    <!-- 开通会员 -->
		   <view v-if="!isIos || (isIos&&showIOSPay==1)" class="vipMethodBox es-ml-48 es-mr-48 es-mt-10 es-pt-10 es-pb-10 es-br-5">
				<view v-for="(item, index) in vipMethods" :key="index" @tap="changeVipMethod(index)" class="vipMethodItem es x-bc fl-row">
					<view class="x-bc es-ml-14 ">
						<text class="es-fs-32  es-fw-500 es-ml-14 color1" :class="index==1?'es-fw-bold color2':''">{{item}}</text>
					</view>
					<view class="es-w-40 es-h-40 es-mr-14 es-mr-26 circular" v-if="index==1&&vipMethodIdx!=index"></view>
					<image  class="es-w-40 es-h-40 es-br-ban es-mr-14 es-mr-26" v-else :src="vipMethodIdx==index?'/static/image/course/vipBuy/check.png':'/static/image/course/vipBuy/check_mr.png'"></image>
				</view>
		   </view>
		  <view v-else class="vipMethodBox es-ml-48 es-mr-48 es-mt-10 es-pt-10 es-pb-10 es-br-5">
				<view  @tap="changeVipMethod(1)" class="vipMethodItem es x-bc fl-row">
					<view class="x-bc es-ml-14 ">
						<text class="es-fs-32  es-fw-500 es-ml-14 es-fw-bold color2">{{vipMethods[vipMethodIdx]}}</text>
					</view>
					<image  class="es-w-40 es-h-40 es-br-ban es-mr-14 es-mr-26"  src="/static/image/course/vipBuy/check.png"></image>
				</view>
		   </view>
		   <!-- 支付方式 -->
		    <view v-if="isShowPayType&&!isIos" class="payTypeBox es-ml-48 es-mr-28 es-mt-40 x-bc fl-row" >
			   <view v-for="(item, index) in payTypes" :key="index"  @tap="changePayType(index)"  class="payTypeItem es x-bc " :class="payType==index+1?'pt_ac':''">
					<view class="x-bc es-ml-14">
						<image class="es-w-59 es-h-52" :src="index==0?'/static/image/course/vipBuy/wx.png':'/static/image/course/vipBuy/zfb.png'"></image>
						<text class="es-fs-33 es-c-white es-fw-500 es-ml-14">{{item}}</text>
					</view>
					<image v-if="payType==index+1" src="/static/image/course/vipBuy/check.png" class="es-w-40 es-h-40 es-br-ban es-mr-14"></image>
					<text v-else class="es-w-40 es-h-40 es-br-ban es-mr-14 circle"></text>
			   </view>
		    </view>
		
			<view class="es es-mt-30 es-ml-48 es-mr-48 x-c fl-row">
				<view @tap="doBuy()" class="es-h-94 x-c  vipCourseBtn vipAc es-br-46" style="width: 310rpx;">
					<text class="es-fw-700 es-fs-34" style="color: #1B1F22;">{{(!isIos || (isIos&&showIOSPay==1)) ?"立即购买":"立即兑换"}}</text>  
				</view>
			</view>
			
		</view>
			  
	</view>
</template>

<script>
	import { getIOSPayStatus } from '@/api/common.js';
	import { createCourseOrder,createIntegralOrder,createVipOrder,aliPayment,wxPayment,appleCoursePayment,setIapCertificate } from '@/api/course'
	import { showLoginPage } from '@/utils/login'
	export default {
		data() {
			return {
				vipSelIndex:0,
				vipMethods:["开通会员","福币兑换","0.01元购买"],
				vipMethodIdx:1,
				isShowPayType:false,
				payTypes:["微信支付","支付宝支付"],
				payType:1,//微信支付1  支付宝支付2
				createType:2,//1直接购买，2福币兑换 3开通会员
				courseId:null,
				videoId:null,
				orderId:null,
				order:null,
				subNVue:null,
				sellPrice:0,
				privilegeBoxHei:0,
				catalogIndex:-1,
				integral: 0, // 福币
				isIos: false,
				showIOSPay: 0,
				isCanPay: true,
				iapChannel: null,
				restoreFlag: false,
				user: {}
			}
		},
		mounted() {
			let that=this;
			this.user = uni.getStorageSync("userInfo")&&JSON.stringify(uni.getStorageSync("userInfo"))!='{}' ? JSON.parse(uni.getStorageSync("userInfo")) : {}
			this.subNVue= uni.getSubNVueById('privilege');
			uni.$on('privilege', (data) => {  
			    that.videoId=data.videoId;
				that.courseId=data.courseId;
				that.sellPrice=data.sellPrice;
				that.catalogIndex=data.catalogIndex;
				that.vipMethods=["开通会员", data.integral + "福币兑换", data.sellPrice+"元购买"];
				this.isIos = (plus.os.name == "iOS")
				// if(this.isIos) {
				// 	this.getIOSPayStatusFun()
				// }
			}); 
			
			uni.$on('closePrivilege', () => {
			    that.closePopup();
			}); 
			
			const res = uni.getSystemInfoSync();
			this.privilegeBoxHei=uni.upx2px(1150);
			//let tempHei=res.windowHeight*0.65;
			console.log("privilege=====mounted====")
			this.restoreComplateRequest()
		},
	
		methods: {
			getIOSPayStatusFun() {
				getIOSPayStatus().then(res=>{
					if(res.code == 200) {
						this.showIOSPay = res.iosPayStatus
					}
				})
			},
			changeVip(index){
				this.vipSelIndex=index;
				if(index==2){
					this.showPopPrivilege();
				}
			},
			changeVipMethod(index){
			    this.vipMethodIdx=index;	
				const vipMethod=this.vipMethods[index];
				this.isShowPayType=false;
				if(vipMethod.indexOf('元购买')!=-1){  //直接购买
					this.isShowPayType=true;
					this.createType=1;
					//this.changeFrame(true);
				}
				if(vipMethod.indexOf('福币兑换')!=-1){  //福币兑换
					this.createType=2;
					//this.changeFrame(false);
				}
				if(vipMethod.indexOf('开通会员')!=-1){  //开通会员
					this.createType=3;
					//this.changeFrame(false);
				}
			},
			changePayType(index){
				this.payType=index+1;
			},
			doBuy(){
				if(this.createType==1){  //直接购买
					 this.createCourseOrder();
				}
				else if(this.createType==2){   //福币兑换
					 this.createIntegralOrder();
				}
				else{  //开通会员
					 //this.$navTo('./vipBuy');	
					 uni.navigateTo({url: './vipBuy' });
					 setTimeout(e => {
					 	  this.subNVue.hide();
					 }, 500)
				}
			},
			createCourseOrder(){
			   	if(!this.isLogin()){
			   		uni.showToast({title:"请先登录",icon: 'none'});
			   		return;
			   	}
				// 苹果支付
				// if(this.isIos&&this.showIOSPay != 1) {
				// 	uni.showToast({
				// 		title: '请开通苹果支付',
				// 		icon: 'none'
				// 	});
				// 	return
				// }
				// if(this.isIos&&this.showIOSPay==1) {
				// 	this.payType = 2
				// }
			   	uni.showLoading({title:""});
				let params={"courseId":this.courseId,"createType":this.createType,"videoId":this.videoId,"payType":this.payType};
			   	createCourseOrder(params).then(res => {
			   			uni.hideLoading();
			   			if(res.code==200){
							this.order=res.order;
							if(this.payType==1){  //微信支付
								this.doWxPay();
							}
							//  else if (this.payType == 2) { //苹果
							// 	this.doApplePay()
							// }
							else{   //支付宝
								this.doAlipay();
							}
			   			}else{
			   				uni.showToast({title: res.msg,icon: 'error'});
			   			}
			   		},
			   		rej => {}
			   	);
			},
			createIntegralOrder(){
			   	if(!this.isLogin()){
					uni.showToast({title:"请先登录",icon: 'none'});
			   		return;
			   	}
			   	uni.showLoading({title:""});
				let params={"courseId":this.courseId,"videoId":this.videoId};
			   	createIntegralOrder(params).then(res => {
			   			uni.hideLoading();
			   			if(res.code==200){
			   				uni.showToast({title: "兑换成功",icon: 'success'});
							uni.$emit("refreshCatalog",this.catalogIndex);
						    this.closePopup();
			   			}else{
			   				uni.showToast({title: res.msg,icon: 'error'});
			   			}
			   		},
			   		rej => {}
			   	);
			},
			doAlipay(){
				let that=this;
				var data = {orderId:this.order.orderId};
				// #ifdef APP-PLUS
				const tzCashier=uni.requireNativePlugin("TZBank-Cashier");
				uni.showLoading();
				aliPayment(data).then(res => {
						uni.hideLoading();
						if(res.code==200){
							if(res.type=="tz"){
								//console.log("qxj res:"+JSON.stringify(res));
								//console.log("qxj orderFlowNo:"+res.data.body.orderFlowNo+" businessCstNo:"+res.data.body.orderNo+" platMerCstNo:"+res.data.body.platMerCstNo);
								that.closePopup();
								const match = res.data.body.url.match(/[\?&]businessCstNo=([^&]+)/);
								const businessCstNo = match ? match[1] : null;
						        console.log("qxj tzCashier:"+tzCashier+" businessCstNo:"+businessCstNo);
								tzCashier.pay({
									env:0,
									wxMiniProgramType:0,
									wxAppId:'wx703c4bd07bbd1695',
									wxUniversalLink:"https://yjf.runtzh.com/",
									orderFlowNo:res.data.body.orderFlowNo,
									businessCstNo:businessCstNo,
									platMerCstNo:res.data.body.platMerCstNo
								},(res)=>{
										uni.$emit('showPayTips', {"courseOrderId":that.order.orderId});
								  });
							}
							else if(res.type=='hf'){
								//this.$refs.popTip.open()
								if(res.data.qr_code==null){
									uni.showToast({title:res.data.bank_message,icon:'none'});
									return;
								}
								this.closePopup();
								if (uni.getSystemInfoSync().platform == 'android') {
									var alipayScheme ='alipays://platformapi/startApp?&saId=10000007&qrcode=' + res.data.qr_code;
								}else{
								    var alipayScheme ='alipay://platformapi/startApp?&saId=10000007&qrcode=' + res.data.qr_code;
								}
								// 在uni-app中使用plus.runtime.openURL打开URL
								plus.runtime.openURL(alipayScheme, function(error) {
								   console.log("qxj alipayScheme error:"+error);
								   if (error) {
								       uni.showToast({title:error.message,icon:'error' });
								   }
								});
								uni.$emit('showPayTips', {"courseOrderId":this.order.orderId});
							}
						}
						else{
							uni.showToast({title:res.msg,icon:'none'})
						}
						
					},
					rej => {}
				);
				// #endif	 
			},
			doWxPay(){
				var that=this;
				setTimeout(()=>{
					this.closePopup();
				},5000);
				plus.share.getServices(function(res){
				    var sweixin = null;  
				    for(var i=0;i<res.length;i++){  
				        var t = res[i];  
				        if(t.id == 'weixin'){  
				            sweixin = t;  
				        }  
				    }  
					if(sweixin){
						console.log('调起小程序');
						uni.$emit('showPayTips', { "courseOrderId":that.order.orderId });
						//唤起微信跳转小程序
						sweixin.launchMiniProgram({
							id:getApp().globalData.miniprogamId,
							path:'/pages_order/courseOrderPayment?orderId='+that.order.orderId+"&payMethod=app",
							type:0 // 微信小程序版本类型，可取值： 0-正式版； 1-测试版； 2-体验版。 默认值为0。
						},function(){
							console.log("微信唤起成功");
							return true;
						},function(e){
							console.log("微信唤起失败",e);
							uni.showToast({
								title:'微信唤起失败，请检查是否有微信应用',
								icon:'none'
							});
							return false;
						});

					}else{
						uni.showToast({
							title:'微信唤起失败，请检查是否安装微信应用',
							icon:'none',
							duration:3000
						})
						return false;
					}
				      
				},function(res){  
				    console.log(JSON.stringify(res));  
				});
			},
			changeFrame(isCheck){
				console.log("qxj changeFrame");
				let pHeight=isCheck?1320:1020;
				const subNVue = uni.getSubNVueById('privilege');
				subNVue.setStyle({   
					 "bottom": "0",
					 "left": "0",
					 "width": "100%",   
					 "height" : pHeight+'upx' ,
				});
			},
			closePopup() {
			   const subNVue = uni.getSubNVueById('privilege');
			   subNVue.hide('slide-out-bottom');
			},
			isLogin() {
				let obj=uni.getStorageSync("AppToken");
				return !!obj;
			},
			doApplePay(){
				console.log(this.order.orderId)
				var data = {
					orderId: this.order.orderId
				};
				let that = this;
				uni.showLoading({
					title: ""
				});
				appleCoursePayment(data).then(res => {
					uni.hideLoading();
					console.log("appleCoursePayment===",res)
					if (res.code == 200) {
						this.checkApplePay(res.payCode)
					} else {
						uni.showLoading({
							title: res.msg,
							icon: none
						})
					}
				}).catch(err => {
					uni.hideLoading();
				})
			},
			checkApplePay(payCode) {
				const that = this
				uni.showLoading({
					title: '检测支付环境...',
					mask: true
				})
				uni.getProvider({
					service: 'payment',
					success: (res) => {
						let iapChannel = res.providers.find((channel) => channel.id === 'appleiap');
						that.iapChannel = iapChannel
						if (!iapChannel) {
							console.log('Apple IAP channel not found. Check device & configuration.');
							uni.hideLoading()
							uni.showToast({
								title: "不支持苹果支付",
								icon: 'none'
							})
							return;
						}
						console.log(iapChannel)
						// 获取订单信息,必须调用此方法才能进行 iap 支付 
						iapChannel.requestOrder(['course_001'], function(orderList) {
							console.log('requestOrder success666: ', orderList)
							that.applePay(payCode)
						}, function(e) {
							uni.showToast({
								title: "获取产品信息失败",
								icon: 'none'
							})
							console.log('requestOrder failed: ' + JSON.stringify(e));
						})
					},
					fail: (err) => {
						console.log('Failed to get payment provider:', err);
						uni.hideLoading()
						uni.showToast({
							title: "获取支付通道失败",
							icon: 'none'
						})
					}
				});
			},
			// 请求是否有已完成未关闭的订单
			restoreComplateRequest() {
				const that = this
				if (this.iapChannel) {
					this.iapChannel.restoreComplateRequest({
						manualFinishTransaction: true, // 3.5.1+ 支持，设置此参数后需要开发者主动关闭订单，参见下面的关闭订单方法 finishTransaction()
						username: "USERID_COURSE_"+ that.user.userId
					}, function(res) {
						// res 格式为数组存放恢复的IAP商品交易信息对象 IAPTransaction，需要将返回的支付凭证传给后端进行二次认证  
						//如果有并且状态为已支付则请求关闭并回调给后端
						console.log("已完成未关闭的订单信息：", res)
						if (res.length > 0) {
							//轮询关闭订单
							res.map(item => {
								//如果状态为已完成的状态
								if (item.transactionState == '1') {
									//后端逻辑，此处省略，通常是完成上报凭证的操作，来完成补单
									//请求后端接口上传支付凭证 
									let data = {
										payCode: item.transactionIdentifier,
										receipt: item.transactionReceipt,
										chooseEnv: false, // 是否选择正式环境
										payclassifyId: "course_001",
										classify: 'appvip', // appvip,course
									}
									that.submitMisson(data,item)
								} else {
									that.finishTransaction(item, that.iapChannel)
								}
							})
						}
					});
				}
			},
			// 关闭订单
			finishTransaction(transaction, iapChannel) {
				console.log("==finishTransaction===")
			    return new Promise((resolve, reject) => {
			      this.iapChannel.finishTransaction(transaction, (res) => {
					  console.log("==fresolve  inishTransaction===",res)
			        resolve(res);
			      }, (err) => {
					   console.log("==err  inishTransaction===",err)
			        reject(err);
			      });
			    });
			},
			//苹果支付
			applePay(payCode) {
				console.log("苹果支付", this.order.orderId,payCode)
				let that = this
				uni.showLoading({
					title: '支付中...',
					mask: true
				})
				// this.restoreFlag = true
				console.log("苹果支付=1==")
				uni.requestPayment({
					provider: 'appleiap',
					orderInfo: {
						productid: "course_001",
						username: 'USERID_COURSE_' + this.user.userId, // 透传参数，一般用于标记订单和用户的关系，向苹果服务器二次验证票据时返回此字段
						quantity: 1, // 购买数量，至少大于等于 1
						manualFinishTransaction: false,
						optimize: true // 设置 optimize: true 解决丢单问题  
					},
					async success(res) {
						console.log("苹果支付===", res)
						that.restoreFlag = false
						// {
						//     "payment": {
						//         "productid": "course_001",
						//         "quantity": "1",
						//         "username": "ORDERID562"
						//     },
						//     "transactionDate": "2025-07-02 18:20:37",
						//     "transactionIdentifier": "2000000953130653",
						//     "transactionReceipt": "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",
						//     "transactionState": "1",
						//     "errMsg": "requestPayment:ok"
						// }
						if(res.transactionState == '1'){
							//调用后端接口验签
							let data = {
								payCode: payCode,
								receipt: res.transactionReceipt,
								chooseEnv: false, // 是否选择正式环境
								payclassifyId: "course_001",
								classify: 4, // 5:appvip,4,course
							}
							that.submitMisson(data,res)
						}
					},
					fail(e) {
						console.log('调起苹果支付失败：', e)
						that.isCanPay = true
						uni.showLoading({
							title: '支付失败',
							icon: "error"
						})
					},
					complete(e) {
						console.log('调起苹果支付失败：', e)
						that.isCanPay = true
						uni.hideLoading()
					}
				})
			},
			// 苹果内购二次校验
			submitMisson(data,transaction) {
				const that = this
				uni.showLoading({
					title: '正在处理支付结果...',
					mask: true
				})
				setIapCertificate(data).then( async res => {
					uni.hideLoading()
					console.log("submitMisson===",res)
					if (res.code == 200) {
						//给支付按钮解锁
						that.isCanPay = true
						if (res.status == 1 || res.payTime != null) {
							// #ifdef APP-PLUS
							if (plus.runtime.channel == "baidu") { //获取渠道标识
								let bdCmdType = uni.getStorageSync("bdCmdType");
								if (bdCmdType != null && parseInt(bdCmdType) <= 2) {
									//this.$registerIdCode("orders",2,res.data.payMoney.toString()); //已下单
								}
							}
							//  #endif
							that.getUserInfo();
							await that.iapChannel.finishTransaction(transaction)
							uni.showToast({
								title: "支付成功",
								icon: 'success'
							});
						} else {
							uni.showToast({
								title: "支付失败",
								icon: 'error'
							});
						}
					}
				}).catch(()=>{
					uni.hideLoading()
				})
			}
		},
		destroyed() {
			console.log("qxj privilege destroyed----")
			// 注销全局配置监听
			uni.$off("privilege");
			uni.$off("closePrivilege");
		}
	}
</script>

<style>
	
    .fl-row{
		display: flex;
		flex-direction: row;
	}
	
	.page{
		background-color:#171a1d;
		border-radius: 20rpx;
	}
  
   .privilegeBox{
   	  box-sizing: border-box;
   }
   
   .prititle{
   	   color: #ffdaa3 !important;
   	   text-align: center;
	   margin-top: 20rpx;
   }
   
   .primenu-box {
		 display: flex;
		 flex: 1;
		 justify-content: center;
		 align-items: center;
   }
   
   .content-inner {
		 display: flex;
		 flex: 1;
		 flex-wrap: wrap;
		 justify-content: space-between;
   }
   
   .content-inner .item{
		width: 100px;
		height: 75px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin-top: 26rpx;
		
   }
   
   .content-inner .item .img{
		width: 84rpx;
		height: 84rpx;
		margin-bottom: 8rpx;
   }
   
   .content-inner .item .label{ 
   	 font-size: 32rpx;
   	 color: #83878A;
   }
   
   .vipMethodBox{
	  background:#2a2f32;
	  display: flex;
	  flex: 1;
   }
   	
   .vipMethodItem{
      border-radius: 10rpx;
      height: 70rpx;
      color: #FDD8A1;
   }
   
   .payTypeBox{
   	   display: flex;
   	   flex: 1;
   }
   
   .payTypeItem{
     
      border:1px solid #fff;
      border-radius: 10rpx;
      display: flex;
      flex: 1;
      height: 94rpx;
	  margin-right: 20rpx;
   }
   
   .circle{
   	   border:1px solid #FDD8A1;
   }
   
   .pt_ac{
    	border:1px solid #FDD8A1;
   }
   
   .color1{
	   color: #FFDAA3;
   }
   .color2 {
	   color: #fff;
   }
   .circular {
	   border-radius: 50%;
	   border: 1px solid #fff;
   }
   .slider-box{
     	flex:1
   }
   .vipCourseBtn{
		background: #1B1F22;
		border-radius: 46rpx;
		border: 1px solid #FFDAA3;
		color: #FFDAA3;
		width: calc(33.33333% - 23px);
   }
   .vipAc{
		background: linear-gradient(90deg, #FFE0B2, #F8BA8B);
		border-radius: 46rpx;
		border: 1px solid #FFDAA3;
		color: #1B1F22;
   }
   
</style>