czg_team/new_app
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

增加支付

Browse Source
This commit is contained in:
YeMingfei666
2025-01-13 13:57:50 +08:00
parent 36028936c7
commit 8728844446
6 changed files with 421 additions and 223 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
api/video/index.js
View File

@@ -66,3 +66,47 @@ export function tuijianVideo(data){
} }
}) })
} }
//解锁10集视频
export function buyTenVideo(data){
return http.request({
url: 'order/insertCourseOrders/limit10',
method:'GET',
data:data
})
}
//解锁单集或者全部视频
export function buyVideo(data){
return http.request({
url: 'order/insertCourseOrders',
method:'GET',
data:data
})
}
//订单支付
export function payOrder(data){
let payType='h5'
// #ifdef APP
payType='app'
// #endif
return http.request({
url: 'wuyou/payOrder/'+data.orderId+'?payType='+payType,
method:'GET'
})
}
//获取订单支付状态
export function getOrderInfo(data){
return http.request({
url: 'wuyou/queryOrder/'+data.orderId,
method:'GET'
})
}
//金币解锁
export function goldPay(data){
return http.request({
url: 'order/payOrders',
method:'POST',
data:{...data,header:{
'content-type':'application/x-www-form-urlencoded'
}}
})
}

112
components/my-video-list/my-video-list.vue
View File

