yangjie
/
Scan-Pay-H5
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1.对接优惠券

Browse Source 
2.对接支付接口
dev
杨杰 2 years ago
parent a183690b56
commit fff01c8e42
7 changed files with 576 additions and 116 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 38
      App.vue
  2. 53
      Utils/Api.js
  3. 4
      manifest.json
  4. 20
      pages.json
  5. 499
      pages/index/index.vue
  6. 78
      pages/welcome/welcome.vue
  7. BIN
      static/noorder.png

38
App.vue
Unescape View File

@ -9,15 +9,51 @@
imgUrl: 'https://xuan-pay-private.obs.cn-southwest-2.myhuaweicloud.com', imgUrl: 'https://xuan-pay-private.obs.cn-southwest-2.myhuaweicloud.com',
userInfo: "", userInfo: "",
openId: '', openId: '',
token: '',
appId: 'wxa075e8509802f826', appId: 'wxa075e8509802f826',
code: '', //code获取openid code: '', //code获取openid
snNo: '' // 设备sn号 snNo: '', // 设备sn号
//正式
// url: 'https://hsg.dctpay.com/user',
// imgUrl: 'https://hsg.dctpay.com/filesystem/',
// imageWxImg: 'https://hsg.dctpay.com/filesystem/wxApplets/',
//测试
url: 'https://hsgcs.dctpay.com/user',
graurl:'https://gratia-pay.dctpay.com/crest',
imgUrl: 'https://hsgcs.dctpay.com/filesystem/',
imageWxImg: 'https://hsgcs.dctpay.com/filesystem/wxApplets/',
}, },
onLaunch: function() { onLaunch: function() {
console.log('App Launch'); console.log('App Launch');
}, },
onShow: function() { onShow: function() {
console.log('App Show') console.log('App Show')
let that = this;
uni.getStorage({
key: 'openId',
success(e) {
if (e.data) {
that.globalData.openId = e.data;
}
}
})
uni.getStorage({
key: 'user',
success(e) {
if (e.data) {
that.globalData.userInfo = e.data;
}
}
})
uni.getStorage({
key: 'token',
success(e) {
if (e.data) {
that.globalData.token = e.data;
}
}
})
}, },
onHide: function() { onHide: function() {
console.log('App Hide') console.log('App Hide')

53
Utils/Api.js
Unescape View File

@ -3,23 +3,58 @@ import {
} from './Request.js'; } from './Request.js';
let app = getApp(); let app = getApp();
let base = app.globalData.url; let base = app.globalData.url;
let grabase = app.globalData.graurl;
// 门店详情 // 门店详情
export const getQrCodeDetail = params => { export const getQrCodeDetail = params => {
return POST('POST', `${base}/payQrCode/getQrCodeDetail`, params).then(res => res.data); return POST('POST', `${grabase}/payQrCode/getQrCodeDetail`, params).then(res => res.data);
} }
//银行卡识别 //银行卡识别
export const recognizeBankCard = params => { export const recognizeBankCard = params => {
return POST('GET', `${base}/ocr/recognizeBankCard`, params).then(res => res.data); return POST('GET', `${grabase}/ocr/recognizeBankCard`, params).then(res => res.data);
} }
//H5 code 转化openid
export const getAccessToken = params => {
return POST('GET', `${base}/wechat/getAccessToken`, params).then(res => res.data);
}
//创建 JSAPI 订单 //创建 JSAPI 订单
export const createJSAPIOrder = params => { export const createJSAPIOrder = params => {
return POST('POST', `${base}/tradeOrder/createJSAPIOrder`, params).then(res => res.data); return POST('POST', `${grabase}/tradeOrder/createJSAPIOrder`, params).then(res => res.data);
} }
// 支付 JSAPI 订单 // 支付 JSAPI 订单
export const jsapiPay = params => { export const jsapiPay = params => {
return POST('POST', `${base}/pay/jsapiPay`, params).then(res => res.data); return POST('POST', `${grabase}/pay/jsapiPay`, params).then(res => res.data);
}
//计算价格
export const calculation = params => {
return POST('GET', `${grabase}/tradeOrder/calculation`, params).then(res => res.data);
}
//H5 code 转化openid
export const getH5AccessToken = params => {
return POST('GET', `${base}/wechat/getH5AccessToken`, params).then(res => res.data);
}
//获取登录验证码
export const getLoginSMSCode = params => {
return POST('POST', `${base}/sms/getLoginSMSCode`, params).then(res => res.data);
}
//手机号登录
export const phone = params => {
return POST('POST', `${base}/login/phone`, params).then(res => res.data);
}
//获取用户积分余额
export const getUserAccount = params => {
return POST('POST', `${base}/getUserAccount`, params).then(res => res.data);
}
//退出登录
export const loginout = params => {
return POST('POST', `${base}/login/out`, params).then(res => res.data);
}
//获取用户信息
export const getUserDetail = params => {
return POST('POST', `${base}/getUserDetail`, params).then(res => res.data);
}
//查询优惠券
export const queryUserDiscountList = params => {
return POST('GET', `${base}/discount/queryUserDiscountList`, params).then(res => res.data);
} }

4
manifest.json
Unescape View File

@ -1,5 +1,5 @@
{ {
"name" : "scan-pay-h5", "name" : "惠支付",
"appid" : "__UNI__BEFC310", "appid" : "__UNI__BEFC310",
"description" : "", "description" : "",
"versionName" : "1.0.0", "versionName" : "1.0.0",
@ -74,7 +74,7 @@
"mode" : "hash", "mode" : "hash",
"base" : "/scanPay" "base" : "/scanPay"
}, },
"title" : "支付", "title" : "惠支付",
"devServer" : { "devServer" : {
"https" : false "https" : false
} }

20
pages.json
Unescape View File

@ -1,17 +1,29 @@
{ {
"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
{ {
"path": "pages/index/index", "path": "pages/welcome/welcome",
"style": { "style": {
"navigationBarTextStyle": "white", "navigationBarTitleText": "",
"navigationBarTitleText": "首页", "enablePullDownRefresh": false,
"onReachBottomDistance": 50,
"app-plus": { "app-plus": {
"titleNView": false, //禁用原生导航栏 "titleNView": false, //禁用原生导航栏
"softinputNavBar": "none" "softinputNavBar": "none"
} }
} }
}, {
"path": "pages/index/index",
"style": {
"navigationBarTextStyle": "white",
"navigationBarTitleText": "首页",
"onReachBottomDistance": 50,
"app-plus": {
"titleNView": false, //禁用原生导航栏
"softinputNavBar": "none"
}
}
} }
], ],
"globalStyle": { "globalStyle": {
"navigationBarTextStyle": "black", "navigationBarTextStyle": "black",

499
pages/index/index.vue
Unescape View File

@ -1,7 +1,7 @@
<template> <template>
<view> <view>
<view class="width100 height220 backcor008"> <view class="width100 height220 backcor008">
<view class="paddtop40 font24 fcorfff fotct fontlet">{{storeList.storeName}}</view> <view class="paddtop40 font24 fcorfff fotct fontlet">{{storeList.qrCode.storeName}}</view>
<view class="paddtop25 font14 fcorfff fotct fontlet">-请输入金额-</view> <view class="paddtop25 font14 fcorfff fotct fontlet">-请输入金额-</view>
<view class="idcard fcorfff font40 fontlet"> <view class="idcard fcorfff font40 fontlet">
{{plateNumberStr==''?'¥0.00':'¥'+plateNumberStr}} {{plateNumberStr==''?'¥0.00':'¥'+plateNumberStr}}
@ -11,17 +11,37 @@
<!-- 商家优惠 --> <!-- 商家优惠 -->
<view class="height50 width100 mart10 backcorfff"> <view class="height50 width100 mart10 backcorfff">
<view class="width50 flleft fcor666 font16 alijusstart" style="padding-left: 5%;"> <view class="width50 flleft fcor666 font16 alijusstart" style="padding-left: 5%;">
商家优惠 门店优惠
</view> </view>
<view class="width40 flright fotrt paddtright15 font15 fcor666 alijusend" style="align-items: center;"> <view class="width40 flright fotrt paddtright15 font15 fcoreb5 alijusend" style="align-items: center;"
商家优惠活动 v-if="storeList.discountActivity.discountType == 1">
满{{storeList.discountActivity.discountCondition}}元减{{storeList.discountActivity.discountPrice}}元
</view>
<view class="width40 flright fotrt paddtright15 font15 fcoreb5 alijusend" style="align-items: center;"
v-if="storeList.discountActivity.discountType == 2">
全场立减{{storeList.discountActivity.discountPrice}}
</view>
<view class="width40 flright fotrt paddtright15 font15 fcoreb5 alijusend" style="align-items: center;"
v-if="storeList.discountActivity.discountType == 3">
全场打{{storeList.discountActivity.discountPrice}}折
</view> </view>
</view> </view>
<view class="width90 line1 mart5 marb5"></view> <view class="width90 line1 mart5 marb5"></view>
<!-- 积分抵扣 --> <!-- 积分抵扣 -->
<view class="fotct mart10 fcor666 font14 fontspec" style="margin-left: 30%;">抵扣金额 : ¥{{priceValue[1] / 10 /10}} <!-- <view class="height50 width100 backcorfff" v-if="!user" @click="showPopuplogin()">
<view class="width30 flleft fcor666 font16 alijusstart" style="padding-left: 5%;">
积分抵扣
</view>
<view class="width60 flright fotrt paddtright15 font15 fcor666 alijun" style="align-items: center;">
登陆查可用抵扣积分
<image style="width: 40rpx;height: 40rpx;" src="../../static/jt.png"></image>
</view>
</view> </view>
<view class="width90 alicntend"> <view class="width90 line1 mart10 marb5" v-if="!user"></view>
<view class="fotct mart10 fcor666 font14 fontspec" style="margin-left: 30%;" v-if="user">抵扣金额 :
¥{{priceValue[1] / 10 /10}}
</view>
<view class="width90 alicntend" v-if="user">
<view class="width30 font16 fcor666 alijusstart"> <view class="width30 font16 fcor666 alijusstart">
积分抵扣 积分抵扣
</view> </view>
@ -30,25 +50,31 @@
<cj-slider style="width: 60%;margin: 0px;" :disabled="cjstu" v-if="isDiscount" v-model="priceValue" <cj-slider style="width: 60%;margin: 0px;" :disabled="cjstu" v-if="isDiscount" v-model="priceValue"
:min="0" :max="20000" :step="100" :blockWidth="40" @start="blockStart" @moving="blockMoving" :min="0" :max="20000" :step="100" :blockWidth="40" @start="blockStart" @moving="blockMoving"
@end="blockEnd" /> @end="blockEnd" />
<view class="flright fotrt font14 fcor666" style="width: 25%;">20000</view> <view class="flright fotrt font14 fcor666" style="width: 25%;">{{priceValue[1]}}</view>
</view> </view>
</view> </view>
<view class="width90 line1 mart15 marb5"></view> <view class="width90 line1 mart15 marb5" v-if="user"></view> -->
<!-- 优惠券抵扣 --> <!-- 优惠券抵扣 -->
<view class="height50 width100 backcorfff" @click="showPopup()"> <view class="height50 width100 backcorfff">
<view class="width50 flleft fcor666 font16 alijusstart" style="padding-left: 5%;"> <view class="width30 flleft fcor666 font16 alijusstart" style="padding-left: 5%;">
优惠券抵扣 优惠券抵扣
</view> </view>
<!-- <view class="width40 flright fotrt paddtright10 font15 fontwig6 fcor666 alijun" <view class="width40 flright fotrt paddtright10 font15 fontwig6 fcor666 alijun" style="align-items: center;"
style="align-items: center;" v-if="deductionPrice == 0"> v-if="deductionPrice == 0 && user" @click="showPopup()">
未使用 未使用
<image style="width: 40rpx;height: 40rpx;" src="../../static/img/jt.png"></image> <image style="width: 40rpx;height: 40rpx;" src="../../static/jt.png"></image>
</view> --> </view>
<view class="width40 flright fotrt paddtright15 font15 fcor666 alijun" style="align-items: center;"> <view class="width60 flright fotrt paddtright15 font15 fcor666 alijun" style="align-items: center;"
v-if="deductionPrice != 0 && user" @click="showPopup()">
暂无优惠券 暂无优惠券
<image style="width: 40rpx;height: 40rpx;" src="../../static/jt.png"></image> <image style="width: 40rpx;height: 40rpx;" src="../../static/jt.png"></image>
</view> </view>
<view class="width60 flright fotrt paddtright15 font15 fcor666 alijun" style="align-items: center;"
v-if="!user" @click="showPopuplogin()">
登陆查看可享用优惠券
<image style="width: 40rpx;height: 40rpx;" src="../../static/jt.png"></image>
</view>
</view> </view>
<view class="width90 line1 mart10 marb5"></view> <view class="width90 line1 mart10 marb5"></view>
<!-- //待支付 --> <!-- //待支付 -->
@ -94,15 +120,32 @@
<view v-if="discountList == ''" class="mart60 fotct font14 fcor666"> <view v-if="discountList == ''" class="mart60 fotct font14 fcor666">
<image mode="widthFix" style="width: 50vw;" src="../../static/noorder.png"></image> <image mode="widthFix" style="width: 50vw;" src="../../static/noorder.png"></image>
</view> </view>
<view class="width90 height40 tccs mart10 couts" v-for="(items, index) in discountList" :key="items" <view class="width90 height40 tccs mart20 couts" v-for="(discout, index) in discountList" :key="index"
@click="radioChanges(items)"> @click="radioChanges(discout)">
<view class="margle20"> <view class="margle20">
<view class="yhprice"> <view class="yhprice">
<radio :checked="items.id == memDiscountId.indexOf(items.id)" color="#0083f5" /> <radio :checked="discout.id == memDiscountId.indexOf(discout.id)" color="#0083f5" />
</view> </view>
<view class="font16 fontwig6 fcor333 text1">{{item.name}}</view> <view class="font16 fontwig6 fcor333 text1">{{discout.discountName}}</view>
</view>
</view>
</wybPopup>
<wybPopup ref="popups" type="center" height="850" width="600" bgColor="" radius="20" :showCloseIcon="false">
<!-- <image class="popImg" :src="imagewxUrl+imgadres3" @click="jumpWeb"></image> -->
<!-- <view class="width100 backcorfff" style="height: 400px;"> -->
<view class="form re">
<view class="username">
<view class="get-code" style="color: #676767;" @click.stop="getCode()">{{getCodeText}}</view>
<input placeholder="请输入手机号" v-model="phoneNumber" placeholder-style="color: #676767;" />
</view>
<view class="code mart30">
<input placeholder="请输入验证码" v-model="code" placeholder-style="color: #676767;" />
</view> </view>
<view class="btn mart30" @tap="doReg">立即登录</view>
</view> </view>
<!-- </view> -->
</wybPopup> </wybPopup>
</view> </view>
</template> </template>
@ -113,9 +156,14 @@
import wybPopup from '../../components/wyb-popup/wyb-popup.vue'; import wybPopup from '../../components/wyb-popup/wyb-popup.vue';
import { import {
getQrCodeDetail, getQrCodeDetail,
getAccessToken, getH5AccessToken,
createJSAPIOrder, createJSAPIOrder,
jsapiPay jsapiPay,
getLoginSMSCode,
phone,
getUserAccount,
queryUserDiscountList,
calculation
} from '../../Utils/Api.js'; } from '../../Utils/Api.js';
// #ifdef H5 // #ifdef H5
var jweixin = require('jweixin-module'); var jweixin = require('jweixin-module');
@ -131,13 +179,13 @@
data() { data() {
return { return {
plateNumberList: [], plateNumberList: [],
length: 4, length: 6,
inputPrice: '', //输入金额
discountPrice: 0, //优惠金额 discountPrice: 0, //优惠金额
inputPrice: '', //输入金额
payPrice: 0, //支付金额 payPrice: 0, //支付金额
reNum: 0, // 是否重复 reNum: 0, // 是否重复
priceValue: [0, 20000], // 可以指定默认值 priceValue: [0, 0], // 可以指定默认值
discountList: [], //优惠券数据 discountList: '', //优惠券数据
memDiscountId: [], //选择中的值 memDiscountId: [], //选择中的值
numKeybordList: [ numKeybordList: [
[1, 2, 3], [1, 2, 3],
@ -153,81 +201,266 @@
suNo: '', //sn号 suNo: '', //sn号
storeList: '', //门店信息 storeList: '', //门店信息
isDiscount: true, isDiscount: true,
user: '', //用户信息
deductionPrice: '0.00', //优惠券抵扣
//一键登陆
phoneNumber: "",
code: '',
getCodeText: '获取验证码',
getCodeBtnColor: "#ffffff",
getCodeisWaiting: false,
} }
}, },
mounted() { mounted() {
// this.openKeyBoard('number'); // this.openKeyBoard('number');
}, },
onLoad: function() { onLoad: function() {
var arr1 = window.location.href; // var arr1 = window.location.href;
var arr2 = arr1.split('='); // var arr2 = arr1.split('=');
if (arr2[1].length == 12) { // if (arr2[1].length == 12) {
var arr3 = arr2[1].split('#/'); // var arr3 = arr2[1].split('#/');
app.globalData.snNo = arr3[0]; // app.globalData.snNo = arr3[0];
uni.setStorage({ // uni.setStorage({
key: "snNumber", // key: "snNumber",
data: arr3[0] // data: arr3[0]
}) // })
this.jumpWeb(); // this.jumpWeb();
} else { // } else {
var arr4 = arr2[1].split('&'); // let that = this;
app.globalData.code = arr4[0]; // var arr4 = arr2[2].split('&');
let that = this; // app.globalData.code = arr4[0];
uni.getStorage({ // uni.getStorage({
key: 'snNumber', // key: 'snNumber',
success(e) { // success(e) {
app.globalData.snNo = e.data; // app.globalData.snNo = e.data;
that.getQrCodeDetail(); // that.getQrCodeDetail();
} // }
}) // })
// }
// if (app.globalData.code) {
// this.getH5AccessToken();
// }
if (app.globalData.snNo) {
this.getQrCodeDetail();
} }
if (app.globalData.code) { if (app.globalData.userInfo) {
this.getAccessToken(); this.user = app.globalData.userInfo;
this.getUserAccount();
this.queryUserDiscountList();
} }
// if (app.globalData.snNo) {
// this.getQrCodeDetail();
// }
}, },
computed: { computed: {
//获取输入金额值 //获取输入金额值
plateNumberStr() { plateNumberStr() {
let str = ''; let str = '';
let parice = '';
this.plateNumberList.forEach(item => { this.plateNumberList.forEach(item => {
str += item.toString(); str += item.toString();
}) })
this.payPrice = str - (this.priceValue[1] / 10 / 10); parice = str - (this.priceValue[1] / 10 / 10);
if (this.payPrice > 0) { if(str == 0){
this.calculation(0);
}
if(str){
this.calculation(str);
}
if (parice > 0) {
this.cjstu = false; this.cjstu = false;
} else { } else {
this.payPrice = 0; // this.payPrice = 0;
this.priceValue = [0, 0]; this.priceValue = [0, 0];
} }
this.inputPrice = str;
return str; return str;
}, },
}, },
methods: { methods: {
//H5 获取openId Timer() {},
getAccessToken(item) { //发送验证码
getCode() {
uni.hideKeyboard()
if (this.getCodeisWaiting) {
return;
}
if (!(/^1(3|4|5|6|7|8|9)\d{9}$/.test(this.phoneNumber))) {
uni.showToast({
title: '请填写正确手机号码',
icon: "none",
duration: 2000
});
return;
}
uni.showLoading({
title: '发送中...'
})
let params = { let params = {
code: app.globalData.code phone: this.phoneNumber,
}
getLoginSMSCode(params).then(res => {
uni.hideLoading();
if (res.return_code == '000000') {
this.getCodeisWaiting = true;
this.getCodeBtnColor = "rgba(255,255,255,0.5)"
uni.showToast({
title: '验证码已发送',
icon: "none"
});
this.setTimer();
}
})
},
setTimer() {
let holdTime = 60;
this.getCodeText = "重新获取(60)"
this.Timer = setInterval(() => {
if (holdTime <= 0) {
this.getCodeisWaiting = false;
this.getCodeBtnColor = "#ffffff";
this.getCodeText = "获取验证码"
clearInterval(this.Timer);
return;
}
this.getCodeText = "重新获取(" + holdTime + ")"
holdTime--;
}, 1000)
},
//登陆
doReg() {
uni.hideKeyboard();
//模板示例部分验证规则
if (!(/^1(3|4|5|6|7|8|9)\d{9}$/.test(this.phoneNumber))) {
uni.showToast({
title: '请填写正确手机号码',
icon: "none"
});
return false;
}
if (!this.code) {
uni.showToast({
title: '请填写验证码',
icon: "none"
});
return false;
}
uni.showLoading({
title: '提交中...'
})
let params = {
phone: this.phoneNumber,
smsCode: this.code,
"type": "SMS",
"platform": "H5",
}
phone(params).then(res => {
uni.hideLoading();
if (res.return_code == '000000') {
app.globalData.userInfo = res.return_data
.object
.highUser;
app.globalData.token = res.return_data.uniqueCode;
this.user = res.return_data
.object
.highUser;
uni.setStorage({
key: "user",
data: res.return_data
.object
.highUser
})
uni.setStorage({
key: "token",
data: res.return_data.uniqueCode
})
this.$refs.popups.hide();
this.getUserAccount();
} else {
this.showtoastdes = res.return_msg;
uni.showToast({
title: res.return_msg,
icon: "none",
duration: 2000
});
}
})
},
//弹出登陆
showPopuplogin() {
this.$refs.popups.show();
},
//查询积分
getUserAccount() {
getUserAccount().then(res => {
if (res.return_code == '000000') {
this.priceValue[1] = res.return_data.integral;
}
});
},
//查询优惠券
queryUserDiscountList() {
let datas = {
platform: 2,
storeNo: app.globalData.snNo,
status: 1,
pageNum: 1,
pageSize: 9999
} }
getAccessToken(params).then(res => { queryUserDiscountList(datas).then(res => {
if (res.return_code == '000000' && res.return_data.openid) { if (res.return_code == '000000') {
app.globalData.openId = res.return_data.openid; this.discountList = res.return_data.list;
}
});
},
//计算价格
calculation(item) {
let storetype = '';
let storeprice = '';
if (item >= this.storeList.discountActivity.discountCondition && this.storeList.discountActivity.discountType == 1) {
storetype = this.storeList.discountActivity.discountType;
storeprice = this.storeList.discountActivity.discountPrice;
}else{
storetype = this.storeList.discountActivity.discountType;
storeprice = this.storeList.discountActivity.discountPrice;
}
let datas = {
transactionPrice: item,
storeDiscountType: storetype,
storeDiscountPrice: storeprice,
userDiscountType: '',
userDiscountPrice: ''
}
calculation(datas).then(res => {
if (res.return_code == '000000') {
this.payPrice = res.return_data;
} else { } else {
this.jumpWeb(); this.payPrice = 0;
} }
}); });
}, },
//H5 获取openId
// getH5AccessToken(item) {
// let params = {
// code: app.globalData.code
// }
// getH5AccessToken(params).then(res => {
// if (res.return_code == '000000' && res.return_data.openid) {
// app.globalData.openId = res.return_data.openid;
// } else {
// this.jumpWeb();
// }
// });
// },
//查询门店详情 //查询门店详情
getQrCodeDetail() { getQrCodeDetail() {
let datas = { let datas = {
serialNumber: app.globalData.snNo serialNumber: app.globalData.snNo
// 1000017421
} }
getQrCodeDetail(datas).then(res => { getQrCodeDetail(datas).then(res => {
if (res.return_code == '000000') { if (res.return_code == '000000') {
this.storeList = res.return_data.qrCode this.storeList = res.return_data;
} }
}) })
}, },
@ -246,12 +479,11 @@
} else if (userAgent.match(/MicroMessenger/i) == "micromessenger") { } else if (userAgent.match(/MicroMessenger/i) == "micromessenger") {
location.href = location.href =
'https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxa075e8509802f826&redirect_uri=https%3A%2F%2Fpaycs.dctpay.com%2FscanPay%2Findex.html%23%2F&response_type=code&scope=snsapi_base&#wechat_redirect'; 'https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxa075e8509802f826&redirect_uri=https%3A%2F%2Fhsgcs.dctpay.com%2Fgratia-pay-scanPay%2Findex.html%23%2F&response_type=code&scope=snsapi_base&#wechat_redirect';
} }
}, },
//提交支付 //提交支付
confirm() { confirm() {
let lenth = this.plateNumberList.length - 1; let lenth = this.plateNumberList.length - 1;
// if (!this.payPrice) { // if (!this.payPrice) {
// uni.showToast({ // uni.showToast({
@ -287,12 +519,12 @@
this.plateNumberList = []; this.plateNumberList = [];
return; return;
} }
var userAgent = navigator.userAgent.toLowerCase(); // var userAgent = navigator.userAgent.toLowerCase();
if (userAgent.match(/Alipay/i) == "alipay") { // if (userAgent.match(/Alipay/i) == "alipay") {
this.createJSAPIOrder('ALIPAY'); // this.createJSAPIOrder('ALIPAY');
} else if (userAgent.match(/MicroMessenger/i) == "micromessenger") { // } else if (userAgent.match(/MicroMessenger/i) == "micromessenger") {
this.createJSAPIOrder('WECHAT'); this.createJSAPIOrder('WECHAT');
} // }
}, },
// 创建订单 // 创建订单
createJSAPIOrder(item) { createJSAPIOrder(item) {
@ -301,7 +533,7 @@
"qrCodeSN": app.globalData.snNo, "qrCodeSN": app.globalData.snNo,
"payUserId": app.globalData.openId, "payUserId": app.globalData.openId,
"payMode": item, "payMode": item,
"totalAmount": this.payPrice "totalAmount": this.inputPrice
} }
createJSAPIOrder(datas).then(res => { createJSAPIOrder(datas).then(res => {
if (res.return_code == '000000') { if (res.return_code == '000000') {
@ -322,7 +554,7 @@
} }
jsapiPay(datas).then(res => { jsapiPay(datas).then(res => {
if (res.return_code == '000000') { if (res.return_code == '000000') {
this.payRequest(res.return_data.payParam.acc_resp_fields); this.payRequest(res.return_data.payParam);
} else { } else {
uni.showToast({ uni.showToast({
title: res.return_msg, title: res.return_msg,
@ -391,10 +623,10 @@
}) })
jweixin.config({ jweixin.config({
// debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。 // debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: self.app_id, // 必填，公众号的唯一标识 appId: self.appId, // 必填，公众号的唯一标识
timestamp: self.time_stamp, // 必填，生成签名的时间戳 timestamp: self.timeStamp, // 必填，生成签名的时间戳
nonceStr: self.nonce_str, // 必填，生成签名的随机串 nonceStr: self.nonceStr, // 必填，生成签名的随机串
signature: self.sign_type, // 必填，签名，见附录1 signature: self.sign, // 必填，签名，见附录1
jsApiList: ['chooseWXPay'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2 jsApiList: ['chooseWXPay'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
}); });
uni.hideLoading(); uni.hideLoading();
@ -405,14 +637,12 @@
fail: function(res) {} fail: function(res) {}
}); });
jweixin.chooseWXPay({ jweixin.chooseWXPay({
appId: self.app_id, appId: self.appId,
timestamp: self timestamp: self.timeStamp, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
.time_stamp, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符 nonceStr: self.nonceStr, // 支付签名随机串，不长于 32 位
nonceStr: self.nonce_str, // 支付签名随机串，不长于 32 位 package: self.package, // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=***）
package: self signType: self.signType, // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'
.package, // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=***） paySign: self.sign, // 支付签名
signType: self.sign_type, // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'
paySign: self.pay_sign, // 支付签名
success: function(res) { success: function(res) {
// 支付成功后的回调函数 // 支付成功后的回调函数
uni.showToast({ uni.showToast({
@ -432,26 +662,95 @@
}); });
}); });
}, },
//支付宝支付 }
unialiPay() {
// const unipayIns = this.unipay.initAlipay({
// appId: 'your appId',
// mchId: 'your mchId',
// privateKey: 'your privateKey',
// // 如果不使用证书（普通公钥模式）需要alipayPublicKey
// alipayPublicKey: 'you alipayPublicKey', // 使用支付时需传递此值做返回结果验签
// // 如果使用证书需要传alipayRootCertPath、appCertPath、alipayPublicCertPath
// alipayRootCertPath: path.join(__dirname,'../fixtures/alipayRootCert.crt'),
// appCertPath: path.join(__dirname,'../fixtures/appCertPublicKey.crt'),
// alipayPublicCertPath: path.join(__dirname,'../fixtures/alipayCertPublicKey_RSA2.crt'),
// })
}
},
} }
</script> </script>
<style lang="scss"> <style lang="scss">
.form {
width: 100%;
border-radius: 8px;
font-size: 30upx;
position: absolute;
background-color: #FFFFFF;
top: 50px;
.username,
.password,
.code {
width: calc(100% - 90upx);
height: 90upx;
display: flex;
align-items: center;
background-color: rgba($color: #ffffff, $alpha: 0.1);
border-bottom: 1px solid #f6f6f6;
padding: 0 45upx;
// margin-bottom: 80upx;
margin-top: 30px;
input {
width: 60%;
height: 50upx;
font-size: 16px;
color: #333333;
font-weight: blod;
padding-left: 10px;
}
}
.btn {
color: #FFFFFF;
background-color: #0083f5;
width: 80%;
margin-left: 10%;
margin-top: 80rpx;
margin-bottom: 50rpx;
height: 90rpx;
display: flex;
justify-content: center;
align-items: center;
border-radius: 45rpx;
font-size: 28rpx;
}
}
.re {
.username {
position: relative;
.get-code {
position: absolute;
height: 90upx;
display: flex;
align-items: center;
justify-content: center;
right: 0;
padding: 0 40upx;
z-index: 3;
&:after {
content: " ";
width: 1upx;
height: 50upx;
position: absolute;
z-index: 3;
margin-right: 100%;
left: 0;
top: 20upx;
}
}
}
.res {
display: flex;
justify-content: center;
align-items: center;
height: 100upx;
color: rgba($color: #ffffff, $alpha: 0.8);
}
}
.idcard { .idcard {
padding-top: 40rpx; padding-top: 40rpx;
text-align: center; text-align: center;

78
pages/welcome/welcome.vue
Unescape View File

@ -0,0 +1,78 @@
<template>
<view>
</view>
</template>
<script>
import {
getH5AccessToken,
} from '../../Utils/Api.js';
let app = getApp();
export default {
data() {
return {
}
},
onLoad(options) {
var arr1 = window.location.href;
var arr2 = arr1.split('=');
if (arr2[1].length == 12) {
var arr3 = arr2[1].split('#/');
app.globalData.snNo = arr3[0];
uni.setStorage({
key: "snNumber",
data: arr3[0]
})
this.jumpWeb();
} else {
let that = this;
var arr4 = arr2[2].split('&');
app.globalData.code = arr4[0];
uni.getStorage({
key: 'snNumber',
success(e) {
app.globalData.snNo = e.data;
// that.getQrCodeDetail();
}
})
}
if (app.globalData.code) {
this.getH5AccessToken();
}
},
methods: {
//H5 获取openId
getH5AccessToken() {
let params = {
code: app.globalData.code
}
getH5AccessToken(params).then(res => {
if (res.return_code == '000000' && res.return_data.openid) {
app.globalData.openId = res.return_data.openid;
uni.setStorage({
key: "openId",
data: res.return_data.openid
})
uni.reLaunch({
url:'../index/index'
})
} else {
this.jumpcdx();
}
});
},
//重定向方法
jumpWeb() {
location.href =
'https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxa075e8509802f826&redirect_uri=https%3A%2F%2Fhsgcs.dctpay.com%2Fgratia-pay-scanPay%2Findex.html%23%2F&response_type=code&scope=snsapi_base&#wechat_redirect';
},
}
}
</script>
<style>
</style>

BIN
static/noorder.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 37 KiB

After

Width:  |  Height:  |  Size: 29 KiB

Write Preview
Loading…
Cancel
Save