精品课

pages_course/course_payment/course_payment.vue

@@ -4,7 +4,7 @@
 		<view class="navbar" :style="{ paddingTop: statusBarHeight + 'px' }">
 			<view class="nav-content">
 				<view class="nav-left" @click="goBack">
-					<uni-icons type="arrowleft" size="24" color="#333"></uni-icons>
+					<uni-icons type="left" size="24" color="#333"></uni-icons>
 				</view>
 				<view class="nav-title">课程支付</view>
 				<view class="nav-right"></view>
@@ -88,6 +88,7 @@
 <script setup>
 import { ref, onMounted, computed } from 'vue'
 import course_api from "@/api/course_api.js"
+import { requestPayment } from '@/utils/payment.js'
 
 // 响应式数据
 const statusBarHeight = ref(0)
@@ -203,12 +204,35 @@ const confirmPayment = () => {
 
 	order_pay_type.value = computeOrderPayType()
 	console.log('确认支付，支付方式:', { usePoints: usePoints.value, useBalance: useBalance.value, order_pay_type: order_pay_type.value })
-	course_api.createExcellencourseMixedOrder(courseId.value, order_pay_type.value).then(res => {
+	let openid = ""
+	if (process.env.NODE_ENV === 'development') {
+		openid = uni.getStorageSync('DEV_APPID');
+	} else {
+		openid = uni.getStorageSync('AUTH_APPID');
+	}
+	course_api.createExcellencourseMixedOrder(courseId.value, order_pay_type.value, openid).then(res => {
 		console.log('创建订单:', res)
 		if (res.code == 200) {
-			uni.redirectTo({
-				url: '/pages_course/course_detail/course_detail?id='+courseId.value
-			})
+			
+			const payParams = res.data.order
+			
+			console.log(payParams)
+			requestPayment(
+			  payParams,
+			  // 支付成功
+			  (res) => {
+				uni.showToast({ title: '支付成功', icon: 'success' })
+				// 可以跳转到支付成功页，或者查询订单状态
+			  },
+			  // 支付失败
+			  (err) => {
+				console.error('支付失败', err)
+				uni.showToast({ title: '支付失败或取消', icon: 'none' })
+			  }
+			)
+			// uni.redirectTo({
+			// 	url: '/pages_course/course_detail/course_detail?id='+courseId.value
+			// })
 		}else{
 			uni.showToast({
 				title: res.msg,