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. 51
      Utils/Api.js
  3. 4
      manifest.json
  4. 12
      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',
userInfo: "",
openId: '',
token: '',
appId: 'wxa075e8509802f826',
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() {
console.log('App Launch');
},
onShow: function() {
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() {
console.log('App Hide')

51
Utils/Api.js
Unescape View File

@ -3,23 +3,58 @@ import {
} from './Request.js';
let app = getApp();
let base = app.globalData.url;
let grabase = app.globalData.graurl;
// 门店详情
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 => {
return POST('GET', `${base}/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);
return POST('GET', `${grabase}/ocr/recognizeBankCard`, params).then(res => res.data);
}
//创建 JSAPI 订单
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 订单
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",
"description" : "",
"versionName" : "1.0.0",
@ -74,7 +74,7 @@
"mode" : "hash",
"base" : "/scanPay"
},
"title" : "支付",
"title" : "惠支付",
"devServer" : {
"https" : false
}

12
pages.json
Unescape View File

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

499
pages/index/index.vue
Unescape View File

@ -1,7 +1,7 @@
<template>
<view>
<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="idcard fcorfff font40 fontlet">
{{plateNumberStr==''?'¥0.00':'¥'+plateNumberStr}}
@ -11,17 +11,37 @@
<!-- 商家优惠 -->
<view class="height50 width100 mart10 backcorfff">
<view class="width50 flleft fcor666 font16 alijusstart" style="padding-left: 5%;">
商家优惠
门店优惠
</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 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 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>
@ -30,25 +50,31 @@
<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"
@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 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="width50 flleft fcor666 font16 alijusstart" style="padding-left: 5%;">
<view class="height50 width100 backcorfff">
<view class="width30 flleft fcor666 font16 alijusstart" style="padding-left: 5%;">
优惠券抵扣
</view>
<!-- <view class="width40 flright fotrt paddtright10 font15 fontwig6 fcor666 alijun"
style="align-items: center;" v-if="deductionPrice == 0">
未使用
<image style="width: 40rpx;height: 40rpx;" src="../../static/img/jt.png"></image>
</view> -->
<view class="width40 flright fotrt paddtright15 font15 fcor666 alijun" style="align-items: center;">
<view class="width40 flright fotrt paddtright10 font15 fontwig6 fcor666 alijun" style="align-items: center;"
v-if="deductionPrice == 0 && user" @click="showPopup()">
未使用
<image style="width: 40rpx;height: 40rpx;" src="../../static/jt.png"></image>
</view>
<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>
</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 class="width90 line1 mart10 marb5"></view>
<!-- //待支付 -->
@ -94,15 +120,32 @@
<view v-if="discountList == ''" class="mart60 fotct font14 fcor666">
<image mode="widthFix" style="width: 50vw;" src="../../static/noorder.png"></image>
</view>
<view class="width90 height40 tccs mart10 couts" v-for="(items, index) in discountList" :key="items"
@click="radioChanges(items)">
<view class="width90 height40 tccs mart20 couts" v-for="(discout, index) in discountList" :key="index"
@click="radioChanges(discout)">
<view class="margle20">
<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 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 class="btn mart30" @tap="doReg">立即登录</view>
</view>
<!-- </view> -->
</wybPopup>
</view>
</template>
@ -113,9 +156,14 @@
import wybPopup from '../../components/wyb-popup/wyb-popup.vue';
import {
getQrCodeDetail,
getAccessToken,
getH5AccessToken,
createJSAPIOrder,
jsapiPay
jsapiPay,
getLoginSMSCode,
phone,
getUserAccount,
queryUserDiscountList,
calculation
} from '../../Utils/Api.js';
// #ifdef H5
var jweixin = require('jweixin-module');
@ -131,13 +179,13 @@
data() {
return {
plateNumberList: [],
length: 4,
inputPrice: '', //输入金额
length: 6,
discountPrice: 0, //优惠金额
inputPrice: '', //输入金额
payPrice: 0, //支付金额
reNum: 0, // 是否重复
priceValue: [0, 20000], // 可以指定默认值
discountList: [], //优惠券数据
priceValue: [0, 0], // 可以指定默认值
discountList: '', //优惠券数据
memDiscountId: [], //选择中的值
numKeybordList: [
[1, 2, 3],
@ -153,81 +201,266 @@
suNo: '', //sn号
storeList: '', //门店信息
isDiscount: true,
user: '', //用户信息
deductionPrice: '0.00', //优惠券抵扣
//一键登陆
phoneNumber: "",
code: '',
getCodeText: '获取验证码',
getCodeBtnColor: "#ffffff",
getCodeisWaiting: false,
}
},
mounted() {
// this.openKeyBoard('number');
},
onLoad: function() {
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 {
var arr4 = arr2[1].split('&');
app.globalData.code = arr4[0];
let that = this;
uni.getStorage({
key: 'snNumber',
success(e) {
app.globalData.snNo = e.data;
that.getQrCodeDetail();
}
})
// 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();
// }
if (app.globalData.snNo) {
this.getQrCodeDetail();
}
if (app.globalData.code) {
this.getAccessToken();
if (app.globalData.userInfo) {
this.user = app.globalData.userInfo;
this.getUserAccount();
this.queryUserDiscountList();
}
// if (app.globalData.snNo) {
// this.getQrCodeDetail();
// }
},
computed: {
//获取输入金额值
plateNumberStr() {
let str = '';
let parice = '';
this.plateNumberList.forEach(item => {
str += item.toString();
})
this.payPrice = str - (this.priceValue[1] / 10 / 10);
if (this.payPrice > 0) {
parice = str - (this.priceValue[1] / 10 / 10);
if(str == 0){
this.calculation(0);
}
if(str){
this.calculation(str);
}
if (parice > 0) {
this.cjstu = false;
} else {
this.payPrice = 0;
// this.payPrice = 0;
this.priceValue = [0, 0];
}
this.inputPrice = str;
return str;
},
},
methods: {
//H5 获取openId
getAccessToken(item) {
Timer() {},
//发送验证码
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 = {
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 = {
code: app.globalData.code
phone: this.phoneNumber,
smsCode: this.code,
"type": "SMS",
"platform": "H5",
}
getAccessToken(params).then(res => {
if (res.return_code == '000000' && res.return_data.openid) {
app.globalData.openId = res.return_data.openid;
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
}
queryUserDiscountList(datas).then(res => {
if (res.return_code == '000000') {
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 {
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() {
let datas = {
serialNumber: app.globalData.snNo
// 1000017421
}
getQrCodeDetail(datas).then(res => {
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") {
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() {
let lenth = this.plateNumberList.length - 1;
// if (!this.payPrice) {
// uni.showToast({
@ -287,12 +519,12 @@
this.plateNumberList = [];
return;
}
var userAgent = navigator.userAgent.toLowerCase();
if (userAgent.match(/Alipay/i) == "alipay") {
this.createJSAPIOrder('ALIPAY');
} else if (userAgent.match(/MicroMessenger/i) == "micromessenger") {
this.createJSAPIOrder('WECHAT');
}
// var userAgent = navigator.userAgent.toLowerCase();
// if (userAgent.match(/Alipay/i) == "alipay") {
// this.createJSAPIOrder('ALIPAY');
// } else if (userAgent.match(/MicroMessenger/i) == "micromessenger") {
this.createJSAPIOrder('WECHAT');
// }
},
// 创建订单
createJSAPIOrder(item) {
@ -301,7 +533,7 @@
"qrCodeSN": app.globalData.snNo,
"payUserId": app.globalData.openId,
"payMode": item,
"totalAmount": this.payPrice
"totalAmount": this.inputPrice
}
createJSAPIOrder(datas).then(res => {
if (res.return_code == '000000') {
@ -322,7 +554,7 @@
}
jsapiPay(datas).then(res => {
if (res.return_code == '000000') {
this.payRequest(res.return_data.payParam.acc_resp_fields);
this.payRequest(res.return_data.payParam);
} else {
uni.showToast({
title: res.return_msg,
@ -391,10 +623,10 @@
})
jweixin.config({
// debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: self.app_id, // 必填，公众号的唯一标识
timestamp: self.time_stamp, // 必填，生成签名的时间戳
nonceStr: self.nonce_str, // 必填，生成签名的随机串
signature: self.sign_type, // 必填，签名，见附录1
appId: self.appId, // 必填，公众号的唯一标识
timestamp: self.timeStamp, // 必填，生成签名的时间戳
nonceStr: self.nonceStr, // 必填，生成签名的随机串
signature: self.sign, // 必填，签名，见附录1
jsApiList: ['chooseWXPay'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
});
uni.hideLoading();
@ -405,14 +637,12 @@
fail: function(res) {}
});
jweixin.chooseWXPay({
appId: self.app_id,
timestamp: self
.time_stamp, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
nonceStr: self.nonce_str, // 支付签名随机串，不长于 32 位
package: self
.package, // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=***）
signType: self.sign_type, // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'
paySign: self.pay_sign, // 支付签名
appId: self.appId,
timestamp: self.timeStamp, // 支付签名时间戳，注意微信jssdk中的所有使用timestamp字段均为小写。但最新版的支付后台生成签名使用的timeStamp字段名需大写其中的S字符
nonceStr: self.nonceStr, // 支付签名随机串，不长于 32 位
package: self.package, // 统一支付接口返回的prepay_id参数值，提交格式如：prepay_id=***）
signType: self.signType, // 签名方式，默认为'SHA1'，使用新版支付需传入'MD5'
paySign: self.sign, // 支付签名
success: function(res) {
// 支付成功后的回调函数
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>
<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 {
padding-top: 40rpx;
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