Нет описания

personalCenter.html 4.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>设置</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <script src="../Script/Common/huayi.load.js"></script>
  8. <script src="../Script/Common/huayi.config.js"></script>
  9. <link href="../css/Table/table1.css" rel="stylesheet" />
  10. <link href="../css/init.css" rel="stylesheet" />
  11. <link href="../css/plugins/cropper/cropper.min.css" rel="stylesheet">
  12. <link rel="stylesheet" href="../css/templateHtmlCss/uerManagement.css" />
  13. <style>
  14. .modify_password {
  15. margin: 20px;
  16. }
  17. .modify_password .form-horizontal {
  18. margin-top: 20px;
  19. }
  20. .modify_password .btn {
  21. width: 30%;
  22. margin-top: 5%;
  23. }
  24. .modify_password .form-control {
  25. margin-right: 10px;
  26. }
  27. </style>
  28. </head>
  29. <body>
  30. <div class="modify_password">
  31. <!-- Nav tabs -->
  32. <ul class="nav nav-tabs" role="tablist">
  33. <li role="presentation" class="active">
  34. <a href="#personal" aria-controls="personal" role="tab" data-toggle="tab">修改密码</a>
  35. </li>
  36. <li role="presentation" class="hidden">
  37. <a href="#portrait" aria-controls="portrait" role="tab" data-toggle="tab">修改头像</a>
  38. </li>
  39. </ul>
  40. <!-- Tab panes -->
  41. <div class="tab-content">
  42. <div role="tabpanel" class="tab-pane active" id="personal">
  43. <div class="form-horizontal row">
  44. <div class="form-group">
  45. <label for="Username" class="col-sm-4 control-label">账号:</label>
  46. <div class="col-sm-7 form-inline">
  47. <input type="text" class="form-control" id="Username" disabled>
  48. </div>
  49. </div>
  50. <div class="form-group">
  51. <label for="Password_old" class="col-sm-4 control-label">原密码:</label>
  52. <div class="col-sm-7 form-inline">
  53. <input type="password" class="form-control" id="Password_old" placeholder="请输入原密码" autocomplete="off">
  54. <span id="pasoldInfo"></span>
  55. </div>
  56. </div>
  57. <div class="form-group">
  58. <label for="Password" class="col-sm-4 control-label">新密码:</label>
  59. <div class="col-sm-7 form-inline">
  60. <input type="password" class="form-control" id="Password" placeholder="请输入新密码" autocomplete="off">
  61. <span id="pasInfo"></span>
  62. </div>
  63. </div>
  64. <div class="form-group">
  65. <label for="Password2" class="col-sm-4 control-label">确认密码:</label>
  66. <div class="col-sm-7 form-inline">
  67. <input type="password" class="form-control" id="Password2" placeholder="请再次输入新密码" autocomplete="off">
  68. <span id="pas2Info"></span>
  69. </div>
  70. </div>
  71. <div class="form-group">
  72. <div class="col-sm-offset-4 col-sm-10">
  73. <button id="modifyPasswordBtn" type="button" class="btn btn-primary" disabled>确认</button>
  74. </div>
  75. </div>
  76. </div>
  77. </div>
  78. <div role="tabpanel" class="tab-pane" id="portrait">
  79. <div class="form-group">
  80. <label for="project_imgs" class="col-md-2">上传头像</label>
  81. <div class="col-md-10 uploadTP">
  82. <div class="clearfix">
  83. <div class="crop_left">
  84. <div class="image-crop" id="image_crop0">
  85. <img src="">
  86. </div>
  87. </div>
  88. <div class="crop_right">
  89. <h4>头像预览:</h4>
  90. <div class="img-preview img-preview-sm" id="img_preview0"></div>
  91. </div>
  92. </div>
  93. <div class="anniu" style="margin-top: 20px;text-align: left;">
  94. <label title="上传图片" for="inputImage0" class="btnn" style="margin-right: 100px;">
  95. <input type="file" accept="image/jpeg,image/jpg,image/png" name="file" id="inputImage0" class="hide">本地图片
  96. </label>
  97. <input type="hidden" id="BigPicUrl0" />
  98. <input type="hidden" id="SmallPicUrl0" />
  99. <button class="btnn" id="zoomIn0" type="button">放大</button>
  100. <button class="btnn" id="zoomOut0" type="button">缩小</button>
  101. <button class="btnn" id="rotateLeft0" type="button">左旋转</button>
  102. <button class="btnn" id="rotateRight0" type="button">右旋转</button>
  103. <button class="btnn" id="setDrag0" type="button">上传图片</button>
  104. </div>
  105. </div>
  106. </div>
  107. </div>
  108. </div>
  109. </div>
  110. <script language="javascript" type="text/javascript" src="../js/jquery.md5.js"></script>
  111. <script src="../js/plugins/cropper/cropper.min.js"></script>
  112. <script src="../Script/Common/regexs.js"></script>
  113. <script src="js/personalCenter.js"></script>
  114. </body>
  115. </html>