<%@ 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,2);//左边菜单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="input-sm form-control"><span class="input-group-btn">
                                <button type="button" 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="gridTable2"></table>
							<div id="gridPager2"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<div id="modal-reviewPay" class="modal fade" tabindex="-1">
	<div class="modal-dialog" style="max-width: 600px;">
		<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">&times;</span>
					</button>
					确认支付
				</div>
			</div>
			<div class="modal-body">
				<form id="viewForm" class="form-horizontal">
					<div class="form-group">
						<input type="hidden" name="orderId" id="modal-reviewPay-orderId"/>
						<input type="hidden" name="attachType" id="mod-file-bf"/>
						<label class="col-sm-3 control-label">投保单</label>
						<div class="col-sm-6 text-left" id="modal-reviewPay-1"></div>
						<input class="col-sm-3" type="button" onclick="downloadOrderAttactByType(52)" value="一键下载">
					</div>
					<div class="hr-line-dashed"></div>
					<div class="form-group">
						<label class="col-sm-3 control-label">转账证明</label>
						<div class="col-sm-6 text-left" id="modal-reviewPay-2"></div>
						<input class="col-sm-3" type="button" onclick="downloadOrderAttactByType(41)" value="一键下载">
					</div>
					<div class="hr-line-dashed"></div>
					<div class="form-group">
						<label class="col-sm-3 control-label text-left">备注</label>
						<div class="col-sm-9 text-left" ></div>
					</div>
					<div class="form-group">
						<div class="col-sm-12 control-label text-left" style="text-align: left"><div id="remarkText" style="padding-left: 100px;"></div></div>
					</div>
					<div class="hr-line-dashed"></div>
					<div class="form-group">
						<label class="col-sm-3 control-label">输入付款保费：</label>
						<input type="text" class="col-sm-8 text-left " id="input-bf"> </input>
						<label class="col-sm-1 control-label">元</label>
					</div>
					<div class="hr-line-dashed"></div>
					<div class="form-group">
						<label class="col-sm-3 control-label">反馈问题说明</label>
						<textarea cols="45" rows="2" id="reviewPayFailReason" placeholder="投保单或转账证明有问题时填写！"></textarea>
					</div>
				</form>
			</div>
			<div class="modal-footer">
				<button class="btn " data-dismiss="modal"><i class="fa fa-share bigger-160"></i>取消</button>
				<button class="btn btn-warning" type="button" id="mod-reviewPay-fail-submit"><strong>反馈问题给律师</strong></button>
				<button class="btn btn-primary" type="button" id="mod-reviewPay-submit"><strong>确认收款</strong></button>
			</div>
		</div>
	</div>
</div>

