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.
274 lines
7.8 KiB
274 lines
7.8 KiB
<template>
|
|
<view>
|
|
<view id="store-success" v-if="init">
|
|
<!-- <view class="pay-status pay-error mx-1px-bottom" wx:if="{{!isOK}}">
|
|
支付失败
|
|
</view>-->
|
|
<view v-if="!isOK">
|
|
<view class="pay-status pay-error">
|
|
支付失败
|
|
</view>
|
|
<view class="pay-txt">
|
|
如已支付成功，请联系客服
|
|
</view>
|
|
</view>
|
|
|
|
<view v-if="isOK">
|
|
<view class="pay-status pay-ok">
|
|
支付成功
|
|
</view>
|
|
<view class="pay-txt">
|
|
支付成功，查看订单详情
|
|
</view>
|
|
</view>
|
|
<view class="button-box">
|
|
<view class="btn left-btn" @tap="queryOrderType" v-if="!isOK && errCount == 1">重新查询</view>
|
|
<view class="btn rigth-box">
|
|
<view v-if="info.order.type==10" @tap="jump">查看拼团</view>
|
|
<view v-else @tap="jump">查看订单</view>
|
|
</view>
|
|
</view>
|
|
<block v-if="isOK">
|
|
<view class="order-info">
|
|
<view class="order-money mx-1px-bottom">
|
|
<view class="left">
|
|
付款金额
|
|
</view>
|
|
<view class="right">
|
|
￥{{info.order.total_yuan}}
|
|
</view>
|
|
</view>
|
|
|
|
<view class="info-list">
|
|
<view class="order-item">
|
|
<view class="item-left">
|
|
订单编号
|
|
</view>
|
|
<view class="item-right">
|
|
{{info.order.order_no}}
|
|
</view>
|
|
</view>
|
|
<view class="order-item">
|
|
<view class="item-left">
|
|
订单时间
|
|
</view>
|
|
<view class="item-right">
|
|
{{info.order.submit_time}}
|
|
</view>
|
|
</view>
|
|
<view class="order-item">
|
|
<view class="item-left">
|
|
订单状态
|
|
</view>
|
|
<view class="item-right">
|
|
支付成功
|
|
</view>
|
|
</view>
|
|
<view class="order-item">
|
|
<view class="item-left">
|
|
消耗积分
|
|
</view>
|
|
<view class="item-right">
|
|
{{info.pointInfo.pointUsed}}积分
|
|
</view>
|
|
</view>
|
|
<view class="order-item">
|
|
<view class="item-left">
|
|
获得积分
|
|
</view>
|
|
<view class="item-right">
|
|
{{info.pointInfo.pointAdded}}积分
|
|
</view>
|
|
</view>
|
|
<view class="order-item">
|
|
<view class="item-left">
|
|
当前积分
|
|
</view>
|
|
<view class="item-right">
|
|
{{info.pointInfo.pointTotal}}积分
|
|
</view>
|
|
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
</block>
|
|
|
|
<!-- <view class="button-box">
|
|
<button type="primary" style="background: {{config.mainColor}}" type="primary" bindtap="jump" wx:if="{{info.order.type==10}}">查看拼团详情</button>
|
|
<button type="primary" style="background: {{config.mainColor}}" type="primary" bindtap="jump" wx:else>查看订单详情</button>
|
|
<!–<button type="default">查看积分</button>–>
|
|
</view>-->
|
|
|
|
</view>
|
|
</view>
|
|
|
|
</template>
|
|
<script>
|
|
import {pageLogin, getUrl,config,is} from '@/common/js/utils.js';
|
|
|
|
export default {
|
|
data() {
|
|
return {
|
|
info: {},
|
|
order_no: '',
|
|
isOK: true,
|
|
config: '',
|
|
errCount: 0,
|
|
formId: '',
|
|
accountInfo: '',
|
|
init:false
|
|
};
|
|
},
|
|
|
|
onLoad(e) {
|
|
|
|
var gbConfig = this.$cookieStorage.get('globalConfig') || '';
|
|
this.config = gbConfig;
|
|
this. order_no = e.order_no;
|
|
this.amount = e.amount;
|
|
this.channel = e.channel;
|
|
this.formId = e.formId || '';
|
|
|
|
if (!e.order_no) {
|
|
wx.showModal({
|
|
content: '订单参数错误',
|
|
showCancel: false
|
|
});
|
|
return;
|
|
}
|
|
|
|
wx.showLoading();
|
|
pageLogin(getUrl(), () => {
|
|
setTimeout(() => {
|
|
this.queryOrderType(e.order_no);
|
|
}, 500);
|
|
});
|
|
},
|
|
|
|
components: {},
|
|
props: {},
|
|
methods: {
|
|
jump() {
|
|
if (this.info.order && this.info.order.type == 10) {
|
|
wx.redirectTo({
|
|
url: '/pages/store/collage/collage?multi_groupon_item_id=' + this.info.order.multiGroupon.multi_groupon_items_id
|
|
});
|
|
} else {
|
|
wx.redirectTo({
|
|
url: '/pages/order/detail/detail?no=' + this.order_no,
|
|
fail: err => {
|
|
wx.showModal({
|
|
content: '错误，返回首页后重试',
|
|
showCancel: false
|
|
});
|
|
}
|
|
});
|
|
}
|
|
},
|
|
|
|
queryOrderType(no) {
|
|
wx.showLoading();
|
|
var token = this.$cookieStorage.get('user_token');
|
|
this.$http.post({
|
|
api: 'api/shopping/order/paid',
|
|
header: {
|
|
Authorization: token
|
|
},
|
|
data: {
|
|
order_no: this.order_no,
|
|
amount: this.amount,
|
|
channel: this.channel,
|
|
form_id: this.formId
|
|
}
|
|
}).then(res => {
|
|
if (res.statusCode == 200) {
|
|
wx.hideLoading();
|
|
res = res.data;
|
|
|
|
if (res && res.status && res.data.order && res.data.order.pay_status) {
|
|
this.info = res.data;
|
|
this.isOK = true;
|
|
} else {
|
|
this.isOK = false;
|
|
wx.showModal({
|
|
content: res.message || "订单支付失败",
|
|
showCancel: false,
|
|
success: res => {
|
|
if (res.confirm && this.errCount == 2) {
|
|
wx.switchTab({
|
|
url: '/pages/user/personal/personal'
|
|
});
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
this.errCount = this.errCount + 1;
|
|
this.init = true;
|
|
} else {
|
|
this.isOK = false;
|
|
this.init = true;
|
|
this.errCount = this.errCount + 1
|
|
|
|
wx.hideLoading();
|
|
wx.showModal({
|
|
content: "订单支付失败",
|
|
showCancel: false,
|
|
success: res => {
|
|
if (res.confirm && this.errCount == 2) {
|
|
wx.switchTab({
|
|
url: '/pages/user/personal/personal'
|
|
});
|
|
}
|
|
}
|
|
});
|
|
}
|
|
}).catch(rej => {
|
|
wx.hideLoading();
|
|
this.isOK = false;
|
|
this.init = true;
|
|
this.errCount = this.errCount + 1
|
|
wx.showModal({
|
|
content: "订单支付失败",
|
|
showCancel: false,
|
|
success: res => {
|
|
if (res.confirm && this.errCount == 2) {
|
|
wx.switchTab({
|
|
url: '/pages/user/personal/personal'
|
|
});
|
|
}
|
|
}
|
|
});
|
|
});
|
|
},
|
|
|
|
setData: function (obj) {
|
|
let that = this;
|
|
let keys = [];
|
|
let val, data;
|
|
Object.keys(obj).forEach(function (key) {
|
|
keys = key.split('.');
|
|
val = obj[key];
|
|
data = that.$data;
|
|
keys.forEach(function (key2, index) {
|
|
if (index + 1 == keys.length) {
|
|
that.$set(data, key2, val);
|
|
} else {
|
|
if (!data[key2]) {
|
|
that.$set(data, key2, {});
|
|
}
|
|
}
|
|
|
|
data = data[key2];
|
|
});
|
|
});
|
|
}
|
|
},
|
|
computed: {},
|
|
watch: {}
|
|
};
|
|
</script>
|
|
<style rel="stylesheet/less" lang="less">
|
|
@import "success";
|
|
</style>
|