gmcbrand
/
bvo-gmcwallerAccountList.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="description" content="Responsive Admin Dashboard Template">
		<meta name="keywords" content="admin,dashboard">
		<meta name="author" content="skcats">
		<!-- The above 6 meta tags *must* come first in the head; any other head content must come *after* these tags -->

		<!-- Title -->
		<title>交易进度</title>

		<!-- Styles -->
		<link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
		<link href="http://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
		<link href="assets/plugins/icomoon/style.css" rel="stylesheet">
		<link href="assets/plugins/uniform/css/default.css" rel="stylesheet" />
		<link href="assets/plugins/switchery/switchery.min.css" rel="stylesheet" />
		<link href="css/bootstrap-table.min.css" rel="stylesheet" />

		<!-- Theme Styles -->
		<link href="assets/css/ecaps.min.css" rel="stylesheet">
		<link href="assets/css/custom.css" rel="stylesheet">
	</head>
	<body>
		<!-- Page Inner -->
		<div class="page-inner" style="height: -webkit-fill-available;">
			<div class="page-title">
				<h3 class="breadcrumb-header">交易进度</h3>
			</div>
			<div id="main-wrapper">
				<div class="row">
					<div class="col-md-12">
						<div class="panel panel-white">
							<div class="panel-body">
								<div class="table-responsive">
									<table id="example" class="display table" style="width: 100%; cellspacing: 0;" data-show-jumpto="true">
										<thead>
											<tr>
												<th>交易流水号</th>
												<th>交易类型</th>
												<th>交易金额</th>
												<th>交易申请时间</th>
												<th>处理状态</th>
											</tr>
										</thead>
									</table>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div><!-- Main Wrapper -->
			<div class="page-footer">
			</div>
		</div><!-- /Page Inner -->
		<!-- Javascripts -->
		<script src="assets/plugins/jquery/jquery-3.1.0.min.js"></script>
		<script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
		<script src="assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js"></script>
		<script src="assets/plugins/uniform/js/jquery.uniform.standalone.js"></script>
		<script src="js/bootstrap-table.min.js"></script>
		<script src="js/bootstrap-table-zh-CN.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="assets/plugins/switchery/switchery.min.js"></script>
		<script src="assets/js/ecaps.min.js"></script>
		<script type="text/javascript">
			//获取url中"?"符后的字串
			function GetRequest() {
				var url = location.search;
				var theRequest = new Object();
				if (url.indexOf("?") != -1) {
					var str = url.substr(1);
					strs = str.split("&");
					for (var i = 0; i < strs.length; i++) {
						theRequest[strs[i].split("=")[0]] = decodeURI(strs[i].split("=")[1]);
					}
				}
				return theRequest;
			}
			var request = GetRequest();
			console.log(request);

			//表格元素类
			function param(number, amount, time, status) {
				this.number = number;
				this.amount = amount;
				this.time = time;
				this.status = status;
			}

			//渲染表格
			var $table = $('#example');
			$(window).resize(function() {
				$table.bootstrapTable('resetView');
			});

			//加载界面,获取用户数据
			$(function() {
				'use strict';
				console.log('user_id:');
				console.log(localStorage.getItem('user_id'));
				$.ajax({
					url: "http://localhost:88/daw/query?user_id=" + localStorage.getItem('user_id'),
					method: 'GET',
					headers: {
						"content-type": "application/json",
						"GMC-ACCESS-TOKEN": localStorage.getItem('token')
					},
					processData: false,
					success: function(data,status) {
						console.log(data);
						console.log(data.length);
						init(data);
					},
					error: function(err) {
						console.log(err);
					}
				});
				/* $.get("http://localhost:88/daw/query?user_id=" + localStorage.getItem('user_id'), function(data, status) {
					console.log(data);
					console.log(data.length);
					init(data);
				}) */
			});

			function init(row) {
				$table.bootstrapTable({
					data: row,
					cache: false,
					striped: true,
					dataType: "json",
					dataField: "data",
					pagination: true,
					showPaginationSwitch: false,
					pageSize: 10,
					pageNumber: 1,
					sortable: true,
					sortOrder: "asc",
					pageList: [2, 5, 10],
					search: false,
					sidePagination: 'client',
					silent: true,
					toolbarAlign: 'right',
					columns: [{
						field: 'transaction_stream',
						align: 'center',
					}, {
						field: 'transaction_type',
						align: 'center',
						sortable:true,
						formatter: function(value, row, index) {
							var html = [];
							switch (value) {
								case 1:
									html.push('<label class="label label-danger">' + '充值' + '</label>');
									break;
								case 2:
									html.push('<label class="label label-success">' + '提现' + '</label>');
									break;
							}
							return html.join('');
						}
					}, {
						field: 'transaction_money',
						align: 'center',
						sortable: true,
					}, {
						field: 'transaction_time',
						align: 'center',
						sortable: true,
					}, {
						field: 'transaction_state',
						align: 'center',
						sortable: true,
						formatter: function(value, row, index) {
							var html = [];
							switch (value) {
								case 1:
									html.push('<label class="label label-info">' + '等待审核' + '</label>');
									break;
								case 2:
									html.push('<label class="label label-success">' + '交易成功' + '</label>');
									break;
								case 3:
									html.push('<label class="label label-danger">' + '交易失败' + '</label>');
									break;
							}
							return html.join('');
						}
					}, ],
					onLoadSuccess: function(res) {

					},
					onLoadError: function(statusCode) {
						return "error"
					},
					formatLoadingMessage: function() {
						return "";
					},
					formatNoMatches: function() {
						return "";
					}
				});
			}
		</script>
	</body>
</html>