script.js 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. var getNode = function(id){
  2. return document.getElementById(id)
  3. }
  4. var yuyue = getNode("yuyue")
  5. var share = getNode("share")
  6. var modal = getNode("zy-h5-modal")
  7. var modalZz = getNode("zy-h5-fix-z")
  8. var submitModal = getNode("submitModal")
  9. var canselModal = getNode("canselModal")
  10. var userPhone = getNode("userPhone")
  11. // test, 测试 local:本地 pre :预发布 pro:生产
  12. if(baseType == 'test'){
  13. var reqUrl = 'http://192.168.16.100:9110/saas/clz/'
  14. }else if(baseType == 'local'){
  15. var reqUrl = 'http://127.0.0.1:9110/saas/clz/'
  16. }else if(baseType == 'pre'){
  17. var reqUrl = 'http://md.test.zyucgj.com/saas/clz/'
  18. }else if(baseType == 'pro'){
  19. var reqUrl = 'http://md.chelingzhu.com/saas/clz/'
  20. }
  21. // 隐藏预约弹框
  22. var closeYy = function (){
  23. userPhone.value = ''
  24. modal.style.display = 'none'
  25. modalZz.style.display = 'none'
  26. }
  27. window.onload = function(){
  28. getActivityData()
  29. // 获取活动信息
  30. function getActivityData(){
  31. // 获取活动信息 (海报和门店二维码)
  32. $.ajax({
  33. url: reqUrl + 'active/findActiveAttach/' + acitveId,
  34. type: 'get',
  35. header: {
  36. contentType: 'application/json;charset=UTF-8',
  37. },
  38. // 设置的是请求参数
  39. data: {},
  40. dataType: 'json',
  41. success: function (res) {
  42. if(res.status == 200){
  43. const data = res.data
  44. if(staticHtmlPath){ // 发布
  45. const joinerNum = parseInt(data.initBuyNum) + parseInt(data.joinerNum)
  46. document.getElementById('joinerNum').innerHTML = joinerNum
  47. }
  48. }
  49. },
  50. })
  51. }
  52. // 打开预约弹框
  53. yuyue.onclick = function(){
  54. modal.style.display = 'block'
  55. modalZz.style.display = 'block'
  56. }
  57. // 关闭预约弹框
  58. canselModal.onclick = function(){
  59. closeYy()
  60. }
  61. // 提交预约
  62. submitModal.onclick = function(){
  63. // 提交代码到后台
  64. var mobile = userPhone.value
  65. if(mobile==''){
  66. alert("请输入手机号码");
  67. return false;
  68. }
  69. if(!(/^1(3|4|5|6|7|8|9)\d{9}$/.test(mobile))){
  70. alert("手机号码错误,请重填");
  71. return false;
  72. }
  73. const obj = JSON.stringify({
  74. "joinerMobile": mobile,
  75. "activeId": acitveId,
  76. })
  77. // 立即参与
  78. $.ajax({
  79. url: reqUrl + 'active/signUp',
  80. type: 'post',
  81. contentType: 'application/json;charset=UTF-8',
  82. // 设置的是请求参数
  83. data: obj,
  84. dataType: 'json',
  85. success: function (res) {
  86. console.log(res)
  87. if(res.status == 200){
  88. closeYy()
  89. }
  90. alert(res.message)
  91. }
  92. })
  93. }
  94. // 分享
  95. share.onclick = function(){
  96. window.location.href = 'http://static.chelingzhu.com/active/poster.html?id=' + acitveId + '&reqUrl=' + reqUrl
  97. }
  98. }