detail.vue 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. <template>
  2. <view>
  3. <view class="cmain">
  4. <view class="box order_detail">
  5. <view class="item">
  6. <text class="label">订单编号</text>
  7. <text class="desc">{{ item.orderNo }}</text>
  8. </view>
  9. <view class="item">
  10. <text class="label">收购商</text>
  11. <text class="desc">{{ item.acquirerName }}</text>
  12. </view>
  13. <view class="item">
  14. <text class="label">联系号码</text>
  15. <text class="desc">{{ item.consigneePhone }}</text>
  16. </view>
  17. <view class="item">
  18. <text class="label">商品名称</text>
  19. <text class="desc omit">{{ item.goodsName }}</text>
  20. </view>
  21. <view class="item">
  22. <text class="label">计价单位</text>
  23. <text class="desc omit">{{ item.goodsUnit }}</text>
  24. </view>
  25. <view class="item" v-if="item.quotation">
  26. <text class="label">价格</text>
  27. <text class="desc" style="color: #f44336; font-weight: bold">¥ {{ item.quotation }}</text>
  28. </view>
  29. <view class="item">
  30. <text class="label">来源国</text>
  31. <text class="desc">{{ item.goodsFrom }}</text>
  32. </view>
  33. <view class="item">
  34. <text class="label">状态</text>
  35. <text class="desc" v-if="item.orderFinish == 0">已确认</text>
  36. </view>
  37. <view class="item" v-if="item.createTime">
  38. <text class="label">接单时间</text>
  39. <text class="desc">{{ item.createTime }}</text>
  40. </view>
  41. </view>
  42. <u-divider text="收货地址"></u-divider>
  43. <view class="box order_detail">
  44. <view class="item">
  45. <text class="label">收件人</text>
  46. <text class="desc omit">{{ item.consigneeName }}</text>
  47. </view>
  48. <view class="item">
  49. <text class="label">联系电话</text>
  50. <text class="desc">{{ item.consigneePhone }}</text>
  51. </view>
  52. <view class="item">
  53. <text class="label">收件地址</text>
  54. <text class="desc">{{ item.unloadingAddress }}</text>
  55. </view>
  56. </view>
  57. </view>
  58. </view>
  59. </template>
  60. <script>
  61. export default {
  62. data() {
  63. return {
  64. item: {}
  65. };
  66. },
  67. onLoad(e) {
  68. if (e.id) {
  69. this.http.request({
  70. url: '/level-two-server/app/TbOrders/getDetailById?id=' + e.id,
  71. success: res => {
  72. this.item = res.data.data;
  73. }
  74. });
  75. }
  76. },
  77. methods: {
  78. }
  79. };
  80. </script>
  81. <style lang="scss">
  82. page {
  83. background-color: $pg;
  84. }
  85. </style>