<div id="mod-file" class="modal fade" tabindex="-1">
	<div class="modal-dialog" style="max-width: 500px;">
		<div class="modal-content">
			<div class="modal-header no-padding">
				<div class="table-header" style="height: 26px;margin-top: 11px;">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="margin-right: 10px;">
						<span class="white">&times;</span>
					</button>
					上传投保单和保函模板
				</div>
			</div>
			<div class="modal-body">
				<div class="row">
					<div class="col-xs-12">
						<!-- PAGE CONTENT BEGINS -->
						<form id="fileform">
							<div class="col-xs-12">
								<input type="hidden" name="attachType" id="mod-file-accountSel"/>
								<input type="hidden" name="attachType" id="mod-file-attachType"/>
								<input type="hidden" name="attachType" id="mod-file-attachTemplateType"/>
								<input type="hidden" name="orderId" id="mod-file-orderId"/>
								<div class="col-sm-6 " >
									<label for="fileId">投保单</label>
									<input type="file" id="fileId" name="avatar"  multiple>
								</div>
								<div class="col-sm-6 " >
									<label for="templateId">保函模板</label>
									<div style="display: none" id="div_templateId">
										<input type="file" id="templateId" name="avatar" multiple>
									</div>
									<div style="text-align: center ;display:none" id="templateId_pic">
										<input type="hidden" id="templateId_pic_hidden_id" value="">
										<img src="" style="width: 119px;height: 111px" id="templateId_pic_img">
									</div>
									<div style="text-align: center ;display:none" id="templateId_del">
										<a href="javascript:void(0)" onclick="deletePic()">删除</a>
									</div>
								</div>
							</div>
							<div class="col-xs-12">
								<label class="col-sm-3 no-padding">输入收款账号</label>
								<div class="col-sm-9 text-left no-padding">
								</div>
							</div>
							<div class="col-xs-12">
								<label class="col-sm-2 no-padding" style="margin-top: 10px;">地区:</label>
								<div class="col-sm-4 text-left" style="padding-bottom: 10px;">
									<select class="form-control" id="address-province">
										<option selected value="0">省</option>
									</select>
								</div>
								<label class="col-sm-2 no-padding"></label>
								<div class="col-sm-4 text-left">
									<select class="form-control" id="address-city">
										<option selected value="0">市</option>
									</select>
								</div>
							</div>
							<div class="col-xs-12">
								<label class="col-sm-2 no-padding" style="margin-top: 10px;">账户名:</label>
								<div class="col-sm-10 text-left no-padding">
									<input type="text" id="mod-file-accountName" class="form-control" style="margin-bottom: 5px"/>
								</div>
							</div>
							<div class="col-xs-12">
								<label class="col-sm-2 no-padding" style="margin-top: 10px;">账号:</label>
								<div class="col-sm-10 text-left no-padding">
									<input type="text" id="mod-file-accountNum" class="form-control" style="margin-bottom: 5px"/>
								</div>
							</div>
							<div class="col-xs-12">
								<label class="col-sm-2 no-padding" style="margin-top: 10px;">开户行:</label>
								<div class="col-sm-10 text-left no-padding">
									<input type="text" id="mod-file-accountBank" class="form-control" style="margin-bottom: 5px"/>
								</div>
							</div>
							<div class="col-xs-12">
								<div class="hr hr-12 dotted"></div>
							</div>
							<div class="text-center">
								<button type="button" class="btn btn-sm btn-primary" onclick="fileUpload();">上传</button>
								<button type="reset" class="btn btn-sm">清除</button>
							</div>
						</form>
					</div><!-- /.col -->
				</div><!-- /.row -->

			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal-dialog -->
</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">
<link rel="stylesheet" href="${contextPath}/static/ssdb/ace.fileinput.css"/>

<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 src="${contextPath}/static/js/plugins/lazyload/jquery.lazyload.js"></script>

<!-- 阿里OSS  JSSDK -->
<script type="text/javascript" src="${contextPath}/static/ssdb/promise-6.1.0.js"></script>
<script type="text/javascript" src="http://gosspublic.alicdn.com/aliyun-oss-sdk-4.3.0.min.js"></script>
<script type="text/javascript" src="${contextPath}/static/ssdb/ace.fileinput.js"></script>
<script type="text/javascript" src="${contextPath}/static/ssdb/uuid.js"></script>
<script type="text/javascript" src="${contextPath}/static/ssdb/fileupload.js?v=2"></script>

