378 lines
14 KiB
JavaScript
378 lines
14 KiB
JavaScript
jQuery(function ($) {
|
||
// 轮播
|
||
if ($('.banner-swiper').length) {
|
||
var bannerSwiper = new Swiper('.banner-swiper', {
|
||
loop: true,//开启循环播放
|
||
autoplay: {//开启自动播放
|
||
delay: 3000,
|
||
disableOnInteraction: false,//触摸后不会停止自动滚动
|
||
pauseOnMouseEnter: true,//鼠标置于swiper时暂停自动切换，鼠标离开时恢复自动切换。
|
||
}
|
||
})
|
||
}
|
||
|
||
// 抽奖
|
||
var turntableFlag = true;
|
||
if ($('.pointer').length) {
|
||
// 开始抽奖
|
||
$('body').on('click', '.pointer', function () {
|
||
if (turntableFlag) {
|
||
turntableFlag = false;
|
||
if ($('.pointer').hasClass('pointer-handle')) {
|
||
return false;
|
||
}
|
||
|
||
$('.pointer').addClass('pointer-handle');
|
||
$.post('/coupon/getResult', function (res) {
|
||
if (res.code === 0) {
|
||
let couponPosition = 0;
|
||
let btnMsg = res.data.position === 0 ? '关闭' : '收入卡包';
|
||
let notice = res.data.msg;
|
||
switch (res.data.position) {
|
||
case 0:
|
||
couponPosition = 360 * 4 - 120;
|
||
break;
|
||
case 1:
|
||
couponPosition = 360 * 4 - 60;
|
||
break;
|
||
case 2:
|
||
couponPosition = 360 * 4 - 180;
|
||
break;
|
||
case 3:
|
||
couponPosition = 360 * 4 - 240;
|
||
break;
|
||
case 4:
|
||
couponPosition = 360 * 4 - 300;
|
||
break;
|
||
case 5:
|
||
couponPosition = 360 * 4;
|
||
break;
|
||
}
|
||
|
||
$('.turntable').css({transition: 'all 3s'});
|
||
$('.turntable').css({transform: 'rotate(' + couponPosition + 'deg)'});
|
||
$('.tips-btn').text(btnMsg);
|
||
$('.tips-msg').text(notice);
|
||
|
||
setTimeout(function () {
|
||
showMsg();
|
||
}, 3000)
|
||
} else if (res.code === 6001) {
|
||
window.location.href = '/login/index';
|
||
} else {
|
||
if (res.code === 4028) {
|
||
turntableFlag = true;
|
||
} else {
|
||
$('.tips-btn').text('关闭');
|
||
showMsg(res.msg);
|
||
}
|
||
}
|
||
// console.log(res, '结果');
|
||
// $('.pointer').removeClass('pointer-handle');
|
||
});
|
||
setTimeout(function () {
|
||
$('.pointer').removeClass('pointer-handle');
|
||
turntableFlag = true;
|
||
}, 3000)
|
||
}
|
||
});
|
||
// 关闭弹窗
|
||
$('.tips-btn-game').click(function () {
|
||
$('.turntable').css({transition: 'all 0s'});
|
||
$('.turntable').css({transform: 'rotate(0)'});
|
||
closeMsg();
|
||
turntableFlag = true;
|
||
});
|
||
}
|
||
|
||
function showMsg(msg = '') {
|
||
if (msg !== '') {
|
||
$('.tips-msg').text(msg);
|
||
}
|
||
$('.pull-bg').addClass('show');
|
||
$('.result-tips').addClass('show');
|
||
}
|
||
|
||
function closeMsg() {
|
||
$('.pull-bg').removeClass('show');
|
||
$('.result-tips').removeClass('show');
|
||
}
|
||
|
||
$('.tips-btn').click(function () {
|
||
closeMsg();
|
||
});
|
||
|
||
let lon = '';
|
||
let lat = '';
|
||
let addr = '';
|
||
// 打开导航弹窗
|
||
if($('.navigation-btn').length){
|
||
//打开弹窗
|
||
$('body').on('click','.navigation-btn',function(){
|
||
// debugger;
|
||
lon = $(this).data('lon');
|
||
lat = $(this).data('lat');
|
||
addr = $(this).data('addr');
|
||
console.log(lon,'lon')
|
||
console.log(lat,'lat')
|
||
console.log(addr,'addr')
|
||
$('.pull-bg').addClass('show');
|
||
$('.navigation-box').addClass('show');
|
||
});
|
||
}
|
||
|
||
// 开始导航
|
||
if($('.navigation-box').length){
|
||
// console.log(`https://apis.map.qq.com/uri/v1/marker?marker=coord:${lat},${lon};addr:${addr};&referer=webtest`, '腾讯地图');
|
||
// console.log(`http://api.map.baidu.com/marker?location=${lat},${lon}&title=${addr}&output=html`, '百度地图');
|
||
// console.log(`https://uri.amap.com/marker?position=${lon},${lat}&name=${addr}`, '高德地图');
|
||
// 腾讯地图
|
||
$('.tx-navigation').click(function(){ // (lng,lat)
|
||
window.open(`https://apis.map.qq.com/uri/v1/marker?marker=coord:${lat},${lon};addr:${addr};&referer=webtest`)
|
||
});
|
||
// 百度地图
|
||
$('.bd-navigation').click(function(){ // (lng,lat)
|
||
window.open(`http://api.map.baidu.com/marker?location=${lat},${lon}&title=${addr}&output=html`)
|
||
});
|
||
// 高德地图
|
||
$('.gd-navigation').click(function(){ // (lat,lng)
|
||
window.open(`https://uri.amap.com/marker?position=${lon},${lat}&name=${addr}`)
|
||
});
|
||
}
|
||
// 关闭导航弹窗
|
||
if($('.pull-bg-navigation,.pull-bg').length){
|
||
$('.pull-bg-navigation,.pull-bg').click(function(){
|
||
$('.pull-bg').removeClass('show');
|
||
$('.navigation-box').removeClass('show');
|
||
});
|
||
}
|
||
|
||
// 领券
|
||
if ($('.card-btn').length) {
|
||
// 打开弹窗
|
||
$('body').on('click', '.card-btn',function () {
|
||
$('.pull-bg').addClass('show');
|
||
$('.collect-coupons').addClass('show');
|
||
});
|
||
// 关闭弹窗
|
||
$('.pull-bg, .code-btn').click(function () {
|
||
$('.pull-bg').removeClass('show');
|
||
$('.collect-coupons').removeClass('show');
|
||
});
|
||
}
|
||
|
||
// 使用卡券
|
||
if ($('.use-btn').length) {
|
||
// 打开弹窗
|
||
$('body').on('click', '.use-btn',function () {
|
||
$('.pull-bg').addClass('show');
|
||
$('.card-window').addClass('show');
|
||
});
|
||
// 关闭弹窗
|
||
$('.pull-bg, .code-btn').click(function () {
|
||
$('.pull-bg').removeClass('show');
|
||
$('.card-window').removeClass('show');
|
||
});
|
||
}
|
||
|
||
// 复制完整券码
|
||
if ($('.copy-btn').length) {
|
||
$('body').on('click','.copy-btn',function () {
|
||
var copyText = $(this).find('em').text(); //获取对象
|
||
var oInput = document.createElement('input');//创建一个input标签
|
||
oInput.value = copyText;//设置value属性
|
||
document.body.appendChild(oInput);//挂载到body下面
|
||
oInput.select(); // 选择对象
|
||
document.execCommand("Copy"); // 执行浏览器复制命令
|
||
oInput.className = 'oInput';
|
||
oInput.style.display = 'none';
|
||
$('.pull-bg').addClass('show');
|
||
$('.copy-tips').addClass('show');
|
||
setTimeout(function () {
|
||
$('.pull-bg').removeClass('show');
|
||
$('.copy-tips').removeClass('show');
|
||
}, 1000)
|
||
})
|
||
}
|
||
|
||
// 入口判断
|
||
if ($('.game-entry').length) {
|
||
function checkTime(t) {
|
||
return t >= 10 ? t : "0" + t;
|
||
}
|
||
|
||
$('.game-entry').click(function () {
|
||
let t = $(this).data('time');
|
||
let now = new Date();
|
||
let nowTime = checkTime(now.getHours()) + ':' + checkTime(now.getMinutes());
|
||
|
||
// console.log(t, '活动时间')
|
||
// console.log(nowTime, '当前时间')
|
||
|
||
if (nowTime < t) {
|
||
showMsg('活动还未开始');
|
||
return false;
|
||
}
|
||
})
|
||
}
|
||
|
||
// 定义state
|
||
var state = true;
|
||
var page = 2;
|
||
|
||
// 查询数据
|
||
function getData(url){
|
||
let keyword = $('.search-keyword').val();
|
||
let areaId = $('.search-area').val();
|
||
areaId = areaId ? areaId : 0;
|
||
console.log(areaId,'sss');
|
||
$.get('/coupon/businessList.html?area_id='+areaId+'&page='+page+'&keyword='+keyword, function (res) {
|
||
if (res.code !== 0) {
|
||
showMsg(res.mag);
|
||
return false;
|
||
}
|
||
state = true;
|
||
let html = ``;
|
||
if (res.data.list.length > 0) {
|
||
res.data.list.forEach(function (item, index) {
|
||
html += `
|
||
<div class="item radius50 border-box flex">
|
||
<div class="img radius40">
|
||
<a href="/coupon/businessInfo.html?id=${item.id}"><img src="${item.cover}" alt="${item.name}"></a>
|
||
</div>
|
||
<div class="txt">
|
||
<a href="/coupon/businessInfo.html?id=${item.id}">
|
||
<h2 class="font30 clips1">${item.name}</h2>
|
||
<p class="font24 color-86 clips2">${item.address}</p>
|
||
</a>
|
||
<div class="navigation-btn font24 color-ff background-f35 radius25 flex" data-lon="${item.lon}" data-lat="${item.lat}" data-addr="${item.name}">立即导航</div>
|
||
</div>
|
||
</div>
|
||
`;
|
||
});
|
||
|
||
if (page === 1) {
|
||
$('.business-list').html(html);
|
||
} else {
|
||
$('.business-list').append(html);
|
||
}
|
||
page++;
|
||
} else {
|
||
state = false;
|
||
if (page === 1) {
|
||
$('.business-list').html(html);
|
||
} else {
|
||
$('.business-list').append(html);
|
||
}
|
||
$('.bottom-msg').css('display', 'block');
|
||
setTimeout(function () {
|
||
$('.bottom-msg').css('display', 'none');
|
||
},1500)
|
||
}
|
||
|
||
})
|
||
}
|
||
|
||
// 触底
|
||
if($('.business-body').length){
|
||
$(window).scroll(function () {
|
||
var scrollTop = $(window).scrollTop();
|
||
var windowHeight = $(window).height();
|
||
var scrollHeight = $(document).height()-50;
|
||
// console.log(scrollTop + windowHeight,scrollHeight);
|
||
if (scrollTop + windowHeight > scrollHeight) {
|
||
if(state){
|
||
//此处是滚动条到底部时候触发的事件，在这里写要加载的数据，或者是拉动滚动条的操作
|
||
// console.log("到底了,发起请求");
|
||
state = false;
|
||
getData();
|
||
}
|
||
}
|
||
});
|
||
|
||
// 点击搜索
|
||
$('.business-search').click(function () {
|
||
// 获取数据
|
||
page = 1;
|
||
getData();
|
||
return false;
|
||
});
|
||
|
||
// 表单搜索
|
||
$('.search-form').on('submit',function(){
|
||
// 获取数据
|
||
page = 1;
|
||
getData();
|
||
return false;
|
||
})
|
||
}
|
||
|
||
if($('.bind-btn').length){
|
||
$('.bind-btn').click(function () {
|
||
$.post('/login/bind', {phone: $('#bind-phone').val()}, function (res) {
|
||
if (res.code !== 0) {
|
||
showMsg(res.msg)
|
||
return false;
|
||
}
|
||
|
||
window.location.href=res.data.url;
|
||
})
|
||
})
|
||
}
|
||
|
||
// 图片上传
|
||
if($('.file-input').length){
|
||
$('.file-input').on('change', function(e) {
|
||
var imgFile = []; //文件流
|
||
var imgSrc = []; //图片路径
|
||
var imgName = []; //图片名字
|
||
var imgSize = this.files[0].size;
|
||
if (imgSize > 1024 * 1024 * 1) { //1M
|
||
return alert("上传图片不能超过1M");
|
||
};
|
||
if (this.files[0].type != 'image/png' && this.files[0].type != 'image/jpeg' && this.files[0].type != 'image/gif') {
|
||
return alert("图片上传格式不正确");
|
||
}
|
||
var imgBox = $(this).parents(".img");;
|
||
var fileList = this.files;
|
||
for (var i = 0; i < fileList.length; i++) {
|
||
if(imgSrc.length < 1) { //判断多图上传只显示前几个，直到一共四个图片
|
||
var imgSrcI = getObjectURL(fileList[i]);
|
||
imgName.push(fileList[i].name);
|
||
imgSrc.push(imgSrcI);
|
||
imgFile.push(fileList[i]);
|
||
if (imgFile.length > 1) { //显示上传按钮
|
||
$('.content-img .file').hide();
|
||
}
|
||
}
|
||
}
|
||
// 动态添加html元素
|
||
addNewContent(imgBox,imgSrc);
|
||
this.value = null; //允许上传相同图片
|
||
});
|
||
|
||
// 图片展示
|
||
function addNewContent(imgBox,imgSrc) {
|
||
if(imgBox.find('.upload-img').length){
|
||
imgBox.find('.upload-img').remove();
|
||
}
|
||
for (var a = 0; a < imgSrc.length; a++) {
|
||
var picHtml = '<div class="upload-img radius20 border-box"><img src="' + imgSrc[a] + '" alt=""></div>';
|
||
$(imgBox).prepend(picHtml);
|
||
}
|
||
}
|
||
|
||
// 建立可存取到file的url
|
||
function getObjectURL(file) {
|
||
var url = null;
|
||
if (window.createObjectURL != undefined) { // basic
|
||
url = window.createObjectURL(file);
|
||
} else if (window.URL != undefined) { // mozilla(firefox)
|
||
url = window.URL.createObjectURL(file);
|
||
} else if (window.webkitURL != undefined) { // webkit or chrome
|
||
url = window.webkitURL.createObjectURL(file);
|
||
}
|
||
return url;
|
||
}
|
||
}
|
||
}) |