<!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/center.css">
<title>个人中心</title>
</head>
<body>
<div class="center">
<div class="top">
<div class="top_content">
<div class="left">
</div>
<div class="right">
<p class="name"></p>
<p class="address"></p>
</div>
</div>
<div class="login_out" onclick="loginOut()">退出</div>
</div>
<div class="row clearfix">
<div class="col-xs-4 active_" name="list_1">
<div>未发放</div>
<span></span>
</div>
<div class="col-xs-4" name="list_2">
<div>已发放</div>
<span></span>
</div>
<!-- <div class="col-xs-4">
<div>已过期</div>
<span></span>
</div> -->
</div>
<div class="list">
<ul class="list_1">
<div class="nothing">暂时没有奖品哦~</div>
<!-- <li>
<span class="logo">￥</span>
<div class="right_info">
<p><span class="name">优惠券</span></span><span class="rule">使用规则</span></p>
<p class="detail">满100减50</p>
<p class="time">有效期：2019年3月6日14:38:36</p>
</div>
</li> -->
</ul>
<ul class="list_2">
<div class="nothing">暂时没有奖品哦~</div>
<!-- <li>
<span class="logo logo_gray">￥</span>
<div class="right_info">
<p><span class="name">优惠券</span></span><span class="rule">使用规则</span></p>
<p class="detail">满100减50</p>
<p class="time">有效期：2019年3月6日14:38:36</p>
</div>
</li> -->
</ul>
</div>
</div>
<div id="layer_">
<div class="layer_content">
<p class="lct_name"></p>
<div class="lct_item">
<div>优惠说明</div>
<div class="useCondition"></div>
</div>
<div class="lct_item">
<div>有效日期</div>
<div class="time layer_time"></div>
</div>
<div class="lct_item">
<div>备注</div>
<div class="remark"></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>
let pageIndex = 1;
let pageSize = 999;
let issuingState1 = '';
let issuingState2 = '';
$('.row .col-xs-4').click(function () { // 点击切换
$(this).addClass('active_').siblings().removeClass('active_')
$('.list_1').hide();
$('.list_2').hide();
let cl = $(this).attr('name')
$(`.${cl}`).show();
if (cl === 'list_1') {
getDataList(1, true)
} else {
getDataList(0, true)
}
})
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) {
}
});
getDataList(1, true)
function getDataList(type, clear) { // 获取数据
let issuingState = true
if (clear) {
pageIndex = 0;
issuingState = true
} else {
pageIndex = pageIndex + 1
issuingState = false
}
let msg = {
pageIndex: pageIndex,
pageSize: pageSize,
issuingState: type ? 0 : 1 // 发放状态 0:未发放，1:已发放
}
$.ajax({
type: "POST",
url: `${getApiUrl().urlJava}api/sell/lottery/getUserLotteryWinningList`,
contentType: "application/json",
data: getJavaData(msg),
async: false,
success: function (res) {
if (res.resultCode === 1) {
if (clear) {
issuingState1 = '';
issuingState2 = '';
}
let data = res.data.pageData;
if (data.length < 1) {
$('.nothing').show()
return
}
if (type) {
data.forEach((x, index) => {
if (x.awardType === 3) {
issuingState1 += `
<li >
<span class="logo">￥</span>
<div class="right_info">
<p>
<span class="name">${x.lotteryName}</span>
<span class="rule" onclick="openDetail(${x.awardRelationId})">优惠券详情</span>
</p>
<p class="detail">${x.awardName}</p>
<p class="time">有效期：${x.winningDate}</p>
</div>
</li>`
} else {
issuingState1 += `
<li >
<span class="logo">￥</span>
<div class="right_info">
<p>
<span class="name">${x.lotteryName}</span>
</p>
<p class="detail">${x.awardName}</p>
<p class="time">有效期：${x.winningDate}</p>
</div>
</li>`
}
});
// issuingState1 += `
// <p class="loading_more" onclick="getDataList()">加载更多...</p>
// `
$('.list_1').html(issuingState1)
} else {
data.forEach((x, index) => {
if (x.awardType === 3) {
issuingState2 += `
<li >
<span class="logo">￥</span>
<div class="right_info">
<p>
<span class="name">${x.lotteryName}</span>
<span class="rule" onclick="openDetail(${x.awardRelationId})">优惠券详情</span>
</p>
<p class="detail">${x.awardName}</p>
<p class="time">有效期：${x.winningDate}</p>
</div>
</li>`
} else {
issuingState2 += `
<li >
<span class="logo">￥</span>
<div class="right_info">
<p>
<span class="name">${x.lotteryName}</span>
</p>
<p class="detail">${x.awardName}</p>
<p class="time">有效期：${x.winningDate}</p>
</div>
</li>`
}
});
// issuingState2 += `
// <p class="loading_more" onclick="getDataList()">加载更多...</p>
// `
$('.list_2').html(issuingState2)
}
}
},
error: function (res) {
}
});
}
function openDetail(id) {
$.ajax({
type: "POST",
url: `${getApiUrl().urlJava}api/sell/coupon/getLotteryCoupon`,
contentType: "application/json",
data: getJavaData({ couponId: id }),
async: false,//使用同步的方式,true为异步方式
success: function (res) {
if (res.resultCode === 1) {
let d = res.data
$('.lct_name').html(d.couponName);
if (d.couponsType === 1) { // 抵用券
$('.useCondition').html(`下单 ${d.lineteanName} 满${d.useCondition}元，抵用<span class="sale">${d.denomination}</span>元。`)
} else if (d.couponsType === 2) {
$('.useCondition').html(`下单 ${d.lineteanName} 满${d.useCondition}元，享受<span class="sale">${d.denomination}</span>折。`)
}
$('.layer_time').html(d.effectDate + '-' + d.expirationDate)
$('.remark').html(d.remark)
$('#layer_').show();
}
},
error: function (res) {
// alert("提交失败" + JSON.stringify(res));
}
});
}
function loginOut() {
clearLocalStorage()
setTimeout(() => {
window.location.href = '../login.html';
}, 500)
}
$(function () {
$('#layer_').click(function () {
$(this).hide()
})
})
</script>
</body>
</html>