paySuccess.vue 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. <template>
  2. <view class="content">
  3. <text class="success-icon iconfont iconroundcheck"></text>
  4. <text class="tit">支付成功</text>
  5. <view class="btn-group">
  6. <navigator url="/pages/order/order?state=1" open-type="redirect" class="mix-btn">查看订单</navigator>
  7. <navigator url="/pages/index/index" open-type="switchTab" class="mix-btn hollow">返回首页</navigator>
  8. <!-- <navigator v-if="showPink" @click="goShare" open-type="redirect" class="mix-btn hollow">马上分享</navigator> -->
  9. </view>
  10. </view>
  11. </template>
  12. <script>
  13. import { allow} from '@/api/user.js';
  14. import { orderDetail } from '@/api/order.js';
  15. export default {
  16. data() {
  17. return {
  18. orderId:'',
  19. showPink: false, // 是否为拼团
  20. goodsDetail: {},
  21. pinkUser: '' //是否为团长
  22. }
  23. },
  24. onLoad(opt) {
  25. console.log(opt)
  26. // 保存订单号
  27. this.orderId = opt.orderId;
  28. if (opt.pink) {
  29. this.showPink = true;
  30. }
  31. this.pinkUser = opt.pinkUser
  32. if (opt.orderId) {
  33. orderDetail({}, opt.orderId).then(e => {
  34. this.goodsDetail = e.data;
  35. // setTimeout(e => {
  36. // if (opt.pink) {
  37. // uni.navigateTo({
  38. // url: '/pages/groupBooking/groupdetails?id=' + (this.goodsDetail.pink_id || '')
  39. // });
  40. // }
  41. // }, 1500);
  42. });
  43. }
  44. if(opt.pink){
  45. }else{
  46. this.loadDate();
  47. }
  48. },
  49. methods: {
  50. goShare() {
  51. uni.navigateTo({
  52. url: '/pages/groupBooking/groupdetails?id='+ this.goodsDetail.pink_id + '&pinkUser=' + this.pinkUser + '&order_id=' + this.orderId
  53. })
  54. },
  55. loadDate(){
  56. let obj = this;
  57. allow({})
  58. .then(function(e) {
  59. let isShow = e.data.allow;
  60. if(isShow == false){
  61. }else{
  62. uni.showModal({
  63. title: '提示',
  64. content: '您今天有赠品需要领取嘛?',
  65. success: function (res) {
  66. if (res.confirm) {
  67. uni.navigateTo({
  68. url: `/pages/product/Gift?orderId=`+obj.orderId
  69. });
  70. console.log('用户点击确定');
  71. } else if (res.cancel) {
  72. console.log('用户点击取消');
  73. }
  74. }
  75. });
  76. }
  77. })
  78. .catch(function(e) {
  79. console.log(e);
  80. });
  81. },
  82. }
  83. }
  84. </script>
  85. <style lang='scss'>
  86. .content{
  87. display: flex;
  88. flex-direction: column;
  89. justify-content: center;
  90. align-items: center;
  91. }
  92. .success-icon{
  93. font-size: 160upx;
  94. color: #5dbc7c;
  95. margin-top: 100upx;
  96. }
  97. .tit{
  98. font-size: 38upx;
  99. color: #303133;
  100. }
  101. .btn-group{
  102. padding-top: 100upx;
  103. }
  104. .mix-btn {
  105. margin-top: 30upx;
  106. display: flex;
  107. align-items: center;
  108. justify-content: center;
  109. width: 600upx;
  110. height: 80upx;
  111. font-size: $font-lg;
  112. color: #fff;
  113. background-color: $base-color;
  114. border-radius: 10upx;
  115. &.hollow{
  116. background: #fff;
  117. color: #303133;
  118. border: 1px solid #ccc;
  119. }
  120. }
  121. </style>