exchange-status.hbs
5.54 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
<section class="exchange-status" id="exchange-goods-status">
<div class="status-desc">
<p>审核通过</p>
<p>申请时间: 2016.1.23 23:00:00</p>
</div>
<div class="exchange-progress">
<ul>
<li class="passed">
<div class="progress-desc">
<p>提交申请</p>
<time>2016-1-23 23:00:00</time>
</div>
</li>
<li>
<div class="progress-desc">
<p>审核通过</p>
</div>
</li>
<li>
<div class="progress-desc">
<p>商品寄回</p>
</div>
</li>
<li>
<div class="progress-desc">
<p>商品入库</p>
</div>
</li>
<li>
<div class="progress-desc">
<p>换货完成</p>
</div>
</li>
</ul>
<div class="progress-todo">
<p>您的换货申请已<b>成功提交</b>!</p>
<p class="phone">请您耐心等待审核,审核过后我们会将换货信息发送至您的手机<br>客服电话:400-889-9646</p>
</div>
</div>
<div class="exchange-details">
<h2>换货详情 <i>EXCHANGE DETAILS</i></h2>
<div class="exchange-product-wrapper">
<div class="exchange-product">
<div class="goods-info" v-for="goods in order.orderGoods">
<div class="img-box">
<img v-bind:src="goods.goodsImage | resize 49 65" alt="{{goods.productName}}">
</div>
<div class="goods-detail">
<p class="name">{{goods.productName}}</p>
<p class="size">
<span>颜色:{{goods.colorName}}</span>
<span>尺码:{{goods.sizeName}}</span>
</p>
</div>
<div class="goods-price">
<p>¥ {{goods.goodsPrice}}</p>
<p>×{{goods.buyNumber}}</p>
</div>
</div>
<div class="exchange-reason">
<p>换货颜色尺码: 黄色 M码</p>
<p>换货原因: 质量瑕疵</p>
<blockquote>收到货品后发现不是自己想要的，不是非常的喜欢， 而且存在一低昂的质量问题的呢，少了一个扣子的， 颜色与实际的有点不太符合的哈。</blockquote>
<ul class="exchange-img">
<li>
<img src="" alt="">
</li>
<li>
<img src="" alt="">
</li>
<li>
<img src="" alt="">
</li>
</ul>
</div>
</div>
<div class="exchange-product">
<div class="goods-info" v-for="goods in order.orderGoods">
<div class="img-box">
<img v-bind:src="goods.goodsImage | resize 49 65" alt="{{goods.productName}}">
</div>
<div class="goods-detail">
<p class="name">{{goods.productName}}</p>
<p class="size">
<span>颜色:{{goods.colorName}}</span>
<span>尺码:{{goods.sizeName}}</span>
</p>
</div>
<div class="goods-price">
<p>¥ {{goods.goodsPrice}}</p>
<p>×{{goods.buyNumber}}</p>
</div>
</div>
</div>
<div class="exchange-product">
<div class="goods-info" v-for="goods in order.orderGoods">
<div class="img-box">
<img v-bind:src="goods.goodsImage | resize 49 65" alt="{{goods.productName}}">
</div>
<div class="goods-detail">
<p class="name">{{goods.productName}}</p>
<p class="size">
<span>颜色:{{goods.colorName}}</span>
<span>尺码:{{goods.sizeName}}</span>
</p>
</div>
<div class="goods-price">
<p>¥ {{goods.goodsPrice}}</p>
<p>×{{goods.buyNumber}}</p>
</div>
</div>
<div class="exchange-reason">
<p>换货原因: 尺寸不合适</p>
</div>
</div>
</div>
</div>
<div class="exchange-express">
<div class="exchange-address">
<p><span>{{order.userName}}</span><span>{{order.phone}}</span></p>
<p>{{order.area}} <br>{{order.address}}</p>
</div>
<div class="exchange-type">
<a href="">
<div class="primary">换货方式:</div>
<div class="cell-ft">寄回换货</div>
</a>
</div>
</div>
<div class="exchange-order">
<a href="">
<div class="primary">原订单详情</div>
<div class="cell-ft"></div>
</a>
</div>
<div class="exchange-options">
<button>取消申请</button>
</div>
</section>