|
@@ -1,18 +1,28 @@
|
|
var getNode = function(id){
|
|
var getNode = function(id){
|
|
return document.getElementById(id)
|
|
return document.getElementById(id)
|
|
}
|
|
}
|
|
-var yuyue = getNode("yuyue")
|
|
|
|
-var share = getNode("share")
|
|
|
|
-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 yuyue = getNode("yuyue") // 预约按钮
|
|
|
|
+var share = getNode("share") // 分享按钮
|
|
|
|
+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 address = getNode("address") // 地址
|
|
|
|
+var tel = getNode("tel") // 电话
|
|
|
|
+var upScroll = getNode("upScroll") // 参与人信息 外层盒子
|
|
|
|
+var upScrollO = getNode("upScroll-o") // 参与人信息 盒子1
|
|
|
|
+var upScrollT = getNode("upScroll-t") // 参与人信息 盒子2
|
|
|
|
+
|
|
|
|
+var storeId = getQueryString('orgId') || 0 // 门店id
|
|
|
|
+var companyId = ''
|
|
// test, 测试 local:本地 pre :预发布 pro:生产
|
|
// test, 测试 local:本地 pre :预发布 pro:生产
|
|
if(baseType == 'test'){
|
|
if(baseType == 'test'){
|
|
var reqUrl = 'http://192.168.16.100:9110/saas/clz/'
|
|
var reqUrl = 'http://192.168.16.100:9110/saas/clz/'
|
|
}else if(baseType == 'local'){
|
|
}else if(baseType == 'local'){
|
|
- var reqUrl = 'http://127.0.0.1:9110/saas/clz/'
|
|
|
|
|
|
+ var reqUrl = 'http://192.168.16.104:9110/saas/clz/'
|
|
}else if(baseType == 'pre'){
|
|
}else if(baseType == 'pre'){
|
|
var reqUrl = 'http://md.test.zyucgj.com/saas/clz/'
|
|
var reqUrl = 'http://md.test.zyucgj.com/saas/clz/'
|
|
}else if(baseType == 'pro'){
|
|
}else if(baseType == 'pro'){
|
|
@@ -25,17 +35,14 @@ var closeYy = function (){
|
|
modalZz.style.display = 'none'
|
|
modalZz.style.display = 'none'
|
|
}
|
|
}
|
|
window.onload = function(){
|
|
window.onload = function(){
|
|
-
|
|
|
|
- getActivityData()
|
|
|
|
|
|
+ getActivityData() // 获取活动信息
|
|
// 获取活动信息
|
|
// 获取活动信息
|
|
function getActivityData(){
|
|
function getActivityData(){
|
|
// 获取活动信息 (海报和门店二维码)
|
|
// 获取活动信息 (海报和门店二维码)
|
|
$.ajax({
|
|
$.ajax({
|
|
- url: reqUrl + 'active/findActiveAttach/' + acitveId,
|
|
|
|
|
|
+ url: reqUrl + 'active/findActiveAttach/' + activeId,
|
|
type: 'get',
|
|
type: 'get',
|
|
- header: {
|
|
|
|
- contentType: 'application/json;charset=UTF-8',
|
|
|
|
- },
|
|
|
|
|
|
+ header: { contentType: 'application/json;charset=UTF-8' },
|
|
// 设置的是请求参数
|
|
// 设置的是请求参数
|
|
data: {},
|
|
data: {},
|
|
dataType: 'json',
|
|
dataType: 'json',
|
|
@@ -43,13 +50,36 @@ window.onload = function(){
|
|
if(res.status == 200){
|
|
if(res.status == 200){
|
|
const data = res.data
|
|
const data = res.data
|
|
if(staticHtmlPath){ // 发布
|
|
if(staticHtmlPath){ // 发布
|
|
- const joinerNum = parseInt(data.initBuyNum) + parseInt(data.joinerNum)
|
|
|
|
- document.getElementById('joinerNum').innerHTML = joinerNum
|
|
|
|
|
|
+ const joinerNumVal = parseInt(data.initBuyNum) + parseInt(data.joinerNum)
|
|
|
|
+ joinerNum.innerHTML = joinerNumVal
|
|
|
|
+ $('.zy-h5-store-info').show()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
},
|
|
})
|
|
})
|
|
}
|
|
}
|
|
|
|
+ // 根据门店id处理对应页面展示
|
|
|
|
+ if(storeId){
|
|
|
|
+ // 获取门店信息
|
|
|
|
+ $.ajax({
|
|
|
|
+ url: reqUrl + 'cross/store/' + storeId,
|
|
|
|
+ type: 'get',
|
|
|
|
+ header: { contentType: 'application/json;charset=UTF-8' },
|
|
|
|
+ // 设置的是请求参数
|
|
|
|
+ data: {},
|
|
|
|
+ dataType: 'json',
|
|
|
|
+ success: function (res) {
|
|
|
|
+ if(res.status == 200){
|
|
|
|
+ const data = res.data
|
|
|
|
+ store.innerHTML = data.name
|
|
|
|
+ address.innerHTML = data.addrCityName + data.addrDistrictName + data.addrDetail
|
|
|
|
+ tel.innerHTML = data.managerMobile
|
|
|
|
+ companyId = data.companyId
|
|
|
|
+ joinerList(companyId) // 参与人列表数据
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ })
|
|
|
|
+ }
|
|
// 打开预约弹框
|
|
// 打开预约弹框
|
|
yuyue.onclick = function(){
|
|
yuyue.onclick = function(){
|
|
modal.style.display = 'block'
|
|
modal.style.display = 'block'
|
|
@@ -71,10 +101,11 @@ window.onload = function(){
|
|
alert("手机号码错误,请重填");
|
|
alert("手机号码错误,请重填");
|
|
return false;
|
|
return false;
|
|
}
|
|
}
|
|
-
|
|
|
|
const obj = JSON.stringify({
|
|
const obj = JSON.stringify({
|
|
- "joinerMobile": mobile,
|
|
|
|
- "activeId": acitveId,
|
|
|
|
|
|
+ "joinerMobile": mobile, // 参与手机号
|
|
|
|
+ "activeId": activeId, // 活动id
|
|
|
|
+ "tenantId": storeId, // 门店id
|
|
|
|
+ "companyId": companyId // 公司id
|
|
})
|
|
})
|
|
// 立即参与
|
|
// 立即参与
|
|
$.ajax({
|
|
$.ajax({
|
|
@@ -85,7 +116,6 @@ window.onload = function(){
|
|
data: obj,
|
|
data: obj,
|
|
dataType: 'json',
|
|
dataType: 'json',
|
|
success: function (res) {
|
|
success: function (res) {
|
|
- console.log(res)
|
|
|
|
if(res.status == 200){
|
|
if(res.status == 200){
|
|
closeYy()
|
|
closeYy()
|
|
}
|
|
}
|
|
@@ -95,6 +125,70 @@ window.onload = function(){
|
|
}
|
|
}
|
|
// 分享
|
|
// 分享
|
|
share.onclick = function(){
|
|
share.onclick = function(){
|
|
- window.location.href = 'http://static.chelingzhu.com/active/poster.html?id=' + acitveId + '&reqUrl=' + reqUrl
|
|
|
|
|
|
+ window.location.href = 'http://static.chelingzhu.com/active/poster.html?id=' + activeId + '&reqUrl=' + reqUrl
|
|
|
|
+ }
|
|
|
|
+ // 门店活动统计(参与者轮播)
|
|
|
|
+ function joinerList(companyId){
|
|
|
|
+ let 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){
|
|
|
|
+ const data = res.data.list
|
|
|
|
+ let html = ''
|
|
|
|
+ for(let i = 0; i < data.length; i++){
|
|
|
|
+ html += `<li class="info-con">
|
|
|
|
+ <p class="qg-people">${data[i].joinerMobile}</p>
|
|
|
|
+ <p class="qg-state">抢购成功</p>
|
|
|
|
+ </li>`
|
|
|
|
+ }
|
|
|
|
+ document.getElementById("scroll-con").innerHTML = html
|
|
|
|
+ // 参与人信息 向上滚动
|
|
|
|
+ data.length > 0 ? upDownScroll() : ''
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ // 上下滚动
|
|
|
|
+ function upDownScroll(){
|
|
|
|
+ var scrollTimer
|
|
|
|
+ $("#scroll").hover(function(){
|
|
|
|
+ clearInterval(scrollTimer)
|
|
|
|
+ }, function() {
|
|
|
|
+ scrollTimer = setInterval(function() {
|
|
|
|
+ scrollContent($("#scroll"))
|
|
|
|
+ }, 2000)
|
|
|
|
+ }).trigger("mouseout")
|
|
|
|
+ }
|
|
|
|
+ function scrollContent(obj) {
|
|
|
|
+ var $self = obj.find("ul:first")
|
|
|
|
+ var lineHeight = $self.find("li:first").height() //获取行高
|
|
|
|
+ $self.animate({
|
|
|
|
+ "margin-top": -lineHeight + "px"
|
|
|
|
+ }, 1000, function() {
|
|
|
|
+ $self.css({
|
|
|
|
+ "margin-top": "0px"
|
|
|
|
+ }).find("li:first").appendTo($self) //appendTo能直接移动元素而不是复制,被appendto的元素位置发生变化
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+// 正则获取地址栏参数
|
|
|
|
+function getQueryString(name) {
|
|
|
|
+ let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i")
|
|
|
|
+ let r = window.location.search.substr(1).match(reg)
|
|
|
|
+ if (r != null) {
|
|
|
|
+ return unescape(r[2])
|
|
}
|
|
}
|
|
|
|
+ return null
|
|
}
|
|
}
|