{extend name="layout/content"}
{block name="content"}
<style type="text/css">
    .spacing {
        margin-bottom: 10px;
        padding-right: 4px;
        padding-left: 4px;
    }
    table {
        word-wrap: break-word;
        word-break: break-all
    }

    .layui-layer-btn .layui-layer-btn1 {
        border-color: #009688;
        background-color: #009688;
        color: #fff;
    }
    .key{
        width: 150px;
        text-align: right;
        background-color: #f0f9eb;
    }
    .value1{
        width: 240px;
    }
</style>
<div class="ibox float-e-margins">
    <div class="ibox-title">
        <h5>用户中心</h5>
    </div>
    <div class="ibox-content">
        <div class="form-horizontal">
            <div class="row">
                <div class="col-sm-12">
                    <div class="tabs-container">
                        <ul class="nav nav-tabs">
                            <li class="active"><a data-toggle="tab" href="#tab-1" aria-expanded="true">基本信息</a></li>
                            <li class=""><a data-toggle="tab" href="#tab-2" aria-expanded="false">学校信息变更</a></li>
                            <li class=""><a data-toggle="tab" href="#tab-3" aria-expanded="false">修改密码</a></li>
                            <li class=""><a data-toggle="tab" href="#tab-5" aria-expanded="false">账号注销</a></li>
                            <!--              <li class="" ><a data-toggle="tab" href="#tab-4" aria-expanded="false">绑定聚才网账号</a></li>-->
                        </ul>
                        <div class="tab-content">
                            <div id="tab-1" class="tab-pane active">
                                <div class="panel-body">
                                    <div class="panel panel-default">
                                        <div class="panel-heading">学校信息</div>
                                        <div class="panel-body">

                                            <table style="width:100%" class="table table-bordered">
                                                <tr>
                                                    <td class="key">
                                                        账号
                                                    </td>
                                                    <td class="value1">
                                                        {$ep.username}
                                                    </td>
                                                    <td class="key">
                                                        学校名称
                                                    </td>
                                                    <td class="value1" style="border-right: 1px solid #c0a16b">
                                                        {$ep.name}
                                                    </td>
                                                    <td rowspan="3"  style="border: 1px solid #c0a16b">
                                                        <label>办学许可证、法人证书或登记证书</label>
                                                        {if condition="$ep['imgurl']"}
                                                        {if condition="$ep['imgurl_is_img'] eq 1"}
                                                        <img onclick="Feng.showImg(this)" id="yyzz" src="{$ep.imgurl|getStoragePath}" style="max-height:60px">
                                                        {else/}
                                                        <img onclick="Feng.showPdf('{$ep.imgurl|getStoragePath}', 'imgurl')" src="/static/img/Pdf.png" style="max-height:60px">
                                                        {/if}
                                                        {/if}
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="key">
                                                        统一社会信用代码
                                                    </td>
                                                    <td>
                                                        {$ep.idCard}
                                                    </td>
                                                    <td class="key">
                                                        法人代表
                                                    </td>
                                                    <td style="border-right: 1px solid #c0a16b">
                                                        {$ep.legal}
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="key">
                                                        学校电话
                                                    </td>
                                                    <td>
                                                        {$ep.ephone}
                                                    </td>
                                                    <td class="key">
                                                        学校地址
                                                    </td>
                                                    <td style="border-right: 1px solid #c0a16b">
                                                        {$ep.fullLocationName} {$ep.address}
                                                    </td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="panel-body">
                                    <div class="panel panel-default">
                                        <div class="panel-heading">人才联络员信息</div>
                                        <div class="panel-body">
                                            <table style="width:100%" class="table table-bordered">
                                                <tr>
                                                    <td class="key">
                                                        姓名
                                                    </td>
                                                    <td class="value1">
                                                        {$ep.agentName}
                                                    </td>
                                                    <td class="key">
                                                        人才联络员电话
                                                    </td>
                                                    <td class="value1" style="border-right: 1px solid #c0a16b">
                                                        {$ep.agentPhone}
                                                    </td>
                                                    <td rowspan="2" style="border: 1px solid #c0a16b">
                                                        <label>人才联络员信息备案表</label>
                                                        {if condition="$ep['beian']"}
                                                        {if condition="$ep['beian_is_img'] eq 1"}
                                                        <img onclick="Feng.showImg(this)" id="domainImg" src="{$ep.beian|getStoragePath}" style="max-height:60px">
                                                        {else/}
                                                        <img onclick="Feng.showPdf('{$ep.beian|getStoragePath}', 'beian')" src="/static/img/Pdf.png" style="max-height:60px">
                                                        {/if}
                                                        {/if}
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td class="key">
                                                        人才联络员邮箱
                                                    </td>
                                                    <td class="value1">
                                                        {$ep.agentEmail}
                                                    </td>
                                                    <td colspan="2" style="border-right: 1px solid #c0a16b"></td>
                                                </tr>

                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div id="tab-2" class="tab-pane">
                                <br/>
                                <div class="row">
                                    <div class="hidden-xs" id="tableToolbar" role="group">
                                        <button type="button" class="btn btn-sm btn-primary"
                                                onclick="EnterpriseCenter.addEnterprisechangeRecord()"><i
                                                class="fa fa-plus"></i>申请变更
                                        </button>
                                        <button type="button" class="btn btn-sm btn-primary"
                                                onclick="EnterpriseCenter.updateEnterprisechangeRecord()"><i
                                                class="fa fa-edit"></i>修改
                                        </button>
                                        <button type="button" class="btn btn-sm btn-primary"
                                                onclick="EnterpriseCenter.showEnterprisechangeRecordDetail()"><i
                                                class="fa fa-info"></i>查看详情
                                        </button>
                                    </div>
                                    <table id="table">
                                    </table>
                                </div>
                            </div>
                            <div id="tab-3" class="tab-pane">
                                <div class="panel-body" style="width:900px;">
                                    <br/>
                                    <div class="row">
                                        <div class="col-sm-12 b-r">
                                            <div class="rowGroup" style="margin-bottom: 0px;">
                                                <label class="col-sm-2 control-label">原密码</label>
                                                <div class="col-sm-10">
                                                    <input type="password" class="form-control"
                                                           autocomplete='new-password' name="password"/>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="hr-line-dashed"></div>
                                    <div class="row">
                                        <div class="col-sm-12 b-r">
                                            <div class="rowGroup" style="margin-bottom: 0px;">
                                                <label class="col-sm-2 control-label">新密码</label>
                                                <div class="col-sm-10">
                                                    <input type="password" class="form-control"
                                                           autocomplete='new-password' name="newPassword"/>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="hr-line-dashed"></div>
                                    <div class="row">
                                        <div class="col-sm-12 b-r">
                                            <div class="rowGroup" style="margin-bottom: 0px;">
                                                <label class="col-sm-2 control-label">重复新密码</label>
                                                <div class="col-sm-10">
                                                    <input type="password" class="form-control"
                                                           autocomplete='new-password' name="newRePassword"/>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <br/>
                                    <div style="width:100%; text-align: center;">
                                        <button type="button" class="btn btn-w-m btn-primary" style="width:200px;"
                                                onclick="EnterpriseCenter.changePwd()">确认修改
                                        </button>
                                    </div>
                                </div>
                            </div>
                            <div id="tab-4" class="tab-pane">
                                <div class="panel-body" style="width:900px;">
                                    <br/>
                                    <div class="row">
                                        <div class="col-sm-12 ">
                                            <div class="rowGroup" style="margin-bottom: 0px;">
                                                <label class="col-sm-2 control-label">聚才网账号</label>
                                                <div class="col-sm-10">
                                                    <input type="text" class="form-control" id="username"
                                                           name="username"/>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <br/>
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <div class="rowGroup" style="margin-bottom: 0px;">
                                                <label class="col-sm-2 control-label">聚才网账号密码</label>
                                                <div class="col-sm-10">
                                                    <input type="password" class="form-control"
                                                           autocomplete='new-password' id="password" name="password"/>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <br/>
                                    <div class="row">
                                        <div class="col-sm-12 ">
                                            <div class="rowGroup form-inline" style="margin-bottom: 0px;">
                                                <label class="col-sm-2 control-label">人才联络员手机验证码</label>
                                                <div class="col-sm-10">
                                                    <input autocomplete="off" type="text" style="width: 80%"
                                                           class="form-control" id="verificationCode"
                                                           name="verificationCode"/>
                                                    <button id="enterprise_sms_btn"
                                                            style="margin-bottom: 0px;width: 18%"
                                                            onclick="EnterpriseCenter.getEnterpriseSms()" type="button"
                                                            class="btn btn-sm btn-info">获取验证码
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <br/>
                                    <div style="width:100%; text-align: center;">
                                        <button type="button" class="btn btn-w-m btn-primary" style="width:200px;"
                                                onclick="EnterpriseCenter.bindJcAccount()">确认绑定
                                        </button>
                                    </div>
                                </div>
                            </div>
                            <div id="tab-5" class="tab-pane">
                                <div class="panel-body" style="width:900px;">
                                    <form id="EpCloseForm" autocomplete="off" action="/enterprise/api/closeAccount" method="post" enctype="multipart/form-data" target="hiddenIframe">
                                        <input type="hidden" id="closeAccountState" value="{$closeAccountRecord.checkState}"/>
                                        {eq name="closeAccountRecord.checkState" value="2"}
                                        <div class="row m-b-sm">
                                            <div class="col-sm-12">
                                                <div class="rowGroup">
                                                    <label class="col-sm-2 control-label">驳回意见</label>
                                                    <div class="col-sm-10">
                                                        <div class="form-control" style="color:#ff0000;">
                                                            {$closeAccountRecord.checkMsg}
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        {/eq}
                                        <div class="row m-b-sm">
                                            <div class="col-sm-12">
                                                <div class="rowGroup">
                                                    <label class="col-sm-2 control-label">账号</label>
                                                    <div class="col-sm-10">
                                                        <div class="form-control" style="background:#f2f2f2;">
                                                            {$ep.username}
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row m-b-sm">
                                            <div class="col-sm-12">
                                                <div class="rowGroup">
                                                    <label class="col-sm-2 control-label">学校名称</label>
                                                    <div class="col-sm-10">
                                                        <div class="form-control" style="background:#f2f2f2;">
                                                            {$ep.name}
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row m-b-sm">
                                            <div class="col-sm-12">
                                                <div class="rowGroup">
                                                    <label class="col-sm-2 control-label">统一社会信用代码</label>
                                                    <div class="col-sm-10">
                                                        <div class="form-control" style="background:#f2f2f2;">
                                                            {$ep.idCard}
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <br/>
                                        <div class="hr-line-dashed"></div>
                                        <div class="row m-b-sm">
                                            <div class="col-sm-12">
                                                <div class="rowGroup">
                                                    <label class="col-sm-2 control-label">注销原因</label>
                                                    <div class="col-sm-10">
                                                        <textarea class="form-control" rows="5" id="reason" name="reason" {if condition="in_array($closeAccountRecord['checkState'],[1,9])"}readonly{/if}>{$closeAccountRecord.reason}</textarea>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <div class="rowGroup">
                                                    <label class="col-sm-2 control-label">附件</label>
                                                    <div class="col-sm-10">
                                                        <button type="button" id="close-uploader-btn" class="btn" onclick="$('#close-uploader').click();" {if condition="in_array($closeAccountRecord['checkState'],[1,9])"}disabled{/if}>上传附件</button>
                                                        <input type="file" multiple="" id="close-uploader" name="closeAccountFiles[]" class="btn" style="display:none;" />
                                                    </div>
                                                    <div id="fileList">
                                                        <ul>
                                                            {volist name="closeAccountRecord.files" id="file"}
                                                            <li>
                                                                {if condition="strtoupper($file['ext']) eq 'PDF'"}
                                                                <img src="/static/img/Pdf.png" onclick="Feng.showPdf('{$file.path|getStoragePath}');"/>
                                                                {else/}
                                                                {if condition="in_array(strtoupper($file['ext']),['XLS','XLSX'])"}
                                                                <img src="/static/img/File.png" onclick="Feng.showExcel('{$file.path|getStoragePath}');"/>
                                                                {else/}
                                                                <img src="{$file.path|getStoragePath}" onclick="Feng.showImg(this);"/>
                                                                {/if}
                                                                {/if}
                                                            </li>
                                                            {/volist}
                                                        </ul>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <br/>
                                        <div style="width:100%; text-align: center;">
                                            {switch name="closeAccountRecord.checkState"}
                                            {case value="1"}
                                            <button type="button" id="closeAccountBtn" class="btn btn-w-m btn-primary" style="width:200px;" disabled>审核中</button>
                                            {/case}
                                            {case value="9"}
                                            <button type="button" id="closeAccountBtn" class="btn btn-w-m btn-primary" style="width:200px;" disabled>审核中</button>
                                            {/case}
                                            {case value="2"}
                                            <button type="button" id="closeAccountBtn" class="btn btn-w-m btn-primary" style="width:200px;" onclick="EnterpriseCenter.closeAccount()">重新提交</button>
                                            {/case}
                                            {default/}
                                            <button type="button" id="closeAccountBtn" class="btn btn-w-m btn-primary" style="width:200px;" onclick="EnterpriseCenter.closeAccount()">注销账号</button>
                                            {/switch}
                                        </div>
                                    </form>
                                    <iframe id="hiddenIframe" name="hiddenIframe" style="display: none;"></iframe>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    document.write('<script src="/static/modular/gate/enterprise/school/enterprise_center.js?v=' + (new Date()).getTime() + '"><\/script>');
</script>
<!--<script src='{$ctxPath}/static/modular/gate/enterprise/enterprise_center.js?v='></script>-->
{/block}