<%@ 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,8);//左边菜单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-2">
                            <select class="form-control" id="orderType">
                                <option selected value="">全部</option>
                                <option value="0">待审核</option>
                                <option value="2">待收款确认</option>
                                <option value="3">待出函</option>
                                <option value="4">已出函</option>
                                <option value="1">已取消</option>
                                <option value="5">审核失败</option>
                                <option value="53">退保</option>
                            </select>
                        </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>

<%@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?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 : "orderState",
                index : "orderState",
                label : "状态",
                width : 100,
                search : changeOrderType
            },{
                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 += '&nbsp;|&nbsp;<a href="javascript:void(0);" style="color:blue" onclick="showRemark(\''+rowObject.remark+'\','+ rowObject.orderId +',\''+grid_selector+'\')">添加备注</a>';
        return result;
    }

    //转义订单状态(退保)
    function changeOrderType(cellvalue, options, rowObject) {
    }

    function reloadGrid(){
        gridTable1.trigger('reloadGrid');
    }

    function search(){
        var keyword =$("#keyword").val();
        var startDate =$("#startDate").val();
        var endDate =$("#endDate").val();
        var orderType = $("#orderType").val();
        var orderState = orderType ;
        var surrenderType = '';
        if (orderType == '53') {
            orderType = '';
            surrenderType = 1 ;
        }
        gridTable1.setGridParam({postData:{'keyword':keyword,'startDate':startDate,'endDate':endDate,'surrenderType':surrenderType,'orderState':orderState},url : '${contextPath}/order/getOrders',page:1}).trigger('reloadGrid');
    }

    //显示信息
    function showfailReason(msg){
        $('#modal-failReasonDetail').html(msg);
        $("#modal-failReason").modal('toggle');
    }

    function showUpdateModel(id) {
        $("#mod-updateDetail-orderId").val(id);
        $("#modal-updatedetail").modal("toggle");
        $.ajax({
            dataType : "json",
            url : "${contextPath}/order/getOrderById",
            type : "post",
            data : {
                'orderId' : id,
            },
            success : function(ret) {
                if(ret != null){
                    $("#changeStatusFlag").val(ret.orderState);
                }
            }
        });
    }

</script>