success.vue 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. <template>
  2. <view class="s-pages">
  3. <vew class="heads">
  4. <view><u-icon name="checkmark-circle-fill" size="200" color="red"></u-icon></view>
  5. <view v-if="type==1">洗车机归位成功</view>
  6. <view v-if="type==0">洗车已完成</view>
  7. <view class="s-butoon">
  8. <u-button @click="toHome" type="error">重新扫码洗车</u-button>
  9. </view>
  10. </vew>
  11. <view class="infos">
  12. <view>操作说明:</view>
  13. <view>【重新扫码洗车】需要再次支付洗车费用,如果遇到非个人原因导致洗车机中途归位,客服会在7个工作日内核实情况后,将已付费用按原支付渠道退款给付款账户。带来不便,敬请谅解。</view>
  14. <view @click="callPhone">如有疑问,请联系客服:<text>{{kfMobile}}</text> </view>
  15. </view>
  16. </view>
  17. </template>
  18. <script>
  19. export default {
  20. data() {
  21. return {
  22. type: 1,
  23. kfMobile: ''
  24. };
  25. },
  26. onLoad(opts) {
  27. this.type = opts.type
  28. this.kfMobile = this.$store.state.vuex_kfMobile
  29. },
  30. methods:{
  31. // 电话客服
  32. callPhone () {
  33. uni.makePhoneCall({
  34. phoneNumber: this.$store.state.vuex_kfMobile
  35. })
  36. },
  37. // 返回首页
  38. toHome () {
  39. uni.reLaunch({
  40. url: "/pages/index/index"
  41. })
  42. },
  43. // 再次洗车
  44. toWork(){
  45. uni.redirectTo({
  46. url: "/pages/getOrder/getOrder"
  47. })
  48. }
  49. }
  50. }
  51. </script>
  52. <style lang="scss">
  53. .s-pages{
  54. width: 100%;
  55. .heads{
  56. text-align: center;
  57. display: flex;
  58. justify-content: center;
  59. flex-direction: column;
  60. padding: 50rpx 50rpx 20rpx;
  61. .s-butoon{
  62. padding: 50rpx 0 0 0;
  63. .u-btn{
  64. margin-bottom: 35rpx;
  65. }
  66. }
  67. }
  68. .infos{
  69. padding:0 50rpx;
  70. > view{
  71. padding: 10rpx 0;
  72. text-indent: 24px;
  73. line-height: 22px;
  74. &:first-child{
  75. text-indent: 0;
  76. }
  77. text{
  78. color: red;
  79. }
  80. }
  81. }
  82. }
  83. </style>