sureOrder.vue 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. <template>
  2. <view>
  3. <view class="box">
  4. <view class="item" >
  5. <view class="l">订单号:</view>
  6. <view class="r">
  7. {{form.no}}
  8. </view>
  9. </view>
  10. <view class="item-line">
  11. 业务项
  12. </view>
  13. <view class="item" v-for="item in form.items" :key="item.id">
  14. <view class="l" style="flex: 6;">{{item.itemTypeName}}:</view>
  15. <view class="r">
  16. {{item.itemName}}({{item.itemPrice}}x{{item.num}}={{item.total}}元)
  17. </view>
  18. </view>
  19. <view class="item">
  20. <view class="l" style="flex: 6;">业务费:</view>
  21. <view class="r">
  22. {{form.itemPrice}}
  23. <text>(元)</text>
  24. </view>
  25. </view>
  26. <view class="item" >
  27. <view class="l" style="flex: 6;">境外车停车费:</view>
  28. <view class="r">
  29. {{form.partMoney}}
  30. <text>(元)</text>
  31. </view>
  32. </view>
  33. <view class="item">
  34. <view class="l" style="flex: 6;">中国车停车费:</view>
  35. <view class="r">
  36. {{form.chinaPartMoney}}
  37. <text>(元)</text>
  38. </view>
  39. </view>
  40. <view class="item">
  41. <view class="l" style="flex: 6;">合计费用:</view>
  42. <view class="r">
  43. {{form.totalMoney}}元
  44. </view>
  45. </view>
  46. </view>
  47. <u-button type="primary" @click="confirmFn">确认</u-button>
  48. </view>
  49. </template>
  50. <script>
  51. import request from '../../utils/request.js'
  52. export default {
  53. data() {
  54. return {
  55. id: '',
  56. form: {
  57. partMoney: 0
  58. },
  59. imgList: [],
  60. uploadImageUrl: request.server + '/upload/image',
  61. }
  62. },
  63. onLoad(options) {
  64. this.id = options.id;
  65. },
  66. onShow() {
  67. this.getBusinessById();
  68. },
  69. methods: {
  70. getBusinessById() {
  71. this.$api.getBusinessById({
  72. id: this.id
  73. }).then(resp => {
  74. this.form = resp.data;
  75. })
  76. },
  77. confirmFn(){
  78. this.$api.confirmBusiness({ids:this.form.id}).then(Resp=>{
  79. this.$common.toast('已确认');
  80. setTimeout(()=>{
  81. this.$common.back()
  82. },500)
  83. })
  84. }
  85. }
  86. }
  87. </script>
  88. <style lang="scss">
  89. page {
  90. background-color: #fff;
  91. }
  92. .item-line {
  93. color: #a2a2a2;
  94. padding: 5px 0 10px 29px;
  95. border-bottom: 1px solid #E5E5E5;
  96. }
  97. @import '@/common/common.scss'
  98. </style>