<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<c:set var="contextPath" value="${pageContext.request.contextPath}"></c:set>
<link rel="stylesheet" href="${contextPath}/static/assets/css/jquery-ui.css"/>
<link rel="stylesheet" href="${contextPath}/static/assets/css/datepicker.css"/>
<link rel="stylesheet" href="${contextPath}/static/assets/css/ui.jqgrid.css"/>
<link rel="stylesheet" href="${contextPath}/static/js/datatimepicker/bootstrap-datetimepicker.min.css"/>
<style>
    .Fork {
        line-height: 38px;
    }
</style>
<div>
    <img src="${contextPath}/static/img/goBack.png?v=1.2" style="width:72px; height: 57px;" onclick="goBack()">
</div>
<div class="well well-sm">
    <label style="font-size: 15px;font-weight: 700;">订单详情信息</label>
</div>
<div class="wrapper wrapper-content animated fadeInRight" style="overflow: hidden;">
    <form id="viewOrderForm" class="form-horizontal">
        <input type="hidden" name="orderId" id="mod-view-orderId-detail"/>
        <div class="col-sm-12 text-left" style="margin-bottom: 15px;color: orange;">借款信息</div>

        <div class="form-group text-left" id="mod-audit-prodId-div" style="height: 52px">
            <div>
                <label class="col-sm-3 control-label">产品名称:</label>
                <div class="col-sm-3  " style="text-align: left !important;">
                    <label class=" control-label " id="view-productName"></label>
                    <div style="display:inline" class="Fork" data-fork="0" data-name="productName" id="productName"
                         onclick="changeFork(this)">
                        <img src="${contextPath}/static/img/yes.png" style="width: 19px;height: 19px;">
                        <img src="${contextPath}/static/img/no2.png" style="width: 19px;height: 19px; display: none;">
                    </div>
                </div>
            </div>
            <div>
                <label class="col-sm-3 control-label">借款金额:</label>
                <div class="col-sm-3 " style="text-align: left !important;">
                    <label class="control-label" id="view-loanAmount"></label>
                    <div style="display:inline" class="Fork" data-fork="0" data-name="loanAmount" id="loanAmount"
                         onclick="changeFork(this)">
                        <img src="${contextPath}/static/img/yes.png" style="width: 19px;height: 19px;">
                        <img src="${contextPath}/static/img/no2.png" style="width: 19px;height: 19px; display: none;">
                    </div>
                </div>
            </div>
        </div>
        <div class="form-group text-left" id="mod-audit-term-div" style="height: 52px">
            <div>
                <label class="col-sm-3 control-label">借款期限:</label>
                <div class="col-sm-3 " style="text-align: left !important;">
                    <label class="control-label" id="view-loanPeriod"></label>
                    <div style="display:inline" class="Fork" data-fork="0" data-name="loanPeriod" id="loanPeriod"
                         onclick="changeFork(this)">
                        <img src="${contextPath}/static/img/yes.png" style="width: 19px;height: 19px;">
                        <img src="${contextPath}/static/img/no2.png" style="width: 19px;height: 19px; display: none;">
                    </div>
                </div>
            </div>
            <div>
                <label class="col-sm-3 control-label">借款用途:</label>
                <div class="col-sm-3 " style="text-align: left !important;">
                    <label class="control-label" id="view-loanPurpose"></label>
                    <div style="display:inline" class="Fork" data-fork="0" data-name="loanPurpose" id="loanPurpose"
                         onclick="changeFork(this)">
                        <img src="${contextPath}/static/img/yes.png" style="width: 19px;height: 19px;">
                        <img src="${contextPath}/static/img/no2.png" style="width: 19px;height: 19px; display: none;">
                    </div>
                </div>
            </div>
        </div>
        <div class="form-group text-left" id="mod-audit-monthFee-div" style="height: 17px">
            <div>
                <label class="col-sm-3 control-label">还款方式:</label>
                <div class="col-sm-3 " style="text-align: left !important;">
                    <label class="control-label" id="view-repaymentMethod"></label>
                    <div style="display:inline" class="Fork" data-fork="0" data-name="repaymentMethod"
                         id="repaymentMethod"
                         onclick="changeFork(this)">
                        <img src="${contextPath}/static/img/yes.png" style="width: 19px;height: 19px;">
                        <img src="${contextPath}/static/img/no2.png" style="width: 19px;height: 19px; display: none;">
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-12 text-left" style="color: orange;">律师基本信息</div>
        <div class="form-group col-sm-12 text-left" id="mod-audit-realPrice-div" style="height: 17px">
            <div>
                <label class="col-sm-3 control-label">姓名:</label>
                <div class="col-sm-3 " style="text-align: left !important;">
                    <label class="control-label" id="view-realName"></label>
                    <div style="display:inline" class="Fork" data-fork="0" data-name="realName" id="realName"
                         onclick="changeFork(this)">
                        <img src="${contextPath}/static/img/yes.png" style="width: 19px;height: 19px;">
                        <img src="${contextPath}/static/img/no2.png" style="width: 19px;height: 19px; display: none;">
                    </div>
                </div>
            </div>
            <div>
                <label class="col-sm-3 control-label">注册手机号:</label>
                <div class="col-sm-3 " style="text-align: left !important;">
                    <label class="control-label" id="view-phone"></label>
                    <div style="display:inline" class="Fork" data-fork="0" data-name="phone" id="phone"
                         onclick="changeFork(this)">
                        <img src="${contextPath}/static/img/yes.png" style="width: 19px;height: 19px;">
                        <img src="${contextPath}/static/img/no2.png" style="width: 19px;height: 19px; display: none;">
                    </div>
                </div>
            </div>
        </div>
        <div class="form-group col-sm-12 text-left" id="mod-audit-colleageName-div" style="height: 17px">
            <div id="view-colleageName-style">
                <label class="col-sm-3 control-label">毕业院校:</label>
                <div class="col-sm-3 " style="text-align: left !important;">
                    <label class="control-label" id="view-colleageName"></label>
                    <div style="display:inline" class="Fork" data-fork="0" data-name="colleageName"
                         id="colleageName"
                         onclick="changeFork(this)">
                        <img src="${contextPath}/static/img/yes.png" style="width: 19px;height: 19px;">
                        <img src="${contextPath}/static/img/no2.png"
                             style="width: 19px;height: 19px; display: none;">
                    </div>
                </div>
            </div>
            <div id="education-view">
                <label class="col-sm-3 control-label">最高学历:</label>
                <div class="col-sm-3 " style="text-align: left !important;">
                    <label class="control-label" id="view-education"></label>
                    <div style="display:inline" class="Fork" data-fork="0" data-name="education" id="education"
                         onclick="changeFork(this)">
                        <img src="${contextPath}/static/img/yes.png" style="width: 19px;height: 19px;">
                        <img src="${contextPath}/static/img/no2.png"
                             style="width: 19px;height: 19px; display: none;">
                    </div>
                </div>
            </div>
        </div>
        <div class="form-group col-sm-12 text-left" id="mod-audit-incomeRange-div" style="height: 17px">
            <div>
                <label class="col-sm-3 control-label">年收入:</label>
                <div class="col-sm-3 " style="text-align: left !important;">
                    <label class="control-label" id="view-incomeRange"></label>
                    <div style="display:inline" class="Fork" data-fork="0" data-name="incomeRange" id="incomeRange"
                         onclick="changeFork(this)">
                        <img src="${contextPath}/static/img/yes.png" style="width: 19px;height: 19px;">
                        <img src="${contextPath}/static/img/no2.png" style="width: 19px;height: 19px; display: none;">
                    </div>
                </div>
            </div>
            <div>
                <label class="col-sm-3 control-label">电子邮箱:</label>
                <div class="col-sm-3 " style="text-align: left !important;">
                    <label class="control-label" id="view-email"></label>
                    <div style="display:inline" class="Fork" data-fork="0" data-name="email" id="email"
                         onclick="changeFork(this)">
                        <img src="${contextPath}/static/img/yes.png" style="width: 19px;height: 19px;">
                        <img src="${contextPath}/static/img/no2.png" style="width: 19px;height: 19px; display: none;">
                    </div>
                </div>
            </div>
        </div>
        <div class="form-group col-sm-12 text-left" id="mod-audit-dwCheckInfo-div" style="height: 17px">
            <div>
                <label class="col-sm-3 control-label">居所通讯地址:</label>
                <label class="control-label" id="view-address"></label>
                <div style="display:inline" class="Fork" data-fork="0" data-name="address" id="address"
                     onclick="changeFork(this)">
                    <img src="${contextPath}/static/img/yes.png" style="width: 19px;height: 19px;">
                    <img src="${contextPath}/static/img/no2.png" style="width: 19px;height: 19px; display: none;">
                </div>
            </div>
        </div>
        <div class="col-sm-12 text-left" style="margin-bottom: 15px;color: orange;">银行卡信息</div>
        <div class="form-group col-sm-12 text-left" id="mod-audit-bank-regist-name-div" style="height: 17px">
            <div>
                <label class="col-sm-3 control-label">开户名:</label>
                <div class="col-sm-3 " style="text-align: left !important;">
                    <label class="control-label" id="view-bank-regist-name"></label>
                    <div style="display:inline" class="Fork" data-fork="0" data-name="regist-name" id="regist-name"
                         onclick="changeFork(this)">
                        <img src="${contextPath}/static/img/yes.png" style="width: 19px;height: 19px;">
                        <img src="${contextPath}/static/img/no2.png" style="width: 19px;height: 19px; display: none;">
                    </div>
                </div>
            </div>
            <div>
                <label class="col-sm-3 control-label">身份证号:</label>
                <div class="col-sm-3 " style="text-align: left !important;">
                    <label class="control-label" id="view-idCard"></label>
                    <div style="display:inline" class="Fork" data-fork="0" data-name="idCard" id="idCard"
                         onclick="changeFork(this)">
                        <img src="${contextPath}/static/img/yes.png" style="width: 19px;height: 19px;">
                        <img src="${contextPath}/static/img/no2.png" style="width: 19px;height: 19px; display: none;">
                    </div>
                </div>
            </div>
        </div>
        <div class="form-group col-sm-12 text-left" id="mod-audit-bankName-div" style="height: 17px">
            <div>
                <label class="col-sm-3 control-label">开户行:</label>
                <div class="col-sm-3 " style="text-align: left !important;">
                    <label class="control-label" id="view-bankName"></label>
                    <div style="display:inline" class="Fork" data-fork="0" data-name="bankName" id="bankName"
                         onclick="changeFork(this)">
                        <img src="${contextPath}/static/img/yes.png" style="width: 19px;height: 19px;">
                        <img src="${contextPath}/static/img/no2.png" style="width: 19px;height: 19px; display: none;">
                    </div>
                </div>
            </div>
            <div>
                <label class="col-sm-3 control-label">账号:</label>
                <div class="col-sm-3 " style="text-align: left !important;">
                    <label class="control-label" id="view-bankNum"></label>
                    <div style="display:inline" class="Fork" data-fork="0" data-name="bankNum" id="bankNum"
                         onclick="changeFork(this)">
                        <img src="${contextPath}/static/img/yes.png" style="width: 19px;height: 19px;">
                        <img src="${contextPath}/static/img/no2.png" style="width: 19px;height: 19px; display: none;">
                    </div>
                </div>
            </div>
        </div>
        <div class="form-group col-sm-12 text-left" id="mod-audit-bankMobile-div" style="height: 17px">
            <div>
                <label class="col-sm-3 control-label">银行预留手机号:</label>
                <div class="col-sm-3 " style="text-align: left !important;">
                    <label class="control-label" id="view-bankMobile"></label>
                    <div style="display:inline" class="Fork" data-fork="0" data-name="bankMobile" id="bankMobile"
                         onclick="changeFork(this)">
                        <img src="${contextPath}/static/img/yes.png" style="width: 19px;height: 19px;">
                        <img src="${contextPath}/static/img/no2.png" style="width: 19px;height: 19px; display: none;">
                    </div>
                </div>
            </div>
            <div>
                <label class="col-sm-3 control-label">校验结果:</label>
                <div class="col-sm-3 " style="text-align: left !important;">
                    <label class="control-label" id="view-verification"></label>
                </div>
            </div>
        </div>

        <div class="col-sm-12 text-left" style="margin-bottom: 15px;color: orange;">律所信息</div>
        <div class="form-group col-sm-12 text-left" id="mod-audit-lawOffice-div" style="height: 17px">
            <div>
                <label class="col-sm-3 control-label">律所名称:</label>
                <div class="col-sm-3 " style="text-align: left !important;">
                    <label class="control-label" id="view-lawOffice"></label>
                    <div style="display:inline" class="Fork" data-fork="0" data-name="lawOffice" id="lawOffice"
                         onclick="changeFork(this)">
                        <img src="${contextPath}/static/img/yes.png" style="width: 19px;height: 19px;">
                        <img src="${contextPath}/static/img/no2.png" style="width: 19px;height: 19px; display: none;">
                    </div>
                </div>
            </div>
            <div>
                <label class="col-sm-3 control-label">律所通讯地址:</label>
                <div class="col-sm-3 " style="text-align: left !important;">
                    <label class="control-label" id="view-lawAddress"></label>
                    <div style="display:inline" class="Fork" data-fork="0" data-name="lawAddress" id="lawAddress"
                         onclick="changeFork(this)">
                        <img src="${contextPath}/static/img/yes.png" style="width: 19px;height: 19px;">
                        <img src="${contextPath}/static/img/no2.png" style="width: 19px;height: 19px; display: none;">
                    </div>
                </div>
            </div>
        </div>
        <div class="form-group col-sm-12 text-left" id="mod-audit-lawPhone-div" style="height: 17px">
            <div>
                <label class="col-sm-3 control-label">律所电话:</label>
                <div class="col-sm-3 " style="text-align: left !important;">
                    <label class="control-label" id="view-lawPhone"></label>
                    <div style="display:inline" class="Fork" data-fork="0" data-name="lawPhone" id="lawPhone"
                         onclick="changeFork(this)">
                        <img src="${contextPath}/static/img/yes.png" style="width: 19px;height: 19px;">
                        <img src="${contextPath}/static/img/no2.png" style="width: 19px;height: 19px; display: none;">
                    </div>
                </div>
            </div>
            <div>
                <label class="col-sm-3 control-label">执业证号:</label>
                <div class="col-sm-3 " style="text-align: left !important;">
                    <label class="control-label" id="view-certNum"></label>
                    <div style="display:inline" class="Fork" data-fork="0" data-name="certNum" id="certNum"
                         onclick="changeFork(this)">
                        <img src="${contextPath}/static/img/yes.png" style="width: 19px;height: 19px;">
                        <img src="${contextPath}/static/img/no2.png" style="width: 19px;height: 19px; display: none;">
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-12 text-left" style="margin-bottom: 15px;color: orange;">身份证及职业证</div>
        <div class="form-group col-sm-12 text-left" id="mod-audit-attach-type-110-div" style="height: 105px">
            <div>
                <label class="col-sm-3 control-label">身份证正反面照片:</label>
                <div class="col-sm-3 " style="text-align: left !important;">
                    <div id="div-attach-type-110" class="checkbox-inline"></div>
                    <div style="display:inline" class="Fork" data-fork="0" data-name="lawIDCardPic" id="lawIDCardPic"
                         onclick="changeFork(this)">
                        <img src="${contextPath}/static/img/yes.png" style="width: 19px;height: 19px;">
                        <img src="${contextPath}/static/img/no2.png" style="width: 19px;height: 19px; display: none;">
                    </div>
                </div>
            </div>
            <div>
                <label class="col-sm-3 control-label">执业证首页及最近一次年审照片:</label>
                <div class="col-sm-3 " style="text-align: left !important;">
                    <div id="div-attach-type-100" class="checkbox-inline"></div>
                    <div style="display:inline" class="Fork" data-fork="0" data-name="annualReviewPic"
                         id="annualReviewPic"
                         onclick="changeFork(this)">
                        <img src="${contextPath}/static/img/yes.png" style="width: 19px;height: 19px;">
                        <img src="${contextPath}/static/img/no2.png" style="width: 19px;height: 19px; display: none;">
                    </div>
                </div>
            </div>
        </div>
        <div class="form-group col-sm-12 text-left" style="height: 105px">
            <div>
                <label class="col-sm-3 control-label">身份证地址:</label>
                <div class="col-sm-3 " style="text-align: left !important;">
                    <label class="control-label" id="view-sfzAddress"></label>
                    <div style="display:inline" class="Fork" data-fork="0" data-name="sfzAddress" id="sfzAddress"
                         onclick="changeFork(this)">
                        <img src="${contextPath}/static/img/yes.png" style="width: 19px;height: 19px;">
                        <img src="${contextPath}/static/img/no2.png" style="width: 19px;height: 19px; display: none;">
                    </div>
                </div>
            </div>
            <div>
                <label class="col-sm-3 control-label">执业证有效期至:</label>
                <div class="col-sm-3 " style="text-align: left !important;">
                    <label class="control-label" id="view-certDate"></label>
                    <div style="display:inline" class="Fork" data-fork="0" data-name="certDate" id="certDate"
                         onclick="changeFork(this)">
                        <img src="${contextPath}/static/img/yes.png" style="width: 19px;height: 19px;">
                        <img src="${contextPath}/static/img/no2.png" style="width: 19px;height: 19px; display: none;">
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-12 text-left" style="margin-bottom: 15px;color: orange;">婚姻信息</div>
        <div class="form-group col-sm-12 text-left" id="mod-audit-maritalStatus-div" style="height: 17px">
            <div>
                <label class="col-sm-3 control-label">婚姻状况:</label>
                <div class="col-sm-3 " style="text-align: left !important;">
                    <label class="control-label" id="view-maritalStatus"></label>
                    <div style="display:inline" class="Fork" data-fork="0" data-name="maritalStatus" id="maritalStatus"
                         onclick="changeFork(this)">
                        <img src="${contextPath}/static/img/yes.png" style="width: 19px;height: 19px;">
                        <img src="${contextPath}/static/img/no2.png" style="width: 19px;height: 19px; display: none;">
                    </div>
                </div>
            </div>
            <div id="mod-audit-familyMemName-div">
                <label class="col-sm-3 control-label">直系亲属姓名:</label>
                <div class="col-sm-3 " style="text-align: left !important;">
                    <label class="control-label" id="view-familyMemName"></label>
                    <div style="display:inline" class="Fork" data-fork="0" data-name="familyMemName" id="familyMemName"
                         onclick="changeFork(this)">
                        <img src="${contextPath}/static/img/yes.png" style="width: 19px;height: 19px;">
                        <img src="${contextPath}/static/img/no2.png" style="width: 19px;height: 19px; display: none;">
                    </div>
                </div>
            </div>
        </div>
        <div class="form-group col-sm-12 text-left" style="height: 17px">
            <div id="mod-audit-familyMemRel-div">
                <label class="col-sm-3 control-label">亲属之间关系:</label>
                <div class="col-sm-3 " style="text-align: left !important;">
                    <label class="control-label" id="view-familyMemRel"></label>
                    <div style="display:inline" class="Fork" data-fork="0" data-name="familyMemRel" id="familyMemRel"
                         onclick="changeFork(this)">
                        <img src="${contextPath}/static/img/yes.png" style="width: 19px;height: 19px;">
                        <img src="${contextPath}/static/img/no2.png" style="width: 19px;height: 19px; display: none;">
                    </div>
                </div>
            </div>
            <div id="mod-audit-familyMemPhone-div">
                <label class="col-sm-3 control-label">直系亲属电话:</label>
                <div class="col-sm-3 " style="text-align: left !important;">
                    <label class="control-label" id="view-familyMemPhone"></label>
                    <div style="display:inline" class="Fork" data-fork="0" data-name="familyMemPhone"
                         id="familyMemPhone"
                         onclick="changeFork(this)">
                        <img src="${contextPath}/static/img/yes.png" style="width: 19px;height: 19px;">
                        <img src="${contextPath}/static/img/no2.png" style="width: 19px;height: 19px; display: none;">
                    </div>
                </div>
            </div>
        </div>
        <div class="form-group col-sm-12 text-left" style="height: 17px">
            <div id="mod-audit-familyMemAdr-div">
                <label class="col-sm-3 control-label">直系亲属地址:</label>
                <div class="col-sm-3 " style="text-align: left !important;">
                    <label class="control-label" id="view-familyMemAdr"></label>
                    <div style="display:inline" class="Fork" data-fork="0" data-name="familyMemAdr" id="familyMemAdr"
                         onclick="changeFork(this)">
                        <img src="${contextPath}/static/img/yes.png" style="width: 19px;height: 19px;">
                        <img src="${contextPath}/static/img/no2.png" style="width: 19px;height: 19px; display: none;">
                    </div>
                </div>
            </div>
            <div id="mod-audit-mateName-div">
                <label class="col-sm-3 control-label">配偶姓名:</label>
                <div class="col-sm-3 " style="text-align: left !important;">
                    <label class="control-label" id="view-mateName"></label>
                    <div style="display:inline" class="Fork" data-fork="0" data-name="mateName" id="mateName"
                         onclick="changeFork(this)">
                        <img src="${contextPath}/static/img/yes.png" style="width: 19px;height: 19px;">
                        <img src="${contextPath}/static/img/no2.png" style="width: 19px;height: 19px; display: none;">
                    </div>
                </div>
            </div>
        </div>
        <div class="form-group col-sm-12 text-left" style="height: 17px">
            <div id="mod-audit-matePhone-div">
                <label class="col-sm-3 control-label">配偶电话:</label>
                <div class="col-sm-3 " style="text-align: left !important;">
                    <label class="control-label" id="view-matePhone"></label>
                    <div style="display:inline" class="Fork" data-fork="0" data-name="matePhone" id="matePhone"
                         onclick="changeFork(this)">
                        <img src="${contextPath}/static/img/yes.png" style="width: 19px;height: 19px;">
                        <img src="${contextPath}/static/img/no2.png" style="width: 19px;height: 19px; display: none;">
                    </div>
                </div>
            </div>
            <div id="mod-audit-attach-type-117-div">
                <label class="col-sm-3 control-label">离婚证或离婚协议:</label>
                <div class="col-sm-3 " style="text-align: left !important;">
                    <div id="div-attach-type-117" class="checkbox-inline"></div>
                    <div style="display:inline" class="Fork" data-fork="0" data-name="divorcePic" id="divorcePic"
                         onclick="changeFork(this)">
                        <img src="${contextPath}/static/img/yes.png" style="width: 19px;height: 19px;">
                        <img src="${contextPath}/static/img/no2.png" style="width: 19px;height: 19px; display: none;">
                    </div>
                </div>
            </div>
        </div>
        <div class="form-group col-sm-12 text-left" style="height: 105px">
            <div id="mod-audit-attach-type-119-div">
                <label class="col-sm-3 control-label">结婚证:</label>
                <div class="col-sm-3 " style="text-align: left !important;">
                    <div id="div-attach-type-119" class="checkbox-inline"></div>
                    <div style="display:inline" class="Fork" data-fork="0" data-name="marryPic" id="marryPic"
                         onclick="changeFork(this)">
                        <img src="${contextPath}/static/img/yes.png" style="width: 19px;height: 19px;">
                        <img src="${contextPath}/static/img/no2.png" style="width: 19px;height: 19px; display: none;">
                    </div>
                </div>
            </div>
            <div id="mod-audit-attach-type-118-div">
                <label class="col-sm-3 control-label">配偶身份证:</label>
                <div class="col-sm-3 " style="text-align: left !important;">
                    <div id="div-attach-type-118" class="checkbox-inline"></div>
                    <div style="display:inline" class="Fork" data-fork="0" data-name="mateIdCardPic" id="mateIdCardPic"
                         onclick="changeFork(this)">
                        <img src="${contextPath}/static/img/yes.png" style="width: 19px;height: 19px;">
                        <img src="${contextPath}/static/img/no2.png" style="width: 19px;height: 19px; display: none;">
                    </div>
                </div>
            </div>

        </div>

        <div class="col-sm-12 text-left " style="margin-bottom: 15px;color: orange;">征信报告信息</div>
        <div class="form-group col-sm-12 text-left" id="mod-audit-attach-type-112-div" style="height: 105px">
            <div>
                <label class="col-sm-3 control-label">征信报告照片:</label>
                <div id="div-attach-type-112" class="checkbox-inline"></div>
                <div style="display:inline" class="Fork" data-fork="0" data-name="creditPic" id="creditPic"
                     onclick="changeFork(this)">
                    <img src="${contextPath}/static/img/yes.png" style="width: 19px;height: 19px;">
                    <img src="${contextPath}/static/img/no2.png" style="width: 19px;height: 19px; display: none;">
                </div>
            </div>
        </div>
        <div class="col-sm-12 text-left" style="margin-bottom: 15px;color: orange;">其它信息</div>
        <div class="form-group col-sm-12 text-left" id="mod-audit-attach-type-114-div" style="height: 105px">
            <div>
                <label class="col-sm-3 control-label">社保或公积金半年交纳截图:</label>
                <div id="div-attach-type-114" class="checkbox-inline"></div>
                <div style="display:inline" class="Fork" data-fork="0" data-name="socialSecurityPic"
                     id="socialSecurityPic"
                     onclick="changeFork(this)">
                    <img src="${contextPath}/static/img/yes.png" style="width: 19px;height: 19px;">
                    <img src="${contextPath}/static/img/no2.png" style="width: 19px;height: 19px; display: none;">
                </div>
            </div>
        </div>
        <div class="form-group col-sm-12 text-left" id="mod-audit-attach-type-116-div" style="height: 105px">
            <div>
                <label class="col-sm-3 control-label">房产证或车辆登记证照片:</label>
                <div id="div-attach-type-116" class="checkbox-inline"></div>
                <div style="display:inline" class="Fork" data-fork="0" data-name="housePic" id="housePic"
                     onclick="changeFork(this)">
                    <img src="${contextPath}/static/img/yes.png" style="width: 19px;height: 19px;">
                    <img src="${contextPath}/static/img/no2.png" style="width: 19px;height: 19px; display: none;">
                </div>
            </div>
        </div>

        <div class="col-sm-12 text-left" style="margin-bottom: 15px;color: orange;">时间</div>
        <div class="form-group col-sm-12 text-left" id="mod-audit-createDate-div" style="height: 17px">
            <label class="col-sm-3 control-label">提交时间:</label>
            <div class="col-sm-3 " style="text-align: left !important;">
                <label class="control-label" id="view-createDate"></label>
            </div>
            <label class="col-sm-3 control-label">初审时间:</label>
            <div class="col-sm-3 " style="text-align: left !important;">
                <label class="control-label" id="view-dwCheckDate"></label>
            </div>
        </div>
        <div class="form-group col-sm-12 text-left" id="mod-audit-loanDate-div" style="height: 17px">
            <label class="col-sm-3 control-label">复审时间:</label>
            <div class="col-sm-3 " style="text-align: left !important;">
                <label class="control-label" id="view-xdCheckDate"></label>
            </div>
            <label class="col-sm-3 control-label">放款时间:</label>
            <div class="col-sm-3 " style="text-align: left !important;">
                <label class="control-label" id="view-loanDate"></label>
            </div>
        </div>
        <div class="form-group col-sm-12 text-left" id="mod-audit-finishDate-div" style="height: 17px">
            <label class="col-sm-3 control-label">结清时间:</label>
            <label class="control-label" id="view-finishDate"></label>
        </div>
        <div class="col-sm-12 text-left " style="margin-bottom: 15px;color: orange;">借款用途凭证</div>
        <div class="form-group col-sm-12 text-left" id="mod-audit-attach-type-136-div" style="height: 105px">
            <label class="col-sm-3 control-label">借款用途凭证照片:</label>
            <div id="div-attach-type-136" class="checkbox-inline"></div>
            <div style="display:inline" class="Fork" data-fork="0" data-name="certificate-of-loan-use"
                 id="certificate-of-loan-use"
                 onclick="changeFork(this)">
                <img src="${contextPath}/static/img/yes.png" style="width: 19px;height: 19px;">
                <img src="${contextPath}/static/img/no2.png" style="width: 19px;height: 19px; display: none;">
            </div>
        </div>
        <div>
            <div class="text-left" style="margin-bottom: 15px;color: orange;float: left;">案例信息【显示前5种擅长类型】</div>
            <div class="col-sm-3 text-left Fork" data-fork="0" data-name="lawyerCases" id="lawyerCases"
                 onclick="changeFork(this)" style="line-height: 17px;">
                <img src="${contextPath}/static/img/yes.png" style="width: 19px;height: 19px;">
                <img src="${contextPath}/static/img/no2.png" style="width: 19px;height: 19px; display: none;">
            </div>
        </div>
        <table class="table" id="caseTable">
            <thead>
            <tr class="success">
                <td width="25%">序号</td>
                <td width="25%">案例类型</td>
                <td width="25%">案例数</td>
                <td width="25%">操作类型</td>
            </tr>
            </thead>
            <tbody id="lawyerCaseList">
            </tbody>
        </table>
        <div>
            <div class="col-sm-12 text-left" style="margin-bottom: 15px;color: orange;">案例年份分类信息</div>
        </div>
        <table class="table" id="previousCaseTable">
            <thead>
            <tr class="success">
                <td width="25%">序号</td>
                <td width="25%">案例年份</td>
                <td width="25%">案例数</td>
                <td width="25%">操作类型</td>
            </tr>
            </thead>
            <tbody id="previousCaseList">
            </tbody>
        </table>
    </form>
