<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %> <c:set var="contextPath" value="${pageContext.request.contextPath}"></c:set> <%@include file="/WEB-INF/page/header.jsp" %> <script>changeMenu(2,5);//左边菜单active</script> <div class="row white-bg border-bottom white-bg page-heading"> <div class="col-lg-12"> <h2>保单信息</h2> <ol class="breadcrumb"> <li>主页</li> <li><a>保单信息</a></li> <li class="active"><strong>审核失败</strong></li> </ol> </div> </div> <div class="wrapper wrapper-content"> <div class="row"> <div class="col-lg-12"> <div class="ibox float-e-margins"> <div class="ibox-content"> <div class="row"> <div class="col-sm-2"> <div class="input-group m-b"><span class="input-group-addon"><i class="fa fa-calendar"></i></span> <input type="text" class="input-sm form-control" placeholder="选择开始日期" id="startDate"> </div> </div> <div class="col-sm-2"> <div class="input-group m-b"><span class="input-group-addon"><i class="fa fa-calendar"></i></span> <input type="text" class="input-sm form-control" placeholder="选择结束日期" id="endDate"> </div> </div> <div class="col-sm-3"> <div class="input-group"><input type="text" id="keyword" placeholder="订单号、法院" class="form-control m-b-xs"><span class="input-group-btn"> <button type="button" style="height:34px;" class="btn btn-sm btn-primary" onclick="search()"> 查询</button> </span></div> </div> </div> <div class="row"> <div class="col-md-12 jqGrid_wrapper"> <table id="gridTable5"></table> <div id="gridPager5"></div> </div> </div> </div> </div> </div> </div> </div> <div id="modal-failReason" class="modal fade" tabindex="-1"> <div class="modal-dialog" style="max-width: 400px;"> <div class="modal-content"> <div class="modal-header"> <div class="table-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> <span class="white">×</span> </button> 原因 </div> </div> <div class="modal-body"> <div class="form-group" id="modal-failReasonDetail"></div> </div> </div> </div> </div> <%@include file="/WEB-INF/page/order/orderDetail.jsp" %> <%@include file="/WEB-INF/page/footer.jsp" %> <link href="${contextPath}/static/css/plugins/jQueryUI/jquery-ui-1.10.4.custom.min.css" rel="stylesheet" /> <link href="${contextPath}/static/css/plugins/jqGrid/ui.jqgrid.css" rel="stylesheet"> <script src="${contextPath}/static/js/plugins/jqGrid/jquery.jqGrid.min.js"></script> <script src="${contextPath}/static/js/plugins/jqGrid/i18n/grid.locale-cn.js"></script> <!-- Data picker --> <script src="${contextPath}/static/js/plugins/datapicker/bootstrap-datepicker.js"></script> <script type="text/javascript"> var gridTable1 = null; var grid_selector = "#gridTable5"; var pager_selector = "#gridPager5"; jQuery(function($) { $('#startDate').datepicker({ todayBtn: "linked", keyboardNavigation: false, forceParse: false, calendarWeeks: true, autoclose: true, format: "yyyy-mm-dd" }); $('#endDate').datepicker({ todayBtn: "linked", keyboardNavigation: false, forceParse: false, calendarWeeks: true, autoclose: true, format: "yyyy-mm-dd" }); initGridTable(); // resize to fit page size $(window).on("resize.jqGrid", function() { $(grid_selector).jqGrid("setGridWidth", $(".page-content").width()); }); // resize on sidebar collapse/expand var parent_column = $(grid_selector).closest("[class*='col-']"); $(document).on("settings.ace.jqGrid", function(ev, event_name, collapsed) { if (event_name === "sidebar_collapsed" || event_name === "main_container_fixed") { // setTimeout is for webkit only to give time for DOM changes and then redraw!!! setTimeout(function() { $(grid_selector).jqGrid("setGridWidth", parent_column.width()); }, 0); } }); $(document).one('ajaxloadstart.page', function(e) { $(grid_selector).jqGrid('GridUnload'); $('.ui-jqdialog').remove(); }); // Add responsive to jqGrid $(window).bind('resize', function () { var width = $('.jqGrid_wrapper').width(); gridTable1.setGridWidth(width); }); }); function initGridTable(){ gridTable1 = jQuery(grid_selector).jqGrid({ subGrid : false, url : "${contextPath}/order/getOrders?orderState=5&orderServiceType=0",// datatype : "json", height : "auto", autowidth:true, colModel : [{ name : "createDate", index : "createDate", label : "订单时间", width : 90, search : false },{ name : "orderId", index : "orderId", label : "订单号", width : 60, search : false },{ name : "courtName", index : "courtName", label : "法院", width : 80, search : false },{ name : "plaintiff", index : "plaintiff", label : "原告", width : 40, search : false },{ name : "sqbd", index : "sqbd", label : "保全金额", width : 60, sortable: false, search : false },{ name : "sbRate", index : "sbRate", label : "费率", width : 50, search : false },{ name : "bf", index : "bf", label : "保费", width : 50, search : false },{ name : "failReason", index : "failReason", label : "审核失败原因", width : 100, search : false },{ name : "remark", index : "remark", label : "备注", width : 60, search : false },{ align : "center", name : "uploadState", index : "uploadState", label : "操作", width : 200, sortable: false, fixed:true, viewable:false, formatter:operationLink }], sortname : "createDate", sortorder : "desc", viewrecords : true, rowNum : 10, rowList : [ 10, 20, 30 ], pager : pager_selector, altRows : true, //toppager : true, multiselect : false, //multikey : "ctrlKey", multiboxonly : true, rownumbers:true, rownumWidth:30, }); } //操作链接 function operationLink(cellvalue, options, rowObject){ var result = '<a href="javascript:void(0);" style="color:blue" onclick="showdetail(\''+rowObject.orderId+'\')">详细</a>'; result += ' | <a href="javascript:void(0);" style="color:blue" onclick="showRemark(\''+rowObject.remark+'\','+ rowObject.orderId +',\''+grid_selector+'\')">添加备注</a>'; return result; } function reloadGrid(){ gridTable1.trigger('reloadGrid'); } function search(){ var keyword =$("#keyword").val(); var startDate =$("#startDate").val(); var endDate =$("#endDate").val(); gridTable1.setGridParam({postData:{'keyword':keyword,'startDate':startDate,'endDate':endDate,'orderState':5,},url : '${contextPath}/order/getOrders',page:1}).trigger('reloadGrid'); } //显示信息 function showfailReason(msg){ $('#modal-failReasonDetail').html(msg); $("#modal-failReason").modal('toggle'); } </script>