order_confirm.html
8.62 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
<!DOCTYPE html>
<html lang="en" class="transition-wrapper">
<head>
<meta charset="UTF-8">
<meta name="format-detection" content="telephone=no" />
<meta name="msapplication-tap-highlight" content="no" />
<!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
<!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> -->
<meta content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" name="viewport" />
<title>订单流程-订单确认</title>
<link rel="stylesheet" href="../css/style/common.css">
<link rel="stylesheet" href="../css/style/order_confirm.css">
<!-- base seajs -->
<script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/sea.js"></script>
<!-- base jquery -->
<script type="text/javascript" src="http://static.nong12.com/static/newStatic/common/js/base/jquery-2.1.3.min.js"></script>
</head>
<body class="orderConfirm">
<div class="m-page">
<header class="m-header">
<div class="head">
<a href="shopping_list.html" class="lt-bar m-icon icon-back white">返回</a>
<h1>订单确认</h1>
<!-- <a href="#" class="rt-bar m-icon icon-more-white">更多</a> -->
</div>
</header>
<section class="m-content">
<ul class="m-table-view">
<li class="cell cell-right-detail contact acc-icon">
<a href="picker.html">
<h4>张思琪 15208393679</h4>
<p>身份证 510724199112211233</p>
<p>四川省成都市天府广场右边38号物质大厦</p>
</a>
</li>
</ul>
<ul class="m-table-view">
<li class="cell cell-right-detail payment acc-icon ">
<a href="picker.html">
<h3 class="title">支付及配送</h3>
<span class="text">在线支付 送货上门</span>
</a>
</li>
</ul>
<ul class="m-table-view">
<li class="cell cell-basic">
<h3 class="title shop-name">店铺：地利自营</h3>
</li>
<li class="cell cell-extend-pic">
<img src="../temp/pic_fq@2x.png" alt="" class="pic">
<h3 class="title">西红柿 产地山东潍坊市提货点山东寿光农产品交易市场</h3>
<p class="detail">属性：青丝茄子，成都聚合
<br>服务：保险预冷，理货包装，物流配送</p>
<span class="text">2.8元/斤 <em>x200</em></span>
</li>
<li class="cell cell-extend-pic">
<img src="../temp/pic_fq@2x.png" alt="" class="pic">
<h3 class="title">西红柿 产地山东潍坊市提货点山东寿光农产品交易市场</h3>
<p class="detail">属性：青丝茄子，成都聚合
<br>服务：保险预冷，理货包装，物流配送</p>
<span class="text">2.8元/斤 <em>x200</em></span>
</li>
<li class="cell postage">
<input type="text" class="m-input" placeholder="运费：">
<label>
<input type="radio" class="m-radio">
无运费
</label>
<a href="#" class="m-btn btn-text">立即联系</a>
</li>
<li class="cell Since acc-icon ">
<h3 class="title">自提</h3>
<div class="dateTiem text">2015-02-05 6:00 ~ 12:00</div>
<p class="text">四川省成都市天府广场</p>
</li>
<li class="cell">
<input type="text" class="m-input" placeholder="选填：对本次交易的补充说明">
</li>
</ul>
<ul class="m-table-view">
<li class="cell cell-basic">
<h3 class="title shop-name">店铺：茄子专卖店</h3>
</li>
<li class="cell cell-extend-pic">
<img src="../temp/pic_hlb@2x.png" alt="" class="pic">
<h3 class="title">西红柿 产地山东潍坊市提货点山东寿光农产品交易市场</h3>
<p class="detail">属性：青丝茄子，成都聚合
<br>服务：保险预冷，理货包装，物流配送</p>
<span class="text">2.8元/斤 <em>x200</em></span>
</li>
<li class="cell postage">
<h3 class="title"></h3>
<input type="text" class="m-input" placeholder="运费：">
<label>
<input type="radio" class="m-radio">
无运费
</label>
<a href="order_success.html" class="m-btn btn-text">提交订单</a>
</li>
<li class="cell">
<input type="text" class="m-input" placeholder="选填：对本次交易的补充说明">
</li>
</ul>
<div class="coupon-view">
<ul class="m-table-view">
<li class="cell acc-icon transition-btn" elem="#coupon-list" >
<p class="title">优惠</p>
<span class="text ticket">满1000立减100</span>
</li>
</ul>
<ul class="m-table-view">
<li class="cell">
<p class="title">商品金额</p>
<span class="text money">1800.00元</span>
</li>
<li class="cell">
<p class="title">商品优惠</p>
<span class="text money">-100.00元</span>
</li>
</ul>
</div>
</section>
<footer class="footer-end clearfix">
<span class="total">总计：336元</span>
<a href="order_success.html" class="m-btn btn-success">提交订单</a>
</footer>
</div>
<div class="m-actionsheet m-animate-hide" id="deliveryMethodPop">
<ul>
<li><a href="#" data-dismiss>上门自提</a></li>
<li class="last-item"><a href="#" data-dismiss>送货上门</a></li>
<li class="close"><a href="#" data-dismiss>取消</a></li>
</ul>
</div>
<div class="transition-up" id="coupon-list">
<header class="m-header">
<div class="head">
<span elem="#coupon-list" class="lt-bar m-icon icon-back white transition-close">返回</span>
<h1>优惠券</h1>
</div>
</header>
<div class="coupons">
<a href="#" class="acoupons clearfix">
<img src="../images/cop.png" >
<div class="cont">
<p>满1000元减200元</p>
<p>农丰网全场可用</p>
<p class="time">有效期2015-03-07至2015-06-09</p>
</div>
</a>
<a href="#" class="acoupons clearfix">
<img src="../images/cop.png" >
<div class="cont">
<p>满1000元减200元</p>
<p>农丰网全场可用</p>
<p class="time">有效期2015-03-07至2015-06-09</p>
</div>
</a>
<a href="#" class="acoupons clearfix">
<img src="../images/cop.png" >
<div class="cont">
<p>满1000元减200元</p>
<p>农丰网全场可用</p>
<p class="time">有效期2015-03-07至2015-06-09</p>
</div>
</a>
<a href="#" class="acoupons clearfix">
<img src="../images/cop.png" >
<div class="cont">
<p>满1000元减200元</p>
<p>农丰网全场可用</p>
<p class="time">有效期2015-03-07至2015-06-09</p>
</div>
</a>
</div>
</div>
<script>
seajs.use(['../js/javascript/common/popup', '../js/javascript/order/confirm']);
</script>
</body>
</html>