You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
105 lines
3.6 KiB
105 lines
3.6 KiB
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
|
pageEncoding="UTF-8"%>
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
<title>查看记录</title>
|
|
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
|
|
<link rel="stylesheet"
|
|
href="<%=request.getContextPath()%>/css/bootstrap.min.css">
|
|
<link rel="stylesheet"
|
|
href="<%=request.getContextPath()%>/css/bootstrap-datetimepicker.min.css">
|
|
<link rel="stylesheet"
|
|
href="<%=request.getContextPath()%>/css/bootstrap-table.min.css">
|
|
<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
|
|
<link rel="stylesheet"
|
|
href="<%=request.getContextPath()%>/css/bootstrap-theme.min.css">
|
|
<!-- 最新的 Bootstrap 核心 JavaScript 文件 要将jquery的包放在bootstrap之前-->
|
|
<script src="<%=request.getContextPath()%>/js/jquery-1.9.1.js"></script>
|
|
<script src="<%=request.getContextPath()%>/js/bootstrap.min.js"></script>
|
|
<script
|
|
src="<%=request.getContextPath()%>/js/bootstrap-datetimepicker.min.js"></script>
|
|
<script
|
|
src="<%=request.getContextPath()%>/js/bootstrap-datetimepicker.zh-CN.js"></script>
|
|
<script src="<%=request.getContextPath()%>/js/bootstrap-table.min.js"></script>
|
|
<script
|
|
src="<%=request.getContextPath()%>/js/bootstrap-table-zh-CN.min.js"></script>
|
|
<script type="text/javascript" src="js/jquery.qrcode.min.js"></script>
|
|
<script src="<%=request.getContextPath()%>/layer/layer.js"></script>
|
|
<script type="text/javascript"></script>
|
|
</head>
|
|
<body>
|
|
<table id="prjTable"></table>
|
|
<script type="text/javascript">
|
|
//定义一个全局标签
|
|
var flag=1;
|
|
var tableData = $('#prjTable');
|
|
tableData.bootstrapTable({
|
|
url: "<%=request.getContextPath()%>/getAllRecord",
|
|
dataType: "json",
|
|
pagination: true, //分页
|
|
singleSelect: false,
|
|
//toolbar:"#toolbar",
|
|
showRefresh:true,// 显示刷新按钮
|
|
showColumns:true, // 显示所有的列
|
|
//data-locale:"zh-CN", //表格汉化
|
|
search: false, //显示搜索框
|
|
striped:true,
|
|
sidePagination: "server", //服务端处理分页
|
|
pageList:[5,10,15,20,50],
|
|
sortName : 'createDate', // 排序字段
|
|
sortOrder : 'desc', // 排序方式
|
|
sortable: true, //是否启用排序
|
|
queryParams: function (params) {
|
|
return {
|
|
offset: params.offset, //页码
|
|
limit: params.limit, //页面大小
|
|
search : params.search, //搜索
|
|
order : params.order, //排序
|
|
ordername : params.sort, //排序
|
|
};
|
|
},
|
|
columns: [
|
|
{
|
|
title: '记录编号',
|
|
field: 'recordId',
|
|
align: 'left',
|
|
valign: 'middle',
|
|
align: 'center'
|
|
},
|
|
{
|
|
title: '用户编号',
|
|
field: 'userId',
|
|
align: 'left',
|
|
valign: 'middle',
|
|
align: 'center'
|
|
},
|
|
{
|
|
title: '单车编号',
|
|
field: 'bikeId',
|
|
align: 'left',
|
|
valign: 'middle',
|
|
align: 'center'
|
|
},
|
|
{
|
|
title: '开始骑行时间',
|
|
field: 'startDate',
|
|
align: 'center'
|
|
},
|
|
{
|
|
title: '结束骑行时间',
|
|
field: 'returnDate',
|
|
align: 'center'
|
|
},
|
|
{
|
|
title: '支付金额',
|
|
field: 'payment',
|
|
align: 'center'
|
|
|
|
},
|
|
]
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |