success.vue 1.6 KB

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