orderList.wxml 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339
  1. <!--orderList.wxml 我的订单 -->
  2. <view class="container ">
  3. <view class='header_wrap'>
  4. <view class="header">
  5. <view bindtap="tabNav" data-id="0" class="header_each {{isSelect == 0 ? 'header_each_active' : ''}}">全部</view>
  6. <view bindtap="tabNav" data-id="1" class="header_each {{isSelect == 1 ? 'header_each_active' : ''}}">待付款</view>
  7. <view bindtap="tabNav" data-id="2" class="header_each {{isSelect == 2 ? 'header_each_active' : ''}}">待定制</view>
  8. <view bindtap="tabNav" data-id="6" class="header_each {{isSelect == 6 ? 'header_each_active' : ''}}">待送礼</view>
  9. <view bindtap="tabNav" data-id="3" class="header_each {{isSelect == 3 ? 'header_each_active' : ''}}">待发货</view>
  10. <view bindtap="tabNav" data-id="4" class="header_each {{isSelect == 4 ? 'header_each_active' : ''}}">已发货</view>
  11. <view bindtap="tabNav" data-id="5" class="header_each {{isSelect == 5 ? 'header_each_active' : ''}}">已完成</view>
  12. </view>
  13. </view>
  14. <view class='list_wrap'>
  15. <!-- 循环每一个订单 -->
  16. <scroll-view scroll-y class="scoll-h" bindscrolltolower="searchScrollLower">
  17. <block wx:for="{{goosdListnew}}" wx:key="index" wx:for-index="i">
  18. <view class="each_order">
  19. <view bindtap='orderInfor' data-id="{{i}}" >
  20. <view class="order_num">订单号:{{item.order_number}}</view>
  21. <!-- 未拆分订单 -->
  22. <block wx:if="{{item.order_number_o == ''}}">
  23. <block wx:if="{{item.order_sta == 1}}">
  24. <view class="confirme_btn btn_green">待付款</view>
  25. </block>
  26. <block wx:elif="{{item.order_sta == 2}}">
  27. <view class="confirme_btn btn_green">待定制</view>
  28. </block>
  29. <view wx:elif="{{item.order_sta == 10}}" class="confirme_btn btn_purple">待送礼</view>
  30. <view wx:elif="{{item.order_sta == 4}}" class="confirme_btn btn_purple">已发货</view>
  31. <view wx:elif="{{item.order_sta == 5}}" class="confirme_btn btn_blue">已完成</view>
  32. <view wx:elif="{{item.order_sta == 6}}" class="confirme_btn btn_blue">已取消</view>
  33. </block>
  34. <block wx:else>
  35. <view wx:if="{{item.order_sta == 3}}" class="confirme_btn btn_yellow">待发货</view>
  36. <view wx:elif="{{item.order_sta == 4}}" class="confirme_btn btn_purple">已发货</view>
  37. <view wx:elif="{{item.order_sta == 5}}" class="confirme_btn btn_blue">已完成</view>
  38. <view wx:elif="{{item.order_sta == 6}}" class="confirme_btn btn_blue">已取消</view>
  39. </block>
  40. </view>
  41. <view class="goods_infor">
  42. <view class="each_goods">
  43. <!-- 循环相同订单的不同产品 -->
  44. <block wx:for="{{item.list_order_aff_data}}" wx:key="*this" wx:for-index="j">
  45. <view class="each_goods_infor" >
  46. <view wx:if="{{item.order_sta == 2 && (item.img2 == '' || item.img2 == null || item.img2 == undefined)&& item.order_gy_id > 0}}" bindtap='contactWind' class="yulan_btn">开始定制</view>
  47. <!-- 完成定制之后的预览 -->
  48. <view wx:elif="{{(item.img2) && item.order_sta >= 2}}" bindtap='preview' data-id="{{i}}" data-index="{{j}}" data-url="{{item.img2}}" class="yulan_btn">定制预览</view>
  49. <image src="{{item.logo}}" class="goods_img"></image>
  50. <view bindtap='orderInfor' data-id="{{i}}" class="goods_cont">
  51. <view class="goods_name">{{item.com_name}}</view>
  52. <view class="goods_style">
  53. <text wx:if="{{item.com_style1 != 'null'}}">{{item.com_style1}} </text>
  54. <text wx:if="{{item.com_style2 != 'null'}}">{{item.com_style2}} </text>
  55. <text wx:if="{{item.com_style3 != 'null'}}">{{item.com_style3}} </text>
  56. <text wx:if="{{item.com_style4 != 'null'}}">{{item.com_style4}} </text>
  57. <text wx:if="{{item.com_style5 != 'null'}}">{{item.com_style5}} </text>
  58. <text wx:if="{{item.com_dz != 'null'}}">{{item.com_dz}} </text>
  59. <text wx:if="{{item.com_lh != 'null'}}">{{item.com_lh}}</text>
  60. </view>
  61. <view class="goods_num">×{{item.com_num}}</view>
  62. </view>
  63. <view class="clearfix"></view>
  64. </view>
  65. </block>
  66. <view class="goods_msg">
  67. <text class="num_title">共{{item.totalNumber}}件 商品合计:</text>
  68. <text class="money_title">¥</text>
  69. <text class="money_money">{{item.total}}<text class="money_title"></text></text>
  70. </view>
  71. <view class='msg'>(含运费:0.00)</view>
  72. </view>
  73. <!-- 原始单有操作按钮 -->
  74. <!-- <block wx:if="{{item.order_number_o == '' && item.order_split_flag != 2}}"> -->
  75. <view class="order_btn_wrap clearfix">
  76. <!-- 待付款 -->
  77. <block wx:if="{{item.order_sta == 1}}">
  78. <text class="count_down">
  79. <block wx:if="{{item.total_micro_second<=0}}">支付时间已截止</block>
  80. <block wx:if="{{item.clock!='支付时间已截止'}}">剩余时间:{{item.clock}}</block>
  81. </text>
  82. <view class="order_btn" bindtap="cancalSaveMsg" data-id="{{i}}">取消</view>
  83. <view class="order_btn" bindtap="save" data-id="{{i}}">立即付款</view>
  84. </block>
  85. <!-- 待定制 -->
  86. <block wx:elif="{{item.order_sta == 2}}">
  87. <!-- <navigator url='/pages/webview/webview'>待定制</navigator> -->
  88. <block wx:if="{{item.list_order_aff_data[0].order_check_sta == 1}}"><!-- 申请取消订单 -->
  89. <view class="order_btn">审核中</view>
  90. </block>
  91. <block wx:else>
  92. <view class="order_btn" data-id="{{i}}" data-order_number="{{item.order_number}}" bindtap='openCancelWind'>取消</view>
  93. <view class="order_btn" data-id="{{i}}" data-order_number="{{item.order_number}}" bindtap='dzwc'>定制完成</view>
  94. </block>
  95. </block>
  96. <!-- 待送礼 -->
  97. <block wx:elif="{{item.order_sta == 10}}">
  98. <view bindtap='breakFriend' data-sendflag="1" data-id="{{i}}" data-order="{{goosdListnew[i]}}" class="order_btn xinyi">送自己</view>
  99. <view bindtap='breakFriend' data-sendflag="0" data-id="{{i}}" data-order="{{goosdListnew[i]}}" class="order_btn xinyi">送朋友</view>
  100. </block>
  101. <!-- 待发货 -->
  102. <block wx:elif="{{item.order_sta == 3}}">
  103. <view bindtap='fahuo' data-ordernum="{{item.order_number}}" class="order_btn">提醒发货</view>
  104. </block>
  105. <!-- 已发货 -->
  106. <block wx:elif="{{item.order_sta == 4}}">
  107. <view class="order_btn" data-id="{{i}}" data-order_number="{{item.order_number}}" bindtap='qrsh'>确认收货</view>
  108. <navigator url='/pages/wuliu/wuliu?id={{item.order_number}}' class="order_btn xinyi">查看物流</navigator>
  109. </block>
  110. <!-- 已完成 -->
  111. <block wx:elif="{{item.order_sta == 5}}">
  112. <block wx:if="{{item.list_order_aff_data[0].order_check_sta == 1}}">
  113. <view class="order_btn">处理中</view>
  114. </block>
  115. <block wx:else>
  116. <view class="order_btn" data-id="{{i}}" bindtap='openShowhouWind'>申请售后</view>
  117. <!-- 改版前的订单 -->
  118. <block wx:if="{{item.order_number_o == '' && item.order_split_flag == ''}}">
  119. <navigator url='/pages/wuliu/wuliu?id={{item.order_number}}' class="order_btn xinyi">查看物流</navigator>
  120. </block>
  121. <block wx:elif="{{item.order_number_o != ''}}">
  122. <navigator url='/pages/wuliu/wuliu?id={{item.order_number}}' class="order_btn xinyi">查看物流</navigator>
  123. </block>
  124. </block>
  125. </block>
  126. </view>
  127. </view>
  128. </view>
  129. </block>
  130. <view class="loading" hidden="{{!searchLoading}}">加载中...</view>
  131. <view class="loading complete" hidden="{{!searchLoadingComplete}}">已加载全部</view>
  132. </scroll-view>
  133. </view>
  134. </view>
  135. <view class="modal_wrap {{hiddenmodal ? 'hidden' : ''}}">
  136. <view class="modal {{hiddenmodal ? 'hidden' : ''}}">{{modalCont}}</view>
  137. </view>
  138. <view wx:if="{{maskBg}}" class="modal_bg "></view>
  139. <!-- 模拟定制预览弹窗 -->
  140. <view class="preview_wrap {{previewHidden}}" bindtap="cancelPreview">
  141. <swiper class="banner_swiper" indicator-dots="true" circular="true" duration="1000">
  142. <!-- <block wx:for="{{previewUrlEach}}" wx:key="{{index}}" wx:for-index="i"> -->
  143. <swiper-item class="banner">
  144. <view class="preview_img">
  145. <image src="{{previewUrlEach}}" mode="widthFix"></image>
  146. </view>
  147. </swiper-item>
  148. <swiper-item class="banner">
  149. <view class="preview_img">
  150. <image src="{{previewUrlBoxEach}}" mode="widthFix"></image>
  151. </view>
  152. </swiper-item>
  153. <!-- </block> -->
  154. </swiper>
  155. </view>
  156. <!-- 开始定制 -->
  157. <view class='contact_wind {{showContact ? "show_contact_wind" : ""}}'>
  158. <view class='qrfh_content_wrap'>
  159. <image src='/images/close_gray_icon.png' class='close_contact' bindtap='closeContactWind'></image>
  160. <view class='qrfh_cont contact_title'>定制商品请联系客服</view>
  161. <view class='contact_btn clearfix'>
  162. <view class='qrfh_sure contact_each_btn dingzhi_btn_left' bindtap='tel'>客服电话</view>
  163. <button open-type="contact" class='qrfh_sure dingzhi_btn_right' bindtap='sureFh'>联系客服</button>
  164. </view>
  165. </view>
  166. </view>
  167. <!-- 定制完成 -->
  168. <view class="qrfh_wrap {{showQrfhMode ? '' : 'hidden'}}">
  169. <view class='qrfh_content_wrap'>
  170. <view class='qrfh_cont_wrap'>
  171. <view class='qrfh_cont'>定制确认后将无法修改,</view>
  172. <view class='qrfh_cont'>是否确认?</view>
  173. </view>
  174. <view class='qrsh_btn_wrap clearfix'>
  175. <view class='qrfh_cancle' bindtap='cancelFh'>取消</view>
  176. <view class='qrfh_sure' bindtap='sureFh'>确定</view>
  177. </view>
  178. </view>
  179. </view>
  180. <!-- 送自己 -->
  181. <view class="qrfh_wrap {{showSendMineMsg ? '' : 'hidden'}}">
  182. <view class='qrfh_content_wrap'>
  183. <view class='qrfh_cont_wrap'>
  184. <view class='qrfh_cont'>将会按照您即将填写的订地址为您发货,</view>
  185. <view class='qrfh_cont'>是否确认?</view>
  186. </view>
  187. <view class='qrsh_btn_wrap clearfix'>
  188. <view class='qrfh_cancle' bindtap='cancelSendMine'>取消</view>
  189. <view class='qrfh_sure' bindtap='sureSendMine'>确定</view>
  190. </view>
  191. </view>
  192. </view>
  193. <!-- 送朋友 -->
  194. <!-- <view class="qrfh_wrap {{showSendFriendMsg ? '' : 'hidden'}}">
  195. <view class='qrfh_content_wrap'>
  196. <view class='qrfh_cont_wrap'>
  197. <view class='qrfh_cont'>将会按照朋友填写的地址为您发货,</view>
  198. <view class='qrfh_cont'>是否确认?</view>
  199. </view>
  200. <view class='qrsh_btn_wrap clearfix'>
  201. <view class='qrfh_cancle' bindtap='cancelSendFriend'>取消</view>
  202. <view class='qrfh_sure' bindtap='sureSendFriend'>确定</view>
  203. </view>
  204. </view>
  205. </view> -->
  206. <!-- 待定制 - 申请取消 -->
  207. <view class="qrfh_wrap {{showCancelOrder ? '' : 'hidden'}}">
  208. <view class='qrfh_content_wrap'>
  209. <view class='qrfh_cont_wrap'>
  210. <view class='qrfh_cont'>将会为您申请取消,</view>
  211. <view class='qrfh_cont'>是否确认?</view>
  212. </view>
  213. <view class='qrsh_btn_wrap clearfix'>
  214. <view class='qrfh_cancle' bindtap='cancelCancelOrder'>取消</view>
  215. <view class='qrfh_sure' bindtap='cancelOrder'>确定</view>
  216. </view>
  217. </view>
  218. </view>
  219. <!-- 已完成 - 申请售后 -->
  220. <view class="qrfh_wrap {{showShouhou ? '' : 'hidden'}}">
  221. <view class='qrfh_content_wrap'>
  222. <view class='qrfh_cont_wrap'>
  223. <view class='qrfh_cont'>将会为您申请售后,</view>
  224. <view class='qrfh_cont'>是否确认?</view>
  225. </view>
  226. <view class='qrsh_btn_wrap clearfix'>
  227. <view class='qrfh_cancle' bindtap='cancelShouhou'>取消</view>
  228. <view class='qrfh_sure' bindtap='sureShouhou'>确定</view>
  229. </view>
  230. </view>
  231. </view>
  232. <!-- 待付款 - 取消 -->
  233. <view class="qrfh_wrap {{showCancelPay ? '' : 'hidden'}}">
  234. <view class='qrfh_content_wrap'>
  235. <view class='qrfh_cont_wrap'>
  236. <view class='qrfh_cont'>取消后订单无法恢复,</view>
  237. <view class='qrfh_cont'>是否确认?</view>
  238. </view>
  239. <view class='qrsh_btn_wrap clearfix'>
  240. <view class='qrfh_cancle' bindtap='closeSaveMsg'>取消</view>
  241. <view class='qrfh_sure' bindtap='sureSave'>确定</view>
  242. </view>
  243. </view>
  244. </view>
  245. <!-- 拆分订单弹窗 -->
  246. <view class='qrfh_wrap {{showSendFriendMsg ? "" : "hidden"}}'>
  247. <view class='break_order_content'>
  248. <view class='break_title_wrap'>
  249. <view class='break_title'>请选择需要赠送的礼物及数量</view>
  250. </view>
  251. <view class='break_content'>
  252. <block wx:for="{{breakOrderList.list_order_aff_data}}" wx:key="index" wx:for-index="i">
  253. <view class='each_break_goods clearfix'>
  254. <image src="{{item.logo}}" class="goods_img"></image>
  255. <!-- 商品信息开始 -->
  256. <view class='break_goods_infor'>
  257. <view class='break_infor_content clearfix'>
  258. <view class="goods_name break_goods_name">{{item.com_name}}</view>
  259. <view class="goods_style break_goods_style">
  260. <text wx:if="{{item.com_style1 != 'null'}}">{{item.com_style1}} </text>
  261. <text wx:if="{{item.com_style2 != 'null'}}">{{item.com_style2}} </text>
  262. <text wx:if="{{item.com_style3 != 'null'}}">{{item.com_style3}} </text>
  263. <text wx:if="{{item.com_style4 != 'null'}}">{{item.com_style4}} </text>
  264. <text wx:if="{{item.com_style5 != 'null'}}">{{item.com_style5}} </text>
  265. <text wx:if="{{item.com_dz != 'null'}}">{{item.com_dz}} </text>
  266. <text wx:if="{{item.com_lh != 'null'}}">{{item.com_lh}}</text>
  267. </view>
  268. <view class="goods_num break_goods_num">×{{item.com_num}}</view>
  269. </view>
  270. <view class='break_num_wrap clearfix'>
  271. <view class='each_break_btn'>选择数量:</view>
  272. <view class='each_break_btn_wrap'>
  273. <view class='each_break {{item.minus}}' bindtap='minusCount' data-breaknum="{{item.break_num}}" data-price="{{item.com_price}}" data-id="{{i}}" data-num='{{item.com_num}}'>-</view>
  274. <input class='each_break' type='number' bindblur='writeNum' bindconfirm='writeNum' data-breaknum="{{item.break_num}}" data-num='{{item.com_num}}' value='{{item.break_num}}' data-id="{{i}}" />
  275. <!-- <view class='each_break'>{{item.break_num}}</view> -->
  276. <view class='each_break {{item.add}}' bindtap='addCount' data-breaknum="{{item.break_num}}" data-price="{{item.com_price}}" data-id="{{i}}" data-num='{{item.com_num}}'>+</view>
  277. </view>
  278. </view>
  279. </view>
  280. <!-- 商品信息结束 -->
  281. </view>
  282. </block>
  283. </view>
  284. <!-- 操作按钮 -->
  285. <view class='break_btn_wrap'>
  286. <view class='break_btn break_btn_left' bindtap='cancelSendFriend'>取消</view>
  287. <form bindsubmit="sureSendFriend" report-submit >
  288. <button formType="submit" class='form_button'>
  289. <view class='break_btn break_btn_right'>确定</view>
  290. </button>
  291. </form>
  292. <!-- <view class='break_btn break_btn_right' bindtap='sureSendFriend'>确定</view> -->
  293. </view>
  294. </view>
  295. </view>