index.js 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. layui.use(["layer", "form", "laydate", 'laypage'], function(){
  2. $ = layui.$;
  3. form = layui.form;
  4. layer = layui.layer;
  5. laypage = layui.laypage;
  6. //头部查询
  7. $(".query_button").on("click", () => {
  8. phone = $("input[name=phone]").val(); //开始日期
  9. load(1, 7, phone);//查询报价单数据渲染
  10. });
  11. //头部重置
  12. $(".reset_button").on("click", () => {
  13. $("input[name=phone]").val(""); //开始日期
  14. phone = null;
  15. load(1, 7, phone);//查询报价单数据渲染
  16. });
  17. //新增子账号
  18. $(".add_button").on("click", function (e){
  19. let str = "<div class='phoneBox'>"
  20. // +"<div class='phoneSmBox'>原手机号码 <input type='text' name='oldPhone' lay-verify='oldPhone' autocomplete='off' class='layui-input'></div>"
  21. +"<div class='phoneSmBox'>手机号码 <input type='text' name='phoneSend' lay-verify='newPhone' autocomplete='off' class='layui-input'></div>"
  22. +"<div class='phoneSmBox2'><input type='text' name='yzNum' lay-verify='yzNum' autocomplete='off' class='layui-input'>"
  23. +"<div class='getCode getCaptcha'>获取验证码</div></div>"
  24. +"</div>";
  25. layer.confirm(str,{
  26. btn: ['确定', '取消'],
  27. title: "新增人员",
  28. skin: 'layclass'
  29. }, function () {
  30. layer.load(3);
  31. //修改
  32. $.ajax({
  33. url: "/personal/editorEmployees",
  34. type: "put",
  35. data: {
  36. "phone": $("input[name=phoneSend]").val(),
  37. "captcha": $("input[name=yzNum]").val()
  38. },
  39. headers: {"token": localStorage.getItem("token")},
  40. dataType: "json",
  41. success: (data) => {
  42. if(data.msg == "200"){
  43. layer.closeAll();
  44. parent.layer.msg("修改成功", {icon: 1});
  45. load(1, 7, null);//数据渲染
  46. } else if(data.msg == "300"){
  47. layer.closeAll("loading");
  48. layer.msg(data.errMsg, {icon: 2});
  49. }
  50. },
  51. error: () => {
  52. layer.closeAll("loading");
  53. layer.alert("网络错误 请联系管理员");
  54. }
  55. });
  56. }, function(){
  57. layer.closeAll()
  58. });
  59. });
  60. //发送验证码
  61. $(document).on("click", ".getCode", (e) => {
  62. let phone = $("input[name=phoneSend]").val();//新手机号
  63. // let oldPhone = $("input[name=oldPhone]").val();//新手机号
  64. // if(!(/^1[3456789]\d{9}$/.test(oldPhone))){
  65. // layer.alert("手机号格式不正确", {icon: 2});
  66. // return false;
  67. // }
  68. console.log(phone)
  69. if(!(/^1[3456789]\d{9}$/.test(phone))){
  70. layer.alert("手机号格式不正确", {icon: 2});
  71. return false;
  72. }
  73. //发送验证码
  74. $.ajax({
  75. url: "https://www.tuyatrip.com/api/supplier/checkTele",
  76. type: "get",
  77. data: {
  78. "phone": phone
  79. },
  80. // contentType: "application/json",
  81. headers: {"token": localStorage.getItem("token")},
  82. dataType: "json",
  83. success: (data) => {
  84. if(data.msg == "500"){
  85. parent.layer.alert(data.errMsg, {icon: 2});
  86. } else {
  87. parent.layer.alert("发送成功", {icon: 1});
  88. let time = 60;
  89. let timer = "";
  90. clearInterval(timer);
  91. timer = setInterval(function () {
  92. if (time > 0) {
  93. $('.getCaptcha').html(time + "S");
  94. $(".getCaptcha").removeClass("getCode");
  95. time--;
  96. } else {
  97. $('.getCaptcha').html("获取验证码");
  98. time = 60;
  99. $(".getCaptcha").addClass("getCode");
  100. clearInterval(timer);
  101. }
  102. }, 1000);
  103. }
  104. },
  105. error: () => {
  106. layer.closeAll("loading");
  107. layer.alert("网络错误 请联系管理员");
  108. }
  109. });
  110. });
  111. load(1, 7, phone);//数据渲染
  112. translationVal(parent.type);//翻译
  113. })