4 changed files with 253 additions and 2 deletions
-
6pages.json
-
234pages/order/confirm-atonce.vue
-
2pages/order/index.vue
-
13pages/order/unpay-details.vue
@ -0,0 +1,234 @@ |
|||||
|
<template> |
||||
|
<view> |
||||
|
<!-- 商品信息 --> |
||||
|
<block v-if="isRight(orderDetails)"> |
||||
|
<view class="bg-white padding-tb-sm"> |
||||
|
<skeleton :loading="skeletonLoading" :row="2" :showAvatar="false" :showTitle="true"> |
||||
|
|
||||
|
<view class="flex justify-between align-start padding-top-sm padding-lr"> |
||||
|
<image :src="orderDetails.goods.cover" mode="aspectFill" style="width: 240rpx; height: 240rpx;border-radius: 10rpx;"></image> |
||||
|
<view class="flex-sub padding-left-sm"> |
||||
|
<view class="bref-box margin-top-xs lf-font-32 lf-font-bold" style="height: 88rpx;line-height: 44rpx;color: #222;"> |
||||
|
{{orderDetails.goods.name}} |
||||
|
</view> |
||||
|
<view class="flex justify-between align-center text-center"> |
||||
|
<text class="block margin-top-sm text-gray lf-font-28" style="margin-top: 20rpx;line-height: 40rpx;">数量</text> |
||||
|
<view class="flex align-center margin-top-sm"> |
||||
|
<text class="lf-iconfont lf-icon-jianhao lf-font-40" style="color: #999;"></text> |
||||
|
<input type="number" v-model="num" :disabled="true" class="text-center margin-lr-sm radius text-black lf-font-32" style="width: 60rpx; height: 50rpx;background-color: #f1f1f1;color: #222;" /> |
||||
|
<text class="lf-iconfont lf-icon-jiahao lf-font-40" style="color: #999;"></text> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
<view class="flex justify-between margin-top-sm"> |
||||
|
<lf-price :price="orderDetails.goods.specs[0].selling_price" /> |
||||
|
|
||||
|
|
||||
|
<!-- <view class="text-red text-price lf-font-42 lf-font-bold" style="margin-top: 12rpx;"> |
||||
|
{{Number(orderDetails.goods.specs[0].selling_price || 0)}} |
||||
|
</view> --> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
</skeleton> |
||||
|
</view> |
||||
|
|
||||
|
<self-line/> |
||||
|
<skeleton :loading="skeletonLoading" :row="1" :showAvatar="false" :showTitle="true"> |
||||
|
<view class="bg-white"> |
||||
|
<view class="cu-bar padding-lr"> |
||||
|
<text class="text-gray lf-font-32">优惠</text> |
||||
|
<text class="lf-font-32 text-black1">暂无优惠</text> |
||||
|
</view> |
||||
|
</view> |
||||
|
</skeleton> |
||||
|
<self-line/> |
||||
|
|
||||
|
<skeleton :loading="skeletonLoading" :row="13" :showAvatar="false" :showTitle="true"> |
||||
|
<view class="btn-bottom"> |
||||
|
<view class="padding-lr padding-tb-sm bg-white flex justify-between align-center shadow"> |
||||
|
<view class="flex align-center"> |
||||
|
<text class="lf-font-28 text-gray">应付款：</text> |
||||
|
|
||||
|
<lf-price :price="total(num, orderDetails.goods.specs[0].selling_price)" /> |
||||
|
<!-- <view class="text-red text-price lf-font-42 lf-font-bold"> |
||||
|
{{ total(num, orderDetails.goods.specs[0].selling_price) }} |
||||
|
</view> --> |
||||
|
</view> |
||||
|
<button class="cu-btn block bg-orange round shadow" @tap="submit"> |
||||
|
<text class="lf-font-32 text-white" v-if="type == 1">立即付款</text> |
||||
|
<text class="lf-font-32 text-white" v-else>下单付款</text> |
||||
|
</button> |
||||
|
</view> |
||||
|
</view> |
||||
|
</skeleton> |
||||
|
</block> |
||||
|
|
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import bigc from '@/common/bigc.js'; |
||||
|
|
||||
|
export default { |
||||
|
data() { |
||||
|
return { |
||||
|
num: 1, |
||||
|
skeletonLoading: true, |
||||
|
checkbox: [{ |
||||
|
value: 'A', |
||||
|
checked: true |
||||
|
}], |
||||
|
goods_id: 1, |
||||
|
goods_specs_id: 1, |
||||
|
orderDetails: {}, |
||||
|
ifchoose: true, |
||||
|
ifCheck: true, |
||||
|
type: 0, |
||||
|
order_id: 0, |
||||
|
ifDo: 1, |
||||
|
ifPay: true |
||||
|
} |
||||
|
}, |
||||
|
computed: { |
||||
|
total(){ |
||||
|
return function(num, price){ |
||||
|
let big_num = new bigc(Number(num)); |
||||
|
big_num = big_num.times(Number(price)); |
||||
|
return big_num.round(2, 0).toString(); |
||||
|
} |
||||
|
}, |
||||
|
isRight(){ |
||||
|
return function(val){ |
||||
|
return this.$shared.isRight(val); |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
onLoad(e) { |
||||
|
this.type = e.type; |
||||
|
this.goods_id = e.goods_id; |
||||
|
this.order_id = e.order_id; |
||||
|
this.goods_specs_id = e.goods_specs_id |
||||
|
this.num = e.order_number |
||||
|
if(this.goods_id && this.goods_specs_id) { |
||||
|
this.getConfirmOrder() |
||||
|
|
||||
|
this.submit() |
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
getConfirmOrder() { |
||||
|
this.$http(this.API.API_COFIRMORDER_DETAILS, {goods_id: this.goods_id,goods_specs_id: this.goods_specs_id}).then(res => { |
||||
|
this.orderDetails = res.data |
||||
|
this.skeletonLoading = false |
||||
|
}) |
||||
|
}, |
||||
|
reduce() { |
||||
|
if (this.num === 1) return |
||||
|
this.num-- |
||||
|
}, |
||||
|
add() { |
||||
|
this.num++ |
||||
|
}, |
||||
|
CheckboxChange(e) { |
||||
|
if(e.detail.value != '') { |
||||
|
this.ifchoose = true |
||||
|
}else { |
||||
|
this.ifchoose = false |
||||
|
} |
||||
|
}, |
||||
|
// 点击复制 |
||||
|
copy(text) { |
||||
|
uni.setClipboardData({ |
||||
|
data: text |
||||
|
}); |
||||
|
}, |
||||
|
submit(){ |
||||
|
if(!this.ifPay) return; |
||||
|
this.ifPay = false; |
||||
|
if(this.type == 1){ |
||||
|
this.pay(); |
||||
|
return; |
||||
|
} |
||||
|
this.$http(this.API.API_PRPAID, { |
||||
|
goods_id: this.goods_id, |
||||
|
goods_specs_id: this.goods_specs_id, |
||||
|
number: this.num, |
||||
|
}).then(res => { |
||||
|
this.order_id = res.data.order_id |
||||
|
uni.requestPayment({ |
||||
|
orderInfo: res.data.order_num, |
||||
|
timeStamp: res.data.timeStamp, |
||||
|
nonceStr: res.data.nonceStr, |
||||
|
package: res.data.package, |
||||
|
signType: res.data.signType, |
||||
|
paySign: res.data.paySign, |
||||
|
success: (res) => { |
||||
|
this.ifPay = true |
||||
|
this.$url('/pages/order/pay-success?ifSuccess=1&order_id='+this.order_id,{type: 'redirect'}) |
||||
|
}, |
||||
|
fail: (err) => { |
||||
|
this.ifPay = true |
||||
|
this.$url('/pages/order/pay-success?ifSuccess=2&order_id='+this.order_id,{type: 'redirect'}) |
||||
|
}, |
||||
|
}) |
||||
|
|
||||
|
}).catch(err => { |
||||
|
this.ifPay = true |
||||
|
if(err.code == 9997) { |
||||
|
uni.showModal({ |
||||
|
title: '提示', |
||||
|
content: '是否同意前往手机授权？', |
||||
|
success: e => { |
||||
|
if (!e.confirm) return; |
||||
|
this.$routerGo('/pages/login/index?type=phone') |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
pay(){ |
||||
|
console.log("this.order_id", this.order_id) |
||||
|
this.$http(this.API.API_PAYMENT_DIRECT, {order_id: this.order_id}).then(res => { |
||||
|
this.order_id = res.data.order_id |
||||
|
uni.requestPayment({ |
||||
|
orderInfo: res.data.order_num, |
||||
|
timeStamp: res.data.timeStamp, |
||||
|
nonceStr: res.data.nonceStr, |
||||
|
package: res.data.package, |
||||
|
signType: res.data.signType, |
||||
|
paySign: res.data.paySign, |
||||
|
success: (res) => { |
||||
|
this.$url('/pages/order/pay-success?ifSuccess=1&order_id='+this.order_id,{type: 'redirect'}) |
||||
|
}, |
||||
|
fail: (err) => { |
||||
|
this.$url('/pages/order/pay-success?ifSuccess=2&order_id='+this.order_id,{type: 'redirect'}) |
||||
|
}, |
||||
|
}) |
||||
|
}) |
||||
|
}, |
||||
|
//下拉刷新 |
||||
|
downCallback() { |
||||
|
this.getConfirmOrder() |
||||
|
}, |
||||
|
}, |
||||
|
onShow() { |
||||
|
if(this.ifDo > 1) { |
||||
|
this.getConfirmOrder() |
||||
|
} |
||||
|
this.ifDo++ |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.bref-box { |
||||
|
text-overflow: -o-ellipsis-lastline; |
||||
|
overflow: hidden; |
||||
|
text-overflow: ellipsis; |
||||
|
display: -webkit-box; |
||||
|
-webkit-line-clamp: 2; |
||||
|
-webkit-box-orient: vertical; |
||||
|
} |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue