pay.html
5.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
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>地利宝--我的收银台</title>
<link rel="stylesheet" href="../css/style/pay.css">
<script type="text/javascript" src="../../common/js/base/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="../../common/js/base/sea.js"></script>
<script type="text/javascript" src="../js/javascript/common/config.js"></script>
<body>
<div class="header">
<!-- 顶部头 -->
<div class="top">
<div class="wrap">
<span class="welcome">地利宝账户:181****8600</span>
<ul class="menu">
<li><a href="#">我的账户</a>
</li>
<li><a href="#">在线帮助</a>
</li>
</ul>
</div>
</div>
<!-- Logo区 -->
<div class="nav-bar">
<div class="wrap">
<a href="#" class="logo"><img src="../images/pay/logox.png" width="230" height="56" alt="地利宝-我的收银台">
</a>
</div>
</div>
</div>
<div class="wrap">
<div class="order">
<div class="summary">
<p>您在使用地利担保交易</p>
<h3>地利批发-国产柠檬 产地四川资阳市 提货点四川成都聚合批发市场</h3>
<p>卖家：地利自营</p>
<div class="money">
<div>应付金额：<em id="orderMoney">2199.80</em>元</div>
<a href="#" class="show-more"><span data-text="收起订单详情">查看订单详情</span><i class="icon"></i></a>
</div>
</div>
<ul class="detail" id="orderDetail">
<li><span class="tit">商品名称：</span>甘肃土豆 一级</li>
<li><span class="tit">交易金额：</span>2199.80</li>
<li><span class="tit">交易时间：</span>2014-12-23 15:00:00</li>
<li><span class="tit">商户订单号：</span>16484949849849</li>
<li><span class="tit">商户订单号：</span>16484949849849</li>
</ul>
</div>
</div>
<div class="wrap">
<form action="abc.php">
<div class="method">
<h2>付款方式</h2>
<div class="item balance on">
<label class="source">
<span class="checkbox checked">
<input type="checkbox" checked="checked">
</span>
<span class="subtit">账户余额 可用余额：<em id="accountBalance">200.00</em>元</span>
<span class="right">支付：<em id="balancePay">0.00元</em></span>
</label>
</div>
<div class="item online">
<label class="source">
<span class="checkbox">
<input type="checkbox">
</span>
<span class="subtit">网上银行/平台支付</span>
<span class="right">支付：<em id="onlinePay">0.00元</em></span>
</label>
<ul class="list">
<li>
<label>
<span class="radio"><input type="radio" name="pay" value="alipay"></span>
<span class="icon icon-alipay"></span>
<span class="name">支付宝支付</span>
<span class="desc">跳转到支付宝平台支付</span>
</label>
</li>
<li>
<label>
<span class="radio"><input type="radio" name="pay" value="wechat"></span>
<span class="icon icon-wechat"></span>
<span class="name">微信支付</span>
<span class="desc">到微信提供二维码进行支付</span>
</label>
</li>
<li>
<label>
<span class="radio"><input type="radio" name="pay" value="bank"></span>
<span class="icon icon-bank"></span>
<span class="name">网上银行支付</span>
<span class="desc">到网上银行进行银行卡选择</span>
</label>
</li>
</ul>
</div>
</div>
<div class="submit-area">
<div class="pwd-area">
<h2>地利宝支付密码：</h2>
<p>
<input type="password" class="pwd" placeholder="请输入支付密码"><a href="#">忘记支付密码?</a>
</p>
</div>
<button type="submit" disabled="disabled" id="submit">确认支付</button> <span class="tips">您还差<em id="needMore">200.00</em>元，请选择其他支付组合方式</span>
</div>
</form>
</div>
<div class="wrap">
<dl class="help">
<dt>付款帮助</dt>
<dd>1.使用余额支付，可解决您大额支付限额问题。</dd>
<dd>2.网银支付有支付限额，不同银行的网银支付限额不同。</dd>
<dd>3.网银支付可能会有延迟，该情况可能是网络延迟引起的，若长时间订单状态未变化，请与我们客服联系处理</dd>
</dl>
</div>
<!-- // <script src="js/pay.js"></script> -->
<script>
seajs.use(['../js/javascript/pay/pay.js']);
</script>
</body>
</html>