@@ -5,12 +5,12 @@
@change="swiperChange" :current="current" :circular="true" vertical class="u-flex-1" @change="swiperChange" :current="current" :circular="true" vertical class="u-flex-1"
@transition="transition" :indicator-dots="false" :autoplay="false" :interval="0" :duration="200"> @transition="transition" :indicator-dots="false" :autoplay="false" :interval="0" :duration="200">
<swiper-item v-for="(item,index) in videoList" :key="index"> <swiper-item v-for="(item,index) in videoList" :key="index">
<list-item-vue :total="list.length" :item="item" :isCommand="isCommand" <list-item-vue :total="list.length" :item="item" :isCommand="isCommand" :rightStyle="rightStyle"
:rightStyle="rightStyle" :infoStyle="infoStyle" :infoStyle="infoStyle" :showControls="control.showControls" :current="current"
:showControls="control.showControls" :current="current" :isCollect="isCollect" :isCollect="isCollect" @toDetail="toDetail(item,index)" @controlstoggles="controlstoggles"
@toDetail="toDetail(item,index)" @controlstoggles="controlstoggles" :playSpeeds="playSpeeds" :playSpeeds="playSpeeds" :index="index" :nowIndex="nowIndex"
:index="index" :nowIndex="nowIndex" @dianzanClick="dianzanClick(item,index)" @share="share(item)" @dianzanClick="dianzanClick(item,index)" @share="share(item)" @zhuijuClick="zhuijuClick(item)"
@zhuijuClick="zhuijuClick(item)" @popupShow="popupShow($event,item,index)"></list-item-vue> @popupShow="popupShow($event,item,index)"></list-item-vue>
</swiper-item> </swiper-item>
</swiper> </swiper>
</view> </view>
@@ -22,12 +22,12 @@
<cell v-for="(item,index) in list" :key="item.courseDetailsId" :ref="setRefList(index)"> <cell v-for="(item,index) in list" :key="item.courseDetailsId" :ref="setRefList(index)">
<view class="swipers-items" :style="boxStyle" @longpress="popupShow('speed')"> <view class="swipers-items" :style="boxStyle" @longpress="popupShow('speed')">
<list-item-vue :total="list.length" :item="item" :current="current" :isCollect="isCollect" <list-item-vue :total="list.length" :item="item" :current="current" :isCollect="isCollect"
:rightStyle="rightStyle" :infoStyle="infoStyle" :rightStyle="rightStyle" :infoStyle="infoStyle" :isCommand="isCommand"
:isCommand="isCommand" :showControls="control.showControls" @toDetail="toDetail(item,index)" :showControls="control.showControls" @toDetail="toDetail(item,index)" @itemMounted="itemMounted"
@itemMounted="itemMounted" @controlstoggles="controlstoggles" :index="index" :instance="instance" @controlstoggles="controlstoggles" :index="index" :instance="instance" :nowIndex="nowIndex"
:nowIndex="nowIndex" @appear="appear($event,item,index)" :playSpeeds="playSpeeds" @appear="appear($event,item,index)" :playSpeeds="playSpeeds" @disappear="disappear(item,index)"
@disappear="disappear(item,index)" @dianzanClick="dianzanClick(item,index)" @share="share(item)" @dianzanClick="dianzanClick(item,index)" @share="share(item)" @zhuijuClick="zhuijuClick(item)"
@zhuijuClick="zhuijuClick(item)" @popupShow="popupShow($event,item,index)"></list-item-vue> @popupShow="popupShow($event,item,index)"></list-item-vue>
</view> </view>
</cell> </cell>
</list> </list>
@@ -125,7 +125,8 @@
</view> </view>
<view class="u-flex u-flex-row u-m-t-30 u-flex-y-center u-font-28"> <view class="u-flex u-flex-row u-m-t-30 u-flex-y-center u-font-28">
<view class="u-flex-y-center"> <view class="u-flex-y-center">
<up-checkbox usedAlone shape="circle" v-model:checked="isAgree" :activeColor="color.main"></up-checkbox> <up-checkbox usedAlone shape="circle" v-model:checked="isAgree"
:activeColor="color.main"></up-checkbox>
</view> </view>
<view class="u-flex u-flex-row u-flex-y-center"> <view class="u-flex u-flex-row u-flex-y-center">
<text class="u-font-28 color-333">我已经阅读并同意</text> <text class="u-font-28 color-333">我已经阅读并同意</text>
@@ -213,7 +214,7 @@
showControls: true showControls: true
}) })
// #ifdef APP // #ifdef APP
control.showControls=false control.showControls = false
// #endif // #endif
const customStyle = computed(() => { const customStyle = computed(() => {
@@ -229,7 +230,7 @@
function controlstoggles(e) { function controlstoggles(e) {
control.showControls = e.detail.show control.showControls = e.detail.show
console.log(control.showControls ); console.log(control.showControls);
control.showBack = control.showControls control.showBack = control.showControls
console.log(control); console.log(control);
} }
@@ -292,8 +293,8 @@
pay: false, pay: false,
payTips: false, payTips: false,
speed: false, speed: false,
data:null, data: null,
payType:null payType: null
}) })
@@ -325,25 +326,68 @@
} }
//非金币支付
async function payOrder(data) {
const res = await Api.payOrder(data)
console.log(res);
if (res) {
uni.navigateTo({
url: '/pages/pays/pays?orderId=' + data.orderId + '&url=' + res.h5Url
});
return
// #ifdef APP
uni.navigateTo({
url: '/pages/pays/pays?orderId=' + res.orderId + '&url=' + res.h5Url
});
// #endif
// #ifdef H5
window.location.href = res.h5Url
// #endif
}
}
//金币支付
async function goldPay(data) {
const res = await Api.goldPay(data)
console.log(res);
}
//确认支付 //确认支付
function payConfirm() { async function payConfirm() {
console.log(isAgree.value);
if (!isAgree.value) { if (!isAgree.value) {
return infoBox.showToast('请阅读并同意 《付费须知说明》') return infoBox.showToast('请阅读并同意 《付费须知说明》')
} }
const [type, num] = popup.payType.split('-');
console.log(type, num);
let data = { let data = {
courseId: this.courseId courseId: popup.data.courseId
} }
if(popup.payType=='all'){ if (num == 1) {
data.courseDetailsId = popup.data.courseDetailsId
}
const res = num == '10' ? await Api.buyTenVideo(data) : await Api.buyVideo(data)
if (res) {
if(type=='gold'){
goldPay({
orderId: res.orders.ordersId
})
}else{
payOrder({
orderId: res.orders.ordersId
})
}
} else {
} }
} }
function payBtnClick(type,num) { function payBtnClick(type, num) {
popup.payType=`${type}-${num}` console.log(type, num);
popupClose() popup.payType = `${type}-${num}`
popupClose('show')
popupShow('payTips') popupShow('payTips')
} }
@@ -370,7 +414,10 @@
}; };
} }
//滚动到指定位置 //滚动到指定位置
let positonmer = null
function goListPosition(index) { function goListPosition(index) {
clearTimeout(positonmer)
console.log('goListPosition:' + index) console.log('goListPosition:' + index)
const el = refList.value[index] const el = refList.value[index]
if ($mountedComponents[props.list.length - 1]) { if ($mountedComponents[props.list.length - 1]) {
@@ -382,7 +429,7 @@
setVideoList(item) setVideoList(item)
insertHistory() insertHistory()
} else { } else {
setTimeout(() => { positonmer = setTimeout(() => {
goListPosition(index) goListPosition(index)
}, 30) }, 30)
} }
@@ -400,11 +447,13 @@
} }
} }
function popupShow(key = 'show',item,index) { function popupShow(key = 'show', item, index) {
console.log(item); console.log(item);
popup[key] = true popup[key] = true
popup['data'] = item if (item) {
popup['index'] = index popup['data'] = item
popup['index'] = index
}
} }
@@ -602,7 +651,7 @@
} }
console.log(videoList.value); console.log(videoList.value);
if (!item.videoUrl) { if (!item.videoUrl) {
popupShow('pay',item,index) popupShow('pay', item, index)
} }
} }
@@ -632,7 +681,7 @@
const nowDanjiPrice = computed(() => { const nowDanjiPrice = computed(() => {
return videoList.value[current.value].price return videoList.value[current.value].price
}) })
const rightStyle=computed(()=>{ const rightStyle = computed(() => {
// #ifdef H5 // #ifdef H5
return { return {
transform: `translateX(${!control.showControls?'0':60}px)` transform: `translateX(${!control.showControls?'0':60}px)`
@@ -644,7 +693,7 @@
} }
// #endif // #endif
}) })
const infoStyle=computed(()=>{ const infoStyle = computed(() => {
// #ifdef H5 // #ifdef H5
return { return {
transform: `translateX(${!control.showControls?0:'-110%'})` transform: `translateX(${!control.showControls?0:'-110%'})`
@@ -656,6 +705,7 @@
} }
// #endif // #endif
}) })
function loadmore() { function loadmore() {
console.log('loadmore'); console.log('loadmore');
} }

