123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264 |
- var getNode = function(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 joinerNum = getNode("joinerNum") // 参与人数
- var storeHead = getNode("store-head") // 头部门店名称
- var store = getNode("store") // 门店
- var address = getNode("address") // 地址
- var tel = getNode("tel") // 电话
- 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/'
- }
- // 隐藏预约弹框
- var closeYy = function (){
- userPhone.value = ''
- modal.style.display = 'none'
- modalZz.style.display = 'none'
- }
- window.onload = function(){
- // 分享初始化
- setTimeout(function(){
- shareCls.getWxCofing(reqUrl)
- },500)
-
- if(staticHtmlPath){ // 发布
- onLoading() // 加载中
- checkActiveValid()
- }else{ // 预览
- getActivityData() // 获取活动信息
- }
-
- // 校验活动是否还在进行
- 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() // 关闭加载状态
- 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
- storeHead.innerHTML = data.name || ''
- store.innerHTML = data.name || ''
- var addrCityName = data.addrCityName || ''
- var addrDistrictName = data.addrDistrictName || ''
- var addrDetail = data.addrDetail || ''
- address.innerHTML = addrCityName + addrDistrictName + addrDetail
- tel.innerHTML = data.managerMobile
- document.getElementById("tel-link").href = 'tel:' + data.managerMobile
- 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);
- }
- // 打开预约弹框
- 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)
- }
- })
- }
- // 分享
- share.onclick = function(){
- var domain = window.location.protocol + '//' + window.location.host
- if(storeId){
- window.location.href = domain + '/active/poster.html?id=' + activeId + '&reqUrl=' + reqUrl + '&orgId=' + storeId
- }else{
- window.location.href = domain + '/active/poster.html?id=' + activeId + '&reqUrl=' + reqUrl
- }
-
- }
- // 门店活动统计(参与者轮播)
- 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 = `<div class="kh-list-tr kh-list-tr-head">
- <div class="kh-list-td">手机号</div>
- <div class="kh-list-td">报名状态</div>
- </div>`
- for(var i = 0; i < data.length; i++){
- html += `<div class="kh-list-tr">
- <div class="kh-list-td">${data[i].joinerMobile}</div>
- <div class="kh-list-td">已报名</div>
- </div>`
- }
- document.getElementById("kh-list").innerHTML = html
- joinerNum.innerHTML = data.length
- }
- },
- })
- }
- }
- // 正则获取地址栏参数
- 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
- }
|