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.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)
}
})
}
})