<script type="text/javascript">
    var accountsObject = {};

    var currentOrderId = null;
    var gridTable1 = null;
    var grid_selector = "#gridTable2";
    var notSubmitReviewPayFail = true;
    var notSubmitReviewPayPass = true;
    var pager_selector = "#gridPager2";
    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();
        });

        $('#mod-reviewPay-fail-submit').on('click', function() {
            reviewPayFailSubmit();
        });

        $('#mod-reviewPay-submit').on('click', function() {
            var sysBf = $("#mod-file-bf").val();
            var inputBf = $("#input-bf").val();
            if (inputBf == "") {
                alert("请输入付款保费");
                return;
            } else {
                var sysBfFoult = parseFloat(sysBf);
                var inputBfFoult = parseFloat(inputBf);
                if (sysBfFoult != inputBfFoult) {
                    alert("付款保费和平台保费不一致，请联系多问客服人员确认！");
                    return;
                }
            }
            reviewPayPassSubmit();
        });

        // Add responsive to jqGrid
        $(window).bind('resize', function () {
            var width = $('.jqGrid_wrapper').width();
            gridTable1.setGridWidth(width);
        });

        $('#mod-file-accountSel').change(function(){
            onchangeAccountSel();
        });
    });


    function errorCallbackDefault(data){

    }

    function getBlankInfos(id){
        $("#mod-file-accountName").val("");
        $("#mod-file-accountBank").val("");
        $("#mod-file-accountNum").val("");
        var url = '${contextPath}/order/getAreaBlankInfos';
        var parameters = {"orderId":id};
        postData(url, parameters, getBlankInfosCallback, errorCallbackDefault);
    }

    function loadPic(id, attachType){
        var url = '${contextPath}/order/getOrderAttachsByType';
        var parameters = {"orderId":id,"attachType":attachType};
        var picUrl = '${oss_bucket_ssdb_url}';
        $.ajax({
            dataType : "json",
            url : url,
            type : "post",
            data : parameters,
            success : function(data) {
                if(data.success){
                    if (data.attachs.length > 0) {
                        $("#div_templateId").hide();
                        $("#templateId_pic").show();
                        $("#templateId_del").show();
                        $("#templateId_pic_img").attr('src',picUrl + data.attachs[0].path);
                        $("#templateId_pic_hidden_id").val(data.attachs[0].id);
                    } else {
                        $("#div_templateId").show();
                        $("#templateId_pic").hide();
                        $("#templateId_del").hide();
                    }
                } else {
                    $("#div_templateId").show();
                    $("#templateId_pic").hide();
                    $("#templateId_del").hide();
                }
            }
        });
    }

    //删除图片
    function deletePic(){
        var id = '';
        id = $("#templateId_pic_hidden_id").val();

        var url = '${contextPath}/order/deleteAttachById';
        var parameters = {"id":id};
        $.ajax({
            dataType : "json",
            url : url,
            type : "post",
            data : parameters,
            success : function(data) {
                if(data.success){
                    $("#div_templateId").show();
                    $("#templateId_pic").hide();
                    $("#templateId_del").hide();
                } else {
                    showMsg(data.message);
                }

            }
        });
    }

    function errorCallbackDefault(data){

    }

    $("#address-province").change(function(){
        var selectval = $("#address-province").val();

        $.ajax({
            dataType : "json",
            url : "${contextPath}/pub/getAreas",
            type : "post",
            data : {
                'parentCode' : selectval,
            },
            success : function(ret) {
                if(ret != null){
                    var optionCity = '';
                    var cityListArray = ret;
                    $("#address-city").html(optionCity);
                    for(var i=0; i<cityListArray.length; i++) {
                        optionCity += '<option value=' + cityListArray[i].code +'>'+cityListArray[i].name +'</option>';
                    }
                    $("#address-city").append(optionCity);
                    //选中
                    $("#address-city").val(0);
                }
            }
        });
    });

    $("#address-city").change(function(){
        var selectval = $("#address-city").val();
        var orderId = $("#mod-file-orderId").val();
        //根据公司id 和 省市 返回具体地址
        $.ajax({
            dataType : "json",
            url : "${contextPath}/company/getCompanyAccount",
            type : "post",
            data : {
                'cityCode' : selectval,
                'orderId' : orderId
            },
            success : function(ret) {
                if(ret.success){
                    var tempRet = ret.ssdbCompanyAccount;
                    $("#mod-file-accountName").val(tempRet.accountName);
                    $("#mod-file-accountBank").val(tempRet.accountBank);
                    $("#mod-file-accountNum").val(tempRet.accountNum);
                } else {
                    $("#mod-file-accountName").val("");
                    $("#mod-file-accountBank").val("");
                    $("#mod-file-accountNum").val("");
                }
            }
        });
    });

    function getBlankInfosCallback(ret){
        $("#address-province").html("");
        $("#address-city").html("");
        console.log(ret);
        if(ret.success){
            $("#mod-file").modal("toggle");
            var optionProvince = '';
            var provinceArray = ret.provinceList ;
            for(var i=0; i<provinceArray.length; i++) {
                optionProvince += '<option value=' + provinceArray[i].code +'>'+provinceArray[i].areaName +'</option>';
            }
            $("#address-province").append(optionProvince);
            //选中
            $("#address-province").val(ret.targetProvinceCode);

            var optionCity = '';
            var cityListArray = ret.cityList ;
            if (cityListArray != null) {
                for(var i=0; i<cityListArray.length; i++) {
                    optionCity += '<option value=' + cityListArray[i].code +'>'+cityListArray[i].areaName +'</option>';
                }
			}
            $("#address-city").append(optionCity);
            //选中
            $("#address-city").val(ret.targetCityCode);

            $("#mod-file-accountName").val(ret.accountName);
            $("#mod-file-accountBank").val(ret.accountBank);
            $("#mod-file-accountNum").val(ret.accountNum);

        }else{
            showMsg(ret.message);
        }
    }

    function getOrderAttachsCallback(data){
        if(data.success){
            notSubmitReviewPayFail = true;
            notSubmitReviewPayPass = true;
            var html1 = '';
            var es = data.example3s;
            var e = null;
            var url = '${oss_bucket_ssdb_url}';
            var thum = '${oss_bucket_ssdb_url_img}';
            var size = '${oss_bucket_ssdb_url_img_size}';
            var path = null;
            for(var i in es){
                e = es[i];
                path = e.path;
                if(path.indexOf('/') != 0){
                    path = '/' + path;
                }
                html1 +='<a href="' + url + path + '" target="_blank">';
                html1 += '<img class="lazy" src="${contextPath}/static/img/loading.gif" data-original="' + thum + path + size + e.suffix.toLowerCase() + '" height="100" width="100"/>';
                html1 +='</a>&nbsp;';
            }
            if(html1!=''){
                $('#modal-reviewPay-1').html(html1);
            }else
                $('#modal-reviewPay-1').html('无');

            var html2 = '';
            es = data.payed;
            for(var i in es){
                e = es[i];
                path = e.path;
                if(path.indexOf('/') != 0){
                    path = '/' + path;
                }
                html2 +='<a href="' + url + path + '" target="_blank">';
                html2 += '<img class="lazy" src="${contextPath}/static/img/loading.gif" data-original="' + thum + path + size + e.suffix.toLowerCase() + '" height="100" width="100"/>';
                html2 +='</a>&nbsp;';
            }
            if(html2!=''){
                $('#modal-reviewPay-2').html(html2);
            }else
                $('#modal-reviewPay-2').html('无');

            $("#modal-reviewPay").modal('toggle');
            //alert(1);
            setTimeout(function () {
                $("img.lazy").lazyload({
                    threshold : 200
                });
            }, 200);

        }else{
            showMsg(data.message);
        }

    }

    function initGridTable(){
        gridTable1 = jQuery(grid_selector).jqGrid({
            subGrid : false,
            url : "${contextPath}/order/getOrders?orderState=2&orderServiceType=0",//
            datatype : "json",
            height : "auto",
            autowidth:true,
            colModel : [{
                name : "createDate",
                index : "createDate",
                label : "订单时间",
                width : 70,
                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 : "lpDate",
                index : "lpDate",
                label : "承诺收款时间",
                width : 100,
                search : false,
                formatter : optionFormatter
            },{
                name : "remark",
                index : "remark",
                label : "备注",
                width : 60,
                search : false
            },{
                align : "center",
                name : "payState",
                index : "payState",
                label : "操作",
                width : 300,
                viewable:false,
                sortable: false,
                fixed:true,
                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 optionFormatter(cellvalue, options, cell) {
        var template = cell.lpDate ;
        if (cell.receivablesOverTime) {
            template += "  <button type=\"button\" style='background-color: #d30404;'><span style='color:white'>已超时</span></button>";
        }
        return template;
    }

    function isBlank(obj){
        var result = false;
        if(obj == undefined || obj == null || obj == 'null' || obj.length < 1){
            result = true;
        }
        return result;
    }

    function onchangeAccountSel(){
        var obj = {'accountBank':'mod-file-accountBank','accountName':'mod-file-accountName','accountNum':'mod-file-accountNum'};
        var info = {'accountBank':'','accountName':'','accountNum':''};
        var v = $('#mod-file-accountSel').val();
        if(!isBlank(v)){
            info = accountsObject[v];
        }
        for(var o in obj){
            $('#' + obj[o]).val(info[o]);
        }
    }

    //向后台请求数据
    function postData(url, parameters, successCallback, errorCallback){
        $.ajax({
            type : "POST",
            url : url,
            data : parameters,
            dataType : "json",
            success : function(data) {
                successCallback(data);
            },
            error : function(data) {
                errorCallback(data);
            }
        });
    }

    //操作链接
    function operationLink(cellvalue, options, rowObject){
        var result = null;
        if('1' == rowObject.uploadPolicy){
            result = '<a href="javascript:void(0);" style="color:blue" onclick="uploadFileShow(74,70,\''+rowObject.orderId+'\')">重传投保单或保函</a>';
        }else{
            result = '<a href="javascript:void(0);" style="color:blue" onclick="uploadFileShow(74,70,\''+rowObject.orderId+'\')">上传投保单或保函</a>';
        }
        result += '&nbsp;|&nbsp;';
        if('1' == cellvalue){
            result += '<a href="javascript:void(0);" style="color:blue" onclick="reviewPayOperation(\'' + rowObject.orderId + '\',\''+rowObject.remark+'\',\''+rowObject.bf+'\')">去确认</a>';
        }else{
            result += '未付款';
        }
        result += '&nbsp;|&nbsp;<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 reloadGrid(){
        gridTable1.trigger('reloadGrid');
    }

    //保存付款未通过成功后回调
    function reviewPayFailCallback(data){
        notSubmitReviewPayFail = true;
        if(data.success){
            $("#modal-reviewPay").modal('toggle');
            showMsg('保存成功');
            reloadGrid();
        }else{
            showMsg(data.message);
        }
    }

    //保存付款未通过失败后回调
    function reviewPayFailErrorCallback(data){
        notSubmitReviewPayFail = true;
    }


    //保存付款未通过
    function reviewPayFailSubmit(){
        if(notSubmitReviewPayFail){
            var reason = $('#reviewPayFailReason').val();
            if(reason != undefined && reason.length > 0){
                notSubmitReviewPayFail = false;
                var url = '${contextPath}/order/saveReviewPayFail';
                var parameters = {"reason":reason,"orderId":currentOrderId};
                postData(url, parameters, reviewPayFailCallback, reviewPayFailErrorCallback);
            }else{
                alert('反馈问题说明不能为空');
            }
        }else{
            showMsg('提交中，请稍候');
        }
    }

    function reviewPayOperation(id,remark,bf){
        $("#input-bf").val("");
        if (remarkText != "null") {
            $("#remarkText").html(remark);
        }
        $("#mod-file-bf").val(bf);
        $("#modal-reviewPay-orderId").val(id);
        currentOrderId = id;
        var url = '${contextPath}/order/getOrderAttachs';
        var parameters = {"orderId":id};
        postData(url, parameters, getOrderAttachsCallback, errorCallbackDefault);
    }

    //保存付款通过成功后回调
    function reviewPayPassCallback(data){
        notSubmitReviewPayPass = true;
        if(data.success){
            $("#modal-reviewPay").modal('toggle');
            showMsg('保存成功');
            reloadGrid();
        }else{
            showMsg(data.message);
        }
    }

    function downloadOrderAttactByType(type) {
		var orderId = $("#modal-reviewPay-orderId").val();
		var url = "${contextPath}/order/downloadOrderAttachsByType?id=" + orderId + "&key=" + type ;
        window.open(url);
    }

    //保存付款未通过失败后回调
    function reviewPayPassErrorCallback(data){
        notSubmitReviewPayPass = true;
    }

    //保存付款通过
    function reviewPayPassSubmit(){
        if(notSubmitReviewPayPass){
            notSubmitReviewPayPass = false;
            var url = '${contextPath}/order/saveReviewPayPass';
            var parameters = {"orderId":currentOrderId};
            postData(url, parameters, reviewPayPassCallback, reviewPayPassErrorCallback);
        }else{
            showMsg('提交中，请稍候');
        }
    }

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

    //显示信息
    function showMsg(msg){
        if(msg != undefined && msg.length > 0){
            alert(msg);
        }
    }

    function uploadFileShow(attachType,attachTemplateType,orderId){
        document.getElementById("fileform").reset();

        $("#mod-file-orderId").val(orderId);
        loadPic(orderId,70);
        getBlankInfos(orderId);
        $("#mod-file-attachType").val(attachType);
        $("#mod-file-attachTemplateType").val(attachTemplateType);
    }


    function uploadFileSuccess(){
        alert("文件上传成功！");
        $("#mod-file").modal("toggle");
        gridTable1.trigger('reloadGrid');
    }

    var appServer = 'http://b.duowenlvshi.com/oss/token?name=ssdb';
    var bucket = '${oss_bucket_ssdb}';
    var region = 'oss-cn-shenzhen';
    var Buffer = OSS.Buffer;
    var OSS = OSS.Wrapper;
    var STS = OSS.STS;
    var applyTokenDo = function(func) {
            var url = appServer;
            $.ajax({
                type: "POST",
                url: url,
                data: "",
                dataType: "jsonp",
                success: function(e) {
                    var client = new OSS({
                        region: region,
                        accessKeyId: e.AccessKeyId,
                        accessKeySecret: e.AccessKeySecret,
                        stsToken: e.SecurityToken,
                        bucket: bucket
                    });
                    return func(client);
                },
                error: function(data) {
                    console.log(data);
                }
            });
        }
    ;
    var uploadFile = function(client) {
            var accountBank = $('#mod-file-accountBank').val();
            var accountName = $('#mod-file-accountName').val();
            var accountNum = $('#mod-file-accountNum').val();

            var orderId=document.getElementById('mod-file-orderId').value;
            var picfilenum =document.getElementById('fileId').files.length;
            var keyArray ="";
            var fileNameArray ="";
            var fileTypeArray ="";
            for(var i=0;i<picfilenum;i++){
                var picFile=document.getElementById('fileId').files[i];
                var fileName = UUIDjs.create().hex;
                var fileType = getFileType(picFile.name);
                var oDate = new Date(); //实例一个时间对象；
                var y = oDate.getFullYear();   //获取系统的年；
                var m = oDate.getMonth()+1;   //获取系统月份，由于月份是从0开始计算，所以要加1
                var d = oDate.getDate(); // 获取系统日
                var key = "ssdb/order/${sessionScope.SESSION_COMPANY.id}/"+y+"/"+m+"/"+d+"/"+fileName+"."+fileType;

                client.multipartUpload(key, picFile, {
                    progress: progress
                }).then(function(res) {

                });
                if(i==picfilenum-1){
                    keyArray += key;
                    fileNameArray += fileName;
                    fileTypeArray += fileType;
                }else{
                    keyArray = keyArray + key +",";
                    fileNameArray = fileNameArray+fileName+",";
                    fileTypeArray = fileTypeArray+fileType+",";
                }
            }


            var picfilenumTemplate =document.getElementById('templateId').files.length;
            var keyArrayTemplate ="";
            var fileNameArrayTemplate ="";
            var fileTypeArrayTemplate ="";
            for(var i=0;i<picfilenumTemplate;i++){
                var picFile=document.getElementById('templateId').files[i];
                var fileName = UUIDjs.create().hex;
                var fileType = getFileType(picFile.name);
                var oDate = new Date(); //实例一个时间对象；
                var y = oDate.getFullYear();   //获取系统的年；
                var m = oDate.getMonth()+1;   //获取系统月份，由于月份是从0开始计算，所以要加1
                var d = oDate.getDate(); // 获取系统日
                var key = "ssdb/order/${sessionScope.SESSION_COMPANY.id}/"+y+"/"+m+"/"+d+"/"+fileName+"."+fileType;

                client.multipartUpload(key, picFile, {
                    progress: progress
                }).then(function(res) {

                });
                if(i==picfilenumTemplate-1){
                    keyArrayTemplate += key;
                    fileNameArrayTemplate += fileName;
                    fileTypeArrayTemplate += fileType;
                }else{
                    keyArrayTemplate = keyArrayTemplate + key +",";
                    fileNameArrayTemplate = fileNameArrayTemplate+fileName+",";
                    fileTypeArrayTemplate = fileTypeArrayTemplate+fileType+",";
                }
            }

        if (fileTypeArrayTemplate == null || fileTypeArrayTemplate == '') {
            showMsg( '保函模板不能为空，请重新上传');
            return;
        }
        var imgeType = fileTypeArrayTemplate.toLowerCase();
		if (imgeType != "bmp" && imgeType != "jpg" && imgeType != "jpeg" && imgeType != "png" && imgeType != "gif" && imgeType != "bmp"
		&& imgeType != "pcx" && imgeType != "tiff" && imgeType != "tga" && imgeType != "exif" && imgeType != "fpx" && imgeType != "svg" && imgeType != "psd") {
            showMsg( '保函模板必须为图片，请重新上传');
            return;
        }


        saveToDB(orderId,keyArray,keyArrayTemplate,fileNameArray,fileNameArrayTemplate,fileTypeArray,fileTypeArrayTemplate,accountBank,accountName,accountNum);
        }
    ;
    var progress = function(p) {//上传成功的进度条
            return function (done) {
                done();
            };
        }
    ;
    var getFileURL = function(client) {
            var object = data[0].name;
            var filename = object.replace(/^.*[\\\/]/, '');
            console.log(object + ' => ' + filename);
            var result = client.signatureUrl(object, {
                response: {
                    'content-disposition': 'attachment; filename="' + filename + '"'
                }
            });
            // fileRequest(result);
            //  return result;
        }
    ;
    //文件上传处理
    function fileUpload() {
        var obj = {'mod-file-accountBank':'开户行','mod-file-accountName':'开户名','mod-file-accountNum':'银行账户'};
        for(var o in obj){
            if(isBlank($('#' + o).val())){
                showMsg(obj[o] + '不能为空');
                return;
            }
        }
        applyTokenDo(uploadFile);
    }

    function getFileType(fileName){
        var ldot = fileName.lastIndexOf('.')
        if(ldot>=0)
            return fileName.substring(ldot + 1);
        else
            return "";
    }

    //保存图片路径到数据库
    function saveToDB(orderId,keyArray,keyArrayTemplate,fileNameArray,fileNameArrayTemplate,fileTypeArray,fileTypeArrayTemplate,accountBank,accountName,accountNum){
        var attachType = $("#mod-file-attachType").val();
        var attachTemplateType = $("#mod-file-attachTemplateType").val();
        var parameters = {"orderId":orderId,"attachType":attachType,"attachTemplateType":attachTemplateType,"path":keyArray,
            "pathTemplate":keyArrayTemplate,"fileNameArray":fileNameArray,"fileNameArrayTemplate":fileNameArrayTemplate,
            "fileTypeArrayTemplate":fileTypeArrayTemplate,
            "fileTypeArray":fileTypeArray,"accountBank":accountBank,"accountName":accountName,"accountNum":accountNum};

        $.ajax({
            dataType : "json",
            url : "${contextPath}/order/bdTempleteUpload",
            type : "post",
            data : parameters,
            success : function(result) {
                if(result.success){
                    uploadFileSuccess();
                }else
                    alert(result.message);
            }
        });
    }
</script>