Нет описания

personalCenter.js 7.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257
  1. /**
  2. * 个人中心
  3. * */
  4. $(function(){
  5. $('#Username').val(window.localStorage.getItem('userCode'));
  6. $('#Password_old').on('keyup',validate);
  7. $('#Password').on('keyup',validate);
  8. $('#Password2').on('keyup',validate);
  9. $('#modifyPasswordBtn').off('click',modifyPassword);
  10. $('#modifyPasswordBtn').on('click',modifyPassword);
  11. //imgEditor();
  12. });
  13. var lowExp = new RegExp(/^(?:\d+|[a-zA-Z]+|[!@#$%^&*]+)$/)
  14. //lowExp.test(logpas)
  15. //修改密码
  16. function modifyPassword(){
  17. if(!$.trim($('#Password_old').val())) {
  18. layer.confirm('请输入原密码', {
  19. icon: 2,
  20. btn: ['确定']
  21. });
  22. return;
  23. }
  24. if(!regexs.newPsswordReg.test($.trim($('#Password').val()))) {
  25. layer.confirm('请输入有效的新密码(8位以上长度,包含数字、大小写字母、特殊字符中至少3种)', {
  26. icon: 2,
  27. btn: ['确定']
  28. });
  29. return;
  30. }
  31. if(!regexs.newPsswordReg.test($.trim($('#Password2').val()))) {
  32. layer.confirm('请输入有效的确认密码(8位以上长度,包含数字、大小写字母、特殊字符中至少3种)', {
  33. icon: 2,
  34. btn: ['确定']
  35. });
  36. return;
  37. }
  38. $.post(huayi.config.callcenter_url + "signtokenapi/api/useraccount/updatemypassword", {
  39. oldpassword: $.md5($('#Password_old').val()),
  40. password: $.md5($('#Password').val()),
  41. surepassword: $.md5($('#Password2').val()),
  42. }, function(data) {
  43. data = JSON.parse(data);
  44. if(data.state.toLowerCase() === "success") {
  45. // clean();
  46. var index = parent.layer.getFrameIndex(window.name);
  47. parent.layer.close(index);
  48. parent.layer.msg("密码修改成功!");
  49. }
  50. });
  51. }
  52. function clean(){
  53. $('#Password_old').val('');
  54. $('#Password').val('');
  55. $('#Password2').val('');
  56. }
  57. function validate() {
  58. var pasold = $.trim($('#Password_old').val());
  59. var pwd = $.trim($("#Password").val());
  60. var pwd2 = $.trim($("#Password2").val());
  61. if(!pasold){
  62. $("#pasoldInfo").text("原密码不能为空!");
  63. $("#pasoldInfo").css("color","red");
  64. $("#modifyPasswordBtn").prop("disabled", true);
  65. return;
  66. }else{
  67. $("#pasoldInfo").text("");
  68. $("#modifyPasswordBtn").prop("disabled", true);
  69. }
  70. if(!pwd){
  71. $("#pasInfo").text("新密码不能为空!");
  72. $("#pasInfo").css("color","red");
  73. $("#modifyPasswordBtn").prop("disabled", true);
  74. return;
  75. }else{
  76. $("#pasInfo").text("");
  77. $("#modifyPasswordBtn").prop("disabled", true);
  78. }
  79. if(!pwd2){
  80. $("#pas2Info").text("新密码不能为空!");
  81. $("#pas2Info").css("color","red")
  82. $("#modifyPasswordBtn").prop("disabled", true);
  83. }
  84. if(pwd == pwd2){
  85. $("#pas2Info").text("新密码和确认密码相同");
  86. $("#pas2Info").css("color","green");
  87. $("#modifyPasswordBtn").prop("disabled", true);
  88. if(pwd == pasold){
  89. $("#pas2Info").text("新密码和原密码相同");
  90. $("#pas2Info").css("color","red");
  91. $("#modifyPasswordBtn").prop("disabled", true);
  92. }else{
  93. $("#modifyPasswordBtn").prop("disabled", false);
  94. }
  95. }else {
  96. $("#pas2Info").text("新密码和确认密码不相同");
  97. $("#pas2Info").css("color","red");
  98. $("#modifyPasswordBtn").prop("disabled", true);
  99. }
  100. }
  101. //头像剪切
  102. function imgEditor() {
  103. var o = $(".image-crop > img");
  104. o.cropper("destroy");
  105. o.cropper({
  106. aspectRatio: 1334 / 750,
  107. resizable: true,
  108. dragCrop: true,
  109. preview: ".img-preview",
  110. done: function() {
  111. }
  112. });
  113. var r = $("#inputImage");
  114. var fileName = $("#file_name").val();
  115. if(window.FileReader) {
  116. r.change(function() {
  117. $('.progress-bar').css('width', '0%');
  118. $('.progress-bar').text('0%');
  119. var e, i = new FileReader,
  120. t = this.files;
  121. if(t.length && (e = t[0], /^image\/\w+$/.test(e.type))) {
  122. i.readAsDataURL(e);
  123. fileName = e.name;
  124. i.onload = function() {
  125. r.val("");
  126. o.cropper("reset", !0).cropper("replace", this.result);
  127. }
  128. } else {
  129. layer.msg("请选择本地图片文件");
  130. }
  131. });
  132. $("#setDrag").click(function() {
  133. var self = $(this);
  134. o.cropper("setDragMode", "crop");
  135. var imgUrl = o.cropper("getCroppedCanvas").toDataURL('image/png');
  136. //var dataurl = encodeURIComponent(imgUrl);
  137. var filesjson;
  138. var list = [],
  139. listItem = {};
  140. listItem.filename = fileName;
  141. listItem.fileurl = imgUrl;
  142. list.push(listItem);
  143. filesjson = JSON.stringify(list);
  144. upLoadFile(filesjson, self);
  145. });
  146. $("#zoomIn").click(function() {
  147. $('.progress-bar').css('width', '0%');
  148. $('.progress-bar').text('0%');
  149. o.cropper("zoom", .1)
  150. });
  151. $("#zoomOut").click(function() {
  152. $('.progress-bar').css('width', '0%');
  153. $('.progress-bar').text('0%');
  154. o.cropper("zoom", -.1)
  155. });
  156. $("#rotateLeft").click(function() {
  157. $('.progress-bar').css('width', '0%');
  158. $('.progress-bar').text('0%');
  159. o.cropper("rotate", 45)
  160. });
  161. $("#rotateRight").click(function() {
  162. $('.progress-bar').css('width', '0%');
  163. $('.progress-bar').text('0%');
  164. o.cropper("rotate", -45)
  165. });
  166. } else {
  167. r.addClass("hide");
  168. }
  169. }
  170. /**
  171. * 图片的上传
  172. * fjson 上传图片 的数据
  173. * self 调用者的this
  174. */
  175. function upLoadFile(fjson, self) {
  176. var formData = new FormData();
  177. formData.append("uploadtype", 'proManagement');
  178. formData.append("filesjson", fjson);
  179. $.ajax({
  180. type: "post",
  181. url: huayi.config.callcenter_url + "fileserverapi/Api/Upload",
  182. data: formData, //这里上传的数据使用了formData 对象
  183. processData: false,
  184. contentType: false, //必须false才会自动加上正确的Content-Type
  185. xhr: function() { //这是关键 获取原生的xhr对象 做以前做的所有事情
  186. var xhr = jQuery.ajaxSettings.xhr();
  187. xhr.upload.onload = function() {
  188. //alert('finish downloading')
  189. }
  190. xhr.upload.onprogress = function(ev) {
  191. var percent = 100 * ev.loaded / ev.total;
  192. $('.progress-bar').css('width', percent + '%');
  193. $('.progress-bar').text(percent + '%');
  194. }
  195. return xhr;
  196. },
  197. async: true,
  198. beforeSend: function() { //触发ajax请求开始时执行
  199. self.attr("disabled", true);
  200. self.text('图片上传中...');
  201. $('.anniu').find('.btnn').css('backgroundColor', '#778592');
  202. },
  203. // data: {
  204. // uploadtype: 'proManagement',
  205. // filesjson: fjson,
  206. // },
  207. success: function(result) {
  208. result = $.parseJSON(result);
  209. self.attr("disabled", false);
  210. self.text('上传图片');
  211. $('.anniu').find('.btnn').css('backgroundColor', '#2f4050');
  212. /*验证请求*/
  213. if(result.state.toLowerCase() == "success") {
  214. imglist = result.data;
  215. layer.msg("图片上传成功");
  216. } else {
  217. layer.msg(result.message);
  218. }
  219. },
  220. error: function(textStatus) {
  221. $('.progress-bar').css('width', '0%');
  222. $('.progress-bar').text('0%');
  223. layer.confirm('网络繁忙,请稍后再试...', {
  224. btn: ['确定'] //按钮
  225. });
  226. self.text('上传图片');
  227. self.attr("disabled", false);
  228. $('.anniu').find('.btnn').css('backgroundColor', '#2f4050');
  229. },
  230. complete: function(XMLHttpRequest, textStatus) {
  231. if(textStatus == 'timeout') {
  232. var xmlhttp = window.XMLHttpRequest ? new window.XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHttp");
  233. xmlhttp.abort();
  234. layer.confirm('网络超时,请稍后再试...', {
  235. btn: ['确定'] //按钮
  236. });    
  237. }
  238. self.text('上传图片');
  239. self.attr("disabled", false);
  240. $('.anniu').find('.btnn').css('backgroundColor', '#2f4050');
  241. },
  242. });
  243. }