common.js 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158
  1. $(document).ready(function () {
  2. $(".layui-side .layui-nav-item").not('.layui-nav-itemspec').mouseenter(function () {
  3. if ($(".layui-side-menu").hasClass('layui-sideact')) {
  4. $(this).addClass('layui-nav-itemact')
  5. }
  6. })
  7. $(".layui-side .layui-nav-item").not('.layui-nav-itemspec').mouseleave(function () {
  8. if ($(".layui-side-menu").hasClass('layui-sideact')) {
  9. $(".layui-sideact .layui-nav-item").not('.layui-nav-itemspec').removeClass('layui-nav-itemact')
  10. }
  11. })
  12. $(".layui-nav-itemspec").find('.layui-icon').on("click", function () {
  13. if ($(".layui-side-menu").hasClass('layui-sideact')) {
  14. $(".layui-side-menu").removeClass('layui-sideact')
  15. $(".layui-body").removeClass('layui-bodyact')
  16. } else {
  17. $(".layui-side-menu").addClass('layui-sideact')
  18. $(".layui-body").addClass('layui-bodyact')
  19. }
  20. })
  21. })
  22. // 时间标准格式的转换
  23. function isZero(m){
  24. return m<10?'0'+m:m
  25. }
  26. function formatDate(timestamp) {
  27. var time = new Date(timestamp);
  28. var y = time.getFullYear();
  29. var m = time.getMonth()+1;
  30. var d = time.getDate();
  31. var h = time.getHours();
  32. var mm = time.getMinutes();
  33. var s = time.getSeconds();
  34. return y+'-'+isZero(m)+'-'+isZero(d)+' '+isZero(h)+':'+isZero(mm)+':'+isZero(s);
  35. }
  36. //只能输入两位并且保留两位小数
  37. function clearNoNum(obj){
  38. obj.value = obj.value.replace(/[^\d.]/g,""); //清除“数字”和“.”以外的字符
  39. obj.value = obj.value.replace(/\.{2,}/g,"."); //只保留第一个. 清除多余的
  40. obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
  41. obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3');//只能输入两个小数
  42. if(obj.value.indexOf(".")< 0 && obj.value !=""){//以上已经过滤,此处控制的是如果没有小数点,首位不能为类似于 01、02的金额
  43. obj.value= parseFloat(obj.value);
  44. }
  45. }
  46. //只能输入正整数或零
  47. function positive(obj){
  48. var regs = /^(0|[1-9][0-9]*)$/;
  49. if(regs.test(obj.value)) {
  50. obj.value = parseInt(obj.value)
  51. }else{
  52. obj.value = ''
  53. }
  54. }
  55. // 获取地址栏的参数
  56. function getUrlParam(name){
  57. var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
  58. var r = window.location.search.substr(1).match(reg);
  59. if (r!=null) return unescape(r[2]); return null;
  60. }
  61. /**
  62. * 图片压缩,默认同比例压缩
  63. * @param {Object} path
  64. * pc端传入的路径可以为相对路径,但是在移动端上必须传入的路径是照相图片储存的绝对路径
  65. * @param {Object} obj
  66. * obj 对象 有 width, height, quality(0-1)
  67. * @param {Object} callback
  68. * 回调函数有一个参数,base64的字符串数据
  69. */
  70. function dealImage(path, obj, callback) {
  71. var img = new Image();
  72. img.src = path;
  73. img.onload = function () {
  74. var that = this;
  75. // 默认按比例压缩
  76. var w = that.width,
  77. h = that.height,
  78. scale = w / h;
  79. w = obj.width || w;
  80. h = obj.height || (w / scale);
  81. var quality = 0.7; // 默认图片质量为0.7
  82. //生成canvas
  83. var canvas = document.createElement('canvas');
  84. var ctx = canvas.getContext('2d');
  85. // 创建属性节点
  86. var anw = document.createAttribute("width");
  87. anw.nodeValue = w;
  88. var anh = document.createAttribute("height");
  89. anh.nodeValue = h;
  90. canvas.setAttributeNode(anw);
  91. canvas.setAttributeNode(anh);
  92. ctx.drawImage(that, 0, 0, w, h);
  93. // 图像质量
  94. if (obj.quality && obj.quality <= 1 && obj.quality > 0) {
  95. quality = obj.quality;
  96. }
  97. // quality值越小,所绘制出的图像越模糊
  98. var base64 = canvas.toDataURL('image/jpeg', quality);
  99. // 回调函数返回base64的值
  100. callback(base64);
  101. }
  102. }
  103. // 修改个人信息
  104. function showPop() {
  105. layer.open({
  106. type: 1,
  107. title: "编辑个人信息",
  108. area: ['420px', '320px'],
  109. shade: 0,
  110. content: $("#popUpdate"),//引用的弹出层的页面层的方式加载修改界面表单
  111. success: function (layero, index) {
  112. //表单初始赋值
  113. // form.val('modeformData', data)
  114. // $("#oldhead").attr('src', data.logo)
  115. },
  116. cancel: function(){ //点击取消
  117. $("#popUpdate").hide()
  118. layer.closeAll()
  119. }
  120. });
  121. }
  122. layui.use('form', function () {
  123. var form = layui.form;
  124. form.on('submit(modebtn)', function (data) {
  125. var uregs = /^[a-zA-Z0-9]{4,12}$/
  126. if(data.field.nickname.length < 4 || data.field.nickname.length > 12) {
  127. layer.tips('请输入正确的昵称格式',$("#modenickname"),{
  128. tips: [3, '#0FA6D8']
  129. });
  130. $("#nickname").focus();
  131. return false;
  132. }
  133. if(!uregs.test(data.field.password)) {
  134. layer.tips('请输入正确的密码格式',$("#modepassword"),{
  135. tips: [3, '#0FA6D8']
  136. });
  137. $("#password").focus();
  138. return false;
  139. }
  140. $.ajax({
  141. type:'post',
  142. url:'', //修改个人信息的接口
  143. dataType:'json',
  144. data:JSON.stringify(data.field),
  145. success:function(res) {
  146. if(res.code == 0) {
  147. layer.msg('创建成功',{icon: 6});
  148. }else{
  149. layer.msg("网络错误,请稍后再试", {icon: 5});
  150. }
  151. }
  152. })
  153. return false;
  154. });
  155. });