order.wxml 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. <view class="myqr" wx:if="{{myqr_show}}">
  2. <view>
  3. <image class="cancel" src="/static/images/cancel.png" bindtouchstart="qrtouchstart" ></image>
  4. </view>
  5. <view>
  6. <image class="img" src="{{myqr_url}}"mode="widthFix" />
  7. </view>
  8. <view>
  9. <image class="btn" bindtap="saveShare" src="/static/images/right.png" />
  10. </view>
  11. </view>
  12. <view class="container" style="filter:blur({{myqr_blur}}rpx)">
  13. <view class="order-type">
  14. <view class="switch">
  15. <view class="left-switch {{orderType==0?'action':'common'}}" data-type='0' bindtap="goOrderType">推广订单</view>
  16. <view class="{{orderType==0?'common':'action'}}" data-type='1' bindtap="goOrderType">自购订单</view>
  17. </view>
  18. </view>
  19. <!-- 搜索框 -->
  20. <view class="search-box" bindtap="goSearch">
  21. <image class="search-img" mode="aspectFit" src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/distribution/icon-search.png"></image>
  22. <text>输入商品名称搜索订单</text>
  23. </view>
  24. <van-tabs active="{{showType }}" color="#09afff" bind:change="onTabChange">
  25. <van-tab title="全部" name="0"></van-tab>
  26. <van-tab title="待付款" name="1"></van-tab>
  27. <van-tab title="服务中" name="3"></van-tab>
  28. <van-tab title="待评价" name="4"></van-tab>
  29. </van-tabs>
  30. <view class="no-order" wx:if="{{orderList.length <= 0}}">
  31. <view class="c">
  32. <text>还没有任何订单呢</text>
  33. </view>
  34. </view>
  35. <view class="orders">
  36. <view class="order" wx:for="{{orderList}}" wx:key="id">
  37. <!-- <view class="h">
  38. <view class="l">订单编号:{{item.orderSn}}</view>
  39. <view class="r">{{item.bookStatus}}</view>
  40. </view> -->
  41. <navigator url="/pages/ucenter/orderDetail/orderDetail?id={{item.id}}" open-type="redirect" >
  42. <view class="goods" wx:for="{{item.goodsList}}" wx:key="id" wx:for-item="gitem">
  43. <view class="img">
  44. <image src="{{gitem.picUrl}}"></image>
  45. </view>
  46. <view class="info">
  47. <text class="name">{{gitem.goodsName}}</text>
  48. <text class="number">规格:{{gitem.number}}</text>
  49. <text class="number">单价:{{gitem.price}}</text>
  50. </view>
  51. <view class="order-status">
  52. {{item.bookStatus}}
  53. </view>
  54. </view>
  55. </navigator>
  56. <view class="order-id-wrapper">
  57. <view>订单编号:{{item.orderSn}}</view>
  58. <image src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/distribution/icon-copy-grey.png" bindtap="goCopyCode" mode="aspectFit" data-orderid="{{item.orderSn}}"/>
  59. </view>
  60. <view class="b">
  61. <view class="l">
  62. <!-- <view>{{item.orderStatusText}}</view> -->
  63. <view wx:if="{{orderType==0}}">分享人:{{item.commissionFrom}}</view>
  64. <view wx:if="{{orderType==0}}">购买人:{{item.buyer}}</view>
  65. </view>
  66. <view class="r">
  67. <view class="main-amount">
  68. <text>实付金额:¥{{item.actualPrice}}</text>
  69. </view>
  70. <view class="main-amount">
  71. <text>预计佣金:¥{{item.commissionEstimate}}</text>
  72. </view>
  73. </view>
  74. </view>
  75. <!-- 操作事件 -->
  76. <view class="order-item-operate" >
  77. <view class="order-item-result jz-color">
  78. {{item.orderStatusText}}
  79. </view>
  80. <view class="order-operate-wrapper">
  81. <view catchtap="payOrder" wx:if="{{item.handleOption.pay&&orderType==1}}" data-id="{{item.id}}">去付款</view>
  82. <!-- <view catchtap="confirmOrder" wx:if="{{item.handleOption.confirm&&orderType==1}}" data-id="{{item.id}}">待上门</view> -->
  83. <view catchtap="deleteOrder" wx:if="{{item.handleOption.delete&&orderType==1}}" data-id="{{item.id}}">删除订单</view>
  84. <view catchtap="cancelOrder" wx:if="{{item.handleOption.cancel&&orderType==1}}" data-id="{{item.id}}">取消订单</view>
  85. <view data-id="{{item.goodsList[0].goodsId}}" catchtap="shareFriendOrCircle" >分享商品</view>
  86. <view catchtap="viewService" data-id="{{item.id}}" wx:if="{{!(item.orderStatus==101||item.orderStatus==102||item.orderStatus==103)}}">查看服务</view>
  87. </view>
  88. </view>
  89. </view>
  90. </view>
  91. </view>