<!DOCTYPE html>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="zh">
<head>
    <meta charset="utf-8">
    <meta name="referrer" content="no-referrer">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="renderer" content="webkit">
    <!-- 移动设备 viewport -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <jsp:include page="../../common.jsp"/>
    <script type="text/javascript">
        require("promoter/userAppList.js");
    </script>
    <style>
        .layui-input, .layui-textarea {
            border-radius: 6px;
            height: 34px;
        }

        .layui-form-label {
            padding: 9px 7px;
            width: 100px;
        }

        .u-icon {
            display: inline-block;
            margin: 10px;
            background: #fff;
            color: dodgerblue;
            width: 30px;
            height: 30px;
            text-align: center;
            border-radius: 50%;
            margin-top: -40px;
            cursor: pointer;
        }

        .u-icon i {
            margin-top: 7px;
            display: block;
        }

        .cover {
            display: none;
        }

        .dlblock:hover .cover {
            display: block;
        }

        /*.textr{
            text-align:left;
        }*/


    </style>
</head>
<body>
<div class="layui-col-md8 pl20">
    <form class="layui-form" id="form1" action="">
        <blockquote class="layui-elem-quote layui-text" style="margin-top: 15px;">
            推广员基本信息
        </blockquote>
        <input type="hidden" id="status" name="status" value="${userAppInfo.status}"/>
        <input type="hidden" id="id" name="id" value="${userAppInfo.id}"/>
        <input type="hidden" id="merchantCode" name="merchantCode" value="${userAppInfo.merchantCode}"/>
        <input type="hidden" name="userId" value="${userAppInfo.userId}"/>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">推广员名称</label>
                <div class="layui-input-inline">
                    <input type="text" placeholder="推广员名称"
                           class="layui-input" value="${userAppInfo.userName}"
                           id="userName" name="userName"/>
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">登录账号</label>
                <div class="layui-input-inline">
                    <input type="text" placeholder="推广员登录账号"
                           class="layui-input" value="${userAppInfo.loginName}"
                           id="loginName" name="loginName"/>
                </div>
            </div>
        </div>
        <c:if test="${userAppInfo.status == 3 || userAppInfo.status == 2 || userAppInfo.status == 1}">
            <input type="hidden" id="idCard" name="idCard.userId" value="${userAppInfo.userId}"/>
            <input type="hidden" id="bankCardId" name="bankCard.userId" value="${userAppInfo.userId}"/>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">身份证号</label>
                    <div class="layui-input-inline">
                        <input type="text" placeholder="推广员名称"
                               class="layui-input" value="${userAppInfo.idCard.certNo}"
                               name="idCard.certNo"/>
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">发放日期</label>
                    <div class="layui-input-inline">
                        <input type="text" placeholder="身份证发放日期"
                               class="layui-input" value="${userAppInfo.idCard.certStartTime}"
                               name="idCard.certStartTime"/>
                    </div>
                </div>

                <div class="layui-inline">
                    <label class="layui-form-label">失效日期</label>
                    <div class="layui-input-inline">
                        <input type="text" placeholder="身份证发放日期"
                               class="layui-input" value="${userAppInfo.idCard.certEndTime}"
                               name="idCard.certEndTime"/>
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">银行卡号</label>
                    <div class="layui-input-inline">
                        <input type="text" placeholder="银行卡号"
                               class="layui-input" value="${userAppInfo.bankCard.bankCardNo}"
                               name="bankCard.bankCardNo"/>
                    </div>
                </div>

                <div class="layui-inline">
                    <label class="layui-form-label">预留手机号</label>
                    <div class="layui-input-inline">
                        <input type="text" placeholder="身份证发放日期"
                               class="layui-input" value="${userAppInfo.bankCard.phone}"
                               name="bankCard.phone"/>
                    </div>
                </div>
            </div>

            <div class="layui-form-item" id="area2-picker">
                <div class="layui-form-label">开户行地区</div>
                <div class="layui-input-inline">
                    <select id="bankProvince" class="province-selector"
                            data-dom="bankCity" name="bankCard.branchProvince"
                            data-value=" " lay-filter="bankProvinceType">
                        <option value="">请选择省</option>
                        <c:forEach items="${areaCitiesList}" var="acl">>
                            <option value="${acl.areaCode}"
                                    <c:if test="${userAppInfo.bankCard.branchProvince eq acl.areaName }">selected</c:if>>${acl.areaName}
                            </option>
                        </c:forEach>
                    </select>
                </div>
                <div class="layui-input-inline">
                    <select id="bankCity" class="city-selector" name="bankCard.branchCity"
                            data-dom="bankArea" data-value=""
                            lay-filter="bankBranType">
                        <option value="${userAppInfo.bankCard.branchCity}">${userAppInfo.bankCard.branchCity}</option>
                    </select>
                </div>
                <div class="layui-input-inline">
                    <select id="bankArea" name="bankCard.branchArea" class="county-selector"
                            data-value=""
                            lay-filter="bankCountyType">
                        <option value="${userAppInfo.bankCard.branchArea}">${userAppInfo.bankCard.branchArea}</option>
                    </select>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-inline">
                    <div class="layui-form-label">开户银行</div>
                    <div class="layui-input-inline">
                        <select id="bankName" name="bankCard.bankName"
                                data-dom="bankBranch"
                                data-value=" " lay-filter="bankBranchType">
                            <option value="">选择银行</option>
                            <option value="工商银行"
                                    <c:if test='${userAppInfo.bankCard.bankName eq "工商银行" }'>selected</c:if>>工商银行
                            </option>
                            <option value="交通银行"
                                    <c:if test='${userAppInfo.bankCard.bankName eq "交通银行" }'>selected</c:if>>交通银行
                            </option>
                            <option value="招商银行"
                                    <c:if test='${userAppInfo.bankCard.bankName eq "招商银行" }'>selected</c:if>>招商银行
                            </option>
                            <option value="民生银行"
                                    <c:if test='${userAppInfo.bankCard.bankName eq "民生银行" }'>selected</c:if>>民生银行
                            </option>
                            <option value="中信银行"
                                    <c:if test='${userAppInfo.bankCard.bankName eq "中信银行" }'>selected</c:if>>中信银行
                            </option>
                            <option value="浦发银行"
                                    <c:if test='${userAppInfo.bankCard.bankName eq "浦发银行" }'>selected</c:if>>浦发银行
                            </option>
                            <option value="兴业银行"
                                    <c:if test='${userAppInfo.bankCard.bankName eq "兴业银行" }'>selected</c:if>>兴业银行
                            </option>
                            <option value="光大银行"
                                    <c:if test='${userAppInfo.bankCard.bankName eq "光大银行" }'>selected</c:if>>光大银行
                            </option>
                            <option value="广发银行"
                                    <c:if test='${userAppInfo.bankCard.bankName eq "广发银行" }'>selected</c:if>>广发银行
                            </option>
                            <option value="平安银行"
                                    <c:if test='${userAppInfo.bankCard.bankName eq "平安银行" }'>selected</c:if>>平安银行
                            </option>
                            <option value="北京银行"
                                    <c:if test='${userAppInfo.bankCard.bankName eq "北京银行" }'>selected</c:if>>北京银行
                            </option>
                            <option value="华夏银行"
                                    <c:if test='${userAppInfo.bankCard.bankName eq "华夏银行" }'>selected</c:if>>华夏银行
                            </option>
                            <option value="农业银行"
                                    <c:if test='${userAppInfo.bankCard.bankName eq "农业银行" }'>selected</c:if>>农业银行
                            </option>
                            <option value="建设银行"
                                    <c:if test='${userAppInfo.bankCard.bankName eq "建设银行" }'>selected</c:if>>建设银行
                            </option>
                            <option value="邮政储蓄银行"
                                    <c:if test='${userAppInfo.bankCard.bankName eq "邮政储蓄银行" }'>selected</c:if>>
                                邮政储蓄银行
                            </option>
                            <option value="中国银行"
                                    <c:if test='${userAppInfo.bankCard.bankName eq "中国银行" }'>selected</c:if>>中国银行
                            </option>
                            <option value="宁波银行"
                                    <c:if test='${userAppInfo.bankCard.bankName eq "宁波银行" }'>selected</c:if>>宁波银行
                            </option>
                        </select>
                    </div>
                </div>

                <div class="layui-inline">
                    <div class="layui-form-label">开户支行</div>
                    <div class="layui-input-inline" style="width: 250px;">
                        <select id="bankBranch" class="city-selector" name="bankCard.branchName"
                                data-value=""
                                lay-filter="bankBranch">
                            <option value="${userAppInfo.bankCard.branchName}">${userAppInfo.bankCard.branchName}</option>
                        </select>
                    </div>
                </div>
            </div>

            <div class="pd10 textl pl50 fw800 f16 bdbe ch">
                实名认证信息：<span class="red f12 ml20"></span>
            </div>
            <div class="clearfix textc bdbe" id="picContent">
                <ul class="layui-col-md10">
                    <li class="fl pt10 pb10 wp25" data-v="01" data-t="auth" data-value="${userAppInfo.idCard.id}">
                        <div>身份证正面</div>
                        <div class="dlblock w200 h200 mt10 upload">
                            <input name="idCard.imgPositive" value="" hidden/>
                            <img id="idCard1" onmouseover="showImg(this)" onmouseout="hideImg(this)"
                                 src="${userAppInfo.idCard.imgPositive}"
                                 onerror="this.src='${resourcePath }/images/error.jpg'"
                                 width="200" height="200" class="img-card">
                            <div class="cover"
                                 style="background: rgba(0, 0, 0, 0.6);
                                 height:200px;
                                 width:200px;
                                 position:absolute;
                                 margin-top: -200px;
                                 ">
                                <div style="margin-top: 90px;">
                                    <div class="u-icon icon1" onclick="magnify('idCard1')">
                                        <i class="layui-icon layui-icon-search"></i>
                                    </div>
                                    <div class="u-icon icon2 upload_icon">
                                        <i class="layui-icon layui-icon-edit"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="fl pt10 pb10 wp25" data-v="02" data-t="auth" data-value="${userAppInfo.idCard.id}">
                        <div>身份证反面</div>
                        <div class="dlblock upload w200 h200 mt10">
                            <input name="idCard.imgNegative" value="" hidden/>
                            <img id="idCard2" src="${userAppInfo.idCard.imgNegative}"
                                 onerror="this.src='${resourcePath }/images/error.jpg'"
                                 width="200" height="200"/>
                            <div class="cover"
                                 style="background: rgba(0, 0, 0, 0.6);
                                 height:200px;
                                 width:200px;
                                 position:absolute;
                                 margin-top: -200px;
                                 ">
                                <div style="margin-top: 90px;">
                                    <div class="u-icon icon1" onclick="magnify('idCard2')">
                                        <i class="layui-icon layui-icon-search"></i>
                                    </div>
                                    <div class="u-icon icon2 upload_icon">
                                        <i class="layui-icon layui-icon-edit"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="fl pt10 pb10 wp25" data-v="04" data-t="auth" data-value="${userAppInfo.bankCard.id}">
                        <div>银行卡照片</div>
                        <div class="dlblock upload w200 h200 mt10">
                            <input name="bankCard.imgUrl" value="" hidden/>
                            <img id="imgUrl1" src="${userAppInfo.bankCard.imgUrl}"
                                 onerror="this.src='${resourcePath }/images/error.jpg'"
                                 width="200" height="200"/>
                            <div class="cover"
                                 style="background: rgba(0, 0, 0, 0.6);
                                 height:200px;
                                 width:200px;
                                 position:absolute;
                                 margin-top: -200px;
                                 ">
                                <div style="margin-top: 90px;">
                                    <div class="u-icon icon1" onclick="magnify('imgUrl1')">
                                        <i class="layui-icon layui-icon-search"></i>
                                    </div>
                                    <div class="u-icon icon2 upload_icon">
                                        <i class="layui-icon layui-icon-edit"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <br/>
        </c:if>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="formDemo1">立即提交</button>
            </div>
        </div>
        <div id="uploadLoadingDiv" style="display: none;">
            <div class="layui-progress" lay-showpercent="true" lay-filter="js_upload_progress"
                 style="margin: 10px;margin-top: 20px;">
                <div class="layui-progress-bar layui-bg-red" lay-percent="0%"></div>
            </div>
        </div>
    </form>

    <c:if test="${not empty userAppInfo.merchantBaseInfo}">
        <form class="layui-form" id="form2" action="">
            <blockquote class="layui-elem-quote layui-text" style="margin-top: 15px;">
                商户信息
            </blockquote>
            <input type="hidden" name="userId" value="${userAppInfo.userId}"/>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <div class="layui-form-label">商户名称</div>
                    <div class="layui-input-inline">
                        <input type="text" placeholder="和营业执照保持一致"
                               class="layui-input"
                               value="${userAppInfo.merchantBaseInfo.merchantName }" id="updateMerchantName"
                               name="merchantBaseInfo.merchantName"/>
                    </div>
                </div>

                <div class="layui-inline">
                    <div class="layui-form-label">商户类型</div>
                    <div class="layui-input-inline">
                        <c:if test="${ userAppInfo.merchantBaseInfo.merchantType=='1'}">
                            <input type="text" readonly="readonly"
                                   class="layui-input"
                                   value="小微" id="upateRegistName1"/>
                        </c:if>
                        <c:if test="${ userAppInfo.merchantBaseInfo.merchantType=='2'}">
                            <input type="text" readonly="readonly"
                                   class="layui-input"
                                   value="个体" id="upateRegistName2"/>
                        </c:if>
                        <c:if test="${ userAppInfo.merchantBaseInfo.merchantType=='3'}">
                            <input type="text" readonly="readonly"
                                   class="layui-input"
                                   value="企业" id="upateRegistName3"/>
                        </c:if>
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-inline">
                    <div class="layui-form-label">商户简称</div>
                    <div class="layui-input-inline">
                        <input type="text" placeholder="商户简称"
                               class="layui-input"
                               value="${userAppInfo.merchantBaseInfo.alias }"
                               name="merchantBaseInfo.alias"/>
                    </div>
                </div>

                <div class="layui-inline">
                    <div class="layui-form-label">商户联系人</div>
                    <div class="layui-input-inline">
                        <input type="text" placeholder="联系人姓名"
                               class="layui-input" id="updateContactName"
                               value="${userAppInfo.merchantBaseInfo.contactName }"
                               name="merchantBaseInfo.contactName"/>
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-inline">
                    <div class="layui-form-label">联系人邮箱</div>
                    <div class="layui-input-inline">
                        <input type="text" placeholder="联系人邮箱(作为登录名)"
                               class="layui-input"
                               value="${userAppInfo.merchantBaseInfo.email }"
                               name="merchantBaseInfo.email"/>
                    </div>
                </div>

                <div class="layui-inline">
                    <div class="layui-form-label">联系人电话</div>
                    <div class="layui-input-inline">
                        <input type="text" placeholder="联系人电话(作为登录名)"
                               class="layui-input" id="updateContactMobile"
                               value="${userAppInfo.merchantBaseInfo.contactMobile }"
                               name="merchantBaseInfo.contactMobile"/>
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-inline">
                    <div class="layui-form-label">支付宝账号</div>
                    <div class="layui-input-inline">
                        <input type="text" placeholder="支付宝账号"
                               class="layui-input" id="updateServicealiAccount"
                               value="${userAppInfo.merchantBaseInfo.aliAccount }"
                               name="merchantBaseInfo.aliAccount"/>
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-inline">
                    <div class="layui-form-label">经营类目</div>
                    <div class="layui-input-inline" style="width: 300px;">
                        <select name="merchantBaseInfo.mcc" id="mccCode" lay-search>
                            <option value=""></option>
                            <c:forEach items="${mccList}" var="mcc">
                                <option value="${mcc.fMccCode}" ${checkMcc.fMccCode == mcc.fMccCode ? 'selected' : ''}>${mcc.fMccTxt}[${mcc.fMccCode}]</option>
                            </c:forEach>
                        </select>
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-inline">
                    <div class="layui-form-label">商户地址</div>
                    <div class="layui-input-inline">
                        <select id="province" name="merchantBaseInfo.province" class="province-selector"
                                data-dom="city"
                                data-value=" " lay-filter="provinceType">
                            <option value="">请选择省</option>
                            <c:forEach items="${areaCitiesList}" var="acl">>
                                <option value="${acl.areaCode}"
                                        <c:if test="${userAppInfo.merchantBaseInfo.province eq acl.areaName }">selected</c:if>>${acl.areaName}
                                </option>
                            </c:forEach>
                        </select>
                    </div>

                    <div class="layui-input-inline">
                        <select id="city" name="merchantBaseInfo.city" class="city-selector"
                                data-dom="county" data-value=""
                                lay-filter="cityType">
                            <option value="${userAppInfo.merchantBaseInfo.city}">${userAppInfo.merchantBaseInfo.city}</option>
                        </select>
                    </div>

                    <div class="layui-input-inline">
                        <select id="county" name="merchantBaseInfo.district" class="county-selector"
                                data-value=""
                                lay-filter="countyType">
                            <option value="${userAppInfo.merchantBaseInfo.district}">${userAppInfo.merchantBaseInfo.district}</option>
                        </select>
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-inline">
                    <div class="layui-form-label">详细地址</div>
                    <div class="layui-input-inline" style="width: 300px;">
                        <input type="text" placeholder="详细地址:不含省市区县字样"
                               class="layui-input"
                               id="updateAddress" name="merchantBaseInfo.address"
                               value="${userAppInfo.merchantBaseInfo.address }"/>
                    </div>
                </div>
            </div>

            <div class="pd10 textl pl50 pb20 fw800 f16 pb20 bdbe mb20 pt20 ch">
                门店照片信息：<span class="red f12 ml20"></span>
            </div>
            <input type="hidden" name="merchantCode" value="${userAppInfo.merchantCode}"/>
            <div class="clearfix textc bdbe ">
                <ul class="layui-col-md10">
                    <li class="fl pt10 pb10 wp25" data-v="06" data-t="store">
                        <div>门头照</div>
                        <div class="dlblock upload w200 h200 mt10">
                            <input name="picUrl6" hidden/>
                            <img id="picUrl6" src="${merchantImage6}"
                                 onerror="this.src='${resourcePath }/images/error.jpg'"
                                 width="200" height="200">
                            <div class="cover"
                                 style="background: rgba(0, 0, 0, 0.6);
                                 height:200px;
                                 width:200px;
                                 position:absolute;
                                 margin-top: -200px;
                                 ">
                                <div style="margin-top: 90px;">
                                    <div class="u-icon icon1" onclick="magnify('picUrl6')">
                                        <i class="layui-icon layui-icon-search"></i>
                                    </div>
                                    <div class="u-icon icon2 upload_icon">
                                        <i class="layui-icon layui-icon-edit"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="fl pt10 pb10 wp25" data-v="08" data-t="store">
                        <div>收银台照</div>
                        <div class="dlblock upload w200 h200 mt10">
                            <input name="picUrl8" hidden/>
                            <img id="picUrl8" src="${merchantImage8}"
                                 onerror="this.src='${resourcePath }/images/error.jpg'"
                                 width="200" height="200"/>
                            <div class="cover"
                                 style="background: rgba(0, 0, 0, 0.6);
                                 height:200px;
                                 width:200px;
                                 position:absolute;
                                 margin-top: -200px;
                                 ">
                                <div style="margin-top: 90px;">
                                    <div class="u-icon icon1" onclick="magnify('picUrl8')">
                                        <i class="layui-icon layui-icon-search"></i>
                                    </div>
                                    <div class="u-icon icon2 upload_icon">
                                        <i class="layui-icon layui-icon-edit"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="fl pt10 pb10 wp25" data-v="09" data-t="store">
                        <div>门店内场景照</div>
                        <div class="dlblock upload w200 h200 mt10">
                            <input name="picUrl9" hidden/>
                            <c:if test="${not empty merchantImage8 }">
                                <img id="picUrl9" src="${merchantImage9}"
                                     onerror="this.src='${resourcePath }/images/error.jpg'"
                                     width="200" height="200"/>
                                <div class="cover"
                                     style="background: rgba(0, 0, 0, 0.6);
                                height:200px;
                                width:200px;
                                position:absolute;
                                margin-top: -200px;
                                ">
                                    <div style="margin-top: 90px;">
                                        <div class="u-icon icon1" onclick="magnify('picUrl9')">
                                            <i class="layui-icon layui-icon-search"></i>
                                        </div>
                                        <div class="u-icon icon2 upload_icon">
                                            <i class="layui-icon layui-icon-edit"></i>
                                        </div>
                                    </div>
                                </div>
                            </c:if>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="clearfix textc bdbe ">
                <ul class="layui-col-md10">
                    <li class="fl pt10 pb10 wp25" data-v="101" data-t="store">
                        <div>商户协议</div>
                        <div class="dlblock upload w200 h200 mt10">
                            <input name="picUrl101" hidden/>
                            <img id="picUrl101" src="${merchantImage101}"
                                 onerror="this.src='${resourcePath }/images/error.jpg'"
                                 width="200" height="200">
                            <div class="cover"
                                 style="background: rgba(0, 0, 0, 0.6);
                                 height:200px;
                                 width:200px;
                                 position:absolute;
                                 margin-top: -200px;
                                 ">
                                <div style="margin-top: 90px;">
                                    <div class="u-icon icon1" onclick="magnify('picUrl101')">
                                        <i class="layui-icon layui-icon-search"></i>
                                    </div>
                                    <div class="u-icon icon2 upload_icon">
                                        <i class="layui-icon layui-icon-edit"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>

                    <li class="fl pt10 pb10 wp25" data-v="102" data-t="store">
                        <div>商户附属协议</div>
                        <div class="dlblock upload w200 h200 mt10">
                            <input name="picUrl102" hidden/>
                            <img id="picUrl102" src="${merchantImage102}"
                                 onerror="this.src='${resourcePath }/images/error.jpg'"
                                 width="200" height="200">
                            <div class="cover"
                                 style="background: rgba(0, 0, 0, 0.6);
                                 height:200px;
                                 width:200px;
                                 position:absolute;
                                 margin-top: -200px;
                                 ">
                                <div style="margin-top: 90px;">
                                    <div class="u-icon icon1" onclick="magnify('picUrl102')">
                                        <i class="layui-icon layui-icon-search"></i>
                                    </div>
                                    <div class="u-icon icon2 upload_icon">
                                        <i class="layui-icon layui-icon-edit"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>

            <br/>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit lay-filter="formDemo2">立即提交</button>
                </div>
            </div>
        </form>
    </c:if>

    <c:if test="${not empty userAppInfo.merchantBaseInfo && userAppInfo.merchantBaseInfo.merchantType ne 1}">
        <form class="layui-form" id="form3" action="">
            <blockquote class="layui-elem-quote layui-text" style="margin-top: 15px;">
                营业执照信息
            </blockquote>
            <input type="hidden" name="userId" value="${userAppInfo.userId}"/>
            <input type="hidden" name="merchantCode" value="${userAppInfo.merchantCode}"/>
            <input type="hidden" id="merchantType" name="userAppInfo.merchantBaseInfo.merchantType"
                   value="${userAppInfo.merchantBaseInfo.merchantType}"/>
            <input type="hidden" name="certName" value="${priceIdCard.certName}"/>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <div class="layui-form-label">法人姓名</div>
                    <div class="layui-input-inline">
                        <input type="text" placeholder="营业执照名称"
                               class="layui-input"
                               value="${userAppInfo.merchantBaseInfo.principalPerson }" id="principalPerson"
                               name="merchantBaseInfo.principalPerson"/>
                    </div>
                </div>

                <div class="layui-inline">
                    <div class="layui-form-label">法人身份证号</div>
                    <div class="layui-input-inline">
                        <input type="text" placeholder="法人身份证号"
                               class="layui-input"
                               value="${priceIdCard.certNo}" id="priceIdCard.certNo"
                               name="certNo"/>
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-inline">
                    <div class="layui-form-label">执照名称</div>
                    <div class="layui-input-inline">
                        <input type="text" placeholder="营业执照名称"
                               class="layui-input"
                               value="${userAppInfo.merchantBaseInfo.bussAuthName }" id="bussAuthName"
                               name="merchantBaseInfo.bussAuthName"/>
                    </div>
                </div>

                <div class="layui-inline">
                    <div class="layui-form-label">工商注册号</div>
                    <div class="layui-input-inline">
                        <input type="text" placeholder="工商注册号"
                               class="layui-input"
                               value="${userAppInfo.merchantBaseInfo.bussAuthNum}" id="bussAuthNum"
                               name="merchantBaseInfo.bussAuthNum"/>
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-inline">
                    <div class="layui-form-label">开始时间</div>
                    <div class="layui-input-inline">
                        <input type="text" placeholder="营业执照下发时间"
                               class="layui-input"
                               value="${userAppInfo.merchantBaseInfo.bussAuthStartTime }"
                               name="merchantBaseInfo.bussAuthStartTime"/>
                    </div>
                </div>

                <div class="layui-inline">
                    <div class="layui-form-label">结束时间</div>
                    <div class="layui-input-inline">
                        <input type="text" placeholder="营业执照失效时间"
                               class="layui-input"
                               value="${userAppInfo.merchantBaseInfo.bussAuthEndTime }"
                               name="merchantBaseInfo.bussAuthEndTime"/>
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-inline">
                    <div class="layui-form-label">注册地址</div>
                    <div class="layui-input-inline" style="width: 400px">
                        <input type="text" placeholder="注册地址"
                               class="layui-input"
                               value="${userAppInfo.merchantBaseInfo.bussAuthAddress}"
                               name="merchantBaseInfo.bussAuthAddress"/>
                    </div>
                </div>
            </div>

            <div class="clearfix textc bdbe ">
                <ul class="layui-col-md10">
                    <li class="fl pt10 pb10 wp25" data-v="09" data-t="store" data-value="${merchantImage3}">
                        <div>营业执照照片</div>
                        <div class="dlblock upload w200 h200 mt10">
                            <input name="picUrl3" hidden/>
                            <img id="picUrl3" src="${merchantImage3}" referrer="no-referrer|origin|unsafe-url"
                                 onerror="this.src='${resourcePath }/images/error.jpg'"
                                 width="200" height="200"/>
                            <div class="cover"
                                 style="background: rgba(0, 0, 0, 0.6);
                                 height:200px;
                                 width:200px;
                                 position:absolute;
                                 margin-top: -200px;
                                 ">
                                <div style="margin-top: 90px;">
                                    <div class="u-icon icon1" onclick="magnify('picUrl3')"><i
                                            class="layui-icon layui-icon-search"></i></div>
                                    <div class="u-icon icon2 upload_icon"><i class="layui-icon layui-icon-edit"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="fl pt10 pb10 wp25" data-v="06" data-t="store" data-value="${idCard.id}">
                        <div>法人身份证正面</div>
                        <div class="dlblock upload w200 h200 mt10">
                            <input name="picUrl1" hidden/>
                            <img id="imgLegalPositive1" src="${merchantImage1}"
                                 referrer="no-referrer|origin|unsafe-url"
                                 onerror="this.src='${resourcePath }/images/error.jpg'"
                                 width="200" height="200">
                            <div class="cover"
                                 style="background: rgba(0, 0, 0, 0.6);
                                 height:200px;
                                 width:200px;
                                 position:absolute;
                                 margin-top: -200px;
                                 ">
                                <div style="margin-top: 90px;">
                                    <div class="u-icon icon1" onclick="magnify('imgLegalPositive1')"><i
                                            class="layui-icon layui-icon-search"></i></div>
                                    <div class="u-icon icon2 upload_icon"><i class="layui-icon layui-icon-edit"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="fl pt10 pb10 wp25" data-v="08" data-t="store" data-value="${idCard.id}">
                        <div>法人身份证反面</div>
                        <div class="dlblock upload w200 h200 mt10">
                            <input name="picUrl2" hidden/>
                            <img id="imgLegalNegative2" src="${merchantImage2}"
                                 onerror="this.src='${resourcePath }/images/error.jpg'"
                                 width="200" height="200">
                            <div class="cover"
                                 style="background: rgba(0, 0, 0, 0.6);
                                 height:200px;
                                 width:200px;
                                 position:absolute;
                                 margin-top: -200px;
                                 ">
                                <div style="margin-top: 90px;">
                                    <div class="u-icon icon1" onclick="magnify('imgLegalNegative2')">
                                        <i class="layui-icon layui-icon-search"></i>
                                    </div>
                                    <div class="u-icon icon2 upload_icon">
                                        <i class="layui-icon layui-icon-edit"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <br/>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit lay-filter="formDemo3">立即提交</button>
                </div>
            </div>
        </form>
    </c:if>

    <form class="layui-form" id="form4" action="">
        <blockquote class="layui-elem-quote layui-text" style="margin-top: 15px;">
            结算信息(<span style="color: red;">${settleTypeName}</span>)：<span class="red f12 ml20">注：请保持银行卡信息(证件号码、开户名、卡号、预留手机号)的匹配性</span>
        </blockquote>
        <input type="hidden" name="merchantCode" value="${userAppInfo.merchantCode}"/>
        <input type="hidden" name="bankCard.userId" value="${bankCard.userId}"/>
        <%--            <input type="hidden" name="bankCard.accountType" value="${bankCard.accountType}"/>--%>
        <input type="hidden" name="idCard.userId" value="${idCard.userId}"/>
        <input type="hidden" name="idCard.userType" value="${idCard.userType}"/>
        <input type="hidden" name="idCard.certName" value="${idCard.certName}"/>
        <div class="layui-form-item" id="area2-picker2">
            <div class="layui-form-label">开户行地区</div>
            <div class="layui-input-inline">
                <select id="bankProvince2" class="province-selector"
                        data-dom="bankCity2" name="bankCard.branchProvince"
                        data-value=" " lay-filter="bankProvinceType2">
                    <option value="">请选择省</option>
                    <c:forEach items="${areaCitiesList}" var="acl">>
                        <option value="${acl.areaName}"
                                <c:if test="${bankCard.branchProvince eq acl.areaName }">selected</c:if>>${acl.areaName}
                        </option>
                    </c:forEach>
                </select>
            </div>

            <div class="layui-input-inline">
                <select id="bankCity2" class="city-selector" name="bankCard.branchCity"
                        data-dom="bankArea2" data-value=""
                        lay-filter="bankBranType2">
                    <option value="${bankCard.branchCity}">${bankCard.branchCity}</option>
                </select>
            </div>

            <div class="layui-input-inline">
                <select id="bankArea2" name="bankCard.branchArea" class="county-selector"
                        data-value=""
                        lay-filter="bankCountyType2">
                    <option value="${bankCard.branchArea}">${bankCard.branchArea}</option>
                </select>
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-form-label">开户银行</div>
            <div class="layui-input-inline" style="width: 271px;">
                <select id="bankName2" name="bankCard.bankName"
                        data-dom="bankBranch2"
                        data-value="" lay-filter="bankBranchType2">
                    <option value="">选择银行</option>
                    <option value="工商银行"
                            <c:if test='${bankCard.bankName eq "工商银行" }'>selected</c:if>>工商银行
                    </option>
                    <option value="交通银行"
                            <c:if test='${bankCard.bankName eq "交通银行" }'>selected</c:if>>交通银行
                    </option>
                    <option value="招商银行"
                            <c:if test='${bankCard.bankName eq "招商银行" }'>selected</c:if>>招商银行
                    </option>
                    <option value="民生银行"
                            <c:if test='${bankCard.bankName eq "民生银行" }'>selected</c:if>>民生银行
                    </option>
                    <option value="中信银行"
                            <c:if test='${bankCard.bankName eq "中信银行" }'>selected</c:if>>中信银行
                    </option>
                    <option value="浦发银行"
                            <c:if test='${bankCard.bankName eq "浦发银行" }'>selected</c:if>>浦发银行
                    </option>
                    <option value="兴业银行"
                            <c:if test='${bankCard.bankName eq "兴业银行" }'>selected</c:if>>兴业银行
                    </option>
                    <option value="光大银行"
                            <c:if test='${bankCard.bankName eq "光大银行" }'>selected</c:if>>光大银行
                    </option>
                    <option value="广发银行"
                            <c:if test='${bankCard.bankName eq "广发银行" }'>selected</c:if>>广发银行
                    </option>
                    <option value="平安银行"
                            <c:if test='${bankCard.bankName eq "平安银行" }'>selected</c:if>>平安银行
                    </option>
                    <option value="北京银行"
                            <c:if test='${bankCard.bankName eq "北京银行" }'>selected</c:if>>北京银行
                    </option>
                    <option value="华夏银行"
                            <c:if test='${bankCard.bankName eq "华夏银行" }'>selected</c:if>>华夏银行
                    </option>
                    <option value="农业银行"
                            <c:if test='${bankCard.bankName eq "农业银行" }'>selected</c:if>>农业银行
                    </option>
                    <option value="建设银行"
                            <c:if test='${bankCard.bankName eq "建设银行" }'>selected</c:if>>建设银行
                    </option>
                    <option value="邮政储蓄银行"
                            <c:if test='${bankCard.bankName eq "邮政储蓄银行" }'>selected</c:if>>邮政储蓄银行
                    </option>
                    <option value="中国银行"
                            <c:if test='${bankCard.bankName eq "中国银行" }'>selected</c:if>>中国银行
                    </option>
                    <option value="宁波银行"
                            <c:if test='${bankCard.bankName eq "宁波银行" }'>selected</c:if>>宁波银行
                    </option>
                </select>
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-form-label">开户支行</div>
            <div class="layui-input-inline" style="width: 272px;">
                <select id="bankBranch2" class="city-selector" name="bankCard.contactLine"
                        data-value="" lay-filter="bankBranch2">
                    <option value="${bankCard.contactLine}">${bankCard.branchName}</option>
                </select>
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-form-label">支行联行号</div>
            <div class="layui-input-inline">
                <input id="contactLine2" class="layui-input" type="text" value="${bankCard.contactLine}" readonly />
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-inline">
                <div class="layui-form-label">开户名</div>
                <div class="layui-input-inline">
                    <input type="text" placeholder="开户名"
                           class="layui-input" id="bankHolder"
                           name="bankCard.bankHolder" value="${bankCard.bankHolder}"/>
                </div>
            </div>

            <div class="layui-inline">
                <div class="layui-form-label">开户账号</div>
                <div class="layui-input-inline">
                    <input type="text" placeholder="开户账号"
                           class="layui-input" id="cardBankCard"
                           name="bankCard.bankCardNo" value="${bankCard.bankCardNo}"/>
                </div>
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-inline">
                <div class="layui-form-label">银行预留手机号</div>
                <div class="layui-input-inline">
                    <input type="text" placeholder="银行预留手机号码"
                           class="layui-input" id="cardPhone" name="bankCard.phone"
                           value="${bankCard.phone}"/>
                </div>
            </div>

            <div class="layui-inline">
                <div class="layui-form-label">身份证号码</div>
                <div class="layui-input-inline">
                    <input type="text" placeholder="身份证号码"
                           class="layui-input" id="certNo" name="idCard.certNo"
                           value="${idCard.certNo}"/>
                </div>
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-inline">
                <div class="layui-form-label">身份证发放日期</div>
                <div class="layui-input-inline">
                    <input type="text" placeholder="身份证发放日期"
                           class="layui-input" name="idCard.certStartTime"
                           value="${idCard.certStartTime}"/>
                </div>
            </div>

            <div class="layui-inline">
                <div class="layui-form-label">身份证失效日期</div>
                <div class="layui-input-inline">
                    <input type="text" placeholder="身份证失效日期"
                           class="layui-input" name="idCard.certEndTime"
                           value="${idCard.certEndTime}"/>
                </div>
            </div>
        </div>

        <div class="clearfix textc bdbe ">
            <ul class="layui-col-md10">
                <li class="fl pt10 pb10 wp25" data-v="06" data-t="store" data-value="${idCard.id}">
                    <div>身份证正面</div>
                    <div class="dlblock upload w200 h200 mt10">
                        <input name="idCard.imgPositive" hidden/>
                        <img id="imgPositive1" src="${idCard.imgPositive}"
                             referrer="no-referrer|origin|unsafe-url"
                             onerror="this.src='${resourcePath }/images/error.jpg'"
                             width="200" height="200">
                        <div class="cover"
                             style="background: rgba(0, 0, 0, 0.6);
                                 height:200px;
                                 width:200px;
                                 position:absolute;
                                 margin-top: -200px;
                                 ">
                            <div style="margin-top: 90px;">
                                <div class="u-icon icon1" onclick="magnify('imgPositive1')"><i
                                        class="layui-icon layui-icon-search"></i></div>
                                <div class="u-icon icon2 upload_icon"><i class="layui-icon layui-icon-edit"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="fl pt10 pb10 wp25" data-v="08" data-t="store" data-value="${idCard.id}">
                    <div>身份证反面</div>
                    <div class="dlblock upload w200 h200 mt10">
                        <input name="idCard.imgNegative" hidden/>
                        <img id="imgNegative2" src="${idCard.imgNegative}"
                             onerror="this.src='${resourcePath }/images/error.jpg'"
                             width="200" height="200">
                        <div class="cover"
                             style="background: rgba(0, 0, 0, 0.6);
                                 height:200px;
                                 width:200px;
                                 position:absolute;
                                 margin-top: -200px;
                                 ">
                            <div style="margin-top: 90px;">
                                <div class="u-icon icon1" onclick="magnify('imgNegative2')">
                                    <i class="layui-icon layui-icon-search"></i>
                                </div>
                                <div class="u-icon icon2 upload_icon">
                                    <i class="layui-icon layui-icon-edit"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="fl pt10 pb10 wp25" data-v="09" data-t="store" data-value="${bankCard.id}">
                    <div>结算卡图片</div>
                    <div class="dlblock upload w200 h200 mt10">
                        <input name="bankCard.imgUrl" hidden/>
                        <img id="imgUrl2" src="${bankCard.imgUrl}" referrer="no-referrer|origin|unsafe-url"
                             onerror="this.src='${resourcePath }/images/error.jpg'"
                             width="200" height="200">
                        <div class="cover"
                             style="background: rgba(0, 0, 0, 0.6);
                                 height:200px;
                                 width:200px;
                                 position:absolute;
                                 margin-top: -200px;
                                 ">
                            <div style="margin-top: 90px;">
                                <div class="u-icon icon1" onclick="magnify('imgUrl2')"><i
                                        class="layui-icon layui-icon-search"></i></div>
                                <div class="u-icon icon2 upload_icon"><i class="layui-icon layui-icon-edit"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>

        </div>

        <div class="clearfix textc bdbe ">
            <ul class="layui-col-md10">
                <li class="fl pt10 pb10 wp25" data-v="999" data-t="store">
                    <div>结算人与收银台合照</div>
                    <div class="dlblock upload w200 h200 mt10">
                        <input name="picUrl999" hidden/>
                        <img id="picUrl999" src="${merchantImage999}"
                             onerror="this.src='${resourcePath}/images/error.jpg'"
                             width="200" height="200">
                        <div class="cover"
                             style="background: rgba(0, 0, 0, 0.6);
                                 height:200px;
                                 width:200px;
                                 position:absolute;
                                 margin-top: -200px;
                                ">
                            <div style="margin-top: 90px;">
                                <div class="u-icon icon1" onclick="magnify('picUrl999')">
                                    <i class="layui-icon layui-icon-search"></i>
                                </div>
                                <div class="u-icon icon2 upload_icon">
                                    <i class="layui-icon layui-icon-edit"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="fl pt10 pb10 wp25" data-v="11" data-t="store">
                    <div>结算人手持身份证照</div>
                    <div class="dlblock upload w200 h200 mt10">
                        <input name="picUrl11" hidden/>
                        <img id="picUrl11" src="${merchantImage11}"
                             onerror="this.src='${resourcePath }/images/error.jpg'"
                             width="200" height="200">
                        <div class="cover"
                             style="background: rgba(0, 0, 0, 0.6);
                                 height:200px;
                                 width:200px;
                                 position:absolute;
                                 margin-top: -200px;
                                ">
                            <div style="margin-top: 90px;">
                                <div class="u-icon icon1" onclick="magnify('picUrl11')">
                                    <i class="layui-icon layui-icon-search"></i>
                                </div>
                                <div class="u-icon icon2 upload_icon">
                                    <i class="layui-icon layui-icon-edit"></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <c:if test="${settleTypeName == '法人对私非法人' || settleTypeName == '非法人对私非法人'}">
                    <li class="fl pt10 pb10 wp25" data-v="06" data-t="store" data-value="${idCard.id}">
                        <div>非法人授权函</div>
                        <div class="dlblock upload w200 h200 mt10">
                            <input name="picUrl7" hidden/>
                            <img id="picUrl7" src="${merchantImage7}"
                                 referrer="no-referrer|origin|unsafe-url"
                                 onerror="this.src='${resourcePath }/images/error.jpg'"
                                 width="200" height="200">
                            <div class="cover"
                                 style="background: rgba(0, 0, 0, 0.6);
                                 height:200px;
                                 width:200px;
                                 position:absolute;
                                 margin-top: -200px;
                                ">
                                <div style="margin-top: 90px;">
                                    <div class="u-icon icon1" onclick="magnify('picUrl7')"><i
                                            class="layui-icon layui-icon-search"></i></div>
                                    <div class="u-icon icon2 upload_icon"><i class="layui-icon layui-icon-edit"></i>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                </c:if>
            </ul>
        </div>

        <br/>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit lay-filter="formDemo4">立即提交</button>
            </div>
        </div>
    </form>

    <c:forEach items="${userAppInfo.channelStatusList}" var="channelStatus" varStatus="status">
        <div class="w1000 mt100" style="background: white">
            <fieldset class="w1000 fc layui-elem-field layui-field-title" style="margin-top: 20px;">
                <legend>通道进件组${status.index + 1}</legend>
            </fieldset>
        </div>

        <form class="layui-form mb100" action="">
            <input type="hidden" name="id" value="${channelStatus.channel}"/>
            <input type="hidden" name="userId" value="${userAppInfo.userId}"/>
            <input type="hidden" name="merchantCode" value="${userAppInfo.merchantCode}"/>
            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">审核备注组</label>
                    <div class="layui-input-inline" style="width: 600px">
                        <select id="errMsg" lay-search lay-filter="changeAudit"
                        <c:if test="${channelStatus.status ne '1' || channelStatus.thirdStatus ne '-100'}">
                                class="layui-disabled"
                        </c:if>
                        <option value=""></option>
                        <c:forEach items="${listMerchantRejectDesc}" var="mrd">
                            <option value="${mrd.rejectName}">${mrd.rejectName}</option>
                        </c:forEach>
                        </select>
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">审核备注</label>
                    <div class="layui-input-inline" style="width: 600px">
                        <textarea name="errMsg" id="remark"
                                <c:if test="${channelStatus.status ne '1' || channelStatus.thirdStatus ne '-100'}">
                                    disabled
                                </c:if>
                                  class="layui-textarea">${channelStatus.remark}</textarea>
                    </div>
                </div>
            </div>

            <c:if test="${channelStatus.status eq '2'}">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">驳回时间：</label>
                        <div class="layui-input-inline">
                                ${userAppInfo.updateTime}
                        </div>
                    </div>
                </div>
            </c:if>

            <div class="layui-form-item">
                <label class="layui-form-label">通道选择</label>
                <div class="layui-input-block" style="margin-left: 110px">
                    <c:forEach items="${channel}" var="channelItem">
                        <input type="radio" name="id" value="${channelItem.id}"
                               title="${channelItem.channelName}"
                                <c:if test="${channelStatus.channel ne null || channelStatus.status ne 1 || channelStatus.thirdStatus ne -100 || channelStatus.status eq 3}">
                                    disabled
                                </c:if>
                                <c:if test="${channelStatus.channel eq channelItem.id}">
                                    checked
                                </c:if>
                                <c:if test="${channelStatus.channel eq null and userAppInfo.channelStatusList.size() le 1}">
                                    <c:if test="${userAppInfo.merchantBaseInfo.merchantType eq '1' and channelItem.id eq '3'}">
                                        checked
                                    </c:if>
                                    <c:if test="${userAppInfo.merchantBaseInfo.merchantType ne '1' and channelItem.id eq '1'}">
                                        checked
                                    </c:if>
                                </c:if>

                                <c:if test="${channelStatus.channel eq null and userAppInfo.channelStatusList.size() gt 1}">
                                    <c:if test="${channelItem.id eq '4'}">
                                        checked
                                    </c:if>
                                </c:if>
                        />
                    </c:forEach>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">审核状态</label>
                    <div class="layui-input-inline">
                        <c:if test='${(channelStatus.status eq "0" && channelStatus.thirdStatus eq "-100") || channelStatus.status eq "2"}'>
                            <input type="text" class="layui-input layui-font-black" value="审核驳回" disabled />
                        </c:if>
                        <c:if test='${(channelStatus.status eq "1" && channelStatus.thirdStatus eq "-100")}'>
                            <input type="text" class="layui-input layui-font-black" value="待后台审核" disabled />
                        </c:if>
                        <c:if test='${channelStatus.status eq "3"}'>
                            <input type="text" class="layui-input layui-font-black" value="审核通过" disabled  />
                        </c:if>
                        <c:if test='${channelStatus.status eq "7"}'>
                            <input type="text" class="layui-input layui-font-black" value="快付审核中" disabled />
                        </c:if>
                    </div>
                </div>
            </div>

            <c:if test="${channelStatus.status eq '1' && channelStatus.thirdStatus eq '-100'}">
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-submit lay-filter="consent">通过</button>
                        <button class="layui-btn layui-btn-danger" lay-submit lay-filter="reject">驳回</button>
                        <button class="layui-btn layui-btn-danger" lay-submit lay-filter="reject2">驳回并禁止进件</button>
                    </div>
                </div>
            </c:if>

            <c:if test="${channelStatus.status eq '0' && channelStatus.status eq '-100'}">
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-submit lay-filter="consent">重审</button>
                    </div>
                </div>
            </c:if>
        </form>

    </c:forEach>

    <c:if test="${userAppInfo.ppStatus eq '1' && userAppInfo.ppThirdStatus eq '-100' }">
        <fieldset class="w1000 fc layui-elem-field layui-field-title mt100">
            <legend>瑞银信插件进件</legend>
        </fieldset>
        <form class="layui-form" action="">
            <input type="hidden" name="userId" value="${userAppInfo.userId}"/>
            <div class="w1000 fc" style="background: white">
                <div class=" pd10 textl pl50 pb20 fw800 f16 pb20 bdbe mb20 ch">插件审核</div>
                <div class="clearfix mb20">
                    <div class="fl textc wp50">
                        <label class="layui-form-label">审核备注：</label>
                        <div class="layui-input-block" style="margin-left:0px">
                            <div class="layui-input-block">
                            <textarea name="errMsg" id="remark2" style="margin-top: -13px;width: 372px"
                                      class="bdc w320 pd7 radius5"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-submit lay-filter="plugin">插件进件通过</button>
                        <button class="layui-btn layui-btn-danger" lay-submit lay-filter="pluginReject">驳回</button>
                    </div>
                </div>
            </div>
        </form>
    </c:if>
