Skip to content

成立 / weiduh5

转到一个项目
Commit ce061ba8 by 颜景龙
Options

礼物发放

parent 5f56be49
内嵌 并排
正在显示 包含 160 行增加 和 62 行删除
gift/gift.html
...@@ -89,6 +89,7 @@ ...@@ -89,6 +89,7 @@
flex-direction: column; flex-direction: column;
background-position: center; background-position: center;
background-image: url(./banner.png); background-image: url(./banner.png);
position: relative;
} }
.clearfix:after { .clearfix:after {
...@@ -158,12 +159,16 @@ ...@@ -158,12 +159,16 @@
.form-panel .control-field label { .form-panel .control-field label {
position: absolute; position: absolute;
color: #292929; color: #292929;
font-size: 1.25rem; font-size: 1rem;
line-height: 2rem; line-height: 2rem;
margin-left: 1.25rem; margin-left: 1.25rem;
bottom: 0; bottom: 0;
} }
.form-panel .zform-control {
margin-bottom: .2rem;
}
.form-panel .field-text { .form-panel .field-text {
height: 2rem; height: 2rem;
font-size: 1rem; font-size: 1rem;
...@@ -309,6 +314,32 @@ ...@@ -309,6 +314,32 @@
margin: .75rem; margin: .75rem;
} }
.remain-text {
color: #FFF;
background:rgba(0,0,0,0.6);
font-size: .8rem;
line-height: .7rem;
border-radius: .4rem;
padding: 0 .5rem;
}
.ta-c {
position: absolute;
text-align: center;
bottom: .5rem;
width: 100%;
}
.img-desc {
display: inline-block;
width: 3rem;
height: 3rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
</style> </style>
</head> </head>
<body> <body>
...@@ -338,6 +369,7 @@ ...@@ -338,6 +369,7 @@
<input type="hidden" data-required="false" data-descriptions="personalGiftId" name="personalGiftId" id="personalGiftId"> <input type="hidden" data-required="false" data-descriptions="personalGiftId" name="personalGiftId" id="personalGiftId">
<input type="hidden" data-required="false" data-descriptions="registerGiftId" name="registerGiftId" id="registerGiftId"> <input type="hidden" data-required="false" data-descriptions="registerGiftId" name="registerGiftId" id="registerGiftId">
<input type="hidden" data-required="false" data-descriptions="primeGiftId" name="primeGiftId" id="primeGiftId"> --> <input type="hidden" data-required="false" data-descriptions="primeGiftId" name="primeGiftId" id="primeGiftId"> -->
<input type="hidden" data-descriptions="globalIds" name="globalIds" id="globalIds">
<input type="hidden" data-required="false" data-descriptions="customerUserId" name="customerUserId" id="customerUserId"> <input type="hidden" data-required="false" data-descriptions="customerUserId" name="customerUserId" id="customerUserId">
<div class="zform-control"> <div class="zform-control">
<div class="control-field"> <div class="control-field">
...@@ -389,13 +421,31 @@ ...@@ -389,13 +421,31 @@
var card = $('<div class="card"></div>'); var card = $('<div class="card"></div>');
card.attr("data-id", list[i].id); card.attr("data-id", list[i].id);
card.attr("data-status", list[i].isMultiple); card.attr("data-status", list[i].isMultiple);
card.attr("data-type", list[i].type);
var giftItem = $('<li class="gift-item"></li>'); var giftItem = $('<li class="gift-item"></li>');
var img = $("<img class='check'>").attr("src", './empty.png'); cardBody.css({'background-image': `url(${list[i].imgPath})`});
if (list[i].total && list[i].status === 0) {
var remainP = $("<p class='ta-c'></p>");
var remianText = $("<span class='remain-text'></span>").text("仅剩"+list[i].total+"件");
remianText.appendTo(remainP);
remainP.appendTo(cardBody);
var img = $("<img class='check'>").attr("src", './empty.png');
cardBody.append(img); cardBody.append(img);
}
cardBody.css({'background-image': `url(${list[i].imgPath})`}); if (list[i].total === 0 && list[i].status === 0) {
var imgDesc = $("<img class='img-desc'>").attr("src", './gift-zero.png');
imgDesc.appendTo(cardBody);
}
if (list[i].status !== 0) {
var imgDesc = $("<img class='img-desc'>").attr("src", './gift-done.png');
imgDesc.appendTo(cardBody);
}
var cardFooter = $("<div class='card-footer'></div>"); var cardFooter = $("<div class='card-footer'></div>");
var cardType = $("<div class='card-type'></div>"); var cardType = $("<div class='card-type'></div>");
...@@ -404,35 +454,85 @@ ...@@ -404,35 +454,85 @@
cardFooter.append(cardType); cardFooter.append(cardType);
$("<p></p>").text(list[i].description).appendTo(cardFooter); $("<p></p>").text(list[i].description).appendTo(cardFooter);
if (list[i].isMultiple === 1) { if (list[i].isMultiple === 1 && list[i].total !== 0 && list[i].status === 0) {
card.on('click', function(e){ card.on('click', function(e) {
$(this).parents("#gift-list").find(".card[data-status='1']").removeClass("active");
$(this).parents("#gift-list").find(".card[data-status='1']").find(".check").attr("src", './empty.png');
if (type === 0) { if (type === 0) {
var cardGiftId = $("#cardGiftId").val();
if (cardGiftId) {
$("#cardGiftId").val("");
} else {
$(this).addClass("active");
$(this).find(".check").attr("src", './checked.png');
$("#cardGiftId").val(e.currentTarget.dataset['id']); $("#cardGiftId").val(e.currentTarget.dataset['id']);
} }
}
if (type == 1) { if (type == 1) {
var cardGiftId = $("#personalGiftId").val();
if (personalGiftId) {
$("#cardGiftId").val("");
} else {
$(this).addClass("active");
$(this).find(".check").attr("src", './checked.png');
$("#personalGiftId").val(e.currentTarget.dataset['id']); $("#personalGiftId").val(e.currentTarget.dataset['id']);
} }
}
if (type == 2) { if (type == 2) {
var registerGiftId = $("#registerGiftId").val();
if (registerGiftId) {
$("#registerGiftId").val("");
} else {
$(this).addClass("active");
$(this).find(".check").attr("src", './checked.png');
$("#registerGiftId").val(e.currentTarget.dataset['id']); $("#registerGiftId").val(e.currentTarget.dataset['id']);
} }
}
if (type == 3) { if (type == 3) {
var primeGiftId = $("#primeGiftId").val();
if (primeGiftId) {
$("#primeGiftId").val("");
} else {
$(this).addClass("active");
$(this).find(".check").attr("src", './checked.png');
$("#primeGiftId").val(e.currentTarget.dataset['id']); $("#primeGiftId").val(e.currentTarget.dataset['id']);
} }
}
//$(".card").removeClass("active"); //$(".card").removeClass("active");
//$(".card").find(".check").attr("src", './empty.png'); //$(".card").find(".check").attr("src", './empty.png');
$(this).parents("#gift-list").find(".card[data-status='1']").removeClass("active");
$(this).parents("#gift-list").find(".card[data-status='1']").find(".check").attr("src", './empty.png');
});
} else if (list[i].isMultiple === 0 && list[i].total !== 0 && list[i].status === 0) {
// card.addClass("active");
// img.attr("src", './checked.png');
card.on('click', function(e) {
var globalStr = $("#globalIds").val();
var globalIDs = globalStr.split(",");
var currentID = e.currentTarget.dataset['id'];
if ($(this).hasClass("active")) {
console.log("remove", currentID);
$(this).removeClass("active");
$(this).find(".check").attr("src", './empty.png');
for(var idIndex=0; idIndex < globalIDs.length; idIndex++) {
if(globalIDs[idIndex] == currentID) {
globalIDs.splice(idIndex, 1);
break;
}
}
$("#globalIds").val(globalIDs.join(","));
} else {
console.log("add", currentID);
$(this).addClass("active"); $(this).addClass("active");
$(this).find(".check").attr("src", './checked.png'); $(this).find(".check").attr("src", './checked.png');
globalIDs.push(currentID);
$("#globalIds").val(globalIDs.join(","));
}
}); });
} else if (list[i].isMultiple === 0) {
card.addClass("active");
img.attr("src", './checked.png');
} }
cardBody.appendTo(card); cardBody.appendTo(card);
...@@ -482,31 +582,31 @@ ...@@ -482,31 +582,31 @@
primeGifts: false primeGifts: false
}; };
if (data.giftInfo.cardGifts && data.giftInfo.cardGifts.length > 0) { if (data.cardGifts && data.cardGifts.length > 0) {
testModel.cardGifts = data.giftInfo.cardGifts.filter(item => item.isMultiple == 1).length > 0; testModel.cardGifts = data.cardGifts.filter(item => item.isMultiple == 1).length > 0;
initGiftList(data.giftInfo.cardGifts, "请选择您购卡赠送的礼物", 0); initGiftList(data.cardGifts, "请选择您购卡赠送的礼物", 0);
testModel.cardGifts && $('<input type="hidden" data-required="true" data-descriptions="cardGiftId" name="cardGiftId" id="cardGiftId">').appendTo("#uploadForm"); testModel.cardGifts && $('<input type="hidden" data-required="true" data-descriptions="cardGiftId" name="cardGiftId" id="cardGiftId">').appendTo("#uploadForm");
} }
if (data.giftInfo.personalGifts && data.giftInfo.personalGifts.length > 0) { if (data.personalGifts && data.personalGifts.length > 0) {
testModel.personalGifts = data.giftInfo.personalGifts.filter(item => item.isMultiple == 1).length > 0; testModel.personalGifts = data.personalGifts.filter(item => item.isMultiple == 1).length > 0;
initGiftList(data.giftInfo.personalGifts, "请选择您购买私教课赠送的礼物", 1); initGiftList(data.personalGifts, "请选择您购买私教课赠送的礼物", 1);
testModel.personalGifts && $('<input type="hidden" data-required="true" data-descriptions="personalGiftId" name="personalGiftId" id="personalGiftId">').appendTo("#uploadForm"); testModel.personalGifts && $('<input type="hidden" data-required="true" data-descriptions="personalGiftId" name="personalGiftId" id="personalGiftId">').appendTo("#uploadForm");
} }
if (data.giftInfo.registerGifts && data.giftInfo.registerGifts.length > 0) { if (data.registerGifts && data.registerGifts.length > 0) {
testModel.registerGifts = data.giftInfo.registerGifts.filter(item => item.isMultiple == 1).length > 0; testModel.registerGifts = data.registerGifts.filter(item => item.isMultiple == 1).length > 0;
initGiftList(data.giftInfo.registerGifts, "请选择您注册赠送的礼物", 2); initGiftList(data.registerGifts, "请选择您注册赠送的礼物", 2);
testModel.registerGifts && $('<input type="hidden" data-required="true" data-descriptions="registerGiftId" name="registerGiftId" id="registerGiftId">').appendTo("#uploadForm"); testModel.registerGifts && $('<input type="hidden" data-required="true" data-descriptions="registerGiftId" name="registerGiftId" id="registerGiftId">').appendTo("#uploadForm");
} }
if (data.giftInfo.primeGifts && data.giftInfo.primeGifts.length > 0) { if (data.primeGifts && data.primeGifts.length > 0) {
testModel.primeGifts = data.giftInfo.primeGifts.filter(item => item.isMultiple == 1).length > 0; testModel.primeGifts = data.primeGifts.filter(item => item.isMultiple == 1).length > 0;
initGiftList(data.giftInfo.primeGifts, "请选择您购买精品团课赠送的礼物", 3); initGiftList(data.primeGifts, "请选择您购买精品团课赠送的礼物", 3);
$('#primeGiftId').attr("data-required", testModel.primeGifts); $('#primeGiftId').attr("data-required", testModel.primeGifts);
testModel.primeGifts && $('<input type="hidden" data-required="true" data-descriptions="primeGiftId" name="primeGiftId" id="primeGiftId">').appendTo("#uploadForm"); testModel.primeGifts && $('<input type="hidden" data-required="true" data-descriptions="primeGiftId" name="primeGiftId" id="primeGiftId">').appendTo("#uploadForm");
} }
...@@ -528,30 +628,30 @@ ...@@ -528,30 +628,30 @@
}; };
if (testModel.cardGifts == true) { // if (testModel.cardGifts == true) {
validateObj['cardGiftId'] = { // validateObj['cardGiftId'] = {
required: '请选择您购卡赠送的礼物', // required: '请选择您购卡赠送的礼物',
}; // };
} // }
if (testModel.personalGifts == true) { // if (testModel.personalGifts == true) {
validateObj['personalGiftId'] = { // validateObj['personalGiftId'] = {
required: '请选择您购买私教课赠送的礼物', // required: '请选择您购买私教课赠送的礼物',
}; // };
} // }
if (testModel.registerGifts == true) { // if (testModel.registerGifts == true) {
validateObj['registerGiftId'] = { // validateObj['registerGiftId'] = {
required: '请选择您购买私教课赠送的礼物', // required: '请选择您购买私教课赠送的礼物',
}; // };
} // }
if (testModel.primeGifts == true) { // if (testModel.primeGifts == true) {
validateObj['primeGiftId'] = { // validateObj['primeGiftId'] = {
required: '请选择您购买私教课赠送的礼物', // required: '请选择您购买私教课赠送的礼物',
}; // };
} // }
$("#uploadForm").mvalidate({ $("#uploadForm").mvalidate({
type:1, type:1,
...@@ -568,37 +668,35 @@ ...@@ -568,37 +668,35 @@
var giftIDs = []; var giftIDs = [];
$('.card.active').each(function(i, item) { $('.card.active').each(function(i, item) {
giftIDs.push(item.dataset['id']); giftIDs.push({
id: parseInt(item.dataset['id']),
type: parseInt(item.dataset['type'])
});
}); });
// if ($('#cardGiftId') && $('#cardGiftId').val()) { if (giftIDs.length == 0) {
// giftIDs.push(parseInt($('#cardGiftId').val())); $.dialog({
// } content : "请选择礼物",
title: 'alert',
// if ($('#personalGiftId') && $('#personalGiftId').val()) { width: 600,
// giftIDs.push(parseInt($('#personalGiftId').val())); time : 2000
// } });
$('#submitBtn').removeClass("disabled");
// if ($('#personalGiftId') && $('#registerGiftId').val()) { return;
// giftIDs.push(parseInt($('#registerGiftId').val())); }
// }
// if ($('#primeGiftId') && $('#primeGiftId').val()) {
// giftIDs.push(parseInt($('#primeGiftId').val()));
// }
var body = { var body = {
giftIds: giftIDs, gifts: giftIDs,
consigneeName: $("#consigneeName").val(), consigneeName: $("#consigneeName").val(),
telephone: $("#telephone").val(), telephone: $("#telephone").val(),
address: $("#address").val(), address: $("#address").val(),
userId: parseInt($("#customerUserId").val()) customerUserId: parseInt($("#customerUserId").val())
}; };
$.ajax({ $.ajax({
type: 'POST', type: 'POST',
url: HTTP_URL+"/wedofit/gift/getGift", url: HTTP_URL+"/wedofit/gift/get",
data: JSON.stringify(body), data: JSON.stringify(body),
contentType: 'application/json', contentType: 'application/json',
dataType: 'json', dataType: 'json',
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此消息的编辑！
请 注册 或 登录 后发表评论