cancel.vue 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <template>
  2. <view>
  3. <view class="mlr-36 pt-30 size-32 bold">
  4. 司机<text class="green">已到达,</text>建议您尽快前往出发地点。
  5. </view>
  6. <view class="mlr-36 flex mtb-80">
  7. <view @click="call(tel)" class="ptb-25 bg-green white center radius-10" style="width: 48%;">
  8. <image class="mr-20" src="../../static/cancel-tel.png" style="width: 40rpx;height: 40rpx;" mode=""></image>
  9. 联系司机
  10. </view>
  11. <view @click="call(kefu)" class="ptb-25 green center radius-10" style="width: 48%;border: 1rpx solid #00C28E;">
  12. <image class="mr-20" src="../../static/cancel-kefu.png" style="width: 40rpx;height: 40rpx;" mode=""></image>
  13. 联系客服
  14. </view>
  15. </view>
  16. <view class="ptb-20 green size-26 plr-36" style="background: #EFFFFB;">
  17. 本次取消订单,需联系客服核实情况
  18. </view>
  19. </view>
  20. </template>
  21. <script>
  22. export default {
  23. data() {
  24. return {
  25. tel:'', //司机电话
  26. kefu:'' //客服
  27. }
  28. },
  29. onLoad(option) {
  30. this.tel = option.tel
  31. this.$http('/addons/ddrive/user/consumer_hotline',{},"POST").then(data=>{
  32. this.kefu = data.tel
  33. })
  34. },
  35. methods: {
  36. call(tel){
  37. uni.makePhoneCall({
  38. phoneNumber: tel //仅为示例
  39. });
  40. }
  41. }
  42. }
  43. </script>
  44. <style lang="scss" scoped>
  45. </style>