@layout("/common/_container.html"){
<style>
    .avatar-uploader .el-upload {
        border: 1px dashed #d9d9d9;
        border-radius: 6px;
        cursor: pointer;
        position: relative;
        height: 100px;
        width: 100px;
        overflow: hidden;
    }

    .avatar-uploader .el-upload:hover {
        border-color: #409EFF;
    }
    .avatar-uploader-icon {
        font-size: 28px;
        color: #8c939d;
        width: 100px;
        height: 100px;
        line-height: 100px;
        margin-top: 32px;
        text-align: center;
    }
    .avatar {
        width: 100px;
        height: 100px;
        display: block;
    }

    .col-sm-12 {
        margin-top: 20px;
    }

    .col-sm-12 select {
        height: 33px;
    }
    #app1{
        margin-left: 255px;
    }


</style>
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.15&key=77b37f0753049c4e712ea79a24e0719c"></script>
<div class="ibox float-e-margins">
    <div class="ibox-content">
        <div class="form-horizontal" id="carInfoForm">
            <h2>商户信息</h2>
            <div style="display: flex">
                <span>运营商名称：</span><span>${data.name}</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <span>管理员姓名：</span><span>${user.name}</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <span>管理员电话：</span><span>${user.phone}</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            </div>
            <h2>商户号信息</h2>
            </br>
            </br>
            <input hidden id="id" value="${id}">
            <div class="row">
                <div class="col-lg-6" style="">
                    <div class="form-group">
                        <label class="col-sm-4 control-label" >
                            商户类型：<input checked type="radio" name="bodyType" value="01" onclick="updateHalf(2)">企业
                            <input  type="radio" name="bodyType" value="07" onclick="updateHalf(1)">个人
                        </label>
                    </div>
                    <div class="form-group" >
                        <label class="col-sm-3 control-label">*商户名称(一般与证件名称相同)：</label>
                        <div class="col-sm-9">
                            <input style="width: 300px" class="form-control" value="${item.businessName}" id="businessName"  placeholder="请输入商户名称" type="text">
                        </div>
                    </div>
                    <div class="form-group" >
                        <label class="col-sm-3 control-label">*商户别名(支付宝账单显示的商户名称)：</label>
                        <div class="col-sm-9">
                            <input style="width: 300px" class="form-control" value="${item.aliasName}" id="aliasName"  placeholder="请输入商户别名" type="text">
                        </div>
                    </div>

                    <div class="form-group" >
                        <label class="col-sm-3 control-label">*联系人姓名：</label>
                        <div class="col-sm-9">
                            <input style="width: 300px" class="form-control" value="${item.name}" id="name"  placeholder="请输入" type="text">
                        </div>
                    </div>
                    <div class="form-group" >
                        <label class="col-sm-3 control-label">*联系人电话：</label>
                        <div class="col-sm-9">
                            <input style="width: 300px" class="form-control" value="${item.phone}" id="phone"  placeholder="请输入" type="text">
                        </div>
                    </div>
                        <div class="form-group" >
                            <label class="col-sm-3 control-label">*法人姓名：</label>
                            <div class="col-sm-9" >
                                <input style="width: 300px" class="form-control" id="legalPerson" value="${item.legalPerson}"  placeholder="请输入" type="text">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">*法人身份证号：</label>
                            <div class="col-sm-9">
                                <input style="width: 300px" class="form-control" value="${item.leagleNumber}" id="leagleNumber"  placeholder="请输入" type="text">
                            </div>
                        </div>
                        <div class="form-group">
                            <#avatar id="IDCardImg" name="*法人身份证正面照" avatarImg="${item.legalFront}" />
                        </div>
                        <div class="form-group">
                            <#avatar id="IDCardImg1" name="*法人身份证背面照" avatarImg="${item.legalBack}" />
                        </div>

                    <div class="form-group" >
                        <label class="col-sm-3 control-label">*签约支付宝账号：</label>
                        <div class="col-sm-9" >
                            <input style="width: 300px" class="form-control" id="zfbAccount" value="${item.zfbAccount}"  placeholder="请输入" type="text">
                        </div>
                    </div>
                </div>
                <div class="col-lg-6" style="">
                    <div class="form-group" >
                        <label class="col-sm-3 control-label">*营业执照编号：</label>
                        <div class="col-sm-9" >
                            <input style="width: 300px" class="form-control" id="businessNumber" value="${item.businessNumber}"  placeholder="请输入" type="text">
                        </div>
                    </div>
                    <div class="form-group">
                        <#avatar id="license" name="*营业执照" avatarImg="${item.certImage}" />
                    </div>
                    <div class="form-group">
                        <label class="col-sm-4 control-label" >
                            结算账户类型：<input checked type="radio" name="accountType" value="bankCard" onclick="updateHalf(3)">银行卡
                            <input  type="radio" name="accountType" value="alipayAccount" onclick="updateHalf(4)">支付宝账号
                        </label>
                    </div>
                    <div class="form-group" hidden id="aliNumber">
                        <label class="col-sm-3 control-label">*支付宝账号：</label>
                        <div class="col-sm-9" >
                            <input style="width: 300px" class="form-control" id="alipayAccount" value="${item.alipayAccount}"  placeholder="请输入" type="text">
                        </div>
                    </div>
                    <div id="banks">
                        <div class="form-group" >
                            <label class="col-sm-3 control-label">*银行卡号：</label>
                            <div class="col-sm-9" >
                                <input style="width: 300px" class="form-control" id="bankCard" value="${item.bankCard}"  placeholder="请输入" type="text">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-4 control-label" >
                                账号使用类型：<input checked type="radio" name="useType" value="01" >对公
                                <input  type="radio" name="useType" value="02" >对私
                            </label>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-4 control-label" >
                                银行卡类型：<input checked type="radio" name="cardType" value="DC" onclick="updateHalf(2)">借记卡
                                <input  type="radio" name="cardType" value="CC" onclick="updateHalf(1)">信用卡
                            </label>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">*开户银行：</label>
                            <div class="col-sm-9">
                                <input style="width: 300px" class="form-control" id="bankName" value="${item.bankName}"  placeholder="请输入(例:中国农业银行)" type="text">
                            </div>
                        </div>
                        <div class="form-group" >
                            <label class="col-sm-3 control-label">*开户支行名称：</label>
                            <div class="col-sm-9" >
                                <input style="width: 300px" class="form-control" id="bankName1" value="${item.bankNameTwo}"  placeholder="请输入" type="text">
                            </div>
                        </div>
                        <div class="form-group" >
                            <label class="col-sm-3 control-label">*开户名称：</label>
                            <div class="col-sm-9" >
                                <input style="width: 300px" class="form-control" id="bankUserName" value="${item.accountName}"  placeholder="请输入" type="text">
                            </div>
                        </div>
                        <div class="form-group" id="provinceCode">
                            <label class="col-sm-3 control-label">*开户行所在省：</label>
                            <div class="col-sm-9">
                                <select style="width: 300px" class="form-control" id="pCode" name="pCode" onchange="TSite.oneChange2(this)">
                                    @for(obj in list4){
                                    <option style="width: 300px" value="${obj.code}" ${obj.code == item.provinceCode ? 'selected=selected' : ''}>${obj.name}</option>
                                    @}
                                </select>
                            </div>
                        </div>
                        <div class="form-group" id="cityCode">
                            <label class="col-sm-3 control-label">*开户行所在市：</label>
                            <div class="col-sm-9">
                                <select style="width: 300px" class="form-control" id="cCode" name="cCode" >
                                    @for(obj in list5){
                                    <option style="width: 300px" value="${obj.code}" ${obj.code == item.cityCode ? 'selected=selected' : ''}>${obj.name}</option>
                                    @}
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row" id="state">
                <div class="col-lg-6" >
                    <div class="form-group">
                        <label class="col-sm-3 control-label">*审核状态：</label>
                        <div class="col-sm-9">
                            <h3 style="color: red">${state}</h3>
                        </div>
                    </div>
                </div>
            </div>
            @if(reasons != null && reasons!=""){
            <div class="row" id="reasons">
                <div class="col-lg-6" >
                    <div class="form-group">
                        <label class="col-sm-3 control-label">*拒绝理由：</label>
                        <div class="col-sm-9">
                            <h3 style="color: red">${item.refuseReason}</h3>
                        </div>
                    </div>
                </div>
            </div>
            @}
            <div class="form-group">
                <div class="row btn-group-m-t">
                    <div class="col-sm-10 col-sm-offset-5" >
                        <#button btnCss="info" name="提交" id="ensure" icon="fa-check" clickFun="TSite.addSubmit()"/>
                        <#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="TSite.close()"/>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="${ctxPath}/modular/system/operatorUser/operatorUser.js"></script>
