orderList.wxml 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <view>
  2. <!-- header -->
  3. <view class='header'>
  4. <view class='header-box'>
  5. <view class='f-box f-justify-content-center'>
  6. <view wx:for="{{dataStateArray}}" data-state="{{item.state}}" class='f-item header-item {{item.state == isSelect ? "bdc-theme c-theme":""}}' bindtap='tab'>
  7. {{item.label}}
  8. </view>
  9. </view>
  10. </view>
  11. </view>
  12. <!-- 内容 -->
  13. <view class='order-box'>
  14. <view class='order-list mar-t20 bg-white pad-b26' wx:for="{{goodsList}}">
  15. <view class='auto'>
  16. <view class='pad-t20 pad-b20'>订单:{{item.order_number}}</view>
  17. <view class='f-box mar-b20' wx:for="{{item.list_order_aff_data}}" wx:for-item="orderItem">
  18. <view class='order-image mar-r26'>
  19. <image mode="aspectFit" src='{{orderItem.logo}}'></image>
  20. </view>
  21. <view class='f-item'>
  22. <view class='f-s30'>{{orderItem.com_name}}</view>
  23. <view class='f-s24 c-999 mar-t20 f-box'>
  24. <view class='f-item mar-r20'>
  25. <view>{{orderItem.com_dz}} {{orderItem.com_lh}} {{orderItem.com_style1}}</view>
  26. </view>
  27. <view>×{{orderItem.com_num}}</view>
  28. </view>
  29. </view>
  30. </view>
  31. <!-- 价格与按钮 -->
  32. <view class="f-box f-justify-content-center order-btn">
  33. <view class='f-item f-box f-justify-content-end mar-r26'>
  34. <view class='btn'>上传凭证</view>
  35. <view class='btn'>查看物流</view>
  36. <view class='btn'>确认收货</view>
  37. </view>
  38. <view>合计:<text class='c-theme'>¥ {{orderItem.com_price}}</text></view>
  39. </view>
  40. </view>
  41. </view>
  42. <data-none wx:if="goodsList.length === 0"></data-none>
  43. <divider wx:if="dividerState"></divider>
  44. </view>
  45. </view>