dataserver_management_map_ui_sh2000/templates/user/userSideBar.html

<div id="userSideBar" class="modal">
    <iframe frameborder="0" class="cover-iframe"></iframe>
    <div class="cover-content">
        <div class="popup-lt"></div>
        <div class="popup-lb"></div>
        <div class="popup-rt"></div>
        <div class="popup-rb"></div>
        <div class="popup-ct">
            <button type="button" class="close"></button>
            <h3>用户中心</h3>
        </div>
        <div class="popup-cb">
            <ul class="usdLeft">
                <li class="uInfo active" mid="uInfo"><a href="javascript:void(0);">用户信息</a></li>
                <li class="uFavo" mid="uFavo"><a href="javascript:void(0);">我的收藏</a></li>
                <!-- <li class="uSet" mid="uSet"><a href="javascript:void(0);">设置</a></li> -->
                <li class="mng szzcUser" mid="szzcUser"><a href="javascript:void(0);">数字战场用户管理系统</a></li>
                <li class="mng tyUser" mid="tyUser"><a href="javascript:void(0);">用户管理系统</a></li>
                <!-- <li class="mng gcmsUser" mid="gcmsUser"><a href="javascript:void(0);">地理空间内容管理系统</a></li> -->
                <li class="mng qxUser" mid="qxUser"><a href="javascript:void(0);">全息地图数据管理系统</a></li>
                <!-- <li class="mng rzUser" mid="rzUser"><a href="javascript:void(0);" >平台日志管理系统</a></li> -->
                <!-- <li class="mng tjUser" mid="tjUser"><a href="javascript:void(0);">访问流量监控统计系统</a></li>
                <li class="mng registeredheatmap" mid="registeredheatmap"><a href="javascript:void(0);">热力图</a></li>
                <li class="mng developerAuthentication" mid="developerAuthentication"><a
                        href="javascript:void(0);">开发者用户认证</a></li> -->
            </ul>
            <ul class="usdTab">
                <li class="uInfo" class="active">
                    <h1 class="tab"><span class="baseInf active">基本信息</span><span class="changePass">修改密码</span></h1>
                    <ul class="baseInfList">
                        <li class="username"><span>用户名称：</span><input type="text" readonly="readonly"></li>
                        <li class="nickname"><span>用户昵称：</span><input type="text"></li>
                        <li class="email"><span>邮箱：</span><input type="text" readonly="readonly"></li>
                        <li class="org_name"><span>单位名称：</span><b></b></li>
                        <li class="real_name"><span>真实姓名：</span><input type="text" readonly="readonly"></li>
                        <li class="address"><span>通讯地址：</span><input type="text" readonly="readonly"></li>
                        <li class="mobile"><span>联系电话：</span><input type="tel" readonly="readonly"></li>
                        <li class="developer"><span>是否为开发者用户：</span><b></b></li>
                    </ul>
                    <ul class="passchange hd">
                        <li><span>原密码：</span><input type="password" class="oldPass"></li>
                        <li><span>新密码：</span><input type="password" class="newPass1"></li>
                        <li><span>密码确认：</span><input type="password" class="newPass2"></li>
                    </ul>
                    <div class="btns">
                        <button class="submit">保存</button>
                        <button class="cancel">取消</button>
                    </div>
                    <div class="tipInfo">*提示：<span></span></div>
                    <div class="editInf"></div>
                </li>
                <li class="uFavo" id="usdFavor">
                    <div id="userCenter" class="panel">
                        <dl class="nav">
                            <dt><a class="nav-userRoute btn2">规划路线</a></dt>
                            <dt><a class="nav-userDraw btn2">路线\标注</a></dt>
                        </dl>
                        <div id="userCenterContentWrap">
                            <div id="usrCenterContent">
                            </div>
                        </div>
                    </div>
                </li>
                <li class="uSet"></li>
                <li class="uManage"></li>
                <li class="usigup" id="uSigup">
                    <div class="usigup_content">
                        <div class="usiup_header">
                            <h3>查看不同时间内用户独立访问分布</h3>
                        </div>
                        <div class="usiup_border">
                            <div class="time_content">
                                <input type="button" class="time_btn" value="本周" mid="week" cid="usiup">
                                <input type="button" class="time_btn" value="本月" mid="month" cid="usiup">
                                <input type="button" class="time_btn" value="最近三月" mid="3months" cid="usiup">
                                <input type="button" class="time_btn" value="最近六月" mid="6months" cid="usiup">
                                <input type="button" class="time_btn" value="本年" mid="year" cid="usiup">
                                <input type="button" class="time_btn" value="最近三年" mid="3years" cid="usiup">
                                <input type="button" class="time_btn" value="历史所有时间" mid="all" cid="usiup">
                            </div>
                        </div>
                    </div>
                    <div class="tileHeatmap_content">
                        <div class="tileHeatmap_header">
                            <h3>查看不同时间内瓦片访问统计</h3>
                        </div>
                        <div class="tileHeatmap_border">
                            <div class="time_content">
                                <input type="button" class="time_btn" value="本周" mid="week" cid="tile">
                                <input type="button" class="time_btn" value="本月" mid="month" cid="tile">
                                <input type="button" class="time_btn" value="最近三月" mid="3months" cid="tile">
                                <input type="button" class="time_btn" value="最近六月" mid="6months" cid="tile">
                                <input type="button" class="time_btn" value="本年" mid="year" cid="tile">
                                <input type="button" class="time_btn" value="最近三年" mid="3years" cid="tile">
                                <input type="button" class="time_btn" value="历史所有时间" mid="all" cid="tile">
                            </div>
                        </div>
                    </div>
                </li>
                <li class="uDeveloperAuth">
                    <div class="developAuthContent">
                        <div class="authStep">
                            <ul>
                                <li class="step1 nowStep">
                                    <p>1</p> 选择认证类型
                                </li>
                                <li class="step2">
                                    <p>2</p> 填写认证信息
                                </li>
                                <li class="step3">
                                    <p>3</p> 提交认证结果
                                </li>
                            </ul>
                        </div>
                        <div class="authStepContent">
                            <div class="step1 nowStep">
                                <div>
                                    <ul>
                                        <li>
                                            <div>
                                                <div>认证个人开发者</div>
                                                <div>
                                                    适用于公司研发技术选型期，新产品研发与测试阶段，学生、研究所或个人兴趣的学习研究
                                                </div>
                                                <div class="attestation person">
                                                    成为认证个人开发者
                                                </div>
                                            </div>
                                        </li>
                                        <li style="display: none!important;">
                                            <div>
                                                <div>企业开发者</div>
                                                <div>
                                                    适用于有营运资质的企业主体或对服务调用量有较高要求的企业
                                                </div>
                                                <div class="attestation enterprise">成为企业开发者</div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="step2">
                                <div class="person">
                                    <div>
                                        <p class="label"><span>*</span>开发者姓名</p>
                                        <input type="text" name="" id="" class="developerName" placeholder="请输入姓名">
                                    </div>
                                    <div>
                                        <p class="label"><span>*</span>身份证号</p>
                                        <input type="text" name="" id="" class="IDNumber" onkeyup="value=value.replace(/[\u4e00-\u9fa5]/ig,'')" placeholder="请输入身份证号">
                                    </div>
                                    <div>
                                        <p class="label"><span>*</span>身份证上传</p>
                                        <div class="IDCard portrait">
                                            <p class="label"><span>*</span>人像面</p>
                                            <div id="portrait"></div>
                                        </div>
                                        <div class="IDCard emblem">
                                            <p class="label"><span>*</span>国徽面</p>
                                            <div id="emblem"></div>
                                        </div>
                                        <div class="upload_IDCard_describe">
                                            说明：图片格式支持jpg、jepg、png，大小不超过5M <br>
                                            请确保身份证照片清晰无遮挡，且与输入的姓名和身份证号保持一致
                                        </div>
                                    </div>
                                    <div>
                                        <button class="prev">上一步</button>
                                        <button class="next">下一步</button>
                                    </div>
                                </div>
                                <div class="enterprise">
                                    <div>
                                        <button class="prev">上一步</button>
                                        <button class="next">下一步</button>
                                    </div>
                                </div>
                            </div>
                            <div class="step3">
                                <div>
                                    <div class="uploadBackMessage">上传认证成功，等待人工审核。5s后自动返回</div>
                                    <button class="back">返回</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>