personalData.html 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" ng-app="app">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <meta http-equiv="Pragma" content="no-cache" />
  6. <meta http-equiv="Cache-Control" content="no-cache" />
  7. <meta http-equiv="Expires" content="0" />
  8. <title>个人资料</title>
  9. <link href="../../AFrontEnd/css/animate.css" rel="stylesheet" />
  10. <link href="../../AFrontEnd/css/fontawesome/css/font-awesome.css" rel="stylesheet" />
  11. <link href="../../AFrontEnd/css/bootstrap.css" rel="stylesheet" />
  12. <link href="../../AFrontEnd/css/style.css" rel="stylesheet" />
  13. <script>document.write("<link href='../../AFrontEnd/css/special.css?time=" + new Date().getTime() + "' rel='stylesheet'>");</script>
  14. <script>document.write("<link href='css/personalData.css?time=" + new Date().getTime() + "' rel='stylesheet'>");</script>
  15. </head>
  16. <body ng-controller="personalData as ctl">
  17. <div class="loading" ng-if="ctl.loading">
  18. <div class="loading-msg">
  19. <h3>数据加载中,请等待</h3>
  20. <div class="spinner">
  21. <div class="bounce1"></div>
  22. <div class="bounce2"></div>
  23. <div class="bounce3"></div>
  24. </div>
  25. </div>
  26. </div>
  27. <div class="sp-page">
  28. <div class="sp-center-1000">
  29. <div class="sp-col-20">
  30. <div class="sp-page" style="margin-top:50px;">
  31. <a href="personalData.html"><div class="leftcol-lh"><img src="img/zhanghao.png" /> 账号与安全</div></a>
  32. <a href="personalData_tabletop.html"><div class="leftcol-lh"><img src="img/logo-kj.png" /> 框架与桌面</div></a>
  33. <a href="personalData_phone.html"><div class="leftcol-lh"><img src="img/logo-phone.png" /> 通讯录信息</div></a>
  34. </div>
  35. </div>
  36. <div class="sp-col-80">
  37. <div class="sp-page" style="width:90%; margin-left:5%; margin-top:40px;">
  38. <div class="sp-lh-32 sp-text-center sp-text-weight sp-fs-16" style="margin-bottom:30px;">账号与安全</div>
  39. <div class="sp-lh-50">
  40. <div class="sp-col-70"><img src="img/logo-user-head.png" style="width: 50px; height: 50px;" /> 用户头像</div>
  41. <div class="sp-col-30"><span class="sp-btn-blue-outline sp-btn-md sp-btn-radius" ng-click="ctl.btnModify_userPhoto()">更改</span></div>
  42. </div>
  43. <div class="sp-page sp-border-bottom" style="margin-top:20px; margin-bottom: 20px; "></div>
  44. <div class="sp-lh-30">
  45. <div class="sp-col-70"><img src="img/logo-zh-bg.png" style="width:25px; height:25px;" /> 用户账号:{{ctl.frameArray_UserinfoAccount}}</div>
  46. <div class="sp-col-30"><!--<span class="sp-btn-blue-outline sp-btn-md sp-btn-radius" ng-click="ctl.btnModify_UserinfoAccount()">更改</span>--></div>
  47. </div>
  48. <div class="sp-lh-30">
  49. <div class="sp-col-70"><img src="img/logo-zh-bg.png" style="width:25px; height:25px;" /> 用户名称:{{ctl.frameArray_UserinfoUsername}}</div>
  50. <div class="sp-col-30"><span class="sp-btn-blue-outline sp-btn-md sp-btn-radius" ng-click="ctl.btnModify_UserinfoUsername()">更改</span></div>
  51. </div>
  52. <div class="sp-lh-30">
  53. <div class="sp-col-70"><img src="img/logo-phone-bg.png" style="width:25px; height:25px;" /> 手机号码:{{ctl.frameArray_UserinfoCellphone}}</div>
  54. <div class="sp-col-30"><span class="sp-btn-blue-outline sp-btn-md sp-btn-radius" ng-click="ctl.btnModify_UserinfoCellphone()">更改</span></div>
  55. </div>
  56. <div class="sp-lh-30">
  57. <div class="sp-col-70"><img src="img/logo-pwd-bg.png" style="width:25px; height:25px;" /> 重置口令</div>
  58. <div class="sp-col-30"><span class="sp-btn-blue-outline sp-btn-md sp-btn-radius" ng-click="ctl.btnModify_Pwd()">重置</span></div>
  59. </div>
  60. </div>
  61. </div>
  62. </div>
  63. </div>
  64. <!--更换用户头像信息-->
  65. <div class="sp-layer" id="layer_userPhoto" data-title="更改用户头像信息" style="width: 500px;">
  66. <div class="sp-layer-body">
  67. <div class="sp-page">
  68. <table class="sp-grid-job">
  69. <tbody>
  70. <tr>
  71. <td>名称:</td>
  72. <td ng-bind="ctl.userCName" class="sp-text-left sp-indent-10"></td>
  73. </tr>
  74. <tr>
  75. <td>头像:</td>
  76. <td class="sp-text-left">
  77. <span class="sp-upload">
  78. <img class="sp-upload-img" alt="" style="width: 150px; height: 150px; " />
  79. <input type="file" id="btnfile" class="sp-upload-file-img" />
  80. </span>
  81. </td>
  82. </tr>
  83. </tbody>
  84. </table>
  85. <!--<div class="sp-lh-26 sp-text-center sp-color-red" id="setPasswordTip">111</div>-->
  86. <div class="sp-page sp-text-center sp-mt-20">
  87. <button class="sp-btn-blue sp-btn-radius" ng-click="ctl.submit_userPhoto()">
  88. <i class="fa fa-check sp-mr-5"></i>提 交
  89. </button>
  90. <button class="sp-btn-default sp-btn-radius" ng-click="ctl.cancel_userPhoto()">
  91. <i class="fa fa-close sp-mr-5"></i>关 闭
  92. </button>
  93. </div>
  94. </div>
  95. </div>
  96. </div>
  97. <!--更改--用户的账号信息-->
  98. <div class="sp-layer" id="layer_UserinfoAccount" data-title="更改用户的账号信息" style="width: 500px;">
  99. <div class="sp-layer-body">
  100. <div class="sp-page">
  101. <table class="sp-grid-job">
  102. <tbody>
  103. <tr>
  104. <td>原账号:</td>
  105. <td ng-bind="ctl.frameArray_UserinfoAccount" class="sp-text-left sp-indent-10"></td>
  106. </tr>
  107. <tr>
  108. <td>新账号:</td>
  109. <td class="sp-text-left">
  110. <input type="text" ng-model="ctl.frameArray_UserinfoAccount_new" sp-required />
  111. </td>
  112. </tr>
  113. </tbody>
  114. </table>
  115. <!--<div class="sp-lh-26 sp-text-center sp-color-red" id="setPasswordTip">111</div>-->
  116. <div class="sp-page sp-text-center sp-mt-20">
  117. <button class="sp-btn-blue sp-btn-radius" ng-click="ctl.submit_UserinfoAccount()">
  118. <i class="fa fa-check sp-mr-5"></i>提 交
  119. </button>
  120. <button class="sp-btn-default sp-btn-radius" ng-click="ctl.cancel_UserinfoAccount()">
  121. <i class="fa fa-close sp-mr-5"></i>关 闭
  122. </button>
  123. </div>
  124. </div>
  125. </div>
  126. </div>
  127. <!--更改--用户名称-->
  128. <div class="sp-layer" id="layer_UserinfoUsername" data-title="更改用户名称" style="width: 500px;">
  129. <div class="sp-layer-body">
  130. <div class="sp-page">
  131. <table class="sp-grid-job">
  132. <tbody>
  133. <tr>
  134. <td>原用户名称:</td>
  135. <td ng-bind="ctl.frameArray_UserinfoUsername" class="sp-text-left sp-indent-10"></td>
  136. </tr>
  137. <tr>
  138. <td>新用户名称:</td>
  139. <td class="sp-text-left">
  140. <input type="text" ng-model="ctl.frameArray_UserinfoUsername_new" sp-required />
  141. </td>
  142. </tr>
  143. </tbody>
  144. </table>
  145. <!--<div class="sp-lh-26 sp-text-center sp-color-red" id="setPasswordTip">111</div>-->
  146. <div class="sp-page sp-text-center sp-mt-20">
  147. <button class="sp-btn-blue sp-btn-radius" ng-click="ctl.submit_UserinfoUsername()">
  148. <i class="fa fa-check sp-mr-5"></i>提 交
  149. </button>
  150. <button class="sp-btn-default sp-btn-radius" ng-click="ctl.cancel_UserinfoUsername()">
  151. <i class="fa fa-close sp-mr-5"></i>关 闭
  152. </button>
  153. </div>
  154. </div>
  155. </div>
  156. </div>
  157. <!--更改--手机号码-->
  158. <div class="sp-layer" id="layer_UserinfoCellphone" data-title="更改手机号码" style="width: 500px;">
  159. <div class="sp-layer-body">
  160. <div class="sp-page">
  161. <table class="sp-grid-job" id="layer_UserinfoCellphone_table">
  162. <tbody>
  163. <tr>
  164. <td>原手机号码:</td>
  165. <td ng-bind="ctl.frameArray_UserinfoCellphone" class="sp-text-left sp-indent-10"></td>
  166. </tr>
  167. <tr>
  168. <td>新手机号码:</td>
  169. <td class="sp-text-left">
  170. <input type="number" ng-model="ctl.frameArray_UserinfoCellphone_new" sp-phone />
  171. </td>
  172. </tr>
  173. </tbody>
  174. </table>
  175. <!--<div class="sp-lh-26 sp-text-center sp-color-red" id="setPasswordTip">111</div>-->
  176. <div class="sp-page sp-text-center sp-mt-20">
  177. <button class="sp-btn-blue sp-btn-radius" ng-click="ctl.submit_UserinfoCellphone()">
  178. <i class="fa fa-check sp-mr-5"></i>提 交
  179. </button>
  180. <button class="sp-btn-default sp-btn-radius" ng-click="ctl.cancel_UserinfoCellphone()">
  181. <i class="fa fa-close sp-mr-5"></i>关 闭
  182. </button>
  183. </div>
  184. </div>
  185. </div>
  186. </div>
  187. <!--更改--重置口令-->
  188. <div class="sp-layer" id="layer_Pwd" data-title="重置口令" style="width: 500px;">
  189. <div class="sp-layer-body">
  190. <div class="sp-page">
  191. <table class="sp-grid-job" id="layer_UserinfoCellphone_table">
  192. <tbody>
  193. <tr>
  194. <td>用户账号:</td>
  195. <td ng-bind="ctl.frameArray_UserinfoAccount" class="sp-text-left sp-indent-10"></td>
  196. </tr>
  197. <tr>
  198. <td>原密码:</td>
  199. <td class="sp-text-left">
  200. <input type="password" class="sp-input" ng-model="ctl.info.oldPwd" sp-required />
  201. </td>
  202. </tr>
  203. <tr>
  204. <td>新密码:</td>
  205. <td class="sp-text-left">
  206. <input type="password" class="sp-input" ng-model="ctl.info.newPwd" sp-required />
  207. </td>
  208. </tr>
  209. <tr>
  210. <td>密码确认:</td>
  211. <td class="sp-text-left">
  212. <input type="password" class="sp-input" ng-model="ctl.info.newPwdConfirm" sp-required />
  213. </td>
  214. </tr>
  215. </tbody>
  216. </table>
  217. <div class="sp-lh-32" style="color:red;">
  218. <div class="sp-col-20 sp-text-right">
  219. 修改提示:
  220. </div>
  221. <div class="sp-col-80">
  222. 新密码必须包括:数字、大写字母、小写字母、特殊符号,并且8~16位!
  223. </div>
  224. </div>
  225. <!--<div class="sp-lh-26 sp-text-center sp-color-red" id="setPasswordTip">111</div>-->
  226. <div class="sp-page sp-text-center sp-mt-20">
  227. <button class="sp-btn-blue sp-btn-radius" ng-click="ctl.submit_Pwd()">
  228. <i class="fa fa-check sp-mr-5"></i>提 交
  229. </button>
  230. <button class="sp-btn-default sp-btn-radius" ng-click="ctl.cancel_Pwd()">
  231. <i class="fa fa-close sp-mr-5"></i>关 闭
  232. </button>
  233. </div>
  234. </div>
  235. </div>
  236. </div>
  237. <script src="../../AFrontEnd/js/jquery/jquery-2.1.4.min.js"></script>
  238. <script src="../../AFrontEnd/js/angularjs/angular.js"></script>
  239. <script src="../../AFrontEnd/js/angularjs/angular-sanitize.js"></script>
  240. <script src="../../apiurljs.js"></script>
  241. <script src="../../js/sm4.js"></script>
  242. <script src="../../js/base64.js"></script>
  243. <script>document.write('<scri' + 'pt src="../../AFrontEnd/js/special/special.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>');;</script>
  244. <script>document.write('<scri' + 'pt src="js/personalData.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>');;</script>
  245. <script src="../../AFrontEnd/js/special/spng.js"></script>
  246. <script src="../../AFrontEnd/js/special/spngvld.js"></script>
  247. <script src="../../js/jsencrypt.js"></script>
  248. </body>
  249. </html>