|
|
@@ -2,37 +2,33 @@
|
|
|
<view class="app">
|
|
|
<view class="price-box">
|
|
|
<text>支付金额</text>
|
|
|
- <text class="price">{{ money.toFixed(2) }}</text>
|
|
|
+ <text class="price">{{ money }}</text>
|
|
|
</view>
|
|
|
<view class="pay-type-list">
|
|
|
+ <!-- #ifndef APP-PLUS -->
|
|
|
<view class="type-item b-b" @click="changePayType(1)">
|
|
|
<text class="icon iconfont iconweixin"></text>
|
|
|
<view class="con">
|
|
|
<text class="tit">微信支付</text>
|
|
|
<text>推荐使用微信支付</text>
|
|
|
</view>
|
|
|
- <label class="radio">
|
|
|
- <radio value="" color="#921a23" :checked="payType == 1"></radio>
|
|
|
- </label>
|
|
|
+ <label class="radio"><radio value="" color="#5dbc7c" :checked="payType == 1"></radio></label>
|
|
|
</view>
|
|
|
+ <!-- #endif -->
|
|
|
<!-- #ifdef APP-PLUS -->
|
|
|
<view class="type-item b-b" @click="changePayType(2)">
|
|
|
<text class="icon iconfont iconzhifubao"></text>
|
|
|
<view class="con"><text class="tit">支付宝支付</text></view>
|
|
|
- <label class="radio">
|
|
|
- <radio value="" color="#921a23" :checked="payType == 2"></radio>
|
|
|
- </label>
|
|
|
+ <label class="radio"><radio value="" color="#5dbc7c" :checked="payType == 2"></radio></label>
|
|
|
</view>
|
|
|
<!-- #endif -->
|
|
|
- <view class="type-item" @click="changePayType(3)">
|
|
|
+ <view class="type-item" @click="changePayType(3)" v-if="isyue == 'false'">
|
|
|
<text class="icon iconfont iconyue"></text>
|
|
|
<view class="con">
|
|
|
<text class="tit">余额支付</text>
|
|
|
<text>可用余额 ¥{{ now_money }}</text>
|
|
|
</view>
|
|
|
- <label class="radio">
|
|
|
- <radio value="" color="#921a23" :checked="payType == 3"></radio>
|
|
|
- </label>
|
|
|
+ <label class="radio"><radio value="" color="#5dbc7c" :checked="payType == 3"></radio></label>
|
|
|
</view>
|
|
|
</view>
|
|
|
<text class="mix-btn" :class="{ clickbg: payLoding }" @click="!payLoding ? confirm() : ''">确认支付</text>
|
|
|
@@ -40,464 +36,417 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- import {
|
|
|
- balance
|
|
|
- } from '@/api/wallet.js';
|
|
|
- import {
|
|
|
- createOrderkey,
|
|
|
- computedOrderkey,
|
|
|
- orderPay
|
|
|
- } from '@/api/order.js';
|
|
|
- import {
|
|
|
- mapState
|
|
|
- } from 'vuex';
|
|
|
- export default {
|
|
|
- data() {
|
|
|
- return {
|
|
|
- payType: 1, //支付类型
|
|
|
- // #ifdef H5
|
|
|
- payName: 'weixin',
|
|
|
- // #endif
|
|
|
- // #ifdef MP-WEIXIN
|
|
|
- payName: 'weixin',
|
|
|
- // #endif
|
|
|
- orderInfo: {},
|
|
|
- money: 0.0, //订单金额
|
|
|
- now_money: 0.0, //余额
|
|
|
- orderKey: '',
|
|
|
- orderId: '', //保存订单id
|
|
|
- payLoding: false, //判断是否支付中
|
|
|
- type: '', //判断是否从订单中进入
|
|
|
- // #ifdef H5
|
|
|
- froms: '', //保存h5中数据来源对象
|
|
|
- // #endif
|
|
|
- pinkid: '', //保存拼团商品id
|
|
|
- store_id: 0,
|
|
|
- point_id: 0,
|
|
|
- shipping_type: 1,
|
|
|
- goodsType: 0,
|
|
|
- };
|
|
|
- },
|
|
|
- computed: {
|
|
|
+import { balance } from '@/api/wallet.js';
|
|
|
+import { createOrderkey, computedOrderkey, orderPay } from '@/api/order.js';
|
|
|
+import { getUserInfo } from '@/api/user.js';
|
|
|
+import { mapState } from 'vuex';
|
|
|
+import { isIOS } from '@/utils/platform.js';
|
|
|
+export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ payType: 1, //支付类型
|
|
|
+ payName: 'weixin',
|
|
|
+ orderInfo: {},
|
|
|
+ money: 0.0, //订单金额
|
|
|
+ now_money: 0.0, //余额
|
|
|
+ orderKey: '',
|
|
|
+ orderId: '', //保存订单id
|
|
|
+ payLoding: false, //判断是否支付中
|
|
|
+ type: '', //判断是否从订单中进入
|
|
|
// #ifdef H5
|
|
|
- ...mapState(['weichatObj'])
|
|
|
+ froms: '', //保存h5中数据来源对象
|
|
|
// #endif
|
|
|
- },
|
|
|
- onLoad(options) {
|
|
|
- if (options.store_id) {
|
|
|
- this.store_id = options.store_id
|
|
|
- }
|
|
|
- if (options.goodstype) {
|
|
|
- this.goodsType = options.goodstype
|
|
|
- console.log(this.goodsType, 'this.goodsTypethis.goodsTypethis.goodsType')
|
|
|
- }
|
|
|
- if (options.type == 1) {
|
|
|
- console.log(options.ordid,options.money,'------------------------')
|
|
|
- this.type = 1;
|
|
|
- this.orderId = options.ordid;
|
|
|
- this.money = options.money*1;
|
|
|
- } else {
|
|
|
- this.orderKey = options.key;
|
|
|
- let prepage = this.$api.prePage();
|
|
|
- computedOrderkey({
|
|
|
- orderkey: this.orderKey,
|
|
|
- couponId: prepage.couponChecked ? prepage.couponChecked.id : '', //优惠券编号
|
|
|
- addressId: prepage.addressData.id, //地址编号
|
|
|
- useIntegral: prepage.checkedPoints ? 1 : 0,
|
|
|
- shipping_type: prepage.shipping_type
|
|
|
- }).then(({
|
|
|
- data
|
|
|
- }) => {
|
|
|
- // 获取支付金额
|
|
|
- console.log(data)
|
|
|
- if (this.shipping_type == 1) { //快递
|
|
|
- this.money = +data.result.pay_price + +data.result.deposit;
|
|
|
- }
|
|
|
- if (this.shipping_type == 2) { //自提
|
|
|
- this.money = +data.result.pay_price + +data.result.deposit - +data.result.pay_postage;
|
|
|
- }
|
|
|
-
|
|
|
- });
|
|
|
+ pinkid: '', //保存拼团商品id
|
|
|
+ isyue: '' //是否开启零钱抵扣
|
|
|
+ };
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ // #ifdef H5
|
|
|
+ ...mapState(['weichatObj'])
|
|
|
+ // #endif
|
|
|
+ },
|
|
|
+ onLoad(options) {
|
|
|
+ this.isyue = options.isyue;
|
|
|
+ this.ispg = uni.getSystemInfoSync().platform;
|
|
|
+ console.log(this.ispg);
|
|
|
+ if (options.type == 1) {
|
|
|
+ this.type = 1;
|
|
|
+ this.orderId = options.ordid;
|
|
|
+ this.money = options.money;
|
|
|
+ } else {
|
|
|
+ this.orderKey = options.key;
|
|
|
+ let prepage = this.$api.prePage();
|
|
|
+ computedOrderkey({
|
|
|
+ orderkey: this.orderKey,
|
|
|
+ couponId: prepage.couponChecked.id, //优惠券编号
|
|
|
+ addressId: prepage.addressData.id, //地址编号
|
|
|
+ useIntegral: prepage.checkedPoints ? 1 : 0,
|
|
|
+ useNowMoney: prepage.checkedYue ? 1 : 0
|
|
|
+ }).then(({ data }) => {
|
|
|
+ // 获取支付金额
|
|
|
+ this.money = data.result.pay_price;
|
|
|
+ });
|
|
|
+ }
|
|
|
+ // 保存pinkid
|
|
|
+ if (options.pinkid) {
|
|
|
+ this.pinkid = options.pinkid;
|
|
|
+ }
|
|
|
+ // 载入余额
|
|
|
+ getUserInfo({}).then(({ data }) => {
|
|
|
+ // 获取余额
|
|
|
+ console.log(data, '123456');
|
|
|
+ this.now_money = data.now_money;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ //选择支付方式
|
|
|
+ changePayType(type) {
|
|
|
+ this.payType = type;
|
|
|
+ if (this.payType == 1) {
|
|
|
+ this.payName = 'weixin';
|
|
|
}
|
|
|
- // 保存pinkid
|
|
|
- if (options.pinkid) {
|
|
|
- this.pinkid = options.pinkid;
|
|
|
+ if (this.payType == 2) {
|
|
|
+ this.payName = 'ali';
|
|
|
}
|
|
|
- if (options.point_id) {
|
|
|
- this.point_id = options.point_id
|
|
|
- console.log(this.point_id, 'this.point_id+++++++++++++')
|
|
|
+ if (this.payType == 3) {
|
|
|
+ this.payName = 'yue';
|
|
|
}
|
|
|
- if (options.shipping_type) {
|
|
|
- this.shipping_type = options.shipping_type
|
|
|
+ if (this.payType == 4) {
|
|
|
+ this.payName = 'brokerage';
|
|
|
}
|
|
|
- // 载入余额
|
|
|
- balance({}).then(({
|
|
|
- data
|
|
|
- }) => {
|
|
|
- // 获取余额
|
|
|
- this.now_money = data.now_money;
|
|
|
- });
|
|
|
},
|
|
|
- methods: {
|
|
|
- //选择支付方式
|
|
|
- changePayType(type) {
|
|
|
- this.payType = type;
|
|
|
- if (this.payType == 1) {
|
|
|
- this.payName = 'weixin';
|
|
|
- }
|
|
|
- if (this.payType == 2) {
|
|
|
- this.payName = 'ali';
|
|
|
- }
|
|
|
- if (this.payType == 3) {
|
|
|
- this.payName = 'yue';
|
|
|
- }
|
|
|
- },
|
|
|
- // 支付金额
|
|
|
- orderMoneyPay() {
|
|
|
- let obj = this;
|
|
|
- orderPay({
|
|
|
- uni: obj.orderId,
|
|
|
+ // 支付金额
|
|
|
+ orderMoneyPay() {
|
|
|
+ let obj = this;
|
|
|
+ console.log(obj.orderId, '编号');
|
|
|
+ orderPay({
|
|
|
+ uni: obj.orderId,
|
|
|
+ // #ifdef H5
|
|
|
+ from: obj.froms ? 'weixin' : 'H5', //来源
|
|
|
+ // #endif
|
|
|
+ // #ifdef MP-WEIXIN
|
|
|
+ from: 'routine', //来源
|
|
|
+ // #endif
|
|
|
+ // #ifdef APP-PLUS
|
|
|
+ from: 'app', //来源
|
|
|
+ // #endif
|
|
|
+ paytype: obj.payName //支付类型 weixin-微信 yue-余额
|
|
|
+ })
|
|
|
+ .then(e => {
|
|
|
+ // 判断是否为余额支付
|
|
|
+ if (obj.payName == 'yue' && e.data.status == 'SUCCESS') {
|
|
|
+ if (e.status == 200) {
|
|
|
+ obj.paySuccessTo();
|
|
|
+ } else {
|
|
|
+ obj.$api.msg(msg);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ //#ifndef APP-PLUS
|
|
|
+ if (obj.payName == 'weixin' || obj.payName == 'routine') {
|
|
|
+ let da = e.data.result.jsConfig;
|
|
|
+ console.log(da, '支付打印');
|
|
|
+ let data = {
|
|
|
+ // #ifdef H5
|
|
|
+ timestamp: da.timestamp,
|
|
|
+ // #endif
|
|
|
+ // #ifdef MP
|
|
|
+ timeStamp: da.timestamp,
|
|
|
+ // #endif
|
|
|
+ nonceStr: da.nonceStr,
|
|
|
+ package: da.package,
|
|
|
+ signType: da.signType,
|
|
|
+ paySign: da.paySign,
|
|
|
+ success: function(res) {
|
|
|
+ obj.paySuccessTo();
|
|
|
+ },
|
|
|
+ fail: e => {
|
|
|
+ console.log(e, '失败');
|
|
|
+ // uni.navigateTo({
|
|
|
+ // url: '/pages/order/order?state=0'
|
|
|
+ // });
|
|
|
+ }
|
|
|
+ };
|
|
|
// #ifdef H5
|
|
|
- from: obj.froms ? 'weixin' : 'H5', //来源
|
|
|
- // #endif
|
|
|
- // #ifdef MP-WEIXIN
|
|
|
- from: 'routine', //来源
|
|
|
- // #endif
|
|
|
- // #ifdef APP-PLUS
|
|
|
- from: 'app', //来源
|
|
|
- // #endif
|
|
|
- paytype: obj.payName //支付类型 weixin-微信 yue-余额
|
|
|
- })
|
|
|
- .then(e => {
|
|
|
- // 判断是否为余额支付
|
|
|
- if (obj.payName == 'yue' && e.data.status == 'SUCCESS') {
|
|
|
- if (e.status == 200) {
|
|
|
+ if (obj.payName == 'weixin') {
|
|
|
+ console.log(obj.money, '支付金额');
|
|
|
+ if (obj.money * 1 == 0) {
|
|
|
obj.paySuccessTo();
|
|
|
} else {
|
|
|
- obj.$api.msg(msg);
|
|
|
- }
|
|
|
- }
|
|
|
- if (obj.payName == 'weixin' || obj.payName == 'routine') {
|
|
|
- let da = e.data.result.jsConfig;
|
|
|
- let data = {
|
|
|
- // #ifdef H5
|
|
|
- timestamp: da.timestamp,
|
|
|
- // #endif
|
|
|
- // #ifdef MP
|
|
|
- timeStamp: da.timestamp,
|
|
|
- // #endif
|
|
|
- nonceStr: da.nonceStr,
|
|
|
- package: da.package,
|
|
|
- signType: da.signType,
|
|
|
- paySign: da.paySign,
|
|
|
- success: function(res) {
|
|
|
- obj.paySuccessTo();
|
|
|
- },
|
|
|
- fail: () => {
|
|
|
- uni.switchTab({
|
|
|
- url: '/pages/cart/cart?state=0'
|
|
|
- });
|
|
|
- }
|
|
|
- };
|
|
|
- // #ifdef H5
|
|
|
- if (obj.payName == 'weixin') {
|
|
|
obj.weichatObj.chooseWXPay(data);
|
|
|
}
|
|
|
- // #endif
|
|
|
- console.log('开始支付')
|
|
|
- // #ifdef MP-WEIXIN
|
|
|
- console.log('MP-WEIXIN++++++++++')
|
|
|
- console.log(obj.payName)
|
|
|
- if (obj.payName == 'weixin') {
|
|
|
- console.log('开始支付')
|
|
|
+ }
|
|
|
+ // #endif
|
|
|
+ // #ifdef MP-WEIXIN
|
|
|
+ if (obj.payName == 'weixin') {
|
|
|
+ if (obj.money * 1 == 0) {
|
|
|
+ obj.paySuccessTo();
|
|
|
+ } else {
|
|
|
wx.requestPayment(data);
|
|
|
-
|
|
|
}
|
|
|
- // #endif
|
|
|
- }
|
|
|
- uni.hideLoading();
|
|
|
- obj.payLoding = false;
|
|
|
- })
|
|
|
- .catch(e => {
|
|
|
- // 支付完成
|
|
|
- obj.payLoding = false;
|
|
|
- console.log(e);
|
|
|
- });
|
|
|
- },
|
|
|
- // 支付成功跳转
|
|
|
- paySuccessTo() {
|
|
|
- uni.hideLoading();
|
|
|
- uni.redirectTo({
|
|
|
- url: '/pages/money/paySuccess?orderid=' + this.orderId + "&mun=" + this.money
|
|
|
- });
|
|
|
- },
|
|
|
- //确认支付
|
|
|
- confirm: async function() {
|
|
|
- let obj = this;
|
|
|
- wx.getSetting({
|
|
|
- withSubscriptions: true,
|
|
|
- success(res) {
|
|
|
- if (res["utyQMQe5vfiJt1CA3-Q3JnGd2_dQ3mdyY0K44Gpaut4"] == "accept") {
|
|
|
- console.log('订阅成功')
|
|
|
-
|
|
|
}
|
|
|
+ // #endif
|
|
|
}
|
|
|
- })
|
|
|
- if (wx.requestSubscribeMessage) {
|
|
|
- wx.requestSubscribeMessage({
|
|
|
- tmplIds: ['utyQMQe5vfiJt1CA3-Q3JnGd2_dQ3mdyY0K44Gpaut4'],
|
|
|
- success(res) {
|
|
|
- console.log(res,'订阅消息')
|
|
|
- },
|
|
|
- fail(err) {
|
|
|
- console.log(err)
|
|
|
- },
|
|
|
- complete() {
|
|
|
-
|
|
|
- // 判断是否余额不足
|
|
|
- if (obj.payName == 'yue' && +obj.now_money < obj.money) {
|
|
|
- uni.showModal({
|
|
|
- title: '提示',
|
|
|
- content: '账户余额不足！',
|
|
|
- showCancel: false,
|
|
|
- success: res => {},
|
|
|
- fail: () => {},
|
|
|
- complete: () => {}
|
|
|
- });
|
|
|
- return;
|
|
|
- }
|
|
|
- uni.showLoading({
|
|
|
- title: '支付中',
|
|
|
- mask: true
|
|
|
- })
|
|
|
- // 支付中
|
|
|
- obj.payLoding = true;
|
|
|
- // #ifdef H5
|
|
|
- // 获取当前是否为微信浏览器
|
|
|
- obj.froms = uni.getStorageSync('weichatBrowser') || '';
|
|
|
- // #endif
|
|
|
- // 判断是否为未支付订单中跳转进入
|
|
|
- if (obj.type != 1) {
|
|
|
- // 初次生成订单
|
|
|
- console.log('初次生成订单')
|
|
|
- obj.firstCreateOrder();
|
|
|
-
|
|
|
- } else {
|
|
|
- // 已经生成订单未支付
|
|
|
- console.log('已经生成订单未支付')
|
|
|
- obj.orderMoneyPay();
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
- } else {
|
|
|
-
|
|
|
- // 判断是否余额不足
|
|
|
- if (obj.payName == 'yue' && +obj.now_money < obj.money) {
|
|
|
- uni.showModal({
|
|
|
- title: '提示',
|
|
|
- content: '账户余额不足！',
|
|
|
- showCancel: false,
|
|
|
- success: res => {},
|
|
|
- fail: () => {},
|
|
|
- complete: () => {}
|
|
|
- });
|
|
|
- return;
|
|
|
- }
|
|
|
- uni.showLoading({
|
|
|
- title: '支付中',
|
|
|
- mask: true
|
|
|
- })
|
|
|
- // 支付中
|
|
|
- obj.payLoding = true;
|
|
|
- // #ifdef H5
|
|
|
- // 获取当前是否为微信浏览器
|
|
|
- obj.froms = uni.getStorageSync('weichatBrowser') || '';
|
|
|
- // #endif
|
|
|
- // 判断是否为未支付订单中跳转进入
|
|
|
- if (obj.type != 1) {
|
|
|
- // 初次生成订单
|
|
|
- console.log('初次生成订单')
|
|
|
- obj.firstCreateOrder();
|
|
|
-
|
|
|
- } else {
|
|
|
- // 已经生成订单未支付
|
|
|
- console.log('已经生成订单未支付')
|
|
|
- obj.orderMoneyPay();
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
- },
|
|
|
- // 初次订单创建
|
|
|
- firstCreateOrder() {
|
|
|
- let obj = this;
|
|
|
- // 获取下单页面数据
|
|
|
- let prepage = obj.$api.prePage();
|
|
|
- console.log(obj.goodsType, 'obj.goodsType+++++++++++++++++++')
|
|
|
- let data = {
|
|
|
- free_check: obj.goodsType == '3' ? '1' : '0',
|
|
|
- real_name: prepage.addressData.real_name, //联系人名称
|
|
|
- phone: prepage.addressData.phone, //联系人号码
|
|
|
- couponId: prepage.couponChecked.id, //优惠券编号
|
|
|
- addressId: prepage.addressData.id, //支付地址id
|
|
|
- useIntegral: prepage.checkedPoints ? 1 : 0, //是否积分抵扣1为是0为否
|
|
|
- payType: obj.payName, //支付类型 weixin-微信 yue-余额
|
|
|
- mark: prepage.desc, //备注
|
|
|
- time_area: prepage.time_area,//配送时间
|
|
|
- // #ifdef H5
|
|
|
- from: obj.froms ? 'weixin' : 'H5', //来源
|
|
|
- // #endif
|
|
|
- // #ifdef MP-WEIXIN
|
|
|
- from: 'routine', //来源
|
|
|
// #endif
|
|
|
- // #ifdef APP-PLUS
|
|
|
- from: 'app', //来源
|
|
|
- // #endif
|
|
|
- shipping_type: this.shipping_type //提货方式 1 快递 2自提
|
|
|
- };
|
|
|
- if (obj.goodsType == '3') {
|
|
|
- data.free_check = '1'
|
|
|
- data.shipping_type = '2'
|
|
|
- } else {
|
|
|
- data.store_id = obj.store_id
|
|
|
- data.point_id = obj.point_id
|
|
|
- }
|
|
|
- console.log(data, '888888888887777777777777')
|
|
|
- // 判断是否拼团商品
|
|
|
- if (obj.pinkid) {
|
|
|
- data.pinkId = obj.pinkid;
|
|
|
- }
|
|
|
- // 生成订单
|
|
|
- createOrderkey(data, obj.orderKey)
|
|
|
- .then(({
|
|
|
- data,
|
|
|
- status,
|
|
|
- msg
|
|
|
- }) => {
|
|
|
- // 判断是否支付失败
|
|
|
- if (data.status == 'ORDER_EXIST') {
|
|
|
- uni.showModal({
|
|
|
- title: '提示',
|
|
|
- content: msg,
|
|
|
- showCancel: false
|
|
|
- });
|
|
|
- uni.hideLoading();
|
|
|
- obj.payLoding = false;
|
|
|
- return;
|
|
|
- }
|
|
|
- // 保存订单号
|
|
|
- obj.orderId = data.result.orderId;
|
|
|
- // 判断是否为余额支付
|
|
|
- if (obj.payName == 'yue') {
|
|
|
- if (status == 200 && data.status == 'SUCCESS') {
|
|
|
+ //#ifdef APP-PLUS
|
|
|
+ if (obj.payName == 'weixin' || obj.payName == 'routine') {
|
|
|
+ let da = e.data.result.jsConfig;
|
|
|
+ console.log('--da--', da);
|
|
|
+ let data = {
|
|
|
+ appid: da.appid,
|
|
|
+ noncestr: da.noncestr,
|
|
|
+ package: da.package,
|
|
|
+ partnerid: da.partnerid,
|
|
|
+ prepayid: da.prepayid,
|
|
|
+ timestamp: da.timestamp,
|
|
|
+ sign: da.sign
|
|
|
+ };
|
|
|
+ console.log('--data--', data);
|
|
|
+ uni.requestPayment({
|
|
|
+ provider: 'wxpay',
|
|
|
+ orderInfo: data,
|
|
|
+ success(res) {
|
|
|
+ console.log(res);
|
|
|
+ uni.showToast({
|
|
|
+ title: '支付成功',
|
|
|
+ duration: 2000
|
|
|
+ });
|
|
|
obj.paySuccessTo();
|
|
|
- } else {
|
|
|
- obj.$api.msg(msg);
|
|
|
+ },
|
|
|
+ fail(res) {
|
|
|
+ console.log(res, '失败');
|
|
|
}
|
|
|
- } else {
|
|
|
- // 立即支付
|
|
|
- obj.orderMoneyPay();
|
|
|
- }
|
|
|
- })
|
|
|
- .catch(e => {
|
|
|
+ });
|
|
|
+ }
|
|
|
+ if (obj.payName == 'ali') {
|
|
|
+ const url = e.data.result.jsConfig;
|
|
|
+ console.log(url, 'url');
|
|
|
+ uni.requestPayment({
|
|
|
+ provider: 'alipay',
|
|
|
+ orderInfo: url,
|
|
|
+ success: res => {
|
|
|
+ console.log(res);
|
|
|
+ uni.showToast({
|
|
|
+ title: '支付成功',
|
|
|
+ duration: 2000
|
|
|
+ });
|
|
|
+ obj.paySuccessTo();
|
|
|
+ },
|
|
|
+ fail: e => {
|
|
|
+ console.log(e);
|
|
|
+ },
|
|
|
+ complete: () => {}
|
|
|
+ });
|
|
|
obj.payLoding = false;
|
|
|
- console.log(e);
|
|
|
- });
|
|
|
- }
|
|
|
- }
|
|
|
- };
|
|
|
-</script>
|
|
|
-
|
|
|
-<style lang="scss">
|
|
|
- .app {
|
|
|
- width: 100%;
|
|
|
- }
|
|
|
-
|
|
|
- .price-box {
|
|
|
- background-color: #fff;
|
|
|
- height: 265upx;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- justify-content: center;
|
|
|
- align-items: center;
|
|
|
- font-size: 28upx;
|
|
|
- color: #909399;
|
|
|
+ }
|
|
|
+ //#endif
|
|
|
+ uni.hideLoading();
|
|
|
+ obj.payLoding = false;
|
|
|
+ })
|
|
|
+ .catch(e => {
|
|
|
+ // 支付完成
|
|
|
+ uni.hideLoading();
|
|
|
+ obj.payLoding = false;
|
|
|
+ console.log(e);
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 支付成功跳转
|
|
|
+ paySuccessTo() {
|
|
|
+ uni.hideLoading();
|
|
|
+ uni.redirectTo({
|
|
|
+ url: '/pages/money/paySuccess?orderid=' + this.orderId
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //确认支付
|
|
|
+ confirm: async function() {
|
|
|
+ let obj = this;
|
|
|
|
|
|
- .price {
|
|
|
- font-size: 50upx;
|
|
|
- color: #303133;
|
|
|
- margin-top: 12upx;
|
|
|
+ // 判断是否余额不足
|
|
|
+ if (obj.payName == 'yue' && +obj.now_money < obj.money) {
|
|
|
+ uni.showModal({
|
|
|
+ title: '提示',
|
|
|
+ content: '账户余额不足！',
|
|
|
+ showCancel: false,
|
|
|
+ success: res => {},
|
|
|
+ fail: () => {},
|
|
|
+ complete: () => {}
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ // 判断是否余额不足
|
|
|
+ uni.showLoading({
|
|
|
+ title: '支付中',
|
|
|
+ mask: true
|
|
|
+ });
|
|
|
+ // 支付中
|
|
|
+ obj.payLoding = true;
|
|
|
+ // #ifdef H5
|
|
|
+ // 获取当前是否为微信浏览器
|
|
|
+ obj.froms = uni.getStorageSync('weichatBrowser') || '';
|
|
|
+ // #endif
|
|
|
+ // 判断是否为未支付订单中跳转进入
|
|
|
+ if (obj.type != 1) {
|
|
|
+ // 初次生成订单
|
|
|
+ obj.firstCreateOrder();
|
|
|
+ } else {
|
|
|
+ // 已经生成订单未支付
|
|
|
+ obj.orderMoneyPay();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 初次订单创建
|
|
|
+ firstCreateOrder() {
|
|
|
+ let obj = this;
|
|
|
+ // 获取下单页面数据
|
|
|
+ let prepage = obj.$api.prePage();
|
|
|
|
|
|
- &:before {
|
|
|
- content: '￥';
|
|
|
- font-size: 40upx;
|
|
|
+ let data = {
|
|
|
+ real_name: prepage.addressData.real_name, //联系人名称
|
|
|
+ phone: prepage.addressData.phone, //联系人号码
|
|
|
+ couponId: prepage.couponChecked.id, //优惠券编号
|
|
|
+ addressId: prepage.addressData.id, //支付地址id
|
|
|
+ useIntegral: prepage.checkedPoints ? 1 : 0, //是否积分抵扣1为是0为否
|
|
|
+ useNowMoney: prepage.checkedYue ? 1 : 0, //是否余额抵扣
|
|
|
+ payType: obj.payName, //支付类型 weixin-微信 yue-余额
|
|
|
+ mark: prepage.desc, //备注
|
|
|
+ // #ifdef H5
|
|
|
+ from: obj.froms ? 'weixin' : 'H5', //来源
|
|
|
+ // #endif
|
|
|
+ // #ifdef MP-WEIXIN
|
|
|
+ from: 'routine', //来源
|
|
|
+ // #endif
|
|
|
+ // #ifdef APP-PLUS
|
|
|
+ from: 'app', //来源
|
|
|
+ // #endif
|
|
|
+ shipping_type: 1 //提货方式 1 快递 2自提
|
|
|
+ };
|
|
|
+ // 判断是否拼团商品
|
|
|
+ if (obj.pinkid) {
|
|
|
+ data.pinkId = obj.pinkid;
|
|
|
}
|
|
|
+ console.log(data, '订单参数', obj.orderKey, '订单key');
|
|
|
+ // 生成订单
|
|
|
+ createOrderkey(data, obj.orderKey)
|
|
|
+ .then(({ data, status, msg }) => {
|
|
|
+ console.log(data, '生成订单');
|
|
|
+ // 判断是否支付失败
|
|
|
+ if (data.status == 'ORDER_EXIST') {
|
|
|
+ uni.showModal({
|
|
|
+ title: '提示',
|
|
|
+ content: msg,
|
|
|
+ showCancel: false
|
|
|
+ });
|
|
|
+ uni.hideLoading();
|
|
|
+ obj.payLoding = false;
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ // 保存订单号
|
|
|
+ obj.orderId = data.result.orderId;
|
|
|
+ // 判断是否为余额支付
|
|
|
+ if (obj.payName == 'yue') {
|
|
|
+ if (status == 200) {
|
|
|
+ obj.paySuccessTo();
|
|
|
+ } else {
|
|
|
+ obj.$api.msg(msg);
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ // 立即支付
|
|
|
+ obj.orderMoneyPay();
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .catch(e => {
|
|
|
+ uni.hideLoading();
|
|
|
+ obj.payLoding = false;
|
|
|
+ console.log(e, '123456789');
|
|
|
+ });
|
|
|
}
|
|
|
}
|
|
|
+};
|
|
|
+</script>
|
|
|
|
|
|
- .pay-type-list {
|
|
|
- margin-top: 20upx;
|
|
|
- background-color: #fff;
|
|
|
- padding-left: 60upx;
|
|
|
-
|
|
|
- .type-item {
|
|
|
- height: 120upx;
|
|
|
- padding: 20upx 0;
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
- padding-right: 60upx;
|
|
|
- font-size: 30upx;
|
|
|
- position: relative;
|
|
|
- }
|
|
|
-
|
|
|
- .icon {
|
|
|
- width: 100upx;
|
|
|
- font-size: 52upx;
|
|
|
- }
|
|
|
-
|
|
|
- .iconyue {
|
|
|
- color: #fe8e2e;
|
|
|
- }
|
|
|
-
|
|
|
- .iconweixin {
|
|
|
- color: #36cb59;
|
|
|
- }
|
|
|
-
|
|
|
- .iconzhifubao {
|
|
|
- color: #01aaef;
|
|
|
- }
|
|
|
+<style lang="scss">
|
|
|
+.app {
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
|
|
|
- .tit {
|
|
|
- font-size: $font-lg;
|
|
|
- color: $font-color-dark;
|
|
|
- margin-bottom: 4upx;
|
|
|
- }
|
|
|
+.price-box {
|
|
|
+ background-color: #fff;
|
|
|
+ height: 265upx;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ font-size: 28upx;
|
|
|
+ color: #909399;
|
|
|
|
|
|
- .con {
|
|
|
- flex: 1;
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- font-size: $font-sm;
|
|
|
- color: $font-color-light;
|
|
|
+ .price {
|
|
|
+ font-size: 50upx;
|
|
|
+ color: #303133;
|
|
|
+ margin-top: 12upx;
|
|
|
+ &:before {
|
|
|
+ content: '￥';
|
|
|
+ font-size: 40upx;
|
|
|
}
|
|
|
}
|
|
|
+}
|
|
|
|
|
|
- .mix-btn {
|
|
|
+.pay-type-list {
|
|
|
+ margin-top: 20upx;
|
|
|
+ background-color: #fff;
|
|
|
+ padding-left: 60upx;
|
|
|
+ .type-item {
|
|
|
+ height: 120upx;
|
|
|
+ padding: 20upx 0;
|
|
|
display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
align-items: center;
|
|
|
- justify-content: center;
|
|
|
- width: 630upx;
|
|
|
- height: 80upx;
|
|
|
- margin: 80upx auto 30upx;
|
|
|
- font-size: $font-lg;
|
|
|
- color: #fff;
|
|
|
- background-color: $base-color;
|
|
|
- border-radius: 10upx;
|
|
|
- /* box-shadow: 1px 2px 5px rgba(219, 63, 96, 0.4); */
|
|
|
+ padding-right: 60upx;
|
|
|
+ font-size: 30upx;
|
|
|
+ position: relative;
|
|
|
}
|
|
|
|
|
|
- .clickbg {
|
|
|
- background-color: $color-gray !important;
|
|
|
+ .icon {
|
|
|
+ width: 100upx;
|
|
|
+ font-size: 52upx;
|
|
|
+ }
|
|
|
+ .iconweixin1 {
|
|
|
+ color: #ff0000;
|
|
|
+ }
|
|
|
+ .iconyue {
|
|
|
+ color: #fe8e2e;
|
|
|
+ }
|
|
|
+ .iconweixin {
|
|
|
+ color: #36cb59;
|
|
|
}
|
|
|
+ .iconzhifubao {
|
|
|
+ color: #01aaef;
|
|
|
+ }
|
|
|
+ .tit {
|
|
|
+ font-size: $font-lg;
|
|
|
+ color: $font-color-dark;
|
|
|
+ margin-bottom: 4upx;
|
|
|
+ }
|
|
|
+ .con {
|
|
|
+ flex: 1;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ font-size: $font-sm;
|
|
|
+ color: $font-color-light;
|
|
|
+ }
|
|
|
+}
|
|
|
+.mix-btn {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ width: 630upx;
|
|
|
+ height: 80upx;
|
|
|
+ margin: 80upx auto 30upx;
|
|
|
+ font-size: $font-lg;
|
|
|
+ color: #fff;
|
|
|
+ background-color: $base-color;
|
|
|
+ border-radius: 10upx;
|
|
|
+ /* box-shadow: 1px 2px 5px rgba(219, 63, 96, 0.4); */
|
|
|
+}
|
|
|
+
|
|
|
+.clickbg {
|
|
|
+ background-color: $color-gray !important;
|
|
|
+}
|
|
|
</style>
|