357
http/http.js
View File

@@ -1,152 +1,161 @@
// 导入全局属性 // 导入全局属性
import { sm4DecryptByResData } from "@/utils/encryptUtil.js"; import {
sm4DecryptByResData
} from "@/utils/encryptUtil.js";
import infoBox from "@/utils/infoBox.js"; import infoBox from "@/utils/infoBox.js";
import { reject } from "lodash"; import {
reject
} from "lodash";
import config from "@/commons/config.js"; import config from "@/commons/config.js";
// 测试服 // 测试服
let baseUrl = config.baseApiUrl + "app"; let baseUrl = config.baseApiUrl + "app";
const loadingShowTime = 200; const loadingShowTime = 200;
function getHeader() { function getHeader(data) {
const headerObject = {}; const header = data ? data.header : {}
headerObject["token"] = uni.getStorageSync("token"); const headerObject = {
return headerObject; ...header
};
headerObject["token"] = uni.getStorageSync("token");
return headerObject;
} }
// 通用处理逻辑 // 通用处理逻辑
function commonsProcess(showLoading, httpReqCallback,isreturm) { function commonsProcess(showLoading, httpReqCallback, isreturm) {
// 判断是否请求完成（用作 是否loading ） // 判断是否请求完成（用作 是否loading ）
// 包括： 'ing', 'ingLoading', 'finish' // 包括： 'ing', 'ingLoading', 'finish'
let reqState = "ing"; let reqState = "ing";
// 是否已经提示的错误信息 // 是否已经提示的错误信息
let isShowErrorToast = false; let isShowErrorToast = false;
// 请求完成， 需要处理的动作 // 请求完成， 需要处理的动作
let reqFinishFunc = () => { let reqFinishFunc = () => {
if (reqState == "ingLoading") { if (reqState == "ingLoading") {
// 关闭loading弹层 // 关闭loading弹层
infoBox.hideLoading(); infoBox.hideLoading();
} }
reqState = "finish"; // 请求完毕 reqState = "finish"; // 请求完毕
}; };
// 明确显示loading // 明确显示loading
if (showLoading) { if (showLoading) {
// xx ms内响应完成，不提示loading // xx ms内响应完成，不提示loading
setTimeout(() => { setTimeout(() => {
if (reqState == "ing") { if (reqState == "ing") {
reqState = "ingLoading"; reqState = "ingLoading";
infoBox.showLoading(); infoBox.showLoading();
} }
}, loadingShowTime); }, loadingShowTime);
} }
return httpReqCallback() return httpReqCallback()
.then((httpData) => { .then((httpData) => {
reqFinishFunc(); // 请求完毕的动作 reqFinishFunc(); // 请求完毕的动作
// 从http响应数据中解构响应数据 [ 响应码、 bodyData ] // 从http响应数据中解构响应数据 [ 响应码、 bodyData ]
let { statusCode, data } = httpData; let {
// 避免混淆重新命名 statusCode,
let bodyData = data; data
if(isreturm){ } = httpData;
return Promise.resolve(bodyData.data || bodyData.page|| bodyData); // 避免混淆重新命名
} let bodyData = data;
if (statusCode == 500) { if (isreturm) {
isShowErrorToast = true; return Promise.resolve(bodyData.data || bodyData.page || bodyData);
return Promise.reject(bodyData); // 跳转到catch函数 }
} if (statusCode == 500) {
isShowErrorToast = true;
return Promise.reject(bodyData); // 跳转到catch函数
}
if (statusCode == 401) { if (statusCode == 401) {
// 提示信息 // 提示信息
isShowErrorToast = true; isShowErrorToast = true;
return Promise.reject(bodyData); // 跳转到catch函数 return Promise.reject(bodyData); // 跳转到catch函数
} }
// http响应码不正确 // http响应码不正确
if (statusCode != 200 && statusCode != 204 && statusCode != 201) { if (statusCode != 200 && statusCode != 204 && statusCode != 201) {
isShowErrorToast = true; isShowErrorToast = true;
data.message = data.message =
data.message == "Bad credentials" ? "用户名或密码错误" : data.message; data.message == "Bad credentials" ? "用户名或密码错误" : data.message;
infoBox.showToast(data.message || "服务器异常"); infoBox.showToast(data.message || "服务器异常");
return Promise.reject(bodyData); // 跳转到catch函数 return Promise.reject(bodyData); // 跳转到catch函数
} }
if (bodyData.code == 401) { if (bodyData.code == 401) {
// 提示信息 // 提示信息
isShowErrorToast = true; isShowErrorToast = true;
return Promise.reject(bodyData); // 跳转到catch函数 return Promise.reject(bodyData); // 跳转到catch函数
} }
if (bodyData.code == 500) { if (bodyData.code == 500) {
// 提示信息 // 提示信息
isShowErrorToast = true; isShowErrorToast = true;
return Promise.reject(bodyData); // 跳转到catch函数 return Promise.reject(bodyData); // 跳转到catch函数
} }
if (bodyData.code != 0) { if (bodyData.code != 0) {
infoBox.showToast(data.message); infoBox.showToast(data.message);
return; return;
} }
// 加密数据 // 加密数据
if (!bodyData.data && bodyData.encryptData) { if (!bodyData.data && bodyData.encryptData) {
return Promise.resolve({ return Promise.resolve({
bizData: sm4DecryptByResData(bodyData.encryptData), bizData: sm4DecryptByResData(bodyData.encryptData),
code: bodyData.code, code: bodyData.code,
}); });
} }
// 构造请求成功的响应数据 // 构造请求成功的响应数据
return Promise.resolve(bodyData.data || bodyData.page|| bodyData); return Promise.resolve(bodyData.data || bodyData.page || bodyData);
}) })
.catch((res) => { .catch((res) => {
if (res.status == 404) { if (res.status == 404) {
infoBox.showErrorToast("接口404").then(() => {}); infoBox.showErrorToast("接口404").then(() => {});
reject(); reject();
return; return;
} }
if (res.code == 401) { if (res.code == 401) {
infoBox.showErrorToast(res.message || "请登录").then(() => { infoBox.showErrorToast(res.message || "请登录").then(() => {
uni.redirectTo({ uni.redirectTo({
url: "/pages/login/login", url: "/pages/login/login",
}); });
reject(); reject();
}); });
} }
if (res.code != 0) { if (res.code != 0) {
infoBox.showErrorToast(res.msg).then(() => {}); infoBox.showErrorToast(res.msg).then(() => {});
reject(); reject();
} }
if (res.code == 500) { if (res.code == 500) {
infoBox.showErrorToast(res.msg || "服务器异常").then(() => {}); infoBox.showErrorToast(res.msg || "服务器异常").then(() => {});
reject(); reject();
} }
reqFinishFunc(); // 请求完毕的动作 reqFinishFunc(); // 请求完毕的动作
// 如果没有提示错误， 那么此处提示 异常。 // 如果没有提示错误， 那么此处提示 异常。
if (!isShowErrorToast) { if (!isShowErrorToast) {
infoBox.showErrorToast(`请求网络异常`); infoBox.showErrorToast(`请求网络异常`);
} }
return Promise.reject(res); return Promise.reject(res);
}) })
.finally(() => { .finally(() => {
// finally 是 then结束后再执行, 此处不适用。 需要在请求完成后立马调用： reqFinishFunc() // finally 是 then结束后再执行, 此处不适用。 需要在请求完成后立马调用： reqFinishFunc()
}); });
} }
// 默认 显示loading(控制 xxs 内 不提示loading ) // 默认 显示loading(控制 xxs 内 不提示loading )
function req(uri, data, method = "GET", showLoading = true, extParams = {}) { function req(uri, data, method = "GET", showLoading = true, extParams = {}) {
return commonsProcess(showLoading, () => { return commonsProcess(showLoading, () => {
return uni.request( return uni.request(
Object.assign( Object.assign({
{ url: baseUrl + uri,
url: baseUrl + uri, data: data,
data: data, method: method,
method: method, header: getHeader(data),
header: getHeader(), },
}, extParams
extParams )
) );
); });
});
} }
// 默认 显示loading(控制 xxs 内 不提示loading ) // 默认 显示loading(控制 xxs 内 不提示loading )
@@ -158,16 +167,17 @@ function request(args) {
method = "GET", method = "GET",
showLoading = true, showLoading = true,
extParams = {}, extParams = {},
isreturm=false isreturm = false
} = args } = args
if (params) { if (params) {
let result = '' let result = ''
Object.keys(params).forEach((key) => { Object.keys(params).forEach((key) => {
if (!Object.is(params[key], undefined) && !Object.is(params[key], null) && !Object.is(JSON.stringify(params[key]), '{}')) { if (!Object.is(params[key], undefined) && !Object.is(params[key], null) && !Object.is(JSON
result += encodeURIComponent(key) + '=' + encodeURIComponent(params[key]) + "&" .stringify(params[key]), '{}')) {
} result += encodeURIComponent(key) + '=' + encodeURIComponent(params[key]) + "&"
}
}) })
url = url+'?'+(result.slice(0,result.length-1)) url = url + '?' + (result.slice(0, result.length - 1))
params = null params = null
} }
let headerObject = {} let headerObject = {}
@@ -177,60 +187,59 @@ function request(args) {
url: slash(baseUrl, url), url: slash(baseUrl, url),
data: params || data, data: params || data,
method: method, method: method,
header: getHeader() header: getHeader(data)
}, extParams) }, extParams)
) )
},isreturm) }, isreturm)
} }
// 处理/ // 处理/
function slash(baseUrl, url) { function slash(baseUrl, url) {
let u = ""; let u = "";
if (baseUrl[baseUrl.length - 1] == "/") { if (baseUrl[baseUrl.length - 1] == "/") {
u += baseUrl; u += baseUrl;
} else { } else {
u = u + baseUrl + "/"; u = u + baseUrl + "/";
} }
if (url[0] == "/") { if (url[0] == "/") {
u = u + url.slice(1); u = u + url.slice(1);
} else { } else {
u = u + url; u = u + url;
} }
return u; return u;
} }
// 上传 // 上传
function upload(uri, data, file, showLoading = true, extParams = {}) { function upload(uri, data, file, showLoading = true, extParams = {}) {
// 放置token // 放置token
let headerObject = {}; let headerObject = {};
return commonsProcess(showLoading, () => { return commonsProcess(showLoading, () => {
return uni return uni
.uploadFile( .uploadFile(
Object.assign( Object.assign({
{ url: baseUrl + uri,
url: baseUrl + uri, formData: data,
formData: data, name: "file",
name: "file", filePath: file.path || file.url,
filePath: file.path || file.url, header: getHeader(data),
header: getHeader(), },
}, extParams
extParams )
) )
) .then((httpData) => {
.then((httpData) => { // uni.upload 返回bodyData 的是 string类型。 需要解析。
// uni.upload 返回bodyData 的是 string类型。 需要解析。 httpData.data = JSON.parse(httpData.data);
httpData.data = JSON.parse(httpData.data); return Promise.resolve(httpData);
return Promise.resolve(httpData); })
}) .catch((err) => {
.catch((err) => { uni.hideLoading();
uni.hideLoading(); infoBox.showErrorToast(`上传失败`);
infoBox.showErrorToast(`上传失败`); });
}); });
});
} }
export default { export default {
req: req, req: req,
request, request,
upload: upload, upload: upload,
}; };

