SIPAIIS_WMS_JSSW/WebRoot/jsp/timeefficiency/violationRecordCountView.jsp

<%@page import="com.sipai.entity.sparepart.SparePartCommString"%>
<%@ page language="java" pageEncoding="UTF-8"%>
<%
	request.setAttribute("AUDIT",
			SparePartCommString.STATUS_STOCK_AUDIT);
%>
<%
	request.setAttribute("START",
			SparePartCommString.STATUS_STOCK_START);
%>
<%
	request.setAttribute("FINISH",
			SparePartCommString.STATUS_STOCK_FINISH);
%>
<style type="text/css">
.select2-container .select2-selection--single {
	height: 34px;
	line-height: 34px;
}

.select2-selection__arrow {
	margin-top: 3px;
}
</style>
<script type="text/javascript">
	$(function() {
		$('#table_violationRecordDetail')
				.bootstrapTable(
						{ // 对应table标签的id
							//url: ext.contextPath + '/sparepart/outStockRecord/getOutStockDetailList.do', // 获取表格数据的url
							url : ext.contextPath
									+ '/timeEfficiency/patrolRecordViolationRecord/getList.do', // 获取表格数据的url
							cache : false, // 设置为 false 禁用 AJAX 数据缓存， 默认为true
							striped : true, //表格显示条纹，默认为false
							pagination : true, // 在表格底部显示分页组件，默认false
							pageList : [ 10, 20, 50 ], // 设置页面可以显示的数据条数
							pageSize : 10, // 页面数据条数
							pageNumber : 1, // 首页页码
							sidePagination : 'server', // 设置为服务器端分页
							queryParams : function(params) { // 请求服务器数据时发送的参数，可以在这里添加额外的查询参数，返回false则终止请求
								return {
									rows : params.limit, // 每页要显示的数据条数
									page : params.offset / params.limit + 1, // 每页显示数据的开始页码
									sort : params.sort, // 要排序的字段
									order : params.order,
									workerId : '${workerId}'
								}
							},
							//sortName: 'id', // 要排序的字段
							//sortOrder: 'desc', // 排序规则
							columns : [ {
								field : 'name', // 返回json数据中的name
								title : '巡检名称', // 表格表头显示文字
								align : 'center', // 左右居中
								valign : 'middle' // 上下居中
							}, {
								field : 'content', // 返回json数据中的name
								title : '巡检内容', // 表格表头显示文字
								align : 'center', // 左右居中
								valign : 'middle' // 上下居中
							}, {
								field : 'actFinishTime', // 返回json数据中的name
								title : '违规时间', // 表格表头显示文字
								align : 'center', // 左右居中
								valign : 'middle',// 上下居中
								formatter : function(value, row, index) {
									return value.substring(0, 10);
								}
							},

							{
								field : 'cycle', // 返回json数据中的name
								title : '违规周期', // 表格表头显示文字
								align : 'center', // 左右居中
								valign : 'middle', // 上下居中

							},

							{
								field : 'worker.caption', // 返回json数据中的name
								title : '违规人员', // 表格表头显示文字
								align : 'center', // 左右居中
								valign : 'middle', // 上下居中

							},

							{
								field : 'company.name', // 返回json数据中的name
								title : '所属公司', // 表格表头显示文字
								align : 'center', // 左右居中
								valign : 'middle', // 上下居中
							},

							{
								field : 'reason', // 返回json数据中的name
								title : '违规原因', // 表格表头显示文字
								align : 'center', // 左右居中
								valign : 'middle', // 上下居中
								formatter : function(value, row, index) {
									if (row.reason == 'timeOut') {
										return "超时";
									} else {
										return row.reason;
									}
								}
							}, ],

							onLoadSuccess : function() { //加载成功时执行
								adjustBootstrapTableView("table_violationRecordDetail");
							},
							onLoadError : function() { //加载失败时执行
								console.info("加载数据失败");
							}

						});
	});
</script>
<div class="modal fade" id="subModal">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"
					aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
				<h4 class="modal-title">查看违规记录详情</h4>
			</div>
			<div class="modal-body">

				<div class="box box-primary">
					<!-- 
                <div class="box-header with-border">
                    <h3 class="box-title">违规记录</h3>
                </div>
                 -->
					<!-- /.box-header -->
					<div class="box-body ">
						<table id="table_violationRecordDetail"></table>

					</div>
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
			</div>
		</div>
		<!-- /.modal-content -->
	</div>
	<!-- /.modal-dialog -->
</div>