orderDetail.wxml
18.6 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
<!-- <import src="../defraudtip/defraudtip.wxml"/> -->
<block wx:if="{{!isLoading}}">
<view class="container">
<form bindsubmit="formSubmit" report-submit='true'>
<view class='statusContainer'>
<view wx:if="{{data.order_detail_info}}" class='status' bindtap="{{isShowExpress?'onExpressTapped':''}}" data-order_code="{{order_code}}">
<text class='title'>{{data.order_detail_info.value}}</text>
<block wx:if="{{data.order_detail_info.ext.pay_lefttime}}">
<view class='time_count_down'>
<image class='time_count_down_image' src='./images/time@3x.png'></image>
<text >剩余{{time_left}}</text>
</view>
</block>
<block wx:if="{{data.order_detail_info.ext}}">
<text wx:if="{{data.order_detail_info.key !== '101'}}" class='detail'>
<block wx:if="{{data.order_detail_info.key === '203'}}">您的商品已到货，您还需支付尾款<text style="color: red;">{{data.order_detail_info.ext.order_tail_pay_amount}}</text>，请在指定时间内完成支付，超时订单自动取消</block>
<block wx:if="{{data.order_detail_info.key === '201'}}">您的订单已提交，请在指定时间内完成支付，超时订单自动取消</block>
<block wx:else>{{data.order_detail_info.ext.desc}}</block></text>
<text wx:else class='detail'>您的订单已提交，请在{{time_left}}内完成支付，超时订单自动取消。</text>
</block>
</view>
<block wx:if="{{isShowExpress}}">
<view class='arrow'>
<image class='image' src='../images/arrow_right@2x.png'></image>
</view>
</block>
</view>
<view class='downloadApp' style='margin-top: 1rpx;'>
<view class='logoView'>
<image class='logo' style='mode: aspectFit;' src='./images/yoho@3x.png'></image>
</view>
<text class='tips'>下载Yoho!Buy实时获取物流动态</text>
</view>
<block wx:if="{{data.status_history}}">
<view class="order-info">
<block wx:for="{{data.status_history}}" wx:for-index="index" wx:for-item="history" wx:key="history.node_header">
<deposit-process
isShowLeft="{{index !== 0}}"
isShowRight="{{index !== data.status_history.length - 1}}"
processText="{{history.node_header}}"
processPrice="{{history.node_body}}"
currentStyle="{{history.node_style}}"
>
</deposit-process>
</block>
</view>
</block>
<view wx:if="{{data.delivery_info}}" class="order-detail-page yoho-page" style='margin-top: 20rpx;'>
<view id="order-detail">
<view class="owner-info block" data-changeable="true" bindtap="changeAddress">
<view class="iconfont">
<image src="images/dizhi_icon@2x.png" class="tag-image"></image>
</view>
<view class="beside-icon">
<view class="name-phone">
{{data.delivery_info.user_name}}
<view>{{data.delivery_info.mobile}}</view>
</view>
<view wx:if="{{data.delivery_info}}" class="address">
{{data.delivery_info.area + ' ' + data.delivery_info.address}}
</view>
<view wx:if="{{false}}" class="rest" style="display: block;">其他地址</view>
</view>
</view>
<view class="order-goods" style='margin-top: 20rpx;'>
<block wx:for="{{data.order_goods}}" wx:for-item="good" wx:key="product_id">
<view class="order-good" data-id="">
<view class="thumb-wrap">
<image class="thumb" src="{{good.goods_image}}" style='mode: aspectFit;'></image>
<image wx:if="{{good.goods_type=='gift' || good.goods_type=='price_gift'}}"class='productTag' src="{{good.goods_type=='gift'?'../images/zp-lab@2x.png':'../images/jjg-lab@2x.png'}}"></image>
</view>
<view class="deps">
<view class="nameContainer">
<text class='name product-info'>{{good.product_name}}</text>
</view>
<view class="colorContainer">
<view class="color">
颜色:{{good.color_name}} {{good.sku_title || '尺码'}}:{{good.size_name}}
</view>
<view wx:if="{{good.expect_arrival_time&&good.goods_type!=='ordinary'}}" class="expire">上市期：{{good.expect_arrival_time}}</view>
</view>
</view>
<view class="price-wrap">
<view class="price">
¥{{good.real_pay_price}}
</view>
<view wx:if="{{good.sales_price}}" class="count" style='text-decoration:line-through;'>
¥{{good.sales_price}}
</view>
<view class="count">
×{{good.buy_number}}
</view>
</view>
<block wx:if="{{item.RPCU}}">
<text style='margin-top:6rpx;color:#D0021B;font-size:24rpx;text-align:right;margin-bottom:8rpx'>可用红包</text>
</block>
</view>
<block wx:if="{{data.order_extInfo.order_deposit_amount && good.expect_arrival_time && good.expect_arrival_time !== ''}}">
<view class="finalPaymentTime">
<text class="color">尾款支付时间：{{good.expect_arrival_time}}</text>
</view>
</block>
</block>
</view>
<view class="cell-bg">
<block wx:if="{{isShowRedPac && data.order_detail_info.key === '203'}}">
<view class='yohoCodeCell' style='flex-direction:row'>
<text class="yohoCodeCellName" style='margin-right: 10rpx;'>{{redPac}}</text>
<text class="yohoCodeCellDetailText">{{redReduction}}</text>
<image
src="{{invoiceIcon}}"
style='margin-left:4rpx;margin-right:0rpx'
class="yohoCodeCellArrowIcon"
bindtap="yohoRedCellArrowIconAction"></image>
<block wx:if="{{false}}">
<view class='use-redpac-price'>{{redStrUsedNum}}</view>
</block>
<block wx:else>
<view style='flex:1;background-color:transparent'></view>
</block>
<view class='yohoRedCellSwitchView' style='margin-right:15rpx'>
<switch checked="{{isRedPacEnable}}" class="yohoCodeCellSwitch" bindchange="switch2ChangeForRedPac" disabled = "{{isSwitchRedPac}}"/>
</view>
</view>
</block>
<block wx:if="{{data.order_detail_info.key === '203'}}">
<view class="cell yohoCodeCell" bindtap="yohoCouponAction">
<view class="cellNameText">
{{yohoCoupon}}
</view>
<block wx:if="{{coupon_count !== 0}}">
<block wx:if="{{select_yoho_coupon_code_count !== 0}}">
<text class="yohoCodeCellDetailText">已选{{select_yoho_coupon_code_count}}张</text>
</block>
<block wx:else>
<text class="yohoCodeCellDetailText">{{countUsableCoupon}}张可用，已推荐{{coupon_count}}张</text>
</block>
</block>
<block wx:else>
<text class="yohoCodeCellDetailText">{{countUsableCoupon}}张可用</text>
</block>
<view class="arrowIconEnlarge">
<image src="{{invoiceIcon}}" class="arrowIcon" catchtap="yohoCouponTipAction"></image>
</view>
<block wx:if="{{hasSelectYohoCouponCode && coupon_count !== 0}}">
<text class="cellDetailText" style="flex-grow: 1;">已抵用 ¥{{yohoCouponMomey}}</text>
</block>
<block wx:else>
<text class="cellDetailText" style="flex-grow: 1;">未使用</text>
</block>
<image src="../../statements/images/disclosure-arrow_m@2x.png" class="arrowIcon_m"></image>
</view>
<view class="yohoCodeCell">
<text class="yohoCodeCellName">{{yohoCode}}</text><block wx:if="{{needYohoCode}}"><text class="yohoCodeCellDetailText">已抵¥{{use_yoho_coin}}</text></block>
<block wx:else>
<block wx:if="{{!isSwitchYohoCoin}}"><text class="yohoCodeCellDetailText">不满足有货币使用条件</text></block>
<block wx:elif="{{total_yoho_coin_num >= 100}}">
<text class="yohoCodeCellDetailText">可抵¥{{yoho_coin}}</text>
<!-- <block wx:if="{{total_yoho_coin_num >= 100}}">
<text class="yohoCodeCellDetailText">可抵¥{{yoho_coin}}</text> -->
</block>
<block wx:else>
<text class="yohoCodeCellDetailText">共{{total_yoho_coin_num}}个有货币，满100可用!</text>
</block>
</block>
<image src="{{invoiceIcon}}" class="yohoCodeCellArrowIcon" bindtap="yohoCodeCellArrowIconAction"></image>
<view class='yohoCodeCellSwitchView'>
<switch checked="{{needYohoCode}}" class="yohoCodeCellSwitch" bindchange="switchChangeForYohoCode" disabled = "{{!isSwitchYohoCoin}}" />
</view>
</view>
<view class="yohoCodeCell">
<view class="yohoCodeCellName">{{invoice}}</view>
<view class='yohoCodeCellSwitchView'>
<switch checked="{{needInvoice}}" class="yohoCodeCellSwitch" bindchange="switch2Change" />
</view>
</view>
<view class="invoiceCell" style= "display: {{needInvoice?'':'none'}}; height: 100rpx;"bindtap="invoiceIconAction">
<text class="invoiceCellName">{{invoiceDetailTitle}}</text>
<block wx:if="{{!invoiceData}}">
<text class="invoiceCellDetailText">{{invoiceDetail}}</text>
</block>
<block wx:elif="{{invoiceData.personal}}">
<text class="invoiceCellDetailText">电子发票-{{invoiceData.personName}}</text>
</block>
<block wx:else>
<text class="invoiceCellDetailText">电子发票-{{invoiceData.companyName}}</text>
</block>
<view class="invoiceCellArrowView">
<image src="{{arrowIcon_m}}" class="invoiceCellArrowIcon"></image>
</view>
</view>
</block>
</view>
<block wx:if="{{promotion_formula_list.length > 0}}">
<view class='formulas'>
<block wx:for="{{promotion_formula_list}}" wx:key="unique">
<block wx:if="{{item.level === 1}}">
<view class="invoiceCell" style='margin-bottom: 20rpx;'>
<text class="invoiceCellName">{{item.promotion}}</text>
<text class='price' style='color: #444444;'>{{item.promotion_amount}}</text>
</view>
</block>
<block wx:elif="{{item.level === 2}}">
<view class="invoiceCell" style='margin-bottom: 20rpx;'>
<text class="invoiceCellNameLevel2">{{item.promotion}}</text>
<text class='priceLevel2'>{{item.promotion_amount}}</text>
</view>
</block>
</block>
<view class='space' style='margin-top: 20rpx;margin-bottom: 20rpx;'></view>
<view wx:if="{{data.order_amount_info.real_amount || depositTailAssetsPaymentData.shopping_cart_data.real_amount}}" class="invoiceCell">
<text class="invoiceCellName">{{promotion}}</text>
<text class='price'>{{promotion_amount}}</text>
</view>
</view>
</block>
<block wx:if="{{data.order_basic_info}}">
<view class='orderDetail' style='margin-top: 20rpx;'>
<block wx:for="{{data.order_basic_info}}" wx:key="unique">
<view class='orderNum'>
<text class='ordernum'>{{item.key}}: {{item.value}}</text>
<block wx:if="{{item.ext}}">
<view wx:if="{{item.ext.need_copy_value}}" class='copyContainer' bindtap='copy' data-copy_content="{{item.ext.need_copy_value}}" data-copy_type="{{item.key}}">
<text class='copy' >复制</text>
</view>
<view wx:elif="{{item.ext.need_show_invoice}}" class='copyContainer' bindtap='lookup' data-copy_url="{{item.ext.need_show_invoice}}" data-copy_content='链接地址已复制成功，请粘贴到浏览器中打开，您也可以通过下载有货APP查看' data-copy_type="{{item.key}}">
<text class='copy'>查看</text>
</view>
</block>
</view>
</block>
</view>
</block>
<block wx:if="{{resources && resources.length > 0}}" wx:for='{{resources}}' wx:key='unique' >
<view wx:if="{{item.template_name=='newSingleImage'}}" style="width: {{item.data.imageWidth}}rpx;height: {{item.data.imageHeight}}rpx;margin-top: 20rpx;">
<image class='bannerImage' bindtap='lookup' data-copy_content="已成功复制微信公众号，请到微信中关注我们" data-copy_type='copyWeChat' data-copy_url='Yoho_buy' src="{{item.data.list&&item.data.list.length>0?item.data.list[0].src:''}}"></image>
</view>
</block>
<!--猜你喜欢列表-->
<view class='titleContainer' style='margin-top: 20rpx;'>
<view class='titleLine'></view>
<view class='titleDesc'> 为你优选</view>
</view>
<view class="likeContainer">
<block wx:for="{{recommdData}}" wx:key="{{index}}">
<productListCell item="{{item}}" page-name="{{current_page_name}}"></productListCell>
</block>
</view>
<view wx:if="{{data.links.length > 0}}" class="timeViewOpt">
<view wx:if="{{data.attribute == 9}}" class="tips" style='font-size:28rpx;color:#444444'>*此订单只能在APP端操作</view>
<view class="bottomView">
<view wx:if="{{data.order_amount_info.real_amount || depositTailAssetsPaymentData.shopping_cart_data.real_amount}}" class="bottomViewOrderPrice">
<!-- <text class="invoiceCellName">{{promotion}}：</text>
<text class='price'>{{promotion_amount}}</text> -->
</view>
<view class='bottomViewBtn'>
<block wx:for="{{data.links}}" wx:for-item="link" wx:key="order_code">
<block wx:if="{{link == 'closeOrder'}}">
<button class="button" style='margin-left:20rpx;margin-right:0rpx' formType="submit" type="default" size="{{defaultSize}}" plain='true' data-closeOrder_tips="{{closeOrder_tips}}" catchtap="onCloseOrderTapped" data-order_code="{{order_code}}">取消订单</button>
</block>
<block wx:if="{{link == 'cancelPayTail'}}">
<button class="button" style='margin-left:20rpx;margin-right:0rpx; width: 200rpx;' formType="submit" type="default" size="{{defaultSize}}" plain='true' catchtap="onCloseTailOrderTapped" data-closeOrder_tips="{{closeOrder_tips}}" data-order_code="{{order_code}}">取消尾款支付</button>
</block>
<block wx:if="{{link == 'readd'}}">
<view class="btn btn-cancel" style='margin-left:20rpx;margin-right:0rpx' catchtap="onReaddTapped" data-order_code="{{order_code}}" data-tab_index='1'>再次购买</view></block>
<block wx:if="{{link == 'buyNow'}}">
<view class="btn btn-pay" style='margin-left:20rpx;margin-right:0rpx' catchtap="onBuyNowTapped" data-order_code="{{order_code}}" data-group_no="{{data.order_extInfo.group_no}}" data-activity_id="{{data.order_extInfo.activity_id}}">立即付款</view>
</block>
<block wx:if="{{link == 'buyAtApp'}}">
<view class="btn btn-pay" style='margin-left:20rpx;margin-right:0rpx' catchtap="onBuyFromApp" data-order_code="{{order_code}}" data-group_no="{{data.order_extInfo.group_no}}" data-activity_id="{{data.order_extInfo.activity_id}}">立即付款</view>
</block>
<block wx:if="{{link == 'payTail'}}">
<view class="btn btn-pay" style='margin-left:20rpx;margin-right:0rpx' catchtap="onBuyNowTapped" data-order_code="{{order_code}}" data-group_no="{{data.order_extInfo.group_no}}" data-activity_id="{{data.order_extInfo.activity_id}}">支付尾款</view>
</block>
<block wx:if="{{link == 'payDeposit'}}">
<view class="btn btn-pay" style='margin-left:20rpx;margin-right:0rpx' catchtap="onBuyNowTapped" data-order_code="{{order_code}}" data-group_no="{{data.order_extInfo.group_no}}" data-activity_id="{{data.order_extInfo.activity_id}}">支付定金</view>
</block>
<block wx:if="{{link == 'delOrder'}}">
<view class="btn btn-cancel" style='margin-left:20rpx;margin-right:0rpx' catchtap="onDelOrderTapped" data-order_code="{{order_code}}">删除订单</view>
</block>
<block wx:if="{{link == 'getExpress'}}">
<view class="btn cancel" style='margin-left:20rpx;margin-right:0rpx' catchtap="onExpressTapped" data-order_code="{{order_code}}">查看物流</view>
</block>
<block wx:if="{{link == 'confirm'}}">
<button formType="submit" style='margin-left:20rpx;margin-right:0rpx' type="default" class="button btn-pay" catchtap="onConfirmTapped" data-order_code="{{order_code}}">确认收货</button>
</block>
<block wx:if="{{link == 'refundApply'}}"><!--link == 'refundApply'-->
<button class="button" style='margin-left:20rpx;margin-right:0rpx' formType="submit" type="default" size="{{defaultSize}}" plain='true' catchtap="onRefundApplyTapped" data-order_code="{{order_code}}">申请退款</button>
</block>
<block wx:if="{{link == 'afterService'}}">
<view class="btn btn-pay" style='margin-left:20rpx;margin-right:0rpx' catchtap="onAfterServiceTapped" data-order_code="{{order_code}}">申请售后</view>
</block>
<block wx:if="{{link == 'groupInvite'}}">
<button class="inviteBtn" style='margin-left:20rpx;margin-right:0rpx' catchtap="gotoGroupBuyDetail" data-shareType='groupInvite' size="{{defaultSize}}" plain='true' data-order_code="{{order_code}}" data-group_no="{{data.order_extInfo.group_no}}" data-activity_id="{{data.order_extInfo.activity_id}}">查看拼团详情</button>
</block>
</block>
</view>
</view>
</view>
</view>
</view>
<picker-view wx:if="{{showReason}}"class='picker-view' value='{{value}}' bindchange='bindChange' indicator-style="height: 50rpx;">
<picker-view-column>
<!-- bindtap='chooseReason' data-id="{{item.id}}" data-reason="{{item.reason}}" -->
<view wx:for="{{refundReason}}" class="addr-item">{{item.reason}}</view>
</picker-view-column>
</picker-view>
<view wx:if="{{showReason}}" class='chooseBtn' bindtap='reasonSure'>确定</view>
<view wx:if="{{showReason}}" bindtap='hidderPicker' class='mask'></view>
</form>
</view>
</block>
<homenav id="homenav" isShow="{{isShowHomeNav}}"></homenav>