7
pages.json
View File

@@ -192,6 +192,13 @@
{ {
"navigationBarTitleText" : "抽奖" "navigationBarTitleText" : "抽奖"
} }
},
{
"path" : "pages/pays/pays",
"style" :
{
"navigationBarTitleText" : ""
}
} }
], ],
"globalStyle": { "globalStyle": {

86
pages/pays/pays.vue Normal file
View File

@@ -0,0 +1,86 @@
<template>
<view style="width: 100%;">
<web-view id="webview" :src="state.url" style="width: 100%;"></web-view>
</view>
</template>
<script setup>
import {
reactive
} from 'vue'
import {
onShow,onHide,onUnload,onLoad
} from '@dcloudio/uni-app'
import {
getOrderInfo
} from '@/api/video/index.js'
const state = reactive({
orderId: '',
timer: null,
maxAjaxNum: 5,
ajaxNum: 0,
url: null, //要打开的外部链接
viewerUrl: '/hybrid/html/web/viewer.html',
webviewStyles: {
width: '750px',
height: '100%',
}
})
function getOrder() {
getOrderInfo({
orderId: state.orderId
}).then(res => {
console.log(res.data);
if (res.data == 1) {
uni.hideLoading()
const sysInfo = uni.getSystemInfoSync();
let isIos = sysInfo.platform == 'ios'
if (isIos) {
uni.navigateBack()
uni.showToast({
title: '支付成功',
icon: 'none'
})
setTimeout(() => {
uni.navigateBack()
}, 1500)
} else {
uni.showToast({
title: '支付成功',
icon: 'none'
})
state.timer = setTimeout(() => {
clearTimeout(state.timer)
uni.navigateBack()
}, 500)
}
} else {
// #ifdef APP
uni.showLoading({
title: '支付中'
})
// #endif
}
});
}
onShow(() => {
getOrder()
})
onHide(() => {
uni.hideLoading()
})
onUnload(() => {
uni.hideLoading()
})
onLoad((option) => {
state.url = option.url
state.orderId = option.orderId
})
</script>
<style lang="scss">
.webview {
width: 100%;
height: 100%;
}
</style>

26
pages/video/detail.nvue
View File

@@ -1,8 +1,7 @@
<template> <template>
<view class="min-page"> <view class="min-page">
<my-video-list v-if="state.list.length" @swiperChange="swiperChange" :list="state.list" @update="update" <my-video-list v-if="state.list.length" @swiperChange="swiperChange" :list="state.list" @update="update"
:info="state" :info="state"></my-video-list>
></my-video-list>
</view> </view>
</template> </template>
@@ -18,8 +17,8 @@
import { import {
slice slice
} from 'lodash' } from 'lodash'
const boxStyle={ const boxStyle = {
height:'835px' height: '835px'
} }
let options = {} let options = {}
const state = reactive({ const state = reactive({
@@ -44,8 +43,12 @@
// } // }
} }
} }
function update({index,item}){
state.list[index]=item function update({
index,
item
}) {
state.list[index] = item
} }
onLoad((opt) => { onLoad((opt) => {
Object.assign(options, opt) Object.assign(options, opt)
@@ -56,11 +59,10 @@
current, current,
direction, direction,
data data
}) { }) {}
}
onShow(() => { onShow(() => {
init()
}) })
</script> </script>
@@ -71,8 +73,8 @@
background-color: #000; background-color: #000;
overflow: hidden; overflow: hidden;
} }
.u-popup{
.u-popup {
position: fixed; position: fixed;
} }
</style> </style>