You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
210 lines
5.5 KiB
210 lines
5.5 KiB
<template>
|
|
<view class="content">
|
|
<view class='cell-group margin-cell-group'>
|
|
<view class='cell-item'>
|
|
<view class='cell-item-hd'>
|
|
<view class='cell-hd-title'>订单类型</view>
|
|
</view>
|
|
<view class='cell-item-ft'>
|
|
<text class="cell-ft-p" v-if="type == 1" @click="orderDetail(orderId)">商品订单</text>
|
|
<text class="cell-ft-p" v-if="type == 2" @click="toRecharge()">充值订单</text>
|
|
<text class="cell-ft-p" v-if="type == 5" >快捷下单</text>
|
|
<text class="cell-ft-p" v-if="type == 6" >付款码</text>
|
|
</view>
|
|
</view>
|
|
<view v-if="type == 1">
|
|
<view class='cell-item'>
|
|
<view class='cell-item-hd'>
|
|
<view class='cell-hd-title'>订单编号</view>
|
|
</view>
|
|
<view class='cell-item-ft'>
|
|
<text class="cell-ft-p" @click="orderDetail(orderId)">{{ orderId }}</text>
|
|
</view>
|
|
</view>
|
|
<view class='cell-item'>
|
|
<view class='cell-item-hd'>
|
|
<view class='cell-hd-title'>订单金额</view>
|
|
</view>
|
|
<view class='cell-item-ft'>
|
|
<text class="cell-ft-p red-price">￥{{ orderInfo.payAmount }}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view v-else-if="type == 2">
|
|
<view class='cell-item'>
|
|
<view class='cell-item-hd'>
|
|
<view class='cell-hd-title'>充值金额</view>
|
|
</view>
|
|
<view class='cell-item-ft'>
|
|
<text class="cell-ft-p red-price">￥ {{ recharge }}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- #ifdef H5 -->
|
|
<payments-by-h5
|
|
:orderId="orderId"
|
|
:recharge="recharge"
|
|
:type="type"
|
|
:uid="userInfo.id"
|
|
></payments-by-h5>
|
|
<!-- #endif -->
|
|
|
|
<!-- #ifdef MP-WEIXIN -->
|
|
<payments-by-wx
|
|
:orderId="orderId"
|
|
:recharge="recharge"
|
|
:type="type"
|
|
:uid="userInfo.id"
|
|
></payments-by-wx>
|
|
<!-- #endif -->
|
|
|
|
<!-- #ifdef MP-ALIPAY -->
|
|
<payments-by-ali
|
|
:orderId="orderId"
|
|
:recharge="recharge"
|
|
:type="type"
|
|
:uid="userInfo.id"
|
|
></payments-by-ali>
|
|
<!-- #endif -->
|
|
|
|
<!-- #ifdef APP-PLUS||APP-PLUS-NVUE -->
|
|
<payments-by-app
|
|
:orderId="orderId"
|
|
:recharge="recharge"
|
|
:type="type"
|
|
:uid="userInfo.id"
|
|
></payments-by-app>
|
|
<!-- #endif -->
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
// #ifdef H5
|
|
import paymentsByH5 from '@/components/payments/paymentsByH5.vue'
|
|
// #endif
|
|
|
|
// #ifdef MP-WEIXIN
|
|
import paymentsByWx from '@/components/payments/paymentsByWx.vue'
|
|
// #endif
|
|
|
|
// #ifdef MP-ALIPAY
|
|
import paymentsByAli from '@/components/payments/paymentsByAli.vue'
|
|
// #endif
|
|
|
|
// #ifdef APP-PLUS||APP-PLUS-NVUE
|
|
import paymentsByApp from '@/components/payments/paymentsByApp.vue'
|
|
// #endif
|
|
import mallplusCopyright from '@/components/mall-copyright/mallplusCopyright.vue';
|
|
import Api from '@/common/api';
|
|
|
|
export default {
|
|
|
|
data () {
|
|
return {
|
|
orderId: 0,
|
|
recharge: 0,
|
|
type: 1, // 订单类型 1商品订单 2充值订单
|
|
orderInfo: {}, // 订单详情
|
|
userInfo: {}, // 用户信息
|
|
form_id:0
|
|
}
|
|
},
|
|
|
|
components: {
|
|
// #ifdef H5
|
|
paymentsByH5,
|
|
// #endif
|
|
// #ifdef MP-WEIXIN
|
|
paymentsByWx,
|
|
// #endif
|
|
// #ifdef MP-ALIPAY
|
|
paymentsByAli,
|
|
// #endif
|
|
// #ifdef APP-PLUS||APP-PLUS-NVUE
|
|
paymentsByApp,
|
|
// #endif
|
|
},
|
|
|
|
onLoad (options) {
|
|
this.orderId = options.order_id
|
|
this.recharge = Number(options.recharge)
|
|
this.type = Number(options.type)
|
|
this.form_id = Number(options.form_id)
|
|
|
|
if (this.orderId && this.type == 1) {
|
|
// 商品订单
|
|
this.getOrderInfo()
|
|
} else if (this.recharge && this.type == 2) {
|
|
// 充值订单 获取用户id
|
|
this.getUserInfo()
|
|
} else if (this.form_id && (this.type == 5 || this.type == 6)) {
|
|
// 表单订单 id传到订单上
|
|
this.orderId = ''+this.form_id;
|
|
} else {
|
|
this.$common.errorToShow('订单支付参数错误', () => {
|
|
uni.navigateBack({
|
|
delta: 1
|
|
})
|
|
})
|
|
}
|
|
},
|
|
methods: {
|
|
// 获取订单详情
|
|
async getOrderInfo () {
|
|
|
|
let params = {'id':this.orderId};
|
|
this.orderInfo = await Api.apiCall('get',Api.order.orderDetail,params);
|
|
if(this.orderInfo.pay_status == 2){
|
|
this.$common.redirectTo(
|
|
'/pages/order/payment/result?order_id=' + this.orderInfo.id
|
|
)
|
|
}
|
|
},
|
|
// 获取用户信息
|
|
getUserInfo () {
|
|
this.$api.userInfo({}, res => {
|
|
if (res.code == 200) {
|
|
this.userInfo = res.data
|
|
|
|
} else {
|
|
this.$common.errorToShow(res.msg)
|
|
}
|
|
})
|
|
},
|
|
// 跳转我的余额页面
|
|
toRecharge () {
|
|
this.$common.navigateTo('/pages/member/balance/index')
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
.margin-cell-group{
|
|
margin-bottom: 20upx;
|
|
}
|
|
.cell-hd-title{
|
|
color: #999;
|
|
}
|
|
.payment-method .cell-item-hd{
|
|
min-width: 70upx;
|
|
}
|
|
.payment-method .cell-hd-icon{
|
|
width: 70upx;
|
|
height: 70upx;
|
|
}
|
|
.payment-method .cell-item-bd{
|
|
border-left: 2upx solid #F0F0F0;
|
|
padding-left: 30upx;
|
|
}
|
|
.payment-method .cell-bd-text{
|
|
font-size: 28upx;
|
|
color: #666;
|
|
}
|
|
.payment-method .address{
|
|
font-size: 24upx;
|
|
color: #999;
|
|
}
|
|
</style>
|
|
|