</div>

<div class="well well-sm" style="margin-top: 100px;">
    <label style="font-size: 15px;font-weight: 700;">初审操作信息</label>
</div>
<div class="wrapper wrapper-content animated fadeInRight">
    <input type="hidden" name="orderId" id="mod-edit-orderId"/>
    <div class="row" style="height: 220px">
        <div class="col-md-12">
            <div class="form-group">
                <div class="col-sm-12 text-left" style="margin-bottom: 15px;">第一、额度测算</div>
            </div>
            <div class="form-group text-left" style="margin-left: 30px;height: 31px">
                <label class="col-sm-2 control-label">基准额度:</label>
                <label class="control-label" id="baseQuota"></label>
            </div>
            <div class="form-group text-left" style="margin-left: 30px;height: 19px">
                <label class="col-sm-2 control-label">执业年限:</label>
                <label class="col-sm-2  control-label" id="workYear"></label>
                <label class="col-sm-2 control-label">上年案例数:</label>
                <label class="col-sm-2 control-label" id="yearCase"></label>
                <label class="col-sm-2 control-label">执业城市:</label>
                <label class="col-sm-2 control-label" id="workCity"></label>
            </div>
            <div class="form-group text-left" style="margin-left: 30px;height: 19px">
                <label class="col-sm-2 control-label">执业年限系数:</label>
                <label class="col-sm-2  control-label" id="workYearCoefficient"></label>
                <label class="col-sm-2 control-label">上年案例数系数:</label>
                <label class="col-sm-2 control-label" id="yearCaseCoefficient"></label>
                <label class="col-sm-2 control-label">执业城市系数:</label>
                <label class="col-sm-2 control-label" id="workCityCoefficient"></label>
            </div>
            <div class="form-group text-left" style="margin-left: 30px;height: 19px">
                <label class="col-sm-2 control-label">房产数量:</label>
                <label class="col-sm-2  control-label" id="houseNum"></label>
                <label class="col-sm-2 control-label">额度计算结果:</label>
                <label class="col-sm-5 control-label" id="calculationQuota"></label>
            </div>
            <div class="form-group text-left" style="margin-left: 30px;">
                <label class="col-sm-2 control-label">房产系数:</label>
                <label class="col-sm-2  control-label" id="lawyerHouseCoefficient"></label>
                <label class="col-sm-2 control-label">最终初审额度:</label>
                <label class="col-sm-5 control-label" id="resultQuota"></label>
            </div>
            <div class="form-group text-left" style="margin-left: 30px; display: none" id="div_xdResultQuota">
                <label class="col-sm-2 control-label">终审额度:</label>
                <label class="col-sm-1 control-label" id="xdResultQuota"></label>
            </div>
        </div>
    </div>
