Skip to content

U
uniapp_vedio
Commit 8b6ee0ff authored by jyx's avatar jyx
Browse files
Options

添加ios钻石支付

parent c5bd33a8
Hide whitespace changes
Inline Side-by-side
Showing with 641 additions and 589 deletions
vedio/components/coin-popup/coin-popup.vue
View file @ 8b6ee0ff
<template> <template>
<view> <view>
<uni-popup type="bottom" ref="coinPop" :maskClick="false" :isMaskClick="false"> <uni-popup type="bottom" ref="coinPop" :maskClick="false" :isMaskClick="false">
<view style="position: relative;"> <view style="position: relative;">
<view v-if="agreeFlag" <view v-if="agreeFlag"
style="width: 100%;height: 100%;background-color: black;opacity: 0.8;display: flex;position: absolute;z-index: 100;color: white;flex-direction: column;align-items: center;padding:40rpx 0;"> style="width: 100%;height: 100%;background-color: black;opacity: 0.8;display: flex;position: absolute;z-index: 100;color: white;flex-direction: column;align-items: center;padding:40rpx 0;">
<text style="font-size: 30rpx;"> <text style="font-size: 30rpx;">
付费须知 \n 付费须知 \n
1、看点和会员属于虚拟商品，一经购买不可退换 \n 1、看点和会员属于虚拟商品，一经购买不可退换 \n
2、未满18岁的未成年人需要在监护人主导、同意下进行相关付费操作;\n 2、未满18岁的未成年人需要在监护人主导、同意下进行相关付费操作;\n
3、充值看点一般5分钟内到账，如未到账请在“我的”页面联系客服; 3、充值看点一般5分钟内到账，如未到账请在“我的”页面联系客服;
</text> </text>
<image @click="agreeFlag=false" style="width: 30rpx;height: 30rpx;margin-top:150rpx;" <image @click="agreeFlag=false" style="width: 30rpx;height: 30rpx;margin-top:150rpx;"
src="@/static/index/ic_quit_white.png"></image> src="@/static/index/ic_quit_white.png"></image>
</view> </view>
<view class="body" style="width: 100%;height: 100%;"> <view class="body" style="width: 100%;height: 100%;">
<scroll-view scroll-y> <scroll-view scroll-y>
<view style="display: flex;flex-direction: column;align-items: flex-end;"> <view style="display: flex;flex-direction: column;align-items: flex-end;">
<view style="display: flex;flex-direction: row;"> <view style="display: flex;flex-direction: row;">
<view @click="handleAgree" style="margin-top: 12rpx;margin-right: 10rpx;">付费须知></view> <view @click="handleAgree" style="margin-top: 12rpx;margin-right: 10rpx;">付费须知></view>
<image @click="handleClickClose" <image @click="handleClickClose"
style="width: 30rpx;height: 30rpx;display: flex;align-items: right;margin-top: 20rpx;margin-right: 20rpx;margin-bottom: 10rpx;" style="width: 30rpx;height: 30rpx;display: flex;align-items: right;margin-top: 20rpx;margin-right: 20rpx;margin-bottom: 10rpx;"
src="@/static/index/ic_quit_white.png"></image> src="@/static/index/ic_quit_white.png"></image>
</view> </view>
</view> </view>
<view style="display: flex;flex-direction: column;margin-bottom: 20rpx;padding-left: 14rpx;"> <view style="display: flex;flex-direction: column;margin-bottom: 20rpx;padding-left: 14rpx;">
<view style="font-size: 38rpx;color: black;">{{titleText}}</view> <view style="font-size: 38rpx;color: black;">{{titleText}}</view>
<view class="flex"> <view class="flex">
<view v-if="point>0" style="display: flex;flex-direction: row;margin-top: 10rpx;"> <view v-if="point>0" style="display: flex;flex-direction: row;margin-top: 10rpx;">
<view style="font-size: 28rpx;color: #644238;margin-top: 12rpx;">解锁本集需：</view> <view style="font-size: 28rpx;color: #644238;margin-top: 12rpx;">解锁本集需：</view>
<view style="font-size: 42rpx;color: red;font-weight: 777;">{{point}}</view> <view style="font-size: 42rpx;color: red;font-weight: 777;">{{point}}</view>
<view style="font-size: 28rpx;color: #644238;margin-top: 12rpx;margin-left: 6rpx;"> <view style="font-size: 28rpx;color: #644238;margin-top: 12rpx;margin-left: 6rpx;">
看点, 看点,
</view> </view>
</view> </view>
<view v-if="point>0" style="width: 60rpx;"></view> <view v-if="point>0" style="width: 60rpx;"></view>
<view style="display: flex;flex-direction: row;margin-top: 10rpx;"> <view style="display: flex;flex-direction: row;margin-top: 10rpx;">
<view style="font-size: 28rpx;color: #644238;margin-top: 12rpx;">当前账户余额：</view> <view style="font-size: 28rpx;color: #644238;margin-top: 12rpx;">当前账户余额：</view>
<view style="font-size: 42rpx;color: red;font-weight: 777;">{{userBean.point}} <view style="font-size: 42rpx;color: red;font-weight: 777;">{{userBean.point}}
</view> </view>
<view style="font-size: 28rpx;color: #644238;margin-top: 12rpx;margin-left: 6rpx;"> <view style="font-size: 28rpx;color: #644238;margin-top: 12rpx;margin-left: 6rpx;">
看点 看点
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<view class="section"> <view class="section">
<view class="pack-box"> <view class="pack-box">
<view class="pack-item" <view class="pack-item"
:style="item.largeType !=='vip' ?'background: #f5f5f5;':'background: #f4c98b;'" :style="item.largeType !=='vip' ?'background: #f5f5f5;':'background: #f5f5f5;'"
:class="[{active: index==selectedIndex}]" v-for='(item, index) in vipList' :class="[{active: index==selectedIndex}]" v-for='(item, index) in vipList'
:key='index' @click="choosePack(item, index)"> :key='index' @click="choosePack(item, index)">
<view style="display: flex;flex-direction: column;align-items: center;"> <view style="display: flex;flex-direction: column;align-items: center;">
<view class="price row"> <view v-if="os=='android'" class="price row">
{{item.firstPayPrice}}元 {{item.firstPayPrice}}元
</view> </view>
<view class="name row" v-if="item.title!=null&&item.title!=''"> <view v-else style="display: flex;align-items: center;font-size: 40rpx;
{{item.title}} color: #f2b068;
</view> font-weight: 700;">
<image style="width: 50rpx;height: 50rpx;display: flex;margin-right: 10rpx;"
<view class="origin row" v-if="item.remarks!=null&&item.remarks!=''"> src="@/static/ic_zuan.png">
{{item.remarks}} </image>
</view> +{{multiply(item.firstPayPrice)}}
</view> </view>
<view class="cut-down" v-if='item.topTitle!=null&&item.topTitle.length>0'>
{{item.topTitle}} <view class="name row" v-if="item.title!=null&&item.title!=''">
</view> {{item.title}}
<view v-if="index==selectedIndex" style="position: absolute;bottom: 0;right: 0;"> </view>
<image mode="scaleToFill"
style="width: 100rpx;height: 100rpx;display: flex;align-items: right;" <view class="origin row" v-if="item.remarks!=null&&item.remarks!=''">
src="https://mints-pkg.oss-cn-beijing.aliyuncs.com/pkg/img/ic_loading.gif"> {{item.remarks}}
</image> </view>
</view> </view>
</view> <view class="cut-down" v-if='item.topTitle!=null&&item.topTitle.length>0'>
{{item.topTitle}}
</view> </view>
</view> <view v-if="index==selectedIndex" style="position: absolute;bottom: 0;right: 0;">
<image mode="scaleToFill"
<view style="display: flex;flex-direction: column;align-items: center;"> style="width: 100rpx;height: 100rpx;display: flex;align-items: right;"
<view @click="onVip" src="https://mints-pkg.oss-cn-beijing.aliyuncs.com/pkg/img/ic_loading.gif">
style="font-size: 34rpx;color: black;margin-top: 16rpx;margin-bottom: 10rpx;"> </image>
更多充值及说明 ></view> </view>
</view> </view>
<view style="display: flex;flex-direction: column;align-items: center;"> </view>
<view style="font-size: 29rpx;color: gray;margin-top: 16rpx;"> </view>
客服时间工作日 9:00-18:00</view>
<button class="button2" open-type="im" data-im-id="58428734699">在线客服</button> <view style="display: flex;flex-direction: column;align-items: center;">
</view> <view @click="onVip"
</scroll-view> style="font-size: 34rpx;color: black;margin-top: 16rpx;margin-bottom: 10rpx;">
</view> 更多充值及说明 ></view>
</view>
<view style="display: flex;flex-direction: column;align-items: center;">
</view> <view style="font-size: 29rpx;color: gray;margin-top: 16rpx;">
</uni-popup> 客服时间工作日 9:00-18:00</view>
</view> <button class="button2" open-type="im" data-im-id="kaixinhaha7785">在线客服</button>
</template> </view>
</scroll-view>
<script> </view>
import common from '@/mixins/common';
import {
navigateTo,
message, </view>
loading </uni-popup>
} from '@/utils/fun.js'; </view>
export default { </template>
name: 'coinPopup',
mixins: [common], <script>
props: { import common from '@/mixins/common';
show: { import {
type: Boolean, navigateTo,
default: false message,
}, loading
point: { } from '@/utils/fun.js';
type: [Number, String], export default {
default: 0 name: 'coinPopup',
}, mixins: [common],
vedioId: { props: {
type: [Number, String], show: {
default: 0 type: Boolean,
} default: false
}, },
data() { point: {
return { type: [Number, String],
vipList: [], default: 0
selectedIndex: 0, },
agreeFlag: false, vedioId: {
userBean: {}, type: [Number, String],
os: 'android', default: 0
titleText: '解锁剧集', }
showClone: false },
}; data() {
}, return {
methods: { vipList: [],
// 支付完成回调 selectedIndex: 0,
paySuccess(largeType) { agreeFlag: false,
this.$emit('paySuccess', largeType); userBean: {},
this.handleClose(); os: 'android',
}, titleText: '解锁剧集',
handleShow() { showClone: false
let that = this; };
this.$refs.coinPop.open('bottom'); },
methods: {
if (tt.getSystemInfoSync().platform === 'ios') { multiply(num) {
this.os = 'ios'; return parseInt(num * 10);
} },
// 支付完成回调
this.post({ paySuccess(largeType) {
url: '/vip/getVipProducts/point', this.$emit('paySuccess', largeType);
data: { this.handleClose();
vedioId: that.point <= 0 ? null : that.vedioId },
}, handleShow() {
showLoading: false, let that = this;
success: ({ this.$refs.coinPop.open('bottom');
data
}) => { if (tt.getSystemInfoSync().platform === 'ios') {
this.vipList = data.list; this.os = 'ios';
if (data.list != null) { }
// this.selectedIndex = data.list[0].activityType;
for (let i = 0; i < data.list.length; i++) { this.post({
if (data.list[i].activityType == 1) { url: '/vip/getVipProducts/point',
this.selectedIndex = i; data: {
break; vedioId: that.point <= 0 ? null : that.vedioId
} },
} showLoading: false,
} success: ({
} data
}); }) => {
this.vipList = data.list;
this.post({ if (data.list != null) {
url: '/user/baseMsg', // this.selectedIndex = data.list[0].activityType;
showLoading: false, for (let i = 0; i < data.list.length; i++) {
success: ({ if (data.list[i].activityType == 1) {
data this.selectedIndex = i;
}) => { break;
this.userBean = data; }
} }
}); }
}, }
handleAgree() { });
this.agreeFlag = true
}, this.post({
handleClickClose() { url: '/user/baseMsg',
this.$refs.coinPop.close('bottom'); showLoading: false,
this.$emit('clickClose'); success: ({
this.$emit('close'); data
}, }) => {
handleClose() { this.userBean = data;
this.$refs.coinPop.close('bottom'); }
this.$emit('close'); });
}, },
choosePack(item, index) { handleAgree() {
this.selectedIndex = index; this.agreeFlag = true
},
this.handlePay(); handleClickClose() {
}, this.$refs.coinPop.close('bottom');
handlePay() { this.$emit('clickClose');
if (this.os == 'ios') { this.$emit('close');
message.notify('暂不支持ios支付'); },
return handleClose() {
} this.$refs.coinPop.close('bottom');
this.$emit('close');
let that = this; },
let vipBean = this.vipList[this.selectedIndex]; choosePack(item, index) {
this.post({ this.selectedIndex = index;
url: '/vip/getVipPayParams/douyin',
data: { this.handlePay();
vedioId: that.point <= 0 ? null : that.vedioId, },
os: that.os, handlePay() {
pid: vipBean.pid let that = this;
}, let vipBean = this.vipList[this.selectedIndex];
showLoading: true, this.post({
success: ({ url: '/vip/getVipPayParams/douyin',
data data: {
}) => { vedioId: that.point <= 0 ? null : that.vedioId,
that.ttPrePay(data, vipBean.largeType); os: that.os,
} pid: vipBean.pid
}); },
}, showLoading: true,
onVip() { success: ({
navigateTo(`/pagesA/vipPay/vipPay`) data
this.handleClose(); }) => {
}, that.ttPrePay(data, vipBean.largeType);
ttPrePay(ttData, largeType) { }
if (!tt.canIUse('requestOrder')) { });
message.notify('请升级抖音APP版本'); },
return onVip() {
} navigateTo(`/pagesA/vipPay/vipPay`)
this.handleClose();
let that = this; },
tt.requestOrder({ ttPrePay(ttData, largeType) {
data: ttData.params.data, if (!tt.canIUse('requestOrder')) {
byteAuthorization: ttData.params.byteAuthorization, message.notify('请升级抖音APP版本');
success(res) { return
that.ttPay(largeType, res.orderId, ttData); }
},
fail(res) { let that = this;
// message.notify(res.errMsg); tt.requestOrder({
}, data: ttData.params.data,
}); byteAuthorization: ttData.params.byteAuthorization,
}, success(res) {
ttPay(largeType, oid, ttData) { that.ttPay(largeType, res.orderId, ttData);
if (!tt.canIUse('getOrderPayment')) { },
message.notify('请升级抖音APP版本'); fail(res) {
return // message.notify(res.errMsg);
} },
});
let that = this; },
if (this.os == 'ios') { ttPay(largeType, oid, ttData) {
if (!tt.canIUse('getOrderPayment.object.imId')) { if (!tt.canIUse('getOrderPayment')) {
message.notify('请升级抖音APP版本'); message.notify('请升级抖音APP版本');
return return
} }
if (ttData.imId == null) { let that = this;
message.notify('暂不支付ios支付，请更换设备'); tt.getOrderPayment({
return orderId: oid,
} success(res) {
that.queryOrderStatus(largeType, ttData.tidStr);
tt.getOrderPayment({ },
orderId: oid, fail(res) {
imId: ttData.imId, if (res.errNo == '4') {
success(res) { // 4-支付取消
that.queryOrderStatus(largeType, ttData.tidStr);
}, }
fail(res) { // message.notify(res.errMsg);
if (res.errNo == '4') { },
// 4-支付取消 });
},
} queryOrderStatus(largeType, tid) {
let that = this;
// message.notify(res.errMsg); this.post({
}, data: {
}); tid: tid
} else { },
tt.getOrderPayment({ url: '/vip/queryVipOrder',
orderId: oid, showLoading: true,
success(res) { success: ({
that.queryOrderStatus(largeType, ttData.tidStr); data
}, }) => {
fail(res) { that.paySuccess(largeType);
if (res.errNo == '4') { }
// 4-支付取消 });
}
} },
// message.notify(res.errMsg); watch: {
}, show: {
}); handler: function(newVal, oldVal) {
} if (newVal) {
}, this.handleShow();
queryOrderStatus(largeType, tid) { }
let that = this; },
this.post({ immediate: true
data: { }
tid: tid }
}, };
url: '/vip/queryVipOrder', </script>
showLoading: true,
success: ({ <style lang="scss">
data .body {
}) => { padding: 10rpx 0 30rpx 0;
that.paySuccess(largeType); border-radius: 20rpx 20rpx 0 0;
} background-color: white;
}); display: flex;
} flex-direction: column;
}, align-items: center;
watch: { }
show: {
handler: function(newVal, oldVal) { .section {
if (newVal) { display: flex;
this.handleShow(); flex-direction: column;
} background: white;
}, }
immediate: true
} .pack-box {
} margin-top: 25rpx;
}; margin-left: 18rpx;
</script> display: flex;
flex-direction: row;
<style lang="scss"> align-items: center;
.body { flex-wrap: wrap;
padding: 10rpx 0 30rpx 0;
border-radius: 20rpx 20rpx 0 0; .active {
background-color: white; border: 6rpx solid #fd5350 !important;
display: flex; }
flex-direction: column;
align-items: center; .pack-item {
} margin-bottom: 25rpx;
margin-right: 22rpx;
.section { width: calc(45%);
display: flex; height: 190rpx;
flex-direction: column; display: flex;
background: white; flex-direction: column;
} justify-content: space-around;
// background: #f5f5f5;
.pack-box { border: 6rpx solid #f5f5f5;
margin-top: 25rpx; border-radius: 10rpx;
margin-left: 18rpx; position: relative;
display: flex;
flex-direction: row; .row {
align-items: center; margin: 8rpx 15rpx;
flex-wrap: wrap; margin-bottom: 1rpx;
}
.active {
border: 6rpx solid #fd5350 !important; .row:last-child {
} margin-bottom: 8rpx;
}
.pack-item {
margin-bottom: 25rpx; .name {
margin-right: 22rpx; font-size: 29rpx;
width: calc(45%); color: #333;
height: 190rpx; }
display: flex;
flex-direction: column; .price {
justify-content: space-around; font-size: 40rpx;
// background: #f5f5f5; color: #fd5350;
border: 6rpx solid #f5f5f5; font-weight: 700;
border-radius: 10rpx; }
position: relative;
.origin {
.row { color: #5A3C0F;
margin: 8rpx 15rpx; // background: #5a1505;
margin-bottom: 1rpx; background-image: linear-gradient(90deg, #F3DEBE, #EAC180);
} font-size: 22rpx;
border-radius: 20rpx;
.row:last-child { height: 30rpx;
margin-bottom: 8rpx; line-height: 30rpx;
} padding-top: 4rpx;
padding-bottom: 3rpx;
.name { padding-left: 16rpx;
font-size: 29rpx; padding-right: 16rpx;
color: #333; }
}
.cut-down {
.price { position: absolute;
font-size: 40rpx; top: 0;
color: #fd5350; color: #fff;
font-weight: 700; background: #ff502f;
} font-size: 22rpx;
border-radius: 15rpx;
.origin { height: 30rpx;
color: #5A3C0F; line-height: 30rpx;
// background: #5a1505; padding-top: 6rpx;
background-image: linear-gradient(90deg, #F3DEBE, #EAC180); padding-bottom: 3rpx;
font-size: 22rpx; padding-left: 16rpx;
border-radius: 20rpx; padding-right: 16rpx;
height: 30rpx; transform: translate(0, -50%);
line-height: 30rpx; }
padding-top: 4rpx; }
padding-bottom: 3rpx; }
padding-left: 16rpx;
padding-right: 16rpx; .button2 {
} width: 300rpx;
height: 50rpx;
.cut-down { line-height: 50rpx;
position: absolute; text-align: center;
top: 0; margin: 10rpx 20rpx;
color: #fff; border-radius: 10rpx;
background: #ff502f; background-color: white;
font-size: 22rpx; border: 1px orange solid;
border-radius: 15rpx; color: orange;
height: 30rpx; font-size: 26rpx;
line-height: 30rpx; box-shadow: 0 0 2px 0px rgba(255, 255, 255, 0.1);
padding-top: 6rpx; }
padding-bottom: 3rpx;
padding-left: 16rpx;
padding-right: 16rpx;
transform: translate(0, -50%);
}
}
}
.button2 {
width: 300rpx;
height: 50rpx;
line-height: 50rpx;
text-align: center;
margin: 10rpx 20rpx;
border-radius: 10rpx;
background-color: white;
border: 1px orange solid;
color: orange;
font-size: 26rpx;
box-shadow: 0 0 2px 0px rgba(255, 255, 255, 0.1);
}
</style> </style>
\ No newline at end of file
vedio/pagesA/vipPay/vipPay.vue
View file @ 8b6ee0ff
...@@ -5,15 +5,24 @@ ...@@ -5,15 +5,24 @@
<view class="section"> <view class="section">
<view class="pack-box"> <view class="pack-box">
<view class="pack-item" <view class="pack-item"
:style="item.largeType !=='vip' ?'background: #f5f5f5;':'background: #f4c98b;'" :style="item.largeType !=='vip' ?'background: #f5f5f5;':'background: #f5f5f5;'"
:class="[{active: index==selectedIndex}]" v-for='(item, index) in pointList' :key='index' :class="[{active: index==selectedIndex}]" v-for='(item, index) in pointList' :key='index'
@click="choosePack(item, index)"> @click="choosePack(item, index)">
<view style="display: flex;flex-direction: column;align-items: center;"> <view style="display: flex;flex-direction: column;align-items: center;">
<view class="price row"> <view v-if="os=='android'" class="price row">
{{item.firstPayPrice}}元 {{item.firstPayPrice}}元
</view> </view>
<view v-else style="display: flex;align-items: center;font-size: 40rpx;
color: #f2b068;
font-weight: 700;">
<image style="width: 50rpx;height: 50rpx;display: flex;margin-right: 10rpx;"
src="@/static/ic_zuan.png">
</image>
+{{multiply(item.firstPayPrice)}}
</view>
<view class="name row" v-if="item.title!=null&&item.title!=''"> <view class="name row" v-if="item.title!=null&&item.title!=''">
{{item.title}} {{item.title}}
</view> </view>
...@@ -41,15 +50,24 @@ ...@@ -41,15 +50,24 @@
<view class="section"> <view class="section">
<view class="pack-box"> <view class="pack-box">
<view class="pack-item" <view class="pack-item"
:style="item.largeType !=='vip' ?'background: #f5f5f5;':'background: #f4c98b;'" :style="item.largeType !=='vip' ?'background: #f5f5f5;':'background: #f5f5f5;'"
:class="[{active: index==selectedVipIndex}]" v-for='(item, index) in vipList' :key='index' :class="[{active: index==selectedVipIndex}]" v-for='(item, index) in vipList' :key='index'
@click="choosePack2(item, index)"> @click="choosePack2(item, index)">
<view style="display: flex;flex-direction: column;align-items: center;"> <view style="display: flex;flex-direction: column;align-items: center;">
<view class="price row"> <view v-if="os=='android'" class="price row">
{{item.firstPayPrice}}元 {{item.firstPayPrice}}元
</view> </view>
<view v-else style="display: flex;align-items: center;font-size: 40rpx;
color: #f2b068;
font-weight: 700;">
<image style="width: 50rpx;height: 50rpx;display: flex;margin-right: 10rpx;"
src="@/static/ic_zuan.png">
</image>
+{{multiply(item.firstPayPrice)}}
</view>
<view class="name row" v-if="item.title!=null&&item.title!=''"> <view class="name row" v-if="item.title!=null&&item.title!=''">
{{item.title}} {{item.title}}
</view> </view>
...@@ -89,13 +107,13 @@ ...@@ -89,13 +107,13 @@
{{ btnText }} {{ btnText }}
</text> </text>
</view> </view>
</view> </view>
<view class="box-wrap" @click="handleKefu"> <view class="box-wrap" @click="handleKefu">
<image src="../../static/ic_service.png"></image> <image src="../../static/ic_service.png"></image>
<text>客服时间</text> <text>客服时间</text>
<text>工作日9:00-18:00</text> <text>工作日9:00-18:00</text>
</view> </view>
<kefu-popup :show="showKefuPop" @close="showKefuPop = false" /> <kefu-popup :show="showKefuPop" @close="showKefuPop = false" />
</view> </view>
</template> </template>
...@@ -125,90 +143,118 @@ ...@@ -125,90 +143,118 @@
selectedVipIndex: -1, selectedVipIndex: -1,
btnText: '', btnText: '',
userBean: {}, userBean: {},
os: 'android', os: 'android',
showKefuPop:false showKefuPop: false
} }
}, },
onLoad(options) { onLoad(options) {
let that = this; let that = this;
if (tt.getSystemInfoSync().platform === 'ios') { if (tt.getSystemInfoSync().platform === 'ios') {
this.os = 'ios'; this.os = 'ios';
} }
this.post({ this.post({
url: '/user/baseMsg', url: '/user/baseMsg',
showLoading: false, showLoading: false,
success: ({ success: ({
data data
}) => { }) => {
this.userBean = data; this.userBean = data;
} }
}); });
this.post({ this.post({
url: '/vip/getVipProducts', url: '/vip/getVipProducts',
showLoading: false, showLoading: false,
success: ({ success: ({
data data
}) => { }) => {
if (data.list != null && data.list.length > 0) { if (data.list != null && data.list.length > 0) {
for (let i = 0; i < data.list.length; i++) { for (let i = 0; i < data.list.length; i++) {
if (data.list[i].largeType == 'point') { if (data.list[i].largeType == 'point') {
that.pointList.push(data.list[i]); that.pointList.push(data.list[i]);
} else { } else {
that.vipList.push(data.list[i]); that.vipList.push(data.list[i]);
} }
} }
} }
if (that.pointList != null && that.pointList.length > 0) { if (that.pointList != null && that.pointList.length > 0) {
for (let i = 0; i < that.pointList.length; i++) { for (let i = 0; i < that.pointList.length; i++) {
if (that.pointList[i].activityType == 1) { if (that.pointList[i].activityType == 1) {
that.selectedIndex = i; that.selectedIndex = i;
let cashStr = that.pointList[i].firstPayPrice let cashStr = that.pointList[i].firstPayPrice
that.btnText = "立即支付" + cashStr + "元"
if (that.pointList[i].yhqRateBalance != null) { if (that.os == 'ios') {
let tempYhq = new Decimal(cashStr).sub(new Decimal(that.pointList[i] that.btnText = "立即支付" + that.multiply(cashStr) + "钻石"
.yhqRateBalance)).toNumber() } else {
that.btnText = "立即支付" + cashStr + "元"
}
if (that.pointList[i].yhqRateBalance != null) {
let tempYhq = new Decimal(cashStr).sub(new Decimal(that.pointList[i]
.yhqRateBalance)).toNumber()
if (that.os == 'ios') {
that.btnText = "立即支付" + that.multiply(that.pointList[i]
.yhqRateBalance) + "钻石,已优惠" +
that.multiply(tempYhq) + "钻石"
} else {
that.btnText = "立即支付" + that.pointList[i].yhqRateBalance + "元,已优惠" +
tempYhq + "元"
}
}
if (that.pointList[i].weixin) {
that.wxShowFlag = true
that.isZfb = false
} else {
that.wxShowFlag = false
that.isZfb = true
}
break;
}
}
}
if (that.pointList != null && that.pointList.length > 0 && that.selectedIndex == 0) {
let cashStr = that.pointList[0].firstPayPrice
if (that.os == 'ios') {
that.btnText = "立即支付" + that.multiply(cashStr) + "钻石"
} else {
that.btnText = "立即支付" + cashStr + "元"
}
if (that.pointList[0].yhqRateBalance != null) {
let tempYhq = new Decimal(cashStr).sub(new Decimal(that.pointList[0]
.yhqRateBalance)).toNumber()
if (that.os == 'ios') {
that.btnText = "立即支付" + that.multiply(that.pointList[i]
.yhqRateBalance) + "钻石,已优惠" +
that.multiply(tempYhq) + "钻石"
} else {
that.btnText = "立即支付" + that.pointList[i].yhqRateBalance + "元,已优惠" + that.btnText = "立即支付" + that.pointList[i].yhqRateBalance + "元,已优惠" +
tempYhq + "元" tempYhq + "元"
} }
if (that.pointList[i].weixin) { }
that.wxShowFlag = true if (that.pointList[0].weixin) {
that.isZfb = false that.wxShowFlag = true
} else { that.isZfb = false
that.wxShowFlag = false } else {
that.isZfb = true that.wxShowFlag = false
} that.isZfb = true
break; }
} }
} }
} });
if (that.pointList != null && that.pointList.length > 0 && that.selectedIndex == 0) {
let cashStr = that.pointList[0].firstPayPrice
that.btnText = "立即支付" + cashStr + "元"
if (that.pointList[0].yhqRateBalance != null) {
let tempYhq = new Decimal(cashStr).sub(new Decimal(that.pointList[0]
.yhqRateBalance)).toNumber()
that.btnText = "立即支付" + that.pointList[0].yhqRateBalance + "元,已优惠" + tempYhq +
"元"
}
if (that.pointList[0].weixin) {
that.wxShowFlag = true
that.isZfb = false
} else {
that.wxShowFlag = false
that.isZfb = true
}
}
}
});
}, },
methods: { methods: {
multiply(num) {
return parseInt(num * 10);
},
loadData() { loadData() {
}, },
dialogClose() { dialogClose() {
this.$refs.alertDialog.close(); this.$refs.alertDialog.close();
...@@ -220,21 +266,42 @@ ...@@ -220,21 +266,42 @@
// this.handlePay(); // this.handlePay();
if (this.selectedIndex == -1) { if (this.selectedIndex == -1) {
// vip充值 // vip充值
let cashStr = this.vipList[this.selectedVipIndex].firstPayPrice let cashStr = this.vipList[this.selectedVipIndex].firstPayPrice
that.btnText = "立即支付" + cashStr + "元" if (that.os == 'ios') {
that.btnText = "立即支付" + that.multiply(cashStr) + "钻石"
} else {
that.btnText = "立即支付" + cashStr + "元"
}
if (that.vipList[this.selectedVipIndex].yhqRateBalance != null) { if (that.vipList[this.selectedVipIndex].yhqRateBalance != null) {
let tempYhq = new Decimal(cashStr).sub(new Decimal(that.vipList[this.selectedVipIndex] let tempYhq = new Decimal(cashStr).sub(new Decimal(that.vipList[this.selectedVipIndex]
.yhqRateBalance)).toNumber() .yhqRateBalance)).toNumber()
that.btnText = "立即支付" + that.vipList[this.selectedVipIndex].yhqRateBalance + "元,已优惠" + tempYhq + if (that.os == 'ios') {
"元" that.btnText = "立即支付" + that.multiply(that.vipList[selectedVipIndex]
.yhqRateBalance) + "钻石,已优惠" +
that.multiply(tempYhq) + "钻石"
} else {
that.btnText = "立即支付" + that.vipList[this.selectedVipIndex].yhqRateBalance + "元,已优惠" + tempYhq +
"元"
}
} }
} else { } else {
let cashStr = this.pointList[this.selectedIndex].firstPayPrice let cashStr = this.pointList[this.selectedIndex].firstPayPrice
that.btnText = "立即支付" + cashStr + "元" if (that.os == 'ios') {
that.btnText = "立即支付" + that.multiply(cashStr) + "钻石"
} else {
that.btnText = "立即支付" + cashStr + "元"
}
if (that.pointList[this.selectedIndex].yhqRateBalance != null) { if (that.pointList[this.selectedIndex].yhqRateBalance != null) {
let tempYhq = new Decimal(cashStr).sub(new Decimal(that.pointList[this.selectedIndex] let tempYhq = new Decimal(cashStr).sub(new Decimal(that.pointList[this.selectedIndex]
.yhqRateBalance)).toNumber() .yhqRateBalance)).toNumber()
that.btnText = "立即支付" + that.pointList[this.selectedIndex].yhqRateBalance + "元,已优惠" + tempYhq + "元" if (that.os == 'ios') {
that.btnText = "立即支付" + that.multiply(that.pointList[this.selectedIndex].yhqRateBalance) + "钻石,已优惠" +
that.multiply(tempYhq) + "钻石"
} else {
that.btnText = "立即支付" + that.pointList[this.selectedIndex].yhqRateBalance + "元,已优惠" + tempYhq + "元"
}
} }
} }
}, },
...@@ -246,20 +313,40 @@ ...@@ -246,20 +313,40 @@
if (this.selectedIndex == -1) { if (this.selectedIndex == -1) {
// vip充值 // vip充值
let cashStr = this.vipList[this.selectedVipIndex].firstPayPrice let cashStr = this.vipList[this.selectedVipIndex].firstPayPrice
that.btnText = "立即支付" + cashStr + "元" if (that.os == 'ios') {
that.btnText = "立即支付" + that.multiply(cashStr) + "钻石"
} else {
that.btnText = "立即支付" + cashStr + "元"
}
if (that.vipList[this.selectedVipIndex].yhqRateBalance != null) { if (that.vipList[this.selectedVipIndex].yhqRateBalance != null) {
let tempYhq = new Decimal(cashStr).sub(new Decimal(that.vipList[this.selectedVipIndex] let tempYhq = new Decimal(cashStr).sub(new Decimal(that.vipList[this.selectedVipIndex]
.yhqRateBalance)).toNumber() .yhqRateBalance)).toNumber()
that.btnText = "立即支付" + that.vipList[this.selectedVipIndex].yhqRateBalance + "元,已优惠" + tempYhq + if (that.os == 'ios') {
"元" that.btnText = "立即支付" + that.multiply(that.vipList[selectedVipIndex]
.yhqRateBalance) + "钻石,已优惠" +
that.multiply(tempYhq) + "钻石"
} else {
that.btnText = "立即支付" + that.vipList[this.selectedVipIndex].yhqRateBalance + "元,已优惠" + tempYhq +
"元"
}
} }
} else { } else {
let cashStr = this.pointList[this.selectedIndex].firstPayPrice let cashStr = this.pointList[this.selectedIndex].firstPayPrice
that.btnText = "立即支付" + cashStr + "元" if (that.os == 'ios') {
that.btnText = "立即支付" + that.multiply(cashStr) + "钻石"
} else {
that.btnText = "立即支付" + cashStr + "元"
}
if (that.pointList[this.selectedIndex].yhqRateBalance != null) { if (that.pointList[this.selectedIndex].yhqRateBalance != null) {
let tempYhq = new Decimal(cashStr).sub(new Decimal(that.pointList[this.selectedIndex] let tempYhq = new Decimal(cashStr).sub(new Decimal(that.pointList[this.selectedIndex]
.yhqRateBalance)).toNumber() .yhqRateBalance)).toNumber()
that.btnText = "立即支付" + that.pointList[this.selectedIndex].yhqRateBalance + "元,已优惠" + tempYhq + "元" if (that.os == 'ios') {
that.btnText = "立即支付" + that.multiply(that.pointList[this.selectedIndex].yhqRateBalance) + "钻石,已优惠" +
that.multiply(tempYhq) + "钻石"
} else {
that.btnText = "立即支付" + that.pointList[this.selectedIndex].yhqRateBalance + "元,已优惠" + tempYhq + "元"
}
} }
} }
}, },
...@@ -274,11 +361,6 @@ ...@@ -274,11 +361,6 @@
// this.$refs.alertDialog.open(); // this.$refs.alertDialog.open();
}, },
handlePay() { handlePay() {
if (this.os == 'ios') {
message.notify('暂不支持ios支付');
return
}
let that = this; let that = this;
let vipBean = this.pointList[this.selectedIndex]; let vipBean = this.pointList[this.selectedIndex];
if (this.selectedIndex == -1) { if (this.selectedIndex == -1) {
...@@ -326,36 +408,16 @@ ...@@ -326,36 +408,16 @@
} }
let that = this; let that = this;
if (this.os == 'ios') { tt.getOrderPayment({
if (!tt.canIUse('getOrderPayment.object.imId')) { orderId: oid,
message.notify('请升级抖音APP版本.'); success(res) {
return that.queryOrderStatus(largeType, ttData.tidStr);
} },
fail(res) {
tt.getOrderPayment({ console.log('android=ttPay res.errMsg', res)
orderId: oid, // message.notify(res.errMsg);
imId: ttData.imId, },
immediate: true, });
success(res) {
that.queryOrderStatus(largeType, ttData.tidStr);
},
fail(res) {
console.log('ios=ttPay res.errMsg', res)
// message.notify(res.errMsg);
},
});
} else {
tt.getOrderPayment({
orderId: oid,
success(res) {
that.queryOrderStatus(largeType, ttData.tidStr);
},
fail(res) {
console.log('android=ttPay res.errMsg', res)
// message.notify(res.errMsg);
},
});
}
}, },
queryOrderStatus(largeType, tid) { queryOrderStatus(largeType, tid) {
let that = this; let that = this;
...@@ -480,24 +542,24 @@ ...@@ -480,24 +542,24 @@
color: white; color: white;
font-size: 26rpx; font-size: 26rpx;
margin-bottom: 40rpx; margin-bottom: 40rpx;
} }
.box-wrap { .box-wrap {
position: absolute; position: absolute;
bottom: 20%; bottom: 20%;
right: 6%; right: 6%;
z-index: 999; z-index: 999;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
image { image {
width: 100rpx; width: 100rpx;
height: 100rpx; height: 100rpx;
} }
text { text {
color: #2c2c2c; color: #2c2c2c;
} }
} }
</style> </style>
\ No newline at end of file
vedio/pagesD/payRecord/payRecord.vue
View file @ 8b6ee0ff
...@@ -11,7 +11,15 @@ ...@@ -11,7 +11,15 @@
<view style="font-size: 26rpx;color: gray;margin-top: 16rpx;">付款时间：{{item.createtime}}</view> <view style="font-size: 26rpx;color: gray;margin-top: 16rpx;">付款时间：{{item.createtime}}</view>
<view style="font-size: 26rpx;color: gray;margin-top: 1rpx;">订单编号：{{item.orderid}}</view> <view style="font-size: 26rpx;color: gray;margin-top: 1rpx;">订单编号：{{item.orderid}}</view>
</view> </view>
<view style="display: flex;align-items: center;margin-right: 8rpx;font-size: 36rpx;color: red;"> <view v-if="item.detailChannel=='DIAMOND'"
style="display: flex;align-items: center;margin-right: 8rpx;font-size: 36rpx;color: #f2b068;">
<image style="width: 50rpx;height: 50rpx;display: flex;margin-right: 10rpx;"
src="@/static/ic_zuan.png">
</image>
{{multiply(item.balance)}}
</view>
<view v-else
style="display: flex;align-items: center;margin-right: 8rpx;font-size: 36rpx;color: red;">
￥{{item.balance}} ￥{{item.balance}}
</view> </view>
</view> </view>
...@@ -35,8 +43,8 @@ ...@@ -35,8 +43,8 @@
mixins: [common], mixins: [common],
data() { data() {
return { return {
dataList: [], dataList: [],
showKefuPop:false showKefuPop: false
}; };
}, },
methods: { methods: {
...@@ -44,6 +52,9 @@ ...@@ -44,6 +52,9 @@
if (this.$refs.paging != null) { if (this.$refs.paging != null) {
this.$refs.paging.refresh(); this.$refs.paging.refresh();
} }
},
multiply(num) {
return parseInt(num * 10);
}, },
queryList(page, size) { queryList(page, size) {
this.post({ this.post({
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment