123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277 |
- <!DOCTYPE html>
- <html xmlns="http://www.w3.org/1999/xhtml" ng-app="app">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <meta http-equiv="Pragma" content="no-cache" />
- <meta http-equiv="Cache-Control" content="no-cache" />
- <meta http-equiv="Expires" content="0" />
- <title>个人资料</title>
- <link href="../../AFrontEnd/css/animate.css" rel="stylesheet" />
- <link href="../../AFrontEnd/css/fontawesome/css/font-awesome.css" rel="stylesheet" />
- <link href="../../AFrontEnd/css/bootstrap.css" rel="stylesheet" />
- <link href="../../AFrontEnd/css/style.css" rel="stylesheet" />
- <script>document.write("<link href='../../AFrontEnd/css/special.css?time=" + new Date().getTime() + "' rel='stylesheet'>");</script>
- <script>document.write("<link href='css/personalData.css?time=" + new Date().getTime() + "' rel='stylesheet'>");</script>
- </head>
- <body ng-controller="personalData as ctl">
- <div class="loading" ng-if="ctl.loading">
- <div class="loading-msg">
- <h3>数据加载中,请等待</h3>
- <div class="spinner">
- <div class="bounce1"></div>
- <div class="bounce2"></div>
- <div class="bounce3"></div>
- </div>
- </div>
- </div>
- <div class="sp-page">
- <div class="sp-center-1000">
- <div class="sp-col-20">
- <div class="sp-page" style="margin-top:50px;">
- <a href="personalData.html"><div class="leftcol-lh"><img src="img/zhanghao.png" /> 账号与安全</div></a>
- <a href="personalData_tabletop.html"><div class="leftcol-lh"><img src="img/logo-kj.png" /> 框架与桌面</div></a>
- <a href="personalData_phone.html"><div class="leftcol-lh"><img src="img/logo-phone.png" /> 通讯录信息</div></a>
- </div>
- </div>
- <div class="sp-col-80">
- <div class="sp-page" style="width:90%; margin-left:5%; margin-top:40px;">
- <div class="sp-lh-32 sp-text-center sp-text-weight sp-fs-16" style="margin-bottom:30px;">账号与安全</div>
- <div class="sp-lh-50">
- <div class="sp-col-70"><img src="img/logo-user-head.png" style="width: 50px; height: 50px;" /> 用户头像</div>
- <div class="sp-col-30"><span class="sp-btn-blue-outline sp-btn-md sp-btn-radius" ng-click="ctl.btnModify_userPhoto()">更改</span></div>
- </div>
- <div class="sp-page sp-border-bottom" style="margin-top:20px; margin-bottom: 20px; "></div>
- <div class="sp-lh-30">
- <div class="sp-col-70"><img src="img/logo-zh-bg.png" style="width:25px; height:25px;" /> 用户账号:{{ctl.frameArray_UserinfoAccount}}</div>
- <div class="sp-col-30"><!--<span class="sp-btn-blue-outline sp-btn-md sp-btn-radius" ng-click="ctl.btnModify_UserinfoAccount()">更改</span>--></div>
- </div>
- <div class="sp-lh-30">
- <div class="sp-col-70"><img src="img/logo-zh-bg.png" style="width:25px; height:25px;" /> 用户名称:{{ctl.frameArray_UserinfoUsername}}</div>
- <div class="sp-col-30"><span class="sp-btn-blue-outline sp-btn-md sp-btn-radius" ng-click="ctl.btnModify_UserinfoUsername()">更改</span></div>
- </div>
- <div class="sp-lh-30">
- <div class="sp-col-70"><img src="img/logo-phone-bg.png" style="width:25px; height:25px;" /> 手机号码:{{ctl.frameArray_UserinfoCellphone}}</div>
- <div class="sp-col-30"><span class="sp-btn-blue-outline sp-btn-md sp-btn-radius" ng-click="ctl.btnModify_UserinfoCellphone()">更改</span></div>
- </div>
- <div class="sp-lh-30">
- <div class="sp-col-70"><img src="img/logo-pwd-bg.png" style="width:25px; height:25px;" /> 重置口令</div>
- <div class="sp-col-30"><span class="sp-btn-blue-outline sp-btn-md sp-btn-radius" ng-click="ctl.btnModify_Pwd()">重置</span></div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!--更换用户头像信息-->
- <div class="sp-layer" id="layer_userPhoto" data-title="更改用户头像信息" style="width: 500px;">
- <div class="sp-layer-body">
- <div class="sp-page">
- <table class="sp-grid-job">
- <tbody>
- <tr>
- <td>名称:</td>
- <td ng-bind="ctl.userCName" class="sp-text-left sp-indent-10"></td>
- </tr>
- <tr>
- <td>头像:</td>
- <td class="sp-text-left">
- <span class="sp-upload">
- <img class="sp-upload-img" alt="" style="width: 150px; height: 150px; " />
- <input type="file" id="btnfile" class="sp-upload-file-img" />
- </span>
- </td>
- </tr>
- </tbody>
- </table>
- <!--<div class="sp-lh-26 sp-text-center sp-color-red" id="setPasswordTip">111</div>-->
- <div class="sp-page sp-text-center sp-mt-20">
- <button class="sp-btn-blue sp-btn-radius" ng-click="ctl.submit_userPhoto()">
- <i class="fa fa-check sp-mr-5"></i>提 交
- </button>
- <button class="sp-btn-default sp-btn-radius" ng-click="ctl.cancel_userPhoto()">
- <i class="fa fa-close sp-mr-5"></i>关 闭
- </button>
- </div>
- </div>
- </div>
- </div>
- <!--更改--用户的账号信息-->
- <div class="sp-layer" id="layer_UserinfoAccount" data-title="更改用户的账号信息" style="width: 500px;">
- <div class="sp-layer-body">
- <div class="sp-page">
- <table class="sp-grid-job">
- <tbody>
- <tr>
- <td>原账号:</td>
- <td ng-bind="ctl.frameArray_UserinfoAccount" class="sp-text-left sp-indent-10"></td>
- </tr>
- <tr>
- <td>新账号:</td>
- <td class="sp-text-left">
- <input type="text" ng-model="ctl.frameArray_UserinfoAccount_new" sp-required />
- </td>
- </tr>
- </tbody>
- </table>
- <!--<div class="sp-lh-26 sp-text-center sp-color-red" id="setPasswordTip">111</div>-->
- <div class="sp-page sp-text-center sp-mt-20">
- <button class="sp-btn-blue sp-btn-radius" ng-click="ctl.submit_UserinfoAccount()">
- <i class="fa fa-check sp-mr-5"></i>提 交
- </button>
- <button class="sp-btn-default sp-btn-radius" ng-click="ctl.cancel_UserinfoAccount()">
- <i class="fa fa-close sp-mr-5"></i>关 闭
- </button>
- </div>
- </div>
- </div>
- </div>
- <!--更改--用户名称-->
- <div class="sp-layer" id="layer_UserinfoUsername" data-title="更改用户名称" style="width: 500px;">
- <div class="sp-layer-body">
- <div class="sp-page">
- <table class="sp-grid-job">
- <tbody>
- <tr>
- <td>原用户名称:</td>
- <td ng-bind="ctl.frameArray_UserinfoUsername" class="sp-text-left sp-indent-10"></td>
- </tr>
- <tr>
- <td>新用户名称:</td>
- <td class="sp-text-left">
- <input type="text" ng-model="ctl.frameArray_UserinfoUsername_new" sp-required />
- </td>
- </tr>
- </tbody>
- </table>
- <!--<div class="sp-lh-26 sp-text-center sp-color-red" id="setPasswordTip">111</div>-->
- <div class="sp-page sp-text-center sp-mt-20">
- <button class="sp-btn-blue sp-btn-radius" ng-click="ctl.submit_UserinfoUsername()">
- <i class="fa fa-check sp-mr-5"></i>提 交
- </button>
- <button class="sp-btn-default sp-btn-radius" ng-click="ctl.cancel_UserinfoUsername()">
- <i class="fa fa-close sp-mr-5"></i>关 闭
- </button>
- </div>
- </div>
- </div>
- </div>
- <!--更改--手机号码-->
- <div class="sp-layer" id="layer_UserinfoCellphone" data-title="更改手机号码" style="width: 500px;">
- <div class="sp-layer-body">
- <div class="sp-page">
- <table class="sp-grid-job" id="layer_UserinfoCellphone_table">
- <tbody>
- <tr>
- <td>原手机号码:</td>
- <td ng-bind="ctl.frameArray_UserinfoCellphone" class="sp-text-left sp-indent-10"></td>
- </tr>
- <tr>
- <td>新手机号码:</td>
- <td class="sp-text-left">
- <input type="number" ng-model="ctl.frameArray_UserinfoCellphone_new" sp-phone />
- </td>
- </tr>
- </tbody>
- </table>
- <!--<div class="sp-lh-26 sp-text-center sp-color-red" id="setPasswordTip">111</div>-->
- <div class="sp-page sp-text-center sp-mt-20">
- <button class="sp-btn-blue sp-btn-radius" ng-click="ctl.submit_UserinfoCellphone()">
- <i class="fa fa-check sp-mr-5"></i>提 交
- </button>
- <button class="sp-btn-default sp-btn-radius" ng-click="ctl.cancel_UserinfoCellphone()">
- <i class="fa fa-close sp-mr-5"></i>关 闭
- </button>
- </div>
- </div>
- </div>
- </div>
- <!--更改--重置口令-->
- <div class="sp-layer" id="layer_Pwd" data-title="重置口令" style="width: 500px;">
- <div class="sp-layer-body">
- <div class="sp-page">
- <table class="sp-grid-job" id="layer_UserinfoCellphone_table">
- <tbody>
- <tr>
- <td>用户账号:</td>
- <td ng-bind="ctl.frameArray_UserinfoAccount" class="sp-text-left sp-indent-10"></td>
- </tr>
- <tr>
- <td>原密码:</td>
- <td class="sp-text-left">
- <input type="password" class="sp-input" ng-model="ctl.info.oldPwd" sp-required />
- </td>
- </tr>
- <tr>
- <td>新密码:</td>
- <td class="sp-text-left">
- <input type="password" class="sp-input" ng-model="ctl.info.newPwd" sp-required />
- </td>
- </tr>
- <tr>
- <td>密码确认:</td>
- <td class="sp-text-left">
- <input type="password" class="sp-input" ng-model="ctl.info.newPwdConfirm" sp-required />
- </td>
- </tr>
- </tbody>
- </table>
- <div class="sp-lh-32" style="color:red;">
- <div class="sp-col-20 sp-text-right">
- 修改提示:
- </div>
- <div class="sp-col-80">
- 新密码必须包括:数字、大写字母、小写字母、特殊符号,并且8~16位!
- </div>
- </div>
- <!--<div class="sp-lh-26 sp-text-center sp-color-red" id="setPasswordTip">111</div>-->
- <div class="sp-page sp-text-center sp-mt-20">
- <button class="sp-btn-blue sp-btn-radius" ng-click="ctl.submit_Pwd()">
- <i class="fa fa-check sp-mr-5"></i>提 交
- </button>
- <button class="sp-btn-default sp-btn-radius" ng-click="ctl.cancel_Pwd()">
- <i class="fa fa-close sp-mr-5"></i>关 闭
- </button>
- </div>
- </div>
- </div>
- </div>
- <script src="../../AFrontEnd/js/jquery/jquery-2.1.4.min.js"></script>
- <script src="../../AFrontEnd/js/angularjs/angular.js"></script>
- <script src="../../AFrontEnd/js/angularjs/angular-sanitize.js"></script>
- <script src="../../apiurljs.js"></script>
- <script src="../../js/sm4.js"></script>
- <script src="../../js/base64.js"></script>
- <script>document.write('<scri' + 'pt src="../../AFrontEnd/js/special/special.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>');;</script>
- <script>document.write('<scri' + 'pt src="js/personalData.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>');;</script>
- <script src="../../AFrontEnd/js/special/spng.js"></script>
- <script src="../../AFrontEnd/js/special/spngvld.js"></script>
- <script src="../../js/jsencrypt.js"></script>
- </body>
- </html>
|