report/app/person/view/index/center_page.html

{extend name="layout/content" /}
{block name="content"}
<style type="text/css">
    .spacing {
        margin-bottom: 10px;
        padding-right:4px;
        padding-left: 4px;
    }
    .layui-layer-btn .layui-layer-btn1 {
        border-color: #009688;
        background-color: #009688;
        color: #fff;
    }
</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="" style="pointer-events: none"><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" style="width:800px;">
                                    <br/>
                                    <div class="row">
                                        <div class="col-sm-12 ">
                                            <div class="rowGroup">
                                                <label class="col-sm-2 control-label spacing">账号</label>
                                                <div class="col-sm-4 spacing">
                                                    <input type="text" class="form-control" readonly="readonly" name="username" value="{$person.username}" />
                                                </div>
                                            </div>
                                            <div class="rowGroup">
                                                <div class="rowGroup"  style="margin-bottom: 0px;">
                                                    <label class="col-sm-2 control-label spacing">姓名</label>
                                                    <div class="col-sm-4 spacing">
                                                        <input type="text" class="form-control" name="name" value="{$person.name}" style="pointer-events: none;background-color: #eee;"/>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="rowGroup">
                                                <div class="rowGroup"  style="margin-bottom: 0px;">
                                                    <label class="col-sm-2 control-label spacing">性别</label>
                                                    <div class="col-sm-4 spacing">
                                                        <select class="form-control " id="sex" name="sex" style="pointer-events: none;background-color: #eee;">
                                                            <option value="">--- 请选择 ---</option>
                                                            <option value="1">男</option>
                                                            <option value="2">女</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="rowGroup">
                                                <div class="rowGroup"  style="margin-bottom: 0px;">
                                                    <label class="col-sm-2 control-label spacing">身份证号</label>
                                                    <div class="col-sm-4 spacing">
                                                        <input type="text" class="form-control" name="idCard" value="{$person.idCard}" readonly="readonly"/>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="rowGroup">
                                                <div class="rowGroup"  style="margin-bottom: 0px;">
                                                    <label class="col-sm-2 control-label spacing">电话号码</label>
                                                    <div class="col-sm-4 spacing">
                                                        <input type="text" class="form-control" readonly="readonly" name="phone" value="{$person.phone}" />
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="rowGroup">
                                                <div class="rowGroup"  style="margin-bottom: 0px;">
                                                    <label class="col-sm-2 control-label spacing">联系地址</label>
                                                    <div class="col-sm-4 spacing">
                                                        <input type="text" class="form-control" name="address" value="{$person.address}" />
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="rowGroup">
                                                <div class="rowGroup"  style="margin-bottom: 0px;">
                                                    <label class="col-sm-2 spacing control-label">账号状态</label>
                                                    <div class="col-sm-4 spacing">
                                                        <input type="text" class="form-control" readonly="readonly" name="activeName" value="{$person.activeName}" />
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="rowGroup">
                                                <div class="rowGroup"  style="margin-bottom: 0px;">
                                                    <label class="col-sm-2 spacing control-label">冻结原因</label>
                                                    <div class="col-sm-4 spacing">
                                                        <input type="text" class="form-control" readonly="readonly" name="activeMsg" value="{$person.activeMsg}" />
                                                    </div>
                                                </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="UserCenter.changeBasic()">保存基础信息</button>
                                    </div>
                                </div>
                            </div>
                            <div id="tab-2" class="tab-pane">
                                <div class="panel-body" style="width:800px;">
                                    <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" autocomplete='new-password' class="form-control" id="password" name="password"/>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="hr-line-dashed"></div>
                                    <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" autocomplete='new-password' class="form-control" id="newPassword" name="newPassword"/>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="hr-line-dashed"></div>
                                    <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" autocomplete='new-password' class="form-control" id="newRePassword" 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="UserCenter.changePwd()">确认修改</button>
                                    </div>
                                </div>
                            </div>
                            <div id="tab-3" class="tab-pane">
                                <div class="panel-body" style="width:800px;">
                                    <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-8">
                                                    <input type="text" class="form-control" readonly="readonly" id="phone" name="phone" value="{$person.phone}"/>
                                                </div>
                                                <div class="col-sm-2">
                                                    <button id="ps_sms_btn" onclick="UserCenter.getVerificationCode(this)" type="button" class="btn btn-info">获取验证码</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="hr-line-dashed"></div>
                                    <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" name="verificationCode"/>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="hr-line-dashed"></div>
                                    <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" name="newPhone"/>
                                                </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="UserCenter.changePhone()">确认修改</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="jcPassword" 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="UserCenter.getVerificationCode(this)" 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="UserCenter.bindJcAccount()">确认绑定</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
       	</div>
    </div>
</div>
<input type="text" id="sexTemp" value="{$person.sex}" style="display: none;" />
<!--<script src="${ctxPath}/static/modular/gate/person/user_center.js"></script>-->
<script type="text/javascript">
    document.write('<script src="/static/modular/gate/person/user_center.js?v=' + (new Date()).getTime() + '"><\/script>');
</script>
{/block}