paytips.vue 3.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. <template>
  2. <view>
  3. <view class="content tc">
  4. <image class="pay-icon dis-block" v-if="params.code == '9000'" mode="widthFix" :src="default_round_success_icon"></image>
  5. <image class="pay-icon dis-block" v-else mode="widthFix" :src="default_round_error_icon"></image>
  6. <view class="text-size-lg cr-base">{{params.msg}}</view>
  7. </view>
  8. <view class="btn-box tc">
  9. <view>
  10. <button class="bg-main br-main cr-white round" type="default" hover-class="none" size="mini" @tap="back_event">返回</button>
  11. </view>
  12. <view v-if="(params.page || null) != null && (params.title || null) != null" class="margin-top-lg">
  13. <navigator class="dis-inline-block" :url="'/pages/' + params.page + '/' + params.page" open-type="redirect">
  14. <button class="bg-main-pair br-main-pair cr-white round" type="default" hover-class="none" size="mini">{{params.title}}</button>
  15. </navigator>
  16. </view>
  17. </view>
  18. </view>
  19. </template>
  20. <script>
  21. const app = getApp();
  22. export default {
  23. data() {
  24. return {
  25. params: {},
  26. default_round_success_icon: app.globalData.data.default_round_success_icon,
  27. default_round_error_icon: app.globalData.data.default_round_error_icon
  28. };
  29. },
  30. components: {},
  31. props: {},
  32. /**
  33. * 页面加载初始化
  34. */
  35. onLoad(options) {
  36. var msg = null;
  37. switch (options.code) {
  38. // 支付成功
  39. case '9000':
  40. msg = '支付成功';
  41. break;
  42. // 正在处理中
  43. case '8000':
  44. msg = '正在处理中';
  45. break;
  46. // 支付失败
  47. case '4000':
  48. msg = '支付失败';
  49. break;
  50. // 用户中途取消
  51. case '6001':
  52. msg = '已取消支付';
  53. break;
  54. // 网络连接出错
  55. case '6002':
  56. msg = '网络连接出错';
  57. break;
  58. // 支付结果未知(有可能已经支付成功),请查询商户订单列表中订单的支付状态
  59. case '6004':
  60. msg = '支付结果未知';
  61. break;
  62. // 用户点击忘记密码导致快捷界面退出(only iOS)
  63. case '99':
  64. msg = '用户取消支付';
  65. break;
  66. // 默认错误
  67. default:
  68. msg = '其它异常错误';
  69. }
  70. options['msg'] = msg;
  71. this.setData({
  72. params: options
  73. });
  74. },
  75. onShow() {
  76. // 分享菜单处理
  77. app.globalData.page_share_handle();
  78. },
  79. methods: {
  80. // 返回
  81. back_event(e) {
  82. uni.navigateBack();
  83. }
  84. }
  85. };
  86. </script>
  87. <style>
  88. @import './paytips.css';
  89. </style>