<script src="${ctxPath}/js/vue/vue.js"></script>
<script src="${ctxPath}/js/elementui/index.js"></script>
<link rel="stylesheet" href="${ctxPath}/js/elementui/index.css">
<script>
    function updateHalf(e) {
        if(e==3){
            console.log("展示")
            $("#banks").show()
            $("#aliNumber").hide()
        }else if (e==4){
            // 结算到支付宝账号
            console.log("隐藏")
            $("#banks").hide()
            $("#aliNumber").show()
        }
    }
    window.onload = function(){
        console.log("${accountType}")
        console.log("${useType}")
        console.log("${cardType}")
        var accountType = "${accountType}";
        var useType = "${useType}";
        var cardType = "${cardType}";
        var OBJradio=document.getElementsByName("bodyType")
        var type=document.getElementsByName("type")
        if("${bodyType}"=="01"){
            OBJradio[0].checked=true
        }else {
            OBJradio[1].checked=true
        }
        // 如果结算账户选择银行卡
        var OBJradio1=document.getElementsByName("accountType")
        if (accountType!="alipayAccount"){
            $("#aliNumber").hide();
            OBJradio1[0].checked=true
            $("#banks").show();
        }else{
            OBJradio1[1].checked=true
            $("#aliNumber").show();
            $("#banks").hide();
        }
        // 账户使用类型
        var OBJradio2=document.getElementsByName("useType")
        if (useType=="01"){
            OBJradio2[0].checked=true
        }else{
            OBJradio2[1].checked=true
        }
        // 银行卡类型
        var OBJradio3=document.getElementsByName("cardType")
        if (cardType=="DC"){
            OBJradio3[0].checked=true
        }else{
            OBJradio3[1].checked=true
        }

    }
</script>
@}