order_confirm.html
6.82 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
<!DOCTYPE html>
<html lang="en">
<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">
<a href="picker.html">
<h3 class="title">提货人</h3>
<span class="text">张三 13800800800</span>
</a>
</li>
<li class="cell cell-right-detail acc-icon">
<label>
<h3 class="title">提货时间</h3>
<span class="text">
<span class="m-input-date">
<span class="current">请选择</span>
<input type="date">
</span>
</span>
</label>
</li>
</ul>
<ul class="m-table-view">
<li class="cell cell-basic">
<h3 class="title pay-title">付款方式</h3>
</li>
<li class="cell cell-extend">
<label>
<span class="title"><i class="m-icon icon-bank-card"></i>线下付款</span>
<span class="text">提交订单后2小时内到银行网点完成地利付款</span>
<input type="radio" class="m-radio acc" checked name="payMethod">
</label>
</li>
<li class="cell cell-extend">
<label>
<span class="title"><i class="m-icon icon-wallet"></i>当面付款</span>
<span class="text">在指定的区域当面付</span>
<input type="radio" class="m-radio acc" name="payMethod">
</label>
</li>
</ul>
<ul class="m-table-view">
<li class="cell cell-right-detail" id="deliveryMethod">
<a href="#deliveryMethodPop" class="display-block" data-popup>
<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">
<input type="text" class="m-input" placeholder="选填：对本次交易的补充说明">
</li>
<li class="cell cell-left-detail">
<h3 class="subtotal">合计：336元</h3>
</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">
<input type="text" class="m-input" placeholder="选填：对本次交易的补充说明">
</li>
<li class="cell cell-left-detail">
<h3 class="subtotal">合计：336元</h3>
</li>
</ul>
<!-- <textarea class="m-textarea" placeholder="给卖家留言..."></textarea> -->
</section>
<footer class="m-footer">
<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>
<script>
seajs.use(['../js/javascript/common/popup', '../js/javascript/order/confirm']);
</script>
</body>
</html>