record.html
11.4 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>农丰网--我的账户-交易记录</title>
<link rel="stylesheet" href="../css/common.css">
<link rel="stylesheet" href="../css/record.css">
</head>
<body>
<div class="m-page RecordPage">
<!-- 顶部通用头 -->
<div class="m-top">
<div class="wrap clearfix">
<a href="" class="text"><span class="m-icon icon-logo-mini"></span>农丰网</a>
<ul class="links">
<li><a href="">账户中心</a>|</li>
<li><a href="">采购中心</a>|</li>
<li><a href="">销售中心</a>|</li>
<li><a href="">客服服务</a>|</li>
<li><a href="">帮助中心</a></li>
</ul>
</div>
</div>
<!-- 主导航栏 -->
<div class="m-header">
<div class="wrap clearfix">
<img src="../images/dest/logo.png" alt="农丰网--我的收银台" class="logo" width="108" height="43">
<ul class="nav">
<li><a href="index.html">首页</a></li>
<li><a href="account.html">我的账户</a></li>
<li class="on"><a href="record.html">交易记录</a></li>
<li><a href="secure.html">安全中心</a></li>
<li><a href="help.html">帮助中心</a></li>
</ul>
</div>
</div>
<!-- content -->
<div class="wrap clearfix">
<h2>交易记录</h2>
</div>
<div class="wrap clearfix">
<ul class="tab clearfix">
<li class="on">交易明细</li>
<li>充值明细</li>
<li>提现明细</li>
<li>收支明细</li>
</ul>
<div class="form clearfix">
<div class="head">
<p class="clearfix">
<span class="m-select">
<select>
<option value="0">最近一周</option>
<option value="0">最近一周</option>
<option value="0">最近一周</option>
</select>
</span>
<span class="m-select">
<select>
<option value="0">所有状态</option>
<option value="0">所有状态</option>
<option value="0">所有状态</option>
</select>
</span>
<span class="m-select">
<select>
<option value="0">收入和支出</option>
<option value="0">收入和支出</option>
<option value="0">收入和支出</option>
</select>
</span>
<span class="m-btn filter">更多筛选 <i class="icon"></i></span>
<span class="m-btn btn-success search">搜索</span>
</p>
<p class="clearfix" style="display: none;">
<span class="key">交易订单号</span>
<input type="text" class="m-input">
<span class="key">金额范围</span>
<input type="text" class="m-input">
<span class="sep">----</span>
<input type="text" class="m-input">
</p>
</div>
</div>
<div class="form clearfix" style="display:none;">
<div class="head">
<p class="clearfix">
<span class="key">交易时间</span>
<input type="text" class="m-input time">
<span class="sep">----</span>
<input type="text" class="m-input time">
<span class="m-btn btn-success search">搜索</span>
</p>
</div>
</div>
<div class="form clearfix" style="display:none;">
<div class="head">
<p class="clearfix">
<span class="key">交易时间</span>
<input type="text" class="m-input time">
<span class="sep">----</span>
<input type="text" class="m-input time">
<span class="m-btn btn-success search">搜索</span>
</p>
</div>
</div>
<div class="form clearfix" style="display:none;">
<div class="head">
<p class="clearfix">
<span class="m-select">
<select>
<option value="0">最近一周</option>
<option value="0">最近一周</option>
<option value="0">最近一周</option>
</select>
</span>
<span class="m-btn filter">更多筛选 <i class="icon"></i></span>
<span class="m-btn btn-success search">搜索</span>
<span class="in-out">
<span class="in">收入<em class="font-green">800.00</em></span>
<span class="out">支出<em class="font-orange">800.00</em></span>
</span>
</p>
<p class="clearfix" style="display: none;">
<span class="key">资金流向</span>
<label><input type="checkbox" class="m-checkbox">收入</label>
<label><input type="checkbox" class="m-checkbox">支出</label>
<span class="key">类型</span>
<label><input type="checkbox" class="m-checkbox">充值</label>
<label><input type="checkbox" class="m-checkbox">提现</label>
<label><input type="checkbox" class="m-checkbox">消费</label>
<label><input type="checkbox" class="m-checkbox">充值退回</label>
</p>
<p class="clearfix">
<span class="key">起止日期</span>
<input type="text" class="m-input">
<span class="sep">----</span>
<input type="text" class="m-input">
</p>
</div>
</div>
</div>
<!-- 交易记录 -->
<div class="trend wrap clearfix">
<h2></h2>
<table class="m-table">
<colgroup>
<col>
<col>
<col>
<col>
<col align="right">
<col>
<col>
</colgroup>
<thead>
<tr>
<th>交易时间</th>
<th>流水号</th>
<th>交易名称</th>
<th>对方</th>
<th class="text-right">金额（元）</th>
<th>交易状态</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>2014 -7-14 10:11</td>
<td>201500012123201</td>
<td>转账</td>
<td>小象树冠</td>
<td class="text-right"><em class="font-orange">-100.00</em></td>
<td>成功</td>
<td><a href="record_detail.html">详情</a></td>
</tr>
<tr>
<td>2014 -7-14 10:11</td>
<td>201500012123201</td>
<td>卖货字段测试数据<br>转账</td>
<td>小象树冠</td>
<td class="text-right"><em class="font-green">+10000.00</em></td>
<td>成功</td>
<td><a href="record_detail.html">详情</a></td>
</tr>
<tr>
<td>2014 -7-14 10:11</td>
<td>201500012123201</td>
<td>转账</td>
<td>小象树冠</td>
<td class="text-right">
<p class="font-green">+10000.00</p>
<p class="font-orange">-100.00</p>
</td>
<td>成功</td>
<td><a href="record_detail.html">详情</a></td>
</tr>
<tr>
<td>2014 -7-14 10:11</td>
<td>201500012123201</td>
<td>转账</td>
<td>小象树冠</td>
<td class="text-right"><em class="font-orange">-100.00</em></td>
<td>成功</td>
<td><a href="record_detail.html">详情</a></td>
</tr>
</tbody>
</table>
<div class="m-paging">
<span class="state">当前为第1页, 共8页</span>
<a href="" class="prev">上一页</a>
<a href="" class="next">下一页</a>
</div>
</div>
<div class="m-footer">
<div class="wrap helper clearfix">
<dl class="links">
<dt>商户服务</dt>
<dd><a href="">农丰网</a></dd>
<dd><a href="">地利物流</a></dd>
</dl>
<dl class="links">
<dt>金融机构合作</dt>
<dd><a href="">中国工商银行</a></dd>
<dd><a href="">中国银行</a></dd>
<dd><a href="">中国建设银行</a></dd>
</dl>
<dl class="links">
<dt>安全支付联盟</dt>
<dd><a href="">中国绿色联盟</a></dd>
<dd><a href="">中国反钓鱼联盟</a></dd>
<dd><a href="">金山杀毒</a></dd>
</dl>
<dl class="contact">
<dt><img src="../images/dest/dili_logo.png" width="109" height="112" alt="地利集团"></dt>
<dd><i class="m-icon icon-tel"></i>服务热线：<em class="font-red">400-645-5158</em></dd>
<dd><i class="m-icon icon-role"></i>服务时间：<span class="font-gray">上午9:00-晚上21:00</span></dd>
</dl>
</div>
<p class="about text-center"></p>
<p class="copyright text-center">Copyright © 2013-2015 nong12.com,All Rights Reserved 京ICP备15030623号<br>版权所有 北京农丰吉瑞网络科技有限公司 | 地址：北京市朝阳区光华路甲8号院1号楼5层6-501A室 | 电话：010-65816529</p>
</div>
</div>
<script src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/record.js"></script>
<script src="../js/pikaday.min.js"></script>
</body>
</html>