detail.vue 2.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  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.goodsName }}</text>
  12. </view>
  13. <view class="item">
  14. <text class="label">价格</text>
  15. <text class="desc omit">{{ item.resalePrice}}元</text>
  16. </view>
  17. <view class="item">
  18. <text class="label">收购商</text>
  19. <text class="desc">{{ item.purchaserName }}</text>
  20. </view>
  21. <view class="item" v-if="item.createTime">
  22. <text class="label">转售时间</text>
  23. <text class="desc">{{ item.createTime }}</text>
  24. </view>
  25. </view>
  26. <!-- <u-divider text="费项明细"></u-divider>
  27. <view class="box">
  28. <u-collapse v-for="(fee,index) in feeItemList" :key="index">
  29. <u-collapse-item :title="fee.name" class="cell_title" >
  30. <view class="itm">1、收费企业:{{ fee.companyName }}</view>
  31. <view class="itm" v-if="fee.feeType ==1">2、收费类型:按交易额收取</view>
  32. <view class="itm" v-if="fee.feeType ==2">2、收费类型:按次收取</view>
  33. <view class="itm" v-if="fee.feeType ==1">3、收费%(按交易额):<span style="color: coral;">{{ fee.percent }} %</span></view>
  34. <view class="itm" v-if="fee.feeType ==1">4、当前订单收取金额:<span style="color: coral;">{{ (fee.percent * item.resalePrice)/100}} 元</span></view>
  35. <view class="itm" v-if="fee.feeType ==2">3、收费金额(按次收):<span style="color: coral;">{{ fee.feeMoney }} 元</span></view>
  36. <view class="itm" v-if="fee.feeType ==2">4、当前订单收取金额:<span style="color: coral;">{{ fee.feeMoney }} 元</span></view>
  37. </br>
  38. <view class="itm">当前费项收取金额以最后结算时为准</view>
  39. </u-collapse-item>
  40. </u-collapse>
  41. </view> -->
  42. </view>
  43. </view>
  44. </template>
  45. <script>
  46. export default {
  47. data() {
  48. return {
  49. item: {},
  50. feeItemList: []
  51. };
  52. },
  53. onLoad(e) {
  54. if (e.id) {
  55. this.http.request({
  56. url: '/level-two-server/app/TbOrders/getDetailById',
  57. data: { ids: e.id },
  58. success: res => {
  59. let data = res.data.data;
  60. this.item = data[0];
  61. }
  62. });
  63. }
  64. this.getFeeItem();
  65. },
  66. methods: {
  67. //费项明细
  68. getFeeItem(){
  69. this.http.request({
  70. url: '/level-two-server/app/TbFeeItem/getList',
  71. success: res => {
  72. this.feeItemList = res.data.data
  73. console.log("feeItemList",this.feeItemList)
  74. }
  75. });
  76. },
  77. }
  78. };
  79. </script>
  80. <style lang="scss">
  81. page {
  82. background-color: $pg;
  83. }
  84. </style>