Nav apraksta

personalCenter.js 7.2KB

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