business-detail.vue 3.8 KB

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