|
@ -13,10 +13,10 @@ |
|
|
<view class="lab">订单金额</view> |
|
|
<view class="lab">订单金额</view> |
|
|
<view class="val">¥ {{info.a}}</view> |
|
|
<view class="val">¥ {{info.a}}</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="li"> |
|
|
|
|
|
|
|
|
<!-- <view class="li"> |
|
|
<view class="lab">订单编号</view> |
|
|
<view class="lab">订单编号</view> |
|
|
<view class="val">{{info.a}}</view> |
|
|
<view class="val">{{info.a}}</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
</view> --> |
|
|
</view> |
|
|
</view> |
|
|
<view class="card"> |
|
|
<view class="card"> |
|
|
<view class="pay"> |
|
|
<view class="pay"> |
|
@ -31,43 +31,51 @@ |
|
|
<!-- <image src="@/static/images/carIcon/isSelect.png" mode=""></image> |
|
|
<!-- <image src="@/static/images/carIcon/isSelect.png" mode=""></image> |
|
|
</view> --> |
|
|
</view> --> |
|
|
</view> |
|
|
</view> |
|
|
<view class="row"> |
|
|
|
|
|
|
|
|
<!-- <view class="row"> |
|
|
<view class="wxIcon"> |
|
|
<view class="wxIcon"> |
|
|
<image src="@/static/images/carIcon/wxIcon.png" mode=""></image> |
|
|
<image src="@/static/images/carIcon/wxIcon.png" mode=""></image> |
|
|
</view> |
|
|
</view> |
|
|
<view class="text">微信</view> |
|
|
<view class="text">微信</view> |
|
|
<view class="icon"> |
|
|
<view class="icon"> |
|
|
<!-- <image src="@/static/images/index/noSelect.png" mode=""></image> --> |
|
|
|
|
|
|
|
|
<image src="@/static/images/index/noSelect.png" mode=""></image> |
|
|
<image src="@/static/images/carIcon/isSelect.png" mode=""></image> |
|
|
<image src="@/static/images/carIcon/isSelect.png" mode=""></image> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
</view> --> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="footerBtn pad"> |
|
|
<view class="footerBtn pad"> |
|
|
<view class="btnBg" @click="paySubmit">确认支付</view> |
|
|
|
|
|
|
|
|
<view class="btnBg" @click="getYSBLink">确认支付</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
<web-view :src="link" v-if="link" @load="loadWebView"></web-view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
import { getStudentByPayment } from '@/config/api.js' |
|
|
|
|
|
|
|
|
import { |
|
|
|
|
|
getStudentByPayment, pre_create, param_sign |
|
|
|
|
|
} from '@/config/api.js' |
|
|
export default { |
|
|
export default { |
|
|
data() { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
trainingApplyId: '', |
|
|
trainingApplyId: '', |
|
|
info: { |
|
|
info: { |
|
|
a: '待对接' |
|
|
a: '待对接' |
|
|
} |
|
|
|
|
|
|
|
|
}, |
|
|
|
|
|
link: '' |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
onLoad(options) { |
|
|
onLoad(options) { |
|
|
if(options.trainingApplyId) { |
|
|
|
|
|
|
|
|
if (options.trainingApplyId) { |
|
|
this.trainingApplyId = options.trainingApplyId |
|
|
this.trainingApplyId = options.trainingApplyId |
|
|
} |
|
|
} |
|
|
|
|
|
// this.getYSBLink() |
|
|
this.getStudentByPayment() |
|
|
this.getStudentByPayment() |
|
|
this.initWx() |
|
|
this.initWx() |
|
|
}, |
|
|
}, |
|
|
|
|
|
onPullDownRefresh() { |
|
|
|
|
|
this.getStudentByPayment() |
|
|
|
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
initWx() { |
|
|
initWx() { |
|
|
// #ifdef APP-PLUS |
|
|
// #ifdef APP-PLUS |
|
@ -85,19 +93,84 @@ |
|
|
}); |
|
|
}); |
|
|
// #endif |
|
|
// #endif |
|
|
}, |
|
|
}, |
|
|
wxPay() { |
|
|
|
|
|
|
|
|
wxPay(data) { |
|
|
|
|
|
// const data = { |
|
|
|
|
|
// channelNo: 'QD202401250001', //易收宝分配的渠道号 |
|
|
|
|
|
// encodeData: '', //{"outOrderNo":"15456","timestamp":"1632815312300"},json进行加签加密后的值,outOrderNo商户订单号 |
|
|
|
|
|
// miniAppName: '', //第三方小程序的名称 |
|
|
|
|
|
// env: '',// u8、u6为测试环境,prod为生产环境 |
|
|
|
|
|
// distinctId: '',//第三方小程序的用户唯一标识 |
|
|
|
|
|
// unionMode: 'miniProToMiniPro', // 微信跳转微信小程序时使用 |
|
|
|
|
|
// } |
|
|
|
|
|
|
|
|
// #ifdef APP-PLUS |
|
|
// #ifdef APP-PLUS |
|
|
|
|
|
// this.sweixin ? this.sweixin.launchMiniProgram({ |
|
|
|
|
|
// appId: 'wx9e7d9eea420f6541', //易收宝小程序的appid 测试环境:wx9e7d9eea420f6541 生产环境:wx05c2e4857b6806c8 |
|
|
|
|
|
// path: `/pages/ysbCheckStand/ysbCheckStand?data=${JSON.stringify(data)}`, //跳转小程序页面路径 pages/index/index |
|
|
|
|
|
// envVersion: 'trial', // 打开体验版trial, 正式版release |
|
|
|
|
|
// }) : plus.nativeUI.alert('当前环境不支持微信操作!'); |
|
|
|
|
|
|
|
|
this.sweixin ? this.sweixin.launchMiniProgram({ |
|
|
this.sweixin ? this.sweixin.launchMiniProgram({ |
|
|
// path: '/pages/payment/payment?tokenCode=' + this.payInfo.tokenCode, //跳转小程序页面路径 pages/index/index |
|
|
|
|
|
path: '/' , //跳转小程序页面路径 pages/index/index |
|
|
|
|
|
type: 0, //可取值: 0-正式版; 1-测试版; 2-体验版。 默认值为0。 |
|
|
|
|
|
id: 'gh_012fd4bda1c2' //小程序的原始id |
|
|
|
|
|
|
|
|
miniAppId: 'wx9e7d9eea420f6541', //小程序原始ID |
|
|
|
|
|
path: '', //跳转小程序的页面路径,可携带参数 |
|
|
|
|
|
miniProgramType: '1', //小程序的版本 0正式版 1开发版 2体验版 |
|
|
}) : plus.nativeUI.alert('当前环境不支持微信操作!'); |
|
|
}) : plus.nativeUI.alert('当前环境不支持微信操作!'); |
|
|
// #endif |
|
|
// #endif |
|
|
}, |
|
|
}, |
|
|
async getStudentByPayment() { |
|
|
async getStudentByPayment() { |
|
|
const {data: res} = await getStudentByPayment({trainingApplyId: this.trainingApplyId}) |
|
|
|
|
|
this.$store.dispatch('getUserInfo') |
|
|
|
|
|
|
|
|
const { |
|
|
|
|
|
data: res |
|
|
|
|
|
} = await pre_create({ |
|
|
|
|
|
trainingApplyId: this.trainingApplyId |
|
|
|
|
|
}) |
|
|
|
|
|
console.log('创建的订单信息') |
|
|
|
|
|
// console.log(res.orderNo) |
|
|
|
|
|
this.encodeData = res.encodeData |
|
|
|
|
|
// this.param_sign(res.orderNo) |
|
|
|
|
|
// await this.getYSBLink(res.encodeData) |
|
|
|
|
|
// this.wxPay() |
|
|
|
|
|
// this.$store.dispatch('getUserInfo') |
|
|
|
|
|
// setTimeout(()=>{ |
|
|
|
|
|
// this.wxPay() |
|
|
|
|
|
// },1500) |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
|
// 加密数据 |
|
|
|
|
|
async param_sign(outOrderNo) { |
|
|
|
|
|
let obj = { |
|
|
|
|
|
outOrderNo, |
|
|
|
|
|
timestamp: Date.now() |
|
|
|
|
|
} |
|
|
|
|
|
console.log(JSON.stringify(obj)) |
|
|
|
|
|
const {data: res} = await param_sign({jsonParam:JSON.stringify(obj)}) |
|
|
|
|
|
|
|
|
|
|
|
console.log('加密后的数据') |
|
|
|
|
|
console.log(res.encodeData) |
|
|
|
|
|
}, |
|
|
|
|
|
getYSBLink() { |
|
|
|
|
|
if(!this.encodeData) return this.$u.toast('没有获取到支付信息') |
|
|
|
|
|
const channelNo = 'QD202404083509'; |
|
|
|
|
|
//common普通的h5平台,如果当前的运行环境为微信小程序则platform的值为pay_miniPro |
|
|
|
|
|
const platform = 'common'; |
|
|
|
|
|
//易收宝H5的前端页面地址,不同的环境详见第四章第4节 |
|
|
|
|
|
// 测试地址 |
|
|
|
|
|
// const preUrl = 'https://ft1wbs.zyebank.cn/cem_ysb_ft2/index.html' |
|
|
|
|
|
const preUrl = 'https://u8wbs.zyebank.cn/cem_ysb_u8/index.html' |
|
|
|
|
|
// 生产地址 |
|
|
|
|
|
// const preUrl = 'https://zmcht.zybank.com.cn/cem_ysb/index.html'; |
|
|
|
|
|
// let obj = {"outOrderNo":orderNo || "2024041211570300000308","timestamp":"1632815312300"} |
|
|
|
|
|
// const encodeData = encodeData |
|
|
|
|
|
// 用户的唯一标识(可以区分出用户的唯一性即可),-缓存银行卡信息 |
|
|
|
|
|
const distinctId = this.userId |
|
|
|
|
|
const callback = `${preUrl}?encodeData=${this.encodeData}#/checkStandPre?platform=${platform}&channelNo=${channelNo}&checkStand_v3=true&distinctId=${distinctId}`; |
|
|
|
|
|
this.link = callback; |
|
|
|
|
|
console.log('callback') |
|
|
|
|
|
console.log(callback) |
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
|
loadWebView() { |
|
|
|
|
|
console.log('会来到vebview事件里吗?') |
|
|
|
|
|
this.wxPay() |
|
|
}, |
|
|
}, |
|
|
paySubmit() { |
|
|
paySubmit() { |
|
|
console.log('这是什么') |
|
|
console.log('这是什么') |
|
@ -114,8 +187,10 @@ |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
margin-bottom: 20rpx; |
|
|
margin-bottom: 20rpx; |
|
|
padding: 0 20rpx; |
|
|
padding: 0 20rpx; |
|
|
|
|
|
|
|
|
.orderInfo { |
|
|
.orderInfo { |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
|
|
|
|
|
|
.schoolName { |
|
|
.schoolName { |
|
|
font-size: 28rpx; |
|
|
font-size: 28rpx; |
|
|
color: #ccc; |
|
|
color: #ccc; |
|
@ -125,6 +200,7 @@ |
|
|
.price { |
|
|
.price { |
|
|
font-size: 72rpx; |
|
|
font-size: 72rpx; |
|
|
font-weight: 600; |
|
|
font-weight: 600; |
|
|
|
|
|
|
|
|
text.uint { |
|
|
text.uint { |
|
|
font-size: 44rpx; |
|
|
font-size: 44rpx; |
|
|
font-weight: 600; |
|
|
font-weight: 600; |
|
@ -136,17 +212,21 @@ |
|
|
color: #ADADAD; |
|
|
color: #ADADAD; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.li { |
|
|
.li { |
|
|
display: flex; |
|
|
display: flex; |
|
|
height: 88rpx; |
|
|
height: 88rpx; |
|
|
line-height: 88rpx; |
|
|
line-height: 88rpx; |
|
|
&.border{ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
&.border { |
|
|
border-bottom: 1px solid #F6F7FA; |
|
|
border-bottom: 1px solid #F6F7FA; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.lab { |
|
|
.lab { |
|
|
color: #ccc; |
|
|
color: #ccc; |
|
|
width: 230rpx; |
|
|
width: 230rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.val { |
|
|
.val { |
|
|
font-weight: 500; |
|
|
font-weight: 500; |
|
|
flex: 1; |
|
|
flex: 1; |
|
@ -154,24 +234,29 @@ |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.pay { |
|
|
.pay { |
|
|
.h2 { |
|
|
.h2 { |
|
|
font-size: 32rpx; |
|
|
font-size: 32rpx; |
|
|
font-weight: 500; |
|
|
font-weight: 500; |
|
|
margin-bottom: 24rpx; |
|
|
margin-bottom: 24rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.row { |
|
|
.row { |
|
|
display: flex; |
|
|
display: flex; |
|
|
justify-content: space-between; |
|
|
justify-content: space-between; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
height: 88rpx; |
|
|
height: 88rpx; |
|
|
&.border{ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
&.border { |
|
|
border-bottom: 1px solid #F6F7FA; |
|
|
border-bottom: 1px solid #F6F7FA; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.wxIcon { |
|
|
.wxIcon { |
|
|
width: 40rpx; |
|
|
width: 40rpx; |
|
|
height: 40rpx; |
|
|
height: 40rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.text { |
|
|
.text { |
|
|
margin-left: 20rpx; |
|
|
margin-left: 20rpx; |
|
|
flex: 1; |
|
|
flex: 1; |
|
@ -179,12 +264,11 @@ |
|
|
font-size: 28rpx; |
|
|
font-size: 28rpx; |
|
|
color: #333; |
|
|
color: #333; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.icon { |
|
|
.icon { |
|
|
width: 40rpx; |
|
|
width: 40rpx; |
|
|
height: 40rpx; |
|
|
height: 40rpx; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</style> |
|
|
</style> |