<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="screen-orientation" content="portrait">
</meta>
<meta name="x5-orientation" content="portrait">
</meta>
</meta>
<meta name="x5-orientation" content="portrait">
</meta>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="shortcut icon" href="../images/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="../css/cssReset.css">
<link rel="stylesheet" href="../css/ActivityList.css">
<title>活动列表</title>
</head>
<body>
<div class="ActivityList">
<div class="top">
<div class="top_content" onclick="goCenter()">
<div class="left">
<img src="../images/default_head_img.jpg" alt="">
</div>
<div class="right">
<p class="name"></p>
<p class="address"></p>
</div>
</div>
<div class="more_img">
<img src="../images/more_active.png" alt="">
</div>
<div class="list">
<div class="nothing">暂时没有活动哦~</div>
</div>
</div>
</div>
<div class="spinner">
<div class="bounce1"></div>
<div class="bounce2"></div>
<div class="bounce3"></div>
<p>加载中...</p>
</div>
<script type="text/javascript" src="../js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="../js/md5.js"></script>
<script type="text/javascript" src="../js/layer/layer.js"></script>
<script type="text/javascript" src="../js/mian.js"></script>
<script type="text/javascript" src="../js/autosize.js"></script>
<script type="text/javascript" src="../js/leftTime.min.js"></script>
<script>
let pageIndex = 1;
let pageSize = 10;
let pageCount = 0;
let dataList = [];
setTimeout(() => {
$('.spinner').hide()
}, 1500)
$.ajax({
type: "POST",
url: `${getApiUrl().urlPost}`,
contentType: "application/json",
data: getAjaxData("b2b_get_GetCustomerInfo", {}),
async: false,
success: function (res) {
if (res.resultCode === 1) {
$('.name').html(res.data.customerName)
$('.address').html(res.data.address)
$('.top_content .left').html(`<img class="photo" src="${res.data.businessCardPhotos ? res.data.businessCardPhotos[0] : '../images/default_head_img.jpg'}" alt="">`)
}
},
error: function (res) {
}
});
getList()
function getList() {
$.ajax({
type: "POST",
url: `${getApiUrl().urlJava}api/sell/lottery/getB2bLotteryList`,
contentType: "application/json",
data: getJavaData({ pageIndex: pageIndex, pageSize: pageSize }),
async: false,
success: function (res) {
if (res.resultCode === 1) {
let data = res.data.pageData
if (data.length > 0) {
assemble(data)
} else {
$('.nothing').show()
}
}
},
error: function (res) {
}
});
}
function assemble(data) {
let domList = ''
dataList = data;
data.forEach((x, index) => {
x.startDate = x.startDate.myReplace('-', '/')
x.endDate = x.endDate.myReplace('-', '/')
var curTime = new Date();
var startTime = new Date(Date.parse(x.startDate));
var endTime = new Date(Date.parse(x.endDate));
if (curTime >= startTime && curTime <= endTime) { //进行中
domList += `
<div class="list_item" id="listItem${x.id}" onclick="goDraw(${x.id},1,${index})">
<div class="left">
<img src="${x.image ? x.image : '../images/bg_z1@3x.png'}" alt="">
<span class="green">进行中</span>
</div>
<div class="right">
<p>${x.lotteryName}</p>
<p>活动说明：${x.remark}</p>
</div>
</div>`
}
if (curTime >= startTime && curTime > endTime) { //已结束
domList += `
<div class="list_item" id="listItem${x.id}" onclick="goDraw(${x.id},2,${index})">
<div class="left">
<img src="${x.image ? x.image : '../images/bg_z1@3x.png'}" alt="">
<span class="gray">已结束</span>
</div>
<div class="right">
<p>${x.lotteryName}</p>
<p>活动说明：${x.remark}</p>
</div>
</div>`
}
if (curTime < startTime) { //未开始
domList += `
<div class="list_item" id="listItem${x.id}" onclick="goDraw(${x.id},2,${index})">
<div class="left">
<img src="${x.image ? x.image : '../images/bg_z1@3x.png'}" alt="">
<span class="orange">未开始</span>
<span style="display:none" class="green">进行中</span>
</div>
<div class="right">
<p>${x.lotteryName}</p>
<p>活动说明：${x.remark}</p>
<p class="start data-show-box" id="dateShow_${x.id}">
<input type="hidden" name="noBegin" value="${x.startDate}" />
<span class="name">活动倒计时：</span><span class="date-tiem-span h">00</span><span class="split">:</span><span class="date-tiem-span m">00</span><span class="split">:</span><span class="date-s-span s">00</span>
</p>
</div>
</div>`
}
});
$('.list').html(domList)
}
function goDraw(id, type, index) {
let rules = dataList[index].lotteryRules ? dataList[index].lotteryRules : '暂无规则'
window.localStorage.rules = rules
window.location.href = 'draw.html' + '?id=' + id + '&type=' + type;
}
function goCenter() {
window.location.href = 'center.html';
}
$(function () {
$("input[name='noBegin']").each(function () {
let cparent = $(this).parents(".data-show-box");
let gparent = $(this).parents('.list_item');
// var listItem = $(this).parents(".list-iteam");
$.leftTime($(this).val(), function (d) {
var $dateShow1 = cparent;
var dd = parseInt(d.d) * 24 + parseInt(d.h)
if (d.status) {
$dateShow1.find(".h").html(dd >= 10 ? dd : "0" + dd);
$dateShow1.find(".m").html(d.m);
$dateShow1.find(".s").html(d.s);
} else {
let $dateShow2 = gparent;
$dateShow2.find('.orange').hide()
$dateShow2.find('.green').show()
$dateShow1.find('span').hide()
}
});
});
})
</script>
</body>
</html>