</div>
</div>
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-md-12">
            <div class="form-group">
                <div class="col-sm-12 text-left" style="margin-bottom: 15px;margin-top: 20px">第二、律师身份及失信情况查询</div>
            </div>
            <div class="col-md-6">
                <div class="form-group" style="height: 23px">
                    <div class="col-sm-2 text-left">律师身份证明：</div>
                    <label id="edit-cardInfo" class="col-sm-2 text-left">正常</label>
                    <label class="col-sm-8 text-left"></label>
                </div>
                <div class="form-group text-left" style="height: 110px">
                    <div class="col-sm-7 text-left">
                        <!--  <div id="div131" class="checkbox-inline"></div> -->
                        <div id="div131-edit" class="checkbox-inline"></div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2 text-left">图片来源：</div>
                    <label class="col-sm-8 text-left" id="cardPicUrl"></label>
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group" style="height: 30px">
                    <div class="col-sm-2 text-left">律师是否被告：</div>
                    <label id="edit-litigationInfo" class="col-sm-2 text-left">正常</label>
                    <label class="col-sm-8 text-left"></label>
                </div>
                <div class="form-group text-left" style="height: 110px">
                    <div class="col-sm-7 text-left">
                        <!--  <div id="div131" class="checkbox-inline"></div> -->
                        <div id="div133-edit" class="checkbox-inline"></div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2 text-left">图片来源：</div>
                    <label class="col-sm-8 text-left" id="litigationPicUrl"></label>
                </div>
            </div>
            <div class="col-md-6" style="margin-top:15px ">
                <div class="form-group" style="height: 20px">
                    <div class="col-sm-2 text-left">律师是否执行：</div>
                    <label id="edit-implementInfo" class="col-sm-2 text-left">正常</label>
                    <label class="col-sm-8 text-left"></label>
                </div>
                <div class="form-group text-left" style="height: 110px">
                    <div class="col-sm-7 text-left">
                        <!--  <div id="div131" class="checkbox-inline"></div> -->
                        <div id="div135-edit" class="checkbox-inline"></div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2 text-left">图片来源：</div>
                    <label class="col-sm-8 text-left" id="implementPicUrl">http://zhixing.court.gov.cn/search/</label>
                </div>
            </div>
            <div class="col-md-6" style="margin-top:15px ">
                <div class="form-group" style="height: 20px">
                    <div class="col-sm-2 text-left">律师是否失信：</div>
                    <label id="edit-creditInfo" class="col-sm-2 text-left">正常</label>
                    <label class="col-sm-8 text-left"></label>
                </div>
                <div class="form-group text-left" style="height: 110px">
                    <div class="col-sm-7 text-left">
                        <!--  <div id="div131" class="checkbox-inline"></div> -->
                        <div id="div134-edit" class="checkbox-inline"></div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2 text-left">图片来源：</div>
                    <label class="col-sm-8 text-left" id="creditPicUrl">http://zxgk.court.gov.cn/shixin/</label>
                </div>
            </div>
            <div class="col-md-6" style="margin-top:15px ">
                <div class="form-group" style="height: 20px">
                    <div class="col-sm-2 text-left">上一年案例数：</div>
                    <select id="edit-lawyerCase" class="col-sm-2" disabled="disabled">
                        <option value=0>0</option>
                        <option value=1>1-5</option>
                        <option value=2>6-10</option>
                        <option value=3>11-15</option>
                        <option value=4>16-20</option>
                        <option value=5>21-25</option>
                        <option value=6>26-30</option>
                        <option value=7>31以上</option>
                    </select>
                    <label class="col-sm-8 text-left"></label>
                </div>
                <div class="form-group text-left" style="height: 110px">
                    <div class="col-sm-7 text-left">
                        <!--  <div id="div131" class="checkbox-inline"></div> -->
                        <div id="div137-edit" class="checkbox-inline"></div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-2 text-left">图片来源：</div>
                    <label class="col-sm-8 text-left" id="lawyerCasePicUrl"></label>
                </div>
            </div>
        </div>

    </div>
</div>
<div class="col-md-12">
    <div class="form-group" style="height: 40px;">
        <div class="col-sm-2 text-left" style="height: 40px;line-height: 40px;font-size: 15px;">订单备注：</div>
        <label class="col-sm-8 text-left no-padding" style="height: 40px;line-height: 40px;font-size: 15px;"
               id="orderRemark">
        </label>
    </div>
</div>
<div class="hr-line-dashed"></div>
<div class="row" style="margin-bottom: 10px;" id="div_dwCheckInfo">
    <div class="col-sm-2 text-left" style="font-size: 15px;font-weight: 700;">初审信息：</div>
    <label class="col-sm-8 text-left no-padding" id="dwCheckInfo">
    </label>
</div>
<div class="row" style="margin-bottom: 10px;" id="div_xdCheckInfo">
    <div class="col-sm-2 text-left" style="font-size: 15px;font-weight: 700;">复审信息：</div>
    <label class="col-sm-8 text-left no-padding" id="xdCheckInfo">
    </label>
</div>
<hr class="simple" color="#6f5499"/>
<div class="row" style="margin-bottom: 10px;display: none;" id="div_outMoneyInfo1">
    <div class="form-group">
        <div class="col-sm-2 text-left" style="font-size: 15px;">放款时间：</div>
        <label class="col-sm-3 text-left no-padding" id="outMoneyInfo_date">
        </label>
        <div class="col-sm-3 text-left" style="font-size: 15px;">放款金额：</div>
        <label class="col-sm-3 text-left no-padding" id="outMoneyInfo_money">
        </label>
    </div>
</div>
<div class="row" style="margin-bottom: 10px;display: none;" id="div_outMoneyInfo2">
    <div class="form-group">
        <div class="col-sm-2 text-left" style="font-size: 15px;">借款期限：</div>
        <label class="col-sm-3 text-left no-padding" id="outMoneyInfo_time">
        </label>
        <div class="col-sm-3 text-left" style="font-size: 15px;">还款方式：</div>
        <label class="col-sm-3 text-left no-padding" id="outMoneyInfo_type">
        </label>
    </div>
</div>
<div class="row" style="margin-bottom: 10px;display: none;" id="div_outMoneyInfo_rate">
    <div class="col-sm-2 text-left" style="font-size: 15px;">利率信息：</div>
    <label class="col-sm-8 text-left no-padding" id="outMoneyInfo_rate">
    </label>
</div>
<div class="row" style="margin-bottom: 10px;display: none;" id="div_outMoneyInfo_finishDate">
    <div class="col-sm-2 text-left" style="font-size: 15px;">结清日期：</div>
    <label class="col-sm-8 text-left no-padding" id="outMoneyInfo_finishDate">
    </label>
</div>
<div class="row" style="display: none">
    <div class="col-md-4"></div>
    <div class="col-md-1 text-center">
        <button class="btn btn-default" type="button" onclick="noSecAdopt()">复审不通过</button>
    </div>
    <div class="col-md-2 text-center">
        <button class="btn btn-primary" type="button" onclick="dissSecAdopt()">取消订单</button>
    </div>
    <div class="col-md-1 text-center">
        <button class="btn btn-primary" type="button" onclick="adoptSecOrder()">复审通过</button>
    </div>
</div>

<!-- 案例详情页（Modal） -->
<div id="modal-view-lawyer-case-detail" class="modal fade" tabindex="-1" data-backdrop="static">
    <div class="modal-dialog" style="min-width: 600px;">
        <div class="modal-content">
            <div class="modal-body" id="lawyer-case-detail-div">
                <div>
                    <div class="col-sm-12 text-left" style="margin-bottom: 15px;color: orangered;">案例分类详情页</div>
                </div>
                <table class="table" id="lawyer-case-detail-table">
                    <thead>
                    <tr class="success">
                        <td width="10%">序号</td>
                        <td width="20%">类型</td>
                        <td width="60%">标题</td>
                        <td width="10%">操作</td>
                    </tr>
                    </thead>
                    <tbody id="lawyer-case-detail-tbody"/>
                </table>
            </div>
            </form>
        </div>
        <div class="modal-footer no-margin-top">
            <div class="text-center">
                <button class="btn btn-sm" data-dismiss="modal">
                    <i class="ace-icon fa fa-share bigger-160"></i> 关闭
                </button>
            </div>
        </div>
    </div>
</div>

<!-- 图片上传 -->
<div id="mod-pic" 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">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        <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="picform">
                            <input id="picFileId" type="file" name="file" multiple/>
                            <input type="hidden" name="attachType" id="mod-pic-attachType"/>
                            <input type="hidden" name="divId" id="mod-pic-divId"/>
                            <input type="hidden" name="orderId" id="mod-pic-orderId1" value=""/>
                            <div class="hr hr-12 dotted"></div>
                            <div class="text-center">
                                <button type="button" class="btn btn-sm btn-primary" onclick="updatePic()">上传</button>
                                <button type="reset" class="btn btn-sm">清除</button>
                            </div>
                        </form>
                    </div><!-- /.col -->
                </div><!-- /.row -->

            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div>
<script type="text/javascript">
    function changeFirQuota() {
        var changeQuota = $("#duowenResultQuota").val();
        $("#resultQuota").html(changeQuota);
    }

    function updatePic() {
        var orderId = $("#mod-pic-orderId1").val();
        picUpload(orderId);
    }
</script>
<!-- page specific plugin scripts -->
<script type="text/javascript">
    var scripts = [
        "${contextPath}/static/assets/js/date-time/bootstrap-datepicker.js",
        "${contextPath}/static/assets/js/date-time/locales/bootstrap-datepicker.zh-CN.js",
        "${contextPath}/static/assets/js/jqGrid/jquery.jqGrid.js",
        "${contextPath}/static/js/contract/promise-6.1.0.js",
        "http://gosspublic.alicdn.com/aliyun-oss-sdk-4.3.0.min.js",
        "${contextPath}/static/js/contract/ace.fileinput.js",
        "${contextPath}/static/js/contract/uuid.js",
        "${contextPath}/static/js/contract/picupload.js",
        "${contextPath}/static/js/plc/lsd_updpic.js?v=10",
        "${contextPath}/static/assets/js/jqGrid/i18n/grid.locale-cn.js",
        "${contextPath}/static/js/datatimepicker/bootstrap-datetimepicker.zh-CN.js",
        "${contextPath}/static/js/datatimepicker/bootstrap-datetimepicker.min.js",
        "${contextPath}/static/js/datatimepicker/bootstrap-datetimepicker.min.css",
        "${contextPath}/static/js/lawyer/lawyerCaseUtils.js",
        "${contextPath}/static/assets/js/lazyload/jquery.lazyload.js", null]
    $('.page-content-area').ace_ajax('loadScripts', scripts, function () {
        // inline scripts related to this page
        jQuery(function ($) {

            window.noadopt = []; //不通过的标签

            function GetUrlParam(paraName) {
                var url = window.location.href;
                var arrObj = url.split("?");
                if (arrObj.length > 1) {
                    var arrPara = arrObj[1].split("&");
                    var arr;

                    for (var i = 0; i < arrPara.length; i++) {
                        arr = arrPara[i].split("=");
                        if (arr != null && arr[0] == paraName) {
                            return arr[1];
                        }
                    }
                    return "";
                }
                else {
                    return "";
                }
            }

            var orderId = GetUrlParam('orderId');  //后面用到需全局

            window.orderState = GetUrlParam('orderState');
            getAllInfo(orderId);   //获取额度测量数据

            getLawyerUrl(orderId); //获取律师身份及失信情况查询图片信息

            $("#mod-pic-orderId1").val(orderId);
            $("#mod-edit-orderId").val(orderId);


            function getLawyerUrl() {
                $.ajax({
                    dataType: "json",
                    url: "${contextPath}/sys/lsdOrder/getLawyerUrl",
                    type: "post",
                    data: {
                        orderId: orderId
                    },
                    complete: function (ret) {
                        var ret = eval("(" + ret.responseText + ")");
                        if (ret.success) {
                            ret = ret.data;
                            var orderId = ret.orderId;
                            var lawyerIdCard = ret.lawyerIdCardUrls;
                            var lawyerLitigation = ret.lawyerLitigationUrls;
                            var lawyerCredit = ret.lawyerCreditUrls;
                            var mplementUrl = ret.mplementUrl;
                            var caseUrl = ret.caseUrl;
                            for (var i = 0; i < lawyerIdCard.length; i++) {
                                loadPic(orderId, lawyerIdCard[i].path, "", "", lawyerIdCard[i].id, 'div131-edit');
                            }
                            for (var i = 0; i < lawyerLitigation.length; i++) {
                                loadPic(orderId, lawyerLitigation[i].path, "", "", lawyerLitigation[i].id, 'div133-edit');
                            }
                            for (var i = 0; i < lawyerCredit.length; i++) {
                                loadPic(orderId, lawyerCredit[i].path, "", "", lawyerCredit[i].id, 'div134-edit');
                            }
                            for (var i = 0; i < mplementUrl.length; i++) {
                                loadPic(orderId, mplementUrl[i].path, "", "", mplementUrl[i].id, 'div135-edit');
                            }
                            for (var i = 0; i < caseUrl.length; i++) {
                                loadPic(orderId, caseUrl[i].path, "", "", caseUrl[i].id, 'div137-edit');
                            }
                        } else {
                            alert(ret.message);
                        }
                    }
                });
            }

            showOrderInfo(orderId);

            //回显各种信息
            function getAllInfo() {
                $.ajax({
                    dataType: "json",
                    url: "${contextPath}/sys/lsdOrder/getFirTrialInfo",
                    type: "post",
                    data: {
                        orderId: orderId
                    },
                    complete: function (ret) {
                        var ret = eval("(" + ret.responseText + ")");
                        if (ret.success) {
                            var data = ret.data;
                            $("#baseQuota").html(data.baseQuota);
                            $("#workYear ").html(data.workYear + "年");
                            $("#workYearCoefficient").html(data.workYearCoefficient);
                            $("#workCity").html(data.workCity);
                            $("#workCityCoefficient").html(data.workCityCoefficient);
                            $("#lawyerHouseCoefficient").html(data.lawyerHouseCoefficient);
                            $("#houseNum").html(data.houseNum);
                            $("#yearCase").html(data.yearCase);
                            $("#yearCaseCoefficient ").html(data.yearCaseCoefficient);
                            $("#calculationQuota ").html(data.calculationQuota);
                            $("#resultQuota ").html(data.resultQuota);

                            //是否显示终审额度
                            if (data.orderState == 25) {
                                $("#div_xdResultQuota").show();
                                $("#xdResultQuota").html(data.xdPrice);
                            }


                            //回显是否正常情况 "cardInfo":"正常","legalInfo":"正常","loseInfo":"正常",
                            $("#edit-cardInfo").html(data.cardInfo);
                            $("#edit-litigationInfo").html(data.legalInfo);
                            $("#edit-creditInfo").html(data.loseInfo);
                            $("#edit-implementInfo").html(data.mplementInfo);
                            $("#edit-lawyerCase").val(data.lawyerCase);

                            //图片来源
                            $("#cardPicUrl").html(data.cardPicUrl);
                            $("#litigationPicUrl").html(data.litigationPicUrl);
                          //  $("#implementPicUrl").html(data.implementPicUrl);
                          //  $("#creditPicUrl").html(data.creditPicUrl);
                            $("#lawyerCasePicUrl").html(data.lawyerCasePicUrl);

                            //回显那些是审核资料不过的
                            var noadopts = data.noadopts;
                            if (noadopts != null) {
                                for (var i = 0; i < noadopts.length; i++) {
                                    window.noadopt.push(noadopts[i]);
                                    $("#" + noadopts[i]).find("img").eq(0).hide();
                                    $("#" + noadopts[i]).find("img").eq(1).show();
                                    $("#" + noadopts[i]).data("fork", "1");
                                }
                            }

                            //回显备注
                            $("#orderRemark").html(data.remark);

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

            //反馈信息
            $("#approvalBtn").click(function () {
                var approvalText = $("#approvalText").val();
                $.ajax({
                    dataType: "json",
                    url: "${contextPath}/sys/lsdOrder/approvalToLawyer",
                    type: "post",
                    data: {
                        orderId: orderId,
                        approvalText: approvalText
                    },
                    complete: function (ret) {
                        var ret = eval("(" + ret.responseText + ")");
                        if (ret.success) {
                            alert("审批成功")
                        } else {
                            alert(ret.message);
                        }
                    }
                });
            });

            function style_edit_form(form) {
                // form.find('input[name=statusCn]').addClass('ace ace-switch ace-switch-5').after('<span class="lbl"></span>');
                // don't wrap inside a label element, the checkbox value won't be submitted (POST'ed)
                // .addClass('ace ace-switch ace-switch-5').wrap('<label class="inline" />').after('<span class="lbl"></span>');

                // update buttons classes
                var buttons = form.next().find('.EditButton .fm-button');
                buttons.addClass('btn btn-sm').find('[class*="-icon"]').hide();// ui-icon, s-icon
                buttons.eq(0).addClass('btn-primary').prepend('<i class="ace-icon fa fa-check"></i>');
                buttons.eq(1).prepend('<i class="ace-icon fa fa-times"></i>')

                buttons = form.next().find('.navButton a');
                buttons.find('.ui-icon').hide();
                buttons.eq(0).append('<i class="ace-icon fa fa-chevron-left"></i>');
                buttons.eq(1).append('<i class="ace-icon fa fa-chevron-right"></i>');
            }

            function style_search_filters(form) {
                form.find('.delete-rule').val('X');
                form.find('.add-rule').addClass('btn btn-xs btn-primary');
                form.find('.add-group').addClass('btn btn-xs btn-success');
                form.find('.delete-group').addClass('btn btn-xs btn-danger');
            }

            function style_search_form(form) {
                var dialog = form.closest('.ui-jqdialog');
                var buttons = dialog.find('.EditTable')
                buttons.find('.EditButton a[id*="_reset"]').addClass('btn btn-sm btn-info').find('.ui-icon').attr('class', 'ace-icon fa fa-retweet');
                buttons.find('.EditButton a[id*="_query"]').addClass('btn btn-sm btn-inverse').find('.ui-icon').attr('class', 'ace-icon fa fa-comment-o');
                buttons.find('.EditButton a[id*="_search"]').addClass('btn btn-sm btn-purple').find('.ui-icon').attr('class', 'ace-icon fa fa-search');
            }

            function beforeEditCallback(e) {
                var form = $(e[0]);
                form.closest('.ui-jqdialog').find('.ui-jqdialog-titlebar').wrapInner('<div class="widget-header" />')
                style_edit_form(form);
            }

            // it causes some flicker when reloading or navigating grid
            // it may be possible to have some custom formatter to do this as the grid is being created to prevent this
            // or go back to default browser checkbox styles for the grid
            function styleCheckbox(table) {
                /**
                 * $(table).find('input:checkbox').addClass('ace') .wrap('<label />') .after('<span class="lbl align-top" />') $('.ui-jqgrid-labels th[id*="_cb"]:first-child')
                 * .find('input.cbox[type=checkbox]').addClass('ace') .wrap('<label />').after('<span class="lbl align-top" />');
                 */
            }

            // unlike navButtons icons, action icons in rows seem to be hard-coded
            // you can change them like this in here if you want
            function updateActionIcons(table) {
                /**
                 * var replacement = { 'ui-ace-icon fa fa-pencil' : 'ace-icon fa fa-pencil blue', 'ui-ace-icon fa fa-trash-o' : 'ace-icon fa fa-trash-o red', 'ui-icon-disk' : 'ace-icon fa fa-check green', 'ui-icon-cancel' :
        			 * 'ace-icon fa fa-times red' }; $(table).find('.ui-pg-div span.ui-icon').each(function(){ var icon = $(this); var $class = $.trim(icon.attr('class').replace('ui-icon', '')); if($class in replacement)
        			 * icon.attr('class', 'ui-icon '+replacement[$class]); })
                 */
            }

            // replace icons with FontAwesome icons like above
            function updatePagerIcons(table) {
                var replacement = {
                    'ui-icon-seek-first': 'ace-icon fa fa-angle-double-left bigger-140',
                    'ui-icon-seek-prev': 'ace-icon fa fa-angle-left bigger-140',
                    'ui-icon-seek-next': 'ace-icon fa fa-angle-right bigger-140',
                    'ui-icon-seek-end': 'ace-icon fa fa-angle-double-right bigger-140'
                };
                $('.ui-pg-table:not(.navtable) > tbody > tr > .ui-pg-button > .ui-icon').each(function () {
                    var icon = $(this);
                    var $class = $.trim(icon.attr('class').replace('ui-icon', ''));

                    if ($class in replacement)
                        icon.attr('class', 'ui-icon ' + replacement[$class]);
                })
            }

            function enableTooltips(table) {
                $('.navtable .ui-pg-button').tooltip({
                    container: 'body'
                });
                $(table).find('.ui-pg-div').tooltip({
                    container: 'body'
                });
            }

            $(document).one('ajaxloadstart.page', function (e) {
                $('.ui-jqdialog').remove();
            });
        });
    });

    function showCertificateView(id) {
        var url = '<%=com.fadu.app.util.AppConfig.url_duowenapp_c%>/certView?id=' + id + '&time=' + $.now();
        $("#modal-certificate-view-body").html('<img class="col-sm-12" id="modal-certificate-view-body-img" src="' + url + '" height="520px" width="770px" onclick="imgRotate()"/>');
        $("#modal-certificate-view").modal("toggle");
    }

    function imgRotate() {
        $("#modal-certificate-view-body-img").animate({
            rotate: "+=90deg"  //为rotate属性赋值,注意：deg为角度单位
        }, 'slow');
    }

    function saveToDB(orderId, key, fileName, fileType, divId) {

        var attachType = $("#mod-pic-attachType").val();
        var parameters = {
            "orderId": orderId,
            "attachType": attachType.substring(0, 3),
            "path": key,
            "fileName": fileName,
            "fileType": fileType
        };
        $.post('${contextPath}/sys/lsdOrder/uploadPic', parameters, function (result) {
            if (result.success) {
                uploadSuccess(orderId, key, fileName, fileType, result.attathId, divId);
            } else {
                alert(result.message);
            }

        });

    }


    Array.prototype.indexOf = function (val) {
        for (var i = 0; i < this.length; i++) {
            if (this[i] == val) return i;
        }
        return -1;
    };

    Array.prototype.remove = function (val) {
        var index = this.indexOf(val);
        if (index > -1) {
            this.splice(index, 1);
        }
    };


    //点击切换状态
    function changeFork(data) {
        //复审不可以修改状态
        /* var selectKey = $(data).data("fork");
         var name = $(data).data("name");
         if (selectKey == 0) {
             window.noadopt.push(name);
             $(data).find("img").eq(0).hide();
             $(data).find("img").eq(1).show();
             $(data).data("fork", "1");
         }else {
             window.noadopt.remove(name);
             $(data).find("img").eq(0).show();
             $(data).find("img").eq(1).hide();
             $(data).data("fork", "0");
         }*/

    }

    //复审不通过
    function noSecAdopt() {
        checkOrder(0);
    }

    //取消订单
    function dissSecAdopt() {
        checkOrder(2);
    }

    //复审通过
    function adoptSecOrder() {
        checkOrder(1);
    }

    function checkOrder(key) {
        var orderId = $("#mod-pic-orderId1").val();
        var resultQuota = $("#resultQuota").html();
        var approvalText = $("#approvalText").val();
        if (key == 0 || key == 2) {
            if (approvalText == '') {
                alert("请输入复审信息！");
                return;
            }
        }
        $.ajax({
            dataType: "json",
            url: "${contextPath}/sys/lsdOrder/secCheckOrder",
            type: "post",
            data: {
                orderId: orderId,
                key: key,
                resultQuota: resultQuota,
                approvalText: approvalText
            },
            complete: function (ret) {
                var ret = eval("(" + ret.responseText + ")");
                if (ret.success) {
                    if (ret.key == '1') {
                        alert(ret.message);
                        goBack();
                    } else {
                        alert(ret.message);
                    }
                } else {
                    alert(ret.message);
                }
            }
        });


    }

    function uploadSuccess(orderId, path, fileName, fileType, attachId, divId) {
        $("#mod-pic").modal("toggle");
        loadPic(orderId, path, fileName, fileType, attachId, divId);
    }

    function loadPic(orderId, path, fileName, fileType, attachId, divId) {
        var url = '${oss_bucket_b_url}';
        var html = '<div style="text-align:center;display:inline-block;vertical-align:top;" id="' + attachId + '">';
        html += '<input type="hidden" id="in-' + divId + '" value="' + attachId + '" />';
        html += '<a href="' + url + '/' + path + '" target="_blank">';
        html += '<img class="lazy" src="${contextPath}/static/img/loading.gif" data-original="' + url + '/' + path + '" height="100" width="100" />';
        html += '</a><br/>';
        html += '</div>&nbsp;';
        $("#" + divId).append(html);
        setTimeout(function () {
            $("img.lazy").lazyload({
                threshold: 200
            });
        }, 200);
        //$('#mod-pic').modal('toggle');
    }

    //删除图片
    function deletePic(id) {

        //var orderId = $("#mod-edit-orderId").val();
        $('#picDiv' + id).hide();
        var url = contextPath + '/sys/lsdOrder/deleteAttachById';
        var parameters = {"ids": id};
        $.post(url, parameters, function (result) {
            deletePiCallback(result);
        });
    }

    function deletePiCallback(data) {
        var resData = JSON.parse(data);
        if (resData.success) {
            alert('删除成功');
            var id = resData.id;
            $("#" + id).hide();
        } else {
            showMsg(data.message);
        }
    }

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

    function loadPiCallback(data) {
        if (data.success) {
            var url = '${oss_bucket_b}';
            var thum = '${oss_bucket_b_url_img}';
            var size = '${oss_bucket_b_url_img_size}';
            var v = null;

            for (var i in data.attachs) {
                if (i == "remove") {
                    continue;
                }
                v = data.attachs[i];
                //url = "${ServerC}/ssdbOrderPic?orderAttachId="+v.id;
                var sec = '';
                sec += '<div style="text-align:center;display:inline-block;vertical-align:top;" id="picDiv' + v.id + '">';
                sec += '<a href="' + url + v.path + '" target="_blank">';
                sec += '<img class="lazy" src="${contextPath}/static/img/loading.gif" data-original="' + thum + v.path + size + v.suffix.toLowerCase() + '" height="100" width="100" id="' + v.id + '"/>';
                sec += '</a><br/><a href="javascript:void(0)" onclick="deletePic(\'' + v.id + ',' + data.attachType + '\')">删除</a>';
                sec += '</div>&nbsp;';
            }
            $("#div" + data.attachType).html(sec);
            setTimeout(function () {
                $("img.lazy").lazyload({
                    threshold: 200
                });
            }, 200);
        } else {
            showMsg(data.message);
        }
    }

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

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

    function getImgHtml(path, pathSL) {
        var html = '';
        html += '<a href="' + path + '" target="_blank">';
        html += '<img class="lazy" src="' + pathSL + '" height="100" width="100">';
        html += '</a>&nbsp;';
        return html;
    }

    function showEditOrder(orderId) {
        $("#mod-edit-orderId").text(orderId);
        $("#modal-edit-order").modal("toggle");
    }

    function showOrderLoan(orderId) {
        $("#mod-loan-orderId").text(orderId);
        initDatetimepicker('mod-loan-date');
        $("#modal-order-loan").modal("toggle");
    }

    function showOrderFinish(orderId) {
        $("#mod-finish-orderId").text(orderId);
        initDatetimepicker('mod-finish-date');
        $("#modal-order-finish").modal("toggle");
    }

    function showOrderInfo(orderId) {
        $.post("${contextPath}/sys/lsdOrderReport/firstTrialDetail", {
                'orderId': orderId
            }, function (ret) {

                if (ret.success) {
                    $('#mod-view-orderId-detail').text(orderId);
                    // 借款信息
                    $('#view-productName').text(ret.loanInfoBean.productName);
                    $('#view-loanAmount').text(ret.loanInfoBean.loanAmount);
                    $('#view-loanPeriod').text(ret.loanInfoBean.loanPeriod);
                    $('#view-loanPurpose').text(ret.loanInfoBean.loanPurpose);
                    $('#view-repaymentMethod').text(ret.loanInfoBean.repaymentMethod);

                    var orderState = ret.orderState;
                    //显示初审信息
                    if (orderState > 14 && orderState < 25) {
                        $("#div_dwCheckInfo").show();
                        $("#div_xdCheckInfo").hide();
                        $("#dwCheckInfo").val(ret.loanInfoBean.dwCheckInfo);
                    }
                    //显示复审信息
                    if (orderState > 24) {
                        $("#div_dwCheckInfo").show();
                        $("#div_xdCheckInfo").show();
                        $('#xdCheckInfo').text(ret.loanInfoBean.xdCheckInfo || "");
                    }

                    //显示提款信息
                    if (orderState > 25 && ret.obtainMoneyDate != null) {

                    }

                    //显示放款信息
                    if (orderState > 39) {
                        $("#div_outMoneyInfo1").show();
                        $("#div_outMoneyInfo2").show();
                        $("#div_outMoneyInfo_rate").show();
                        $("#outMoneyInfo_date").html(formatCreateDate(ret.loanInfoBean.loanDate));
                        $("#outMoneyInfo_money").html(ret.loanInfoBean.xdPrice);
                        $("#outMoneyInfo_time").html(ret.loanInfoBean.loanPeriod + "个月");
                        $("#outMoneyInfo_type").html(ret.loanInfoBean.repaymentMethod);
                        $("#outMoneyInfo_rate").html(ret.loanInfoBean.rateInfo);
                    }

                    if (orderState > 44) {
                        $("#div_outMoneyInfo_finishDate").show();
                        $("#outMoneyInfo_finishDate").html(formatCreateDate(ret.loanInfoBean.finishDate));
                    }


                    // 律师基本信息
                    $('#view-realName').text(ret.lawyerBasicInfoBean.realName);
                    $('#view-phone').text(ret.lawyerBasicInfoBean.phone);
                    $('#view-colleageName').text(ret.lawyerBasicInfoBean.colleageName);
                    $('#view-education').text(ret.lawyerBasicInfoBean.education);
                    $('#view-incomeRange').text(ret.lawyerBasicInfoBean.incomeRange);
                    $('#view-email').text(ret.lawyerBasicInfoBean.email);
                    $('#view-address').text(ret.lawyerBasicInfoBean.address);
                    // 银行卡信息
                    $('#view-bank-regist-name').text(ret.lawyerBasicInfoBean.realName);
                    $('#view-idCard').text(ret.lawyerBasicInfoBean.idCard);
                    $('#view-bankName').text(ret.lawyerBasicInfoBean.bankName);
                    $('#view-bankNum').text(ret.lawyerBasicInfoBean.bankNum);
                    $('#view-bankMobile').text(ret.lawyerBasicInfoBean.bankMobile);
                    $('#view-verification').text('四元素校验成功，结果由阿里云计算提供！');
                    // 律所信息
                    $('#view-lawOffice').text(ret.lawyerBasicInfoBean.lawOffice);
                    $('#view-lawAddress').text(ret.lawyerBasicInfoBean.lawAddress);
                    $('#view-lawPhone').text(ret.lawyerBasicInfoBean.lawPhone);
                    // 身份证及执业证
                    $('#view-sfzAddress').text(ret.lawyerBasicInfoBean.sfzAddress);
                    $('#view-certDate').text(ret.lawyerBasicInfoBean.certDate);
                    $('#view-certNum').text(ret.lawyerBasicInfoBean.certNum);
                    // 婚姻信息
                    $('#view-maritalStatus').text(ret.lawyerBasicInfoBean.maritalStatus);
                    $('#view-familyMemName').text(ret.lawyerBasicInfoBean.familyMemName);
                    $('#view-familyMemRel').text(ret.lawyerBasicInfoBean.familyMemRel);
                    $('#view-familyMemPhone').text(ret.lawyerBasicInfoBean.familyMemPhone);
                    $('#view-familyMemAdr').text(ret.lawyerBasicInfoBean.familyMemAdr);
                    $('#view-mateName').text(ret.lawyerBasicInfoBean.mateName);
                    $('#view-matePhone').text(ret.lawyerBasicInfoBean.matePhone);
                    viewDeal(ret.lawyerBasicInfoBean.maritalStatus);
                    // 时间
                    $('#view-createDate').text(ret.lawyerBasicInfoBean.createDate);
                    $('#view-dwCheckDate').text(ret.lawyerBasicInfoBean.dwCheckDate);
                    $('#view-xdCheckDate').text(ret.lawyerBasicInfoBean.xdCheckDate);
                    lawyerCaseSnapshotBeanList = ret.lawyerCaseSnapshotBeanList;
                    proceedLawyerCase(ret.lawyerCaseSnapshotBeanList, "#lawyerCaseList", false);
                    proceedLawyerCase(ret.lawyerCaseSnapshotBeanList, "#previousCaseList", true);

                    var url = '${oss_bucket_b_url}';
                    var thum = '${oss_bucket_b_url_img}';
                    var size = '${oss_bucket_b_url_img_size}';
                    var v = null;
                    var sec = '';
                    var sep = "/";
                    var attachTypeArray = [100, 110, 112, 114, 116, 117, 118, 119, 136];
                    for (var attachType in attachTypeArray) {
                        $("#div-attach-type-" + attachType).html("");
                    }
                    for (var i in ret.attachBeanList) {
                        if (i == "remove") {
                            continue;
                        }
                        v = ret.attachBeanList[i];
                        var absolutePath = url + v.path;
                        if (v.path.indexOf("/") != 0 || v.path.indexOf("\\") != 0) {
                            absolutePath = url + sep + v.path;
                        }
                        sec = ""
                        sec += '<div style="text-align:center;display:inline-block;vertical-align:top;" id="picDiv' + v.id + '">';
                        sec += '<a href="' + absolutePath + '" target="_blank">';
                        sec += '<img   src="' + absolutePath + '"   height="100" width="100" id="' + v.id + '"/>';
                        sec += '</a>';
                        sec += '</div>&nbsp;';

                        $("#div-attach-type-" + v.attachType).html($("#div-attach-type-" + v.attachType).html() + sec);
                    }
                    var ht = "";
                    var lawyer_cert_url = "http://c.duowenlvshi.com/certView?id=" + ret.lawyerBasicInfoBean.lawyerId + "&time=" + (new Date()).getTime();
                    ht += '<div style="text-align:center;display:inline-block;vertical-align:top;">';
                    ht += '<a href="' + lawyer_cert_url + '" target="_blank">';
                    ht += '<img   src="' + lawyer_cert_url + '"   height="100" width="100"/>';
                    ht += '</a>';
                    ht += '</div>&nbsp;';
                    $("#div-attach-type-" + 100).html($("#div-attach-type-" + 100).html() + ht);
                    setTimeout(function () {
                        $("img.lazy").lazyload({
                            threshold: 200
                        });
                    }, 200);
                }
                else {
                    alert(ret.message);
                }
            }
        )
        ;
    }

    function formatCreateDate(dateValue) {
        var result = "";
        if (dateValue != null) {
            var d = new Date(dateValue);
            result = d.getFullYear() + '-'
                + formatDate(d.getMonth() + 1)
                + "-" + formatDate(d.getDate())
                + ' ' + formatDate(d.getHours())
                + ":" + formatDate(d.getMinutes())
                + ":" + formatDate(d.getSeconds());
        }
        return result;
    }

    function viewDeal(maritalStatus) {
        $("#mod-audit-familyMemName-div").hide();
        $("#mod-audit-familyMemRel-div").hide();
        $("#mod-audit-familyMemPhone-div").hide();
        $("#mod-audit-familyMemAdr-div").hide();
        $("#mod-audit-mateName-div").hide();
        $("#mod-audit-matePhone-div").hide();
        $("#mod-audit-attach-type-118-div").hide();
        $("#mod-audit-attach-type-119-div").hide();
        $("#mod-audit-attach-type-117-div").hide();
        switch (maritalStatus) {
            case "未婚":
                $("#mod-audit-familyMemName-div").show();
                $("#mod-audit-familyMemRel-div").show();
                $("#mod-audit-familyMemPhone-div").show();
                $("#mod-audit-familyMemAdr-div").show();
                break;
            case "已婚":
                $("#mod-audit-mateName-div").show();
                $("#mod-audit-matePhone-div").show();
                $("#mod-audit-attach-type-118-div").show();
                $("#mod-audit-attach-type-119-div").show();
                break;
            case "离婚":
                $("#mod-audit-familyMemName-div").show();
                $("#mod-audit-familyMemRel-div").show();
                $("#mod-audit-familyMemPhone-div").show();
                $("#mod-audit-familyMemAdr-div").show();
                $("#mod-audit-attach-type-117-div").show();
                break;
            case "丧偶":
                $("#mod-audit-familyMemName-div").show();
                $("#mod-audit-familyMemRel-div").show();
                $("#mod-audit-familyMemPhone-div").show();
                $("#mod-audit-familyMemAdr-div").show();
                break;
            default:
                break;
        }
    }

    function goBack() {
        window.history.back();
    }

</script>
