var getNode = function(id){ return document.getElementById(id) } var yuyue = getNode("yuyue") // 预约按钮 var modal = getNode("zy-h5-modal") // 预约弹框 var modalZz = getNode("zy-h5-fix-z") // 弹框遮罩层 var submitModal = getNode("submitModal") // 提交预约 var canselModal = getNode("canselModal") // 取消预约 var userPhone = getNode("userPhone") // 预约手机号 var joinerNum = getNode("joinerNum") // 参与人数 var store = getNode("store") // 门店 var storeId = getQueryString('orgId') || 0 // 门店id var companyId = '' // test, 测试 local、dev:本地开发环境 pre :预发布 pro:生产 if(baseType == 'test'){ var reqUrl = 'http://192.168.16.100:9110/saas/clz/' }else if(baseType == 'local'){ var reqUrl = 'http://192.168.16.104:9110/saas/clz/' }else if(baseType == 'dev'){ var reqUrl = 'http://192.168.16.104:9110/saas/clz/' }else if(baseType == 'pre'){ var reqUrl = 'http://md.test.zyucgj.com/saas/clz/' }else if(baseType == 'pro'){ var reqUrl = 'http://md.chelingzhu.com/saas/clz/' }else if(baseType == 'qbx'){ var reqUrl = 'https://md.qiubcar.com/saas/clz/' } // 正则获取地址栏参数 function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i") var r = window.location.search.substr(1).match(reg) if (r != null) { return unescape(r[2]) } return null } // 门店活动统计(参与者轮播) function joinerList(companyId){ var obj = JSON.stringify({ activeId: activeId, // 活动id tenantId: storeId, // 门店id companyId: companyId, // 公司id status: 9 // 9是假数据的标识 }) // 获取门店信息 $.ajax({ url: reqUrl + 'cross/active/joinerByActive/1/1000', type: 'post', contentType: 'application/json;charset=UTF-8', // 设置的是请求参数 data: obj, dataType: 'json', success: function (res) { if(res.status == 200){ var data = res.data.list var html = `
手机号
报名状态
` for(var i = 0; i < data.length; i++){ html += `
${data[i].joinerMobile}
已报名
` } document.getElementById("kh-list").innerHTML = html joinerNum.innerHTML = data.length } }, }) } // 隐藏预约弹框 var closeYy = function (){ userPhone.value = '' modal.style.display = 'none' modalZz.style.display = 'none' } // 校验活动是否还在进行 function checkActiveValid(){ $.ajax({ url: reqUrl + 'zycar-mgr/active/checkActiveValid/' + activeId, type: 'get', header: { contentType: 'application/json;charset=UTF-8' }, // 设置的是请求参数 data: {}, dataType: 'json', success: function (res) { if(res.status == 200){ if(res.data){ getActivityData() // 获取活动信息 }else{ closeLoading() // 关闭加载状态 $("#zy-h5-bf-bar").hide() alert('该活动已经结束!') } } } }) } // 获取活动信息 function getActivityData(){ // 获取活动信息 (海报和门店二维码) $.ajax({ url: reqUrl + 'active/findActiveAttach/' + activeId, type: 'get', header: { contentType: 'application/json;charset=UTF-8' }, // 设置的是请求参数 data: {}, dataType: 'json', success: function (res) { if(res.status == 200){ var data = res.data if(staticHtmlPath){ // 发布 // var joinerNumVal = parseInt(data.initBuyNum) + parseInt(data.joinerNum) // joinerNum.innerHTML = joinerNumVal $('.zy-h5-store-info').show() } // 根据门店id处理对应页面展示 if(storeId){ // 门店端发布活动会传有门店id参数 // 获取门店信息 $.ajax({ url: reqUrl + 'cross/store/' + storeId, type: 'get', header: { contentType: 'application/json;charset=UTF-8' }, // 设置的是请求参数 data: {}, dataType: 'json', success: function (result) { if(result.status == 200){ var data = result.data companyId = data.companyId joinerList(companyId) // 参与人列表数据 } }, }) }else{ // 运营端发布活动无门店id参数 joinerList() // 参与人列表数据 } closeLoading() // 关闭加载状态 } }, }) } // 关闭加载状态 function closeLoading(){ if(staticHtmlPath){ // 发布 // 关闭加载状态 document.getElementById('foo').style.display = 'none' modalZz.style.display = 'none' // 不是微信端打开的页面 if(!browser.versions.weixin){ document.querySelector('.zy-h5-bf-bar').style.display = 'none' document.querySelector('.zy-h5-fx-bar').style.display = 'none' }else{ document.querySelector('.zy-h5-bf-bar').style.display = 'flex' document.querySelector('.zy-h5-fx-bar').style.display = 'block' } } } // 加载中 function onLoading(){ // 隐藏参与和分享按钮 document.querySelector('.zy-h5-bf-bar').style.display = 'none' document.querySelector('.zy-h5-fx-bar').style.display = 'none' modalZz.style.display = 'block' // 遮罩层 var opts = { lines: 9, // The number of lines to draw length: 0, // The length of each line width: 10, // The line thickness radius: 15, // The radius of the inner circle corners: 1, // Corner roundness (0..1) rotate: 0, // The rotation offset color: '#2979ff', // #rgb or #rrggbb speed: 1, // Rounds per second trail: 60, // Afterglow percentage shadow: false, // Whether to render a shadow hwaccel: false, // Whether to use hardware acceleration className: 'spinner', // The CSS class to assign to the spinner zIndex: 2e9, // The z-index (defaults to 2000000000) top: 'auto', // Top position relative to parent in px left: 'auto' // Left position relative to parent in px }; var target = document.getElementById('foo'); var spinner = new Spinner(opts).spin(target); } // 门店列表数据 var storeList = [ { name: '门店名称:成都绿地·468公馆店', phone: '15828127428', address: '成都市锦江区枫树街1380号喆啡酒店 地下停车场负一楼' }, { name: '门店名称:成都绿地·绿地城店', phone: '15308191276', address: '成都市新都区大丰镇大天路877号 (绿地城售楼部旁)' }, { name: '门店名称:成都融创·凯旋公馆店', phone: '13547140131', address: '成都市新都区四川省成都市新都区润丰路与萃杰路交叉口' }, { name: '门店名称:成都锦巷兰台店', phone: '13540110656', address: '成都市郫都区金粮路五粮二街-锦巷兰 台99号' }, { name: '门店名称:成都高新中德店', phone: '18982072756', address: '成都市双流区观东三街600号' }, { name: '门店名称:成都绿地伊藤店', phone: '13608012280', address: '成都市锦江区喜树街35号' }, { name: '门店名称:成都武海美丽南庭店', phone: '15682008564', address: '成都市武侯区成都市招商银行火车南 站东路支行边' }, { name: '门店名称:成都鹭岛国际店', phone: '15828253229', address: '成都市武侯区成都市武侯区栖霞路9号 魔方公寓' }, { name: '门店名称:成都华熙528店', phone: '13683444731', address: '成都市锦江区雨树巷28号M空间' }, { name: '门店名称:成都观玺台店', phone: '15390017856', address: '成都市青羊区万花二路' }, { name: '门店名称:成都北湖国际城', phone: '18811217445', address: '成都市成华区湖秀二路36号附144号' }, { name: '门店名称:成都果壳里店', phone: '15884425259', address: '成都市龙泉驿区桃都大道中段888号 西南方向30米' }, { name: '门店名称:成都佳年华店', phone: '15828240413', address: '成都市温江区四川省成都市温江区公 平镇江平路351号' }, { name: '门店名称:西安融创宸院店', phone: '17735999701', address: '西安市雁塔区西沣四路融创天朗陇府 二期3单元106号' }, { name: '门店名称:西安绿地生态城店', phone: '17791603702', address: '西安市雁塔区绿地生态城三期47栋 10106号商铺' }, { name: '门店名称:南昌融创文旅城店', phone: '15970424022', address: '南昌市东湖区九龙湖南龙潘街' }, { name: '门店名称:南昌象湖店', phone: '15070087991', address: '南昌市南昌县象湖新城东连路与金沙 二路交叉口' }, { name: '门店名称:重庆国博城店', phone: '18225194261', address: '重庆城区渝北区重庆市渝北区悦融二 路123号' }, { name: '门店名称:重庆涪陵一号店', phone: '15223859181', address: '重庆市涪陵区滨江大道二段96号' }, { name: '门店名称:重庆融创凡尔赛店', phone: '15696190424', address: '重庆城区渝北区星融路11号附34号' }, { name: '门店名称:长沙保利香槟店', phone: '13278848088', address: '长沙市长沙县长沙市星沙县保利香槟 国际C6栋101号' }, { name: '门店名称:长沙润和又一城店', phone: '15907309957', address: '长沙市望城区月亮岛路润和又一城底 商12/13栋115-118号' }, { name: '门店名称:长沙楚天逸品店', phone: '18373056961', address: '长沙市开福区湘江北路三段48号楚天 逸品底商1516-1517号' }, { name: '门店名称:长沙梅溪湖金茂悦店', phone: '15399987130', address: '长沙市岳麓区梅溪湖麓云路268号金茂 悦底商11栋105-110号' }, { name: '门店名称:长沙北大资源店', phone: '13278879588', address: '长沙市岳麓区洋湖街道北大资源时光小 区8/9栋101-103号' } ] $(function(){ // 适用门店 var storeHtml = '' for(var i=0;i'+ '
'+ ''+ item.name + ''+ '
'+ '
'+ '
'+ '门店电话:'+ ''+ ''+ ''+ item.phone + ''+ ''+ ''+ ''+ '
'+ '
'+ '门店地址:'+ ''+ item.address + ''+ '
'+ '
'+ ' ' } $(".store-info-card").html(storeHtml) // 单击查看门店 $("#showStore").click(function(){ var _this = this $(".mask").show() $(".store-info-list").animate({bottom:'0em'},"slow",function(){ $("body").css({'height':'100%','overflow':'hidden'}) $(_this).hide() }) }) // 关闭查看门店 $("#close-store,.mask").click(function(e){ e.stopPropagation() $(".store-info-list").animate({bottom:'-1000em'},"slow") $("body").css({'height':'auto','overflow':'auto'}) $("#showStore").show() $(".mask").hide() }) // 查看地址 // $(".address").click(function(e){ // e.stopPropagation() // wx.openLocation({ // latitude: item.lat, // 纬度,浮点数,范围为90 ~ -90 // longitude: item.lng, // 经度,浮点数,范围为180 ~ -180。 // name: item.name, // 位置名 // address: item.addrDetail, // 地址详情说明 // scale: 26, // 地图缩放级别,整形值,范围从1~28。默认为最大 // infoUrl: '' // 在查看位置界面底部显示的超链接,可点击跳转 // }); // }) // 分享初始化 setTimeout(function(){ shareCls.getWxCofing(reqUrl) },500) if(staticHtmlPath){ // 发布 onLoading() // 加载中 checkActiveValid() }else{ // 预览 getActivityData() // 获取活动信息 } // 打开预约弹框 yuyue.onclick = function(){ modal.style.display = 'block' modalZz.style.display = 'block' } // 关闭预约弹框 canselModal.onclick = function(){ closeYy() } // 提交预约 submitModal.onclick = function(){ // 提交代码到后台 var mobile = userPhone.value if(mobile==''){ alert("请输入手机号码"); return false; } if(!(/^1(3|4|5|6|7|8|9)\d{9}$/.test(mobile))){ alert("手机号码错误,请重填"); return false; } var obj = JSON.stringify({ "joinerMobile": mobile, // 参与手机号 "activeId": activeId, // 活动id "tenantId": storeId, // 门店id "companyId": companyId // 公司id }) // 立即参与 $.ajax({ url: reqUrl + 'active/signUp', type: 'post', contentType: 'application/json;charset=UTF-8', // 设置的是请求参数 data: obj, dataType: 'json', success: function (res) { if(res.status == 200){ closeYy() } alert(res.message) } }) } })