business-detail.vue 4.2 KB

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