pay.vue 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <template>
  2. <view>
  3. <view class="center flex-column" style="height: 70vh;">
  4. <view class="">
  5. <text class="red size-28">¥</text>
  6. <text class="red size-50">{{info.order_price}}</text>
  7. </view>
  8. <view class="">
  9. 含平台服务费:
  10. <text class="red">¥{{info.service_fee}}</text>
  11. </view>
  12. </view>
  13. <view class="size-24 plr-36 mt-50">
  14. 注:请确认收到付款后进行操作,否则造成损失平台概不负责
  15. </view>
  16. <view class="mlr-36 mt-30">
  17. <u-button type="primary" @click="toPay">确认结算</u-button>
  18. </view>
  19. </view>
  20. </template>
  21. <script>
  22. export default {
  23. data() {
  24. return {
  25. id:'',
  26. info:{}
  27. };
  28. },
  29. onLoad(option) {
  30. uni.setNavigationBarTitle({
  31. title:'货到付款'
  32. })
  33. this.id = option.id
  34. this.$http('/addons/ddrive/hyorder/offline', {
  35. order_id: this.id
  36. }, "POST").then((data) => {
  37. this.info = data
  38. })
  39. },
  40. methods:{
  41. toPay() {
  42. this.$http('/addons/ddrive/hyorder/confirm', {
  43. order_id: this.id
  44. }, "POST").then(() => {
  45. uni.redirectTo({
  46. url:'./order-detail?id='+this.id
  47. })
  48. })
  49. },
  50. }
  51. }
  52. </script>
  53. <style lang="scss" scoped>
  54. </style>