business-detail.vue 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187
  1. <template>
  2. <view>
  3. <view class="box">
  4. <view class="top">
  5. <text class="title">业务详情</text>
  6. </view>
  7. <view class="item">
  8. <view class="l">企业名称:</view>
  9. <view class="r">
  10. {{form.customerName}}
  11. </view>
  12. </view>
  13. <view class="item">
  14. <view class="l">货物:</view>
  15. <view class="r">
  16. {{form.goodsName}}
  17. </view>
  18. </view>
  19. <view class="item">
  20. <view class="l">货重:</view>
  21. <view class="r">
  22. {{form.netWeight}}(吨)
  23. </view>
  24. </view>
  25. <view class="item-line">
  26. 车辆
  27. </view>
  28. <view v-for="item in form.cars" :key="item.id" style="border-bottom: 1px solid #E5E5E5;">
  29. <view class="item">
  30. <view class="l" >车牌号:</view>
  31. <view class="r">
  32. {{item.carNo}}
  33. </view>
  34. </view>
  35. <view class="item">
  36. <view class="l" >规格:</view>
  37. <view class="r">
  38. {{item.carSize}} (米)
  39. </view>
  40. </view>
  41. <view class="item" v-if="item.realInTime">
  42. <view class="l" >入场时间:</view>
  43. <view class="r">
  44. {{item.realInTime}}
  45. </view>
  46. </view>
  47. <view class="item" v-if="item.realOutTime">
  48. <view class="l" >离场时间:</view>
  49. <view class="r">
  50. {{item.realOutTime}} (米)
  51. </view>
  52. </view>
  53. <view class="item" v-if="item.driverName">
  54. <view class="l" >联系人:</view>
  55. <view class="r">
  56. {{item.driverName}}
  57. </view>
  58. </view>
  59. <view class="item" v-if="item.driverPhone">
  60. <view class="l">联系号码:</view>
  61. <view class="r">
  62. {{item.driverPhone}}
  63. </view>
  64. </view>
  65. </view>
  66. <view class="item-line">
  67. 业务项
  68. </view>
  69. <view class="item" v-for="item in form.items" :key="item.id">
  70. <view class="l" style="flex: 6;">{{item.itemTypeName}}:</view>
  71. <view class="r">
  72. {{item.itemName}}({{item.itemPrice}}x{{item.num}}={{item.total}}元)
  73. </view>
  74. </view>
  75. <view class="item" >
  76. <view class="l" style="flex: 6;">境外车停车费:</view>
  77. <view class="r">
  78. {{form.partMoney}}
  79. <text>(元)</text>
  80. </view>
  81. </view>
  82. <view class="item">
  83. <view class="l" style="flex: 6;">中国车停车费:</view>
  84. <view class="r">
  85. {{form.chinaPartMoney}}
  86. <text>(元)</text>
  87. </view>
  88. </view>
  89. <view class="item">
  90. <view class="l">业务费:</view>
  91. <view class="r">
  92. {{form.itemPrice}}
  93. <text>(元)</text>
  94. </view>
  95. </view>
  96. <view class="item">
  97. <text class="p1">订单状态:</text>
  98. <text class="p2">
  99. <text v-if="form.confirmInput==0">未确认</text>
  100. <text v-else>已确认</text>
  101. </text>
  102. </view>
  103. <view class="item">
  104. <text class="p1">支付状态:</text>
  105. <text class="p2">
  106. <text v-if="form.payStatus==1">未支付</text>
  107. <text v-if="form.payStatus==2">已支付(未确认)</text>
  108. <text v-if="form.payStatus==3">已支付(已确认)</text>
  109. </text>
  110. </view>
  111. <view class="hj">
  112. 总费用:{{form.totalMoney}}元
  113. </view>
  114. <u-button type="primary" text="返回" @click="backFn"></u-button>
  115. <view style="height: 80rpx;"></view>
  116. </view>
  117. </view>
  118. </template>
  119. <script>
  120. export default {
  121. data() {
  122. return {
  123. form: {}
  124. }
  125. },
  126. onShow() {},
  127. onLoad(options) {
  128. this.id = options.id;
  129. },
  130. onShow() {
  131. this.getBusinessById();
  132. },
  133. methods: {
  134. backFn() {
  135. this.$common.back();
  136. },
  137. getBusinessById() {
  138. this.$api.getBusinessById({
  139. id: this.id
  140. }).then(resp => {
  141. this.form = resp.data;
  142. })
  143. },
  144. }
  145. }
  146. </script>
  147. <style lang="scss">
  148. page {
  149. background-color: #fff;
  150. }
  151. .hs-item {
  152. text-align: center;
  153. }
  154. .item-line {
  155. color: #a2a2a2;
  156. padding: 5px 0 10px 29px;
  157. border-bottom: 1px solid #E5E5E5;
  158. }
  159. .hj {
  160. padding: 50rpx;
  161. font-size: 30rpx;
  162. color: red;
  163. font-weight: bold;
  164. }
  165. .save-btn {
  166. background-color: #ff4200;
  167. height: 88rpx;
  168. display: flex;
  169. justify-content: center;
  170. align-items: center;
  171. margin: 60rpx;
  172. color: #fff;
  173. font-size: 30rpx;
  174. font-weight: bold;
  175. border-radius: 10rpx;
  176. }
  177. @import '@/common/common.scss'
  178. </style>