</div>


<div class="layui-col-md5" style="overflow-y: scroll; position: fixed; float: right; right: 0; height: 100%; background: #ffffff;">
    <div id="connectContent"></div>
</div>
<script type="text/javascript">
    var mccList = '${mccList}';
    var checkMcc = '${checkMcc}';
    //form表单样式
    layui.use(['layer', 'form', 'upload', 'element'], function () {
        var layer = layui.layer,
            form = layui.form,
            upload = layui.upload;
        var element = layui.element;
        element.init();
        form.render();

        $('#connectContent').load(ctx + '/promoter/connectInfo?userId=${userAppInfo.userId}');

        $('.close').click(function () {
            parent.layer.closeAll();
        });

        var xhrOnProgress = function (fun) {
            xhrOnProgress.onprogress = fun; //绑定监听
            //使用闭包实现监听绑定
            return function () {
                //通过$.ajaxSettings.xhr();获得XMLHttpRequest对象
                var xhr = $.ajaxSettings.xhr();
                //判断监听函数是否为函数
                if (typeof xhrOnProgress.onprogress !== 'function') {
                    return xhr;
                }
                //如果有监听函数并且xhr对象支持绑定时就把监听函数绑定上去
                if (xhrOnProgress.onprogress && xhr.upload) {
                    xhr.upload.onprogress = xhrOnProgress.onprogress;
                }
                return xhr;
            }
        }
        var data = {};
        var inputUpload;
        var imgUpload;

        upload.render({
            elem: '.upload', // 文件选择
            url: ctx + '/upload/ossUploadFile',
            exts: 'jpg|png|gif|bmp|jpeg',
            method: 'POST',
            auto: true,
            before: function () {
                var dom = $(this.item);
                inputUpload = dom.find("input");
                imgUpload = dom.find("img");

                openIndex = layer.open({
                    type: 1,
                    title: '上传进度',
                    closeBtn: 1, //不显示关闭按钮
                    area: ['300px', '130px'],
                    shadeClose: false, //开启遮罩关闭
                    content: $("#uploadLoadingDiv").html(),
                    offset: '100px'
                });
            }
            , xhr: xhrOnProgress
            , progress: function (value) {//上传进度回调 value进度值
                element.progress('js_upload_progress', value + '%');//设置页面进度条
            }
            , done: function (res) {
                layer.close(openIndex);
                if (res.code == 200) {
                    layer.msg("上传成功！")
                    inputUpload.val(res.url);
                    imgUpload.attr("src", res.url);
                } else {
                    layer.msg("上传失败！");
                }
            }
            , error: function (res) {
                layer.close(openIndex);
                layer.msg(res.msg);
            }
        });

        //关闭进度条提示
        $(document).on('click', '.js_upload_progress_bar_sure', function () {
            layer.close(layer.index);
        });

        /*提交推广员基本信息*/
        form.on('submit(formDemo1)', function (data) {
            var index = layer.load(1, {shade: [0.1, '#000']});
            $.ajax({
                url: ctx + '/promoter/updatePromoterInformation',
                method: 'post',
                data: data.field,
                dataType: 'JSON',
                success: function (res) {
                    layer.close(index);
                    if (res.code == 200) {
                        layer.msg(res.message, {
                            icon: 1
                        });
                    } else {
                        layer.msg(res.message, {
                            icon: 5
                        });
                    }
                }
            })
            return false;
        });
        /*提交商户信息*/
        form.on('submit(formDemo2)', function (data) {
            var index = layer.load(1, {shade: [0.1, '#000']});
            $.ajax({
                url: '${ctx}/promoter/updateMerchantInformation',
                method: 'post',
                data: data.field,
                dataType: 'JSON',
                success: function (res) {
                    layer.close(index);
                    if (res.code == 200) {
                        layer.msg(res.message, {
                            icon: 1
                        });
                    } else {
                        layer.msg(res.message, {
                            icon: 5
                        });
                    }
                }
            })
            return false;
        });
        /*提交营业执照信息*/
        form.on('submit(formDemo3)', function (data) {
            var index = layer.load(1, {shade: [0.1, '#000']});
            $.ajax({
                url: '${ctx}/promoter/updateMerchantLicense',
                method: 'post',
                data: data.field,
                dataType: 'JSON',
                success: function (res) {
                    layer.close(index);
                    if (res.code == 200) {
                        /*layer.alert(res.data, function () {
                            parent.location.reload();
                            layer.msg(res.message, {
                                icon: 1
                            });
                        })*/

                        layer.alert(res.message, function (index) {
                            //do something

                            layer.close(index);
                        });

                        layer.confirm(res.message, {
                            icon: 1
                        });
                    } else {
                        layer.alert(res.message, function (index) {
                            //do something

                            layer.close(index);
                        });
                    }
                }
            })
            return false;
        });
        //更改结算信息
        form.on('submit(formDemo4)', function (data) {
            var index = layer.load(1, {shade: [0.1, '#000']});
            $.ajax({
                url: '${ctx}/promoter/updateMerchantSettlement',
                method: 'post',
                data: data.field,
                dataType: 'JSON',
                success: function (res) {
                    layer.close(index);
                    if (res.code == 200) {
                        layer.msg(res.message, {
                            icon: 1
                        });
                    } else {
                        layer.msg(res.message, {
                            icon: 5
                        });
                    }
                }
            })
            return false;
        });

        /*提交通过备注信息*/
        form.on('submit(consent)', function (data) {
            layer.confirm('确认通过?', function (index) {
                var index = layer.load(1, {shade: [0.1, '#000']});
                $.ajax({
                    url: '${ctx}/merchantStore/manualMerchantIncom/' + data.field.userId + '/' + data.field.id + '/' + data.field.merchantCode,
                    method: 'get',
                    timeout: 0, // 此处将超时时间设为30秒
                    data: data.field,
                    dataType: 'JSON',
                    success: function (res) {
                        layer.close(index);
                        if (res.code == 1) {
                            layer.alert(res.msg, function (index) {
                                layer.close(index);
                            })
                        } else {
                            layer.alert(res.msg, function (index) {
                                layer.close(index);
                            })
                        }
                    },
                    error: function () {
                        layer.close(index);
                        layer.alert("服务器错误", function (index) {
                            layer.close(index);
                        })
                    }
                })
            });
            return false;
        });

        /*提交通过备注信息*/
        form.on('submit(plugin)', function (data) {
            layer.confirm('确认通过?', function (index) {
                var index = layer.load(1, {shade: [0.1, '#000']});
                $.ajax({
                    url: '${ctx}/merchantStore/audit/' + data.field.userId,
                    method: 'get',
                    data: data.field,
                    dataType: 'JSON',
                    success: function (res) {
                        layer.close(index);
                        if (res.code == 200) {
                            layer.msg(res.msg, {
                                icon: 1
                            });
                        } else {
                            layer.msg(res.msg, {
                                icon: 5
                            });
                        }
                    },
                    error: function () {
                        layer.close(index);
                        layer.msg("服务器错误", {
                            icon: 5
                        });
                    }
                })
            });
            return false;
        });

        /*提交驳回备注信息*/
        form.on('submit(reject)', function (data) {
            var index = layer.load(1, {shade: [0.1, '#000']});
            $.ajax({
                url: '${ctx}/merchantStore/rejectAudit/' + data.field.userId,
                method: 'get',
                data: data.field,
                dataType: 'JSON',
                success: function (res) {
                    layer.close(index);
                    if (res.code == 1) {
                        layer.msg(res.msg, {
                            icon: 1
                        });
                    } else {
                        layer.msg(res.msg, {
                            icon: 5
                        });
                    }
                }
            })
            return false;
        });

        /*提交驳回备注信息*/
        form.on('submit(reject2)', function (data) {
            var index = layer.load(1, {shade: [0.1, '#000']});
            $.ajax({
                url: '${ctx}/merchantStore/rejectAudit2/' + data.field.userId,
                method: 'get',
                data: data.field,
                dataType: 'JSON',
                success: function (res) {
                    layer.close(index);
                    if (res.code == 1) {
                        layer.msg(res.msg, {
                            icon: 1
                        });
                    } else {
                        layer.msg(res.msg, {
                            icon: 5
                        });
                    }
                }
            })
            return false;
        });

        /*提交驳回备注信息*/
        form.on('submit(pluginReject)', function (data) {
            var index = layer.load(1, {shade: [0.1, '#000']});
            $.ajax({
                url: ctx + '/merchantStore/rejectPluginAudit/' + data.field.userId,
                method: 'get',
                data: data.field,
                dataType: 'JSON',
                success: function (res) {
                    layer.close(index);
                    if (res.code == 1) {
                        layer.msg(res.msg, {
                            icon: 1
                        });
                    } else {
                        layer.msg(res.msg, {
                            icon: 5
                        });
                    }
                }
            })
            return false;
        });

        form.on('select(changeAudit)', function (obj) {
            var name = obj.value;
            $("#remark").val($("#remark").val() + name + ';');
        })

        // 省市区同步方法
        var func = function (data) {
            var areaCode = data.value;
            var domId = $(data.elem).attr("data-dom");
            $.ajax({
                url: ctx + '/promoter/getDowntownByCode/' + areaCode,
                method: 'get',
                dataType: 'json',
                success: function (res) {
                    if (res.code == 200) {
                        var dom = $("#" + domId);
                        var html = "<option value=''>请选择</option>";
                        dom.empty();
                        if (res.areaCityList.length > 0) {
                            $.each(res.areaCityList, function (k, v) {
                                html += "<option value='" + v.areaCode + "'>" + v.areaName + "</option>";
                            })
                            dom.append(html);
                        }
                        form.render('select');
                    } else {
                        layer.msg(res.message, {
                            icon: 5
                        });
                    }
                }
            })
        };

        // 省市区同步方法
        var func2 = function (data) {
            var areaCode = data.value;
                var domId = $(data.elem).attr("data-dom");
            $.ajax({
                url: ctx + '/promoter/getDowntownByName/' + areaCode,
                method: 'get',
                dataType: 'json',
                success: function (res) {
                    if (res.code == 200) {
                        var dom = $("#" + domId);
                        var html = "<option value=''>请选择</option>";
                        dom.empty();
                        if (res.areaCityList.length > 0) {
                            $.each(res.areaCityList, function (k, v) {
                                html += "<option value='" + v.areaName + "'>" + v.areaName + "</option>";
                            })
                            dom.append(html);
                        }
                        form.render('select');
                    } else {
                        layer.msg(res.message, {
                            icon: 5
                        });
                    }
                }
            })
        };

        form.on('select(bankBranch2)', function(data) {
            var contactLine = $("#bankBranch2 option:selected").val();
            $('#contactLine2').val(contactLine);
        });

        form.on('select(provinceType)', func);

        form.on('select(cityType)', func);

        form.on('select(bankProvinceType2)', func2);

        form.on('select(bankBranType2)', func2);

        form.on('select(bankBranchType)', function (data) {
            var bankCity = $("#bankCity option:selected").text();
            var bankName = $("#bankName").val();
            var domId = $(data.elem).attr("data-dom");
            $.ajax({
                url: ctx + '/promoter/getBranchList',
                method: 'get',
                data: {
                    "bankName": bankName,
                    "cityName": bankCity,
                },
                success: function (res) {
                    if (res.code == 200) {
                        var dom = $("#" + domId);
                        var html = "<option value=''>请选择</option>";
                        dom.empty();
                        if (res.branchList.length > 0) {
                            $.each(res.branchList, function (k, v) {
                                html += "<option value='" + v.cnapsName + "'>" + v.cnapsName + "</option>";
                            })
                            dom.append(html);
                        }
                        form.render('select');
                    } else {
                        layer.msg(res.message, {
                            icon: 5
                        });
                    }
                }
            })
        });

        form.on('select(bankBranchType2)', function (data) {
            var bankCity = $("#bankCity2 option:selected").text();
            var bankName = $("#bankName2").val();
            var domId = $(data.elem).attr("data-dom");
            $.ajax({
                url: ctx + '/promoter/getBranchList',
                method: 'get',
                data: {
                    "bankName": bankName,
                    "cityName": bankCity,
                },
                success: function (res) {
                    if (res.code == 200) {
                        var dom = $("#" + domId);
                        var html = "<option value=''>请选择</option>";
                        dom.empty();
                        if (res.branchList.length > 0) {
                            $.each(res.branchList, function (k, v) {
                                html += "<option value='" + v.cnapsCode + "'>" + v.cnapsName + "</option>";
                            })
                            dom.append(html);
                        }
                        form.render('select');
                    } else {
                        layer.msg(res.message, {
                            icon: 5
                        });
                    }
                }
            })
        });
    });

    function showImg(obj) {
        $("#img-icons").show();
    }

    function hideImg(obj) {
        $("#img-icons").hide();
    }

    function magnify(obj) {
        var e = window.event || arguments.callee.caller.arguments[0];
        e.stopPropagation()

        var imgUrl = $('#' + obj).attr("src");
        if (imgUrl) {
            var img = new Image();
            img.src = imgUrl;
            //弹出层
            layer.photos({
                photos: {"data": [{"src": imgUrl}]}
            });
        }
    }

    $('.cover').click(function (e) {
        e.stopPropagation()
    })

    $('.upload_icon').click(function () {
        $(this).parents('.upload').click()
    })


</script>
</body>
</html>