Skip to content

成立 / weiduh5

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

修改礼物

parent ace0e017
内嵌 并排
正在显示 包含 237 行增加 和 99 行删除
gift/gift.html
......@@ -51,9 +51,9 @@
}
.gift-list {
margin-top: 0.625rem;
width: 100%;
float: left;
margin-bottom: 1rem;
}
.gift-list > .gift-item {
......@@ -297,6 +297,18 @@
opacity: .3;
}
legend {
font-size: .7rem;
color: #000;
line-height: 1rem;
text-align: center;
}
fieldset {
border: 0;
border-top: 1px solid #d8d8d8;
margin: .75rem;
}
</style>
</head>
<body>
......@@ -312,16 +324,21 @@
<img id="return-img" class="return-img" src="./left_white.png" />
<div class="class-banner">
</div>
<div class="gift-panel clearfix">
<div id="giftPanel" class="gift-panel clearfix">
<!-- <fieldset>
<legend>购买会员卡赠送的礼物</legend>
</fieldset> -->
<ul id="gift-list" class="gift-list clearfix">
</ul>
</div>
<p id="description" class="description"></p>
<p id="description" class="description">颜色随机发送</p>
<div class="form-panel">
<form class="zform" id="uploadForm">
<input type="hidden" data-required="true" data-descriptions="id" name="id" id="id">
<input type="hidden" data-required="true" data-descriptions="customerUserId" name="customerUserId" id="customerUserId">
<!-- <input type="hidden" data-required="false" data-descriptions="cardGiftId" name="cardGiftId" id="cardGiftId">
<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="primeGiftId" name="primeGiftId" id="primeGiftId"> -->
<input type="hidden" data-required="false" data-descriptions="customerUserId" name="customerUserId" id="customerUserId">
<div class="zform-control">
<div class="control-field">
<label>收货人</label>
......@@ -359,19 +376,24 @@
if (r != null) return unescape(r[2]); return null; //返回参数值
}
function initGiftList(list) {
function initGiftList(list, desc, type) {
if (!list) {
return;
}
var giftList = $("<ul id='gift-list' class='gift-list clearfix'></ul>");
for (var i=0; i<list.length; i++) {
var cardBody = $("<div class='card-body'></div>");
var card = $('<div class="card"></div>');
card.attr("data-id", list[i].id);
card.attr("data-status", list[i].isMultiple);
var giftItem = $('<li class="gift-item"></li>');
$("<img class='check'>").attr("src", './empty.png').appendTo(cardBody);
var img = $("<img class='check'>").attr("src", './empty.png');
cardBody.append(img);
cardBody.css({'background-image': `url(${list[i].imgPath})`});
......@@ -382,20 +404,47 @@
cardFooter.append(cardType);
$("<p></p>").text(list[i].description).appendTo(cardFooter);
card.on('click', function(e){
$("#id").val(e.currentTarget.dataset['id']);
$(".card").removeClass("active");
$(".card").find(".check").attr("src", './empty.png');
$(this).addClass("active");
$(this).find(".check").attr("src", './checked.png');
});
if (list[i].isMultiple === 1) {
card.on('click', function(e){
if (type === 0) {
$("#cardGiftId").val(e.currentTarget.dataset['id']);
}
if (type == 1) {
$("#personalGiftId").val(e.currentTarget.dataset['id']);
}
if (type == 2) {
$("#registerGiftId").val(e.currentTarget.dataset['id']);
}
if (type == 3) {
$("#primeGiftId").val(e.currentTarget.dataset['id']);
}
//$(".card").removeClass("active");
//$(".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');
$(this).addClass("active");
$(this).find(".check").attr("src", './checked.png');
});
} else if (list[i].isMultiple === 0) {
card.addClass("active");
img.attr("src", './checked.png');
}
cardBody.appendTo(card);
cardFooter.appendTo(card);
card.appendTo(giftItem);
$('#gift-list').append(giftItem);
giftList.append(giftItem);
}
$('#description').text('礼物'+list.length+'选1,颜色随机发送');
var legend = $("<legend></legend>").text(desc);
var fieldset = $("<fieldset></fieldset>").append(legend);
$("#giftPanel").append(fieldset);
$("#giftPanel").append(giftList);
}
var id = getUrlParam('id');
......@@ -425,7 +474,174 @@
if (result.code == 0) {
$('#customerUserId').val(customerUserId);
var data = result.data;
initGiftList(data.giftInfo);
var testModel = {
cardGifts: false,
personalGifts: false,
registerGifts: false,
primeGifts: false
};
if (data.giftInfo.cardGifts && data.giftInfo.cardGifts.length > 0) {
testModel.cardGifts = data.giftInfo.cardGifts.filter(item => item.isMultiple == 1).length > 0;
initGiftList(data.giftInfo.cardGifts, "请选择您购卡赠送的礼物", 0);
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) {
testModel.personalGifts = data.giftInfo.personalGifts.filter(item => item.isMultiple == 1).length > 0;
initGiftList(data.giftInfo.personalGifts, "请选择您购买私教课赠送的礼物", 1);
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) {
testModel.registerGifts = data.giftInfo.registerGifts.filter(item => item.isMultiple == 1).length > 0;
initGiftList(data.giftInfo.registerGifts, "请选择您注册赠送的礼物", 2);
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) {
testModel.primeGifts = data.giftInfo.primeGifts.filter(item => item.isMultiple == 1).length > 0;
initGiftList(data.giftInfo.primeGifts, "请选择您购买精品团课赠送的礼物", 3);
$('#primeGiftId').attr("data-required", testModel.primeGifts);
testModel.primeGifts && $('<input type="hidden" data-required="true" data-descriptions="primeGiftId" name="primeGiftId" id="primeGiftId">').appendTo("#uploadForm");
}
var validateObj = {
customerUserId: {
required: '用户不存在',
},
consigneeName:{
required : '请填写收货人姓名'
},
telephone:{
required : '请填写联系电话',
pattern : '联系方式格式错误'
},
address:{
required : '请填写收获地址'
},
};
if (testModel.cardGifts == true) {
validateObj['cardGiftId'] = {
required: '请选择您购卡赠送的礼物',
};
}
if (testModel.personalGifts == true) {
validateObj['personalGiftId'] = {
required: '请选择您购买私教课赠送的礼物',
};
}
if (testModel.registerGifts == true) {
validateObj['registerGiftId'] = {
required: '请选择您购买私教课赠送的礼物',
};
}
if (testModel.primeGifts == true) {
validateObj['primeGiftId'] = {
required: '请选择您购买私教课赠送的礼物',
};
}
$("#uploadForm").mvalidate({
type:1,
onKeyup:true,
sendForm:true,
firstInvalidFocus: true,
invalid:function(e) {
$('#submitBtn').removeClass("disabled");
},
valid:function(event,options){
//点击提交按钮时,表单通过验证触发函数
event.preventDefault();
var giftIDs = [];
$('.card.active').each(function(i, item) {
giftIDs.push(item.dataset['id']);
});
if ($('#cardGiftId') && $('#cardGiftId').val()) {
giftIDs.push(parseInt($('#cardGiftId').val()));
}
if ($('#personalGiftId') && $('#personalGiftId').val()) {
giftIDs.push(parseInt($('#personalGiftId').val()));
}
if ($('#personalGiftId') && $('#registerGiftId').val()) {
giftIDs.push(parseInt($('#registerGiftId').val()));
}
if ($('#primeGiftId') && $('#primeGiftId').val()) {
giftIDs.push(parseInt($('#primeGiftId').val()));
}
var body = {
giftIds: giftIDs,
consigneeName: $("#consigneeName").val(),
telephone: $("#telephone").val(),
address: $("#address").val(),
userId: parseInt($("#customerUserId").val())
};
$.ajax({
type: 'POST',
url: HTTP_URL+"/wedofit/gift/getGift",
data: JSON.stringify(body),
contentType: 'application/json',
dataType: 'json',
success: function(result){
$('#submitBtn').removeClass("disabled");
if (result.code == 0) {
$("#uploadForm")[0].reset();
$.dialog({
content : '礼物领取成功',
title: 'ok',
width: 600,
time : 2000
});
} else {
$.dialog({
content : result.message,
title: 'alert',
width: 600,
time : 2000
});
}
},
error: function(xhr, type){
$.dialog({
content : "系统错误！",
title: 'alert',
width: 600,
time : 2000
});
$('#submitBtn').removeClass("disabled");
}
});
},
eachValidField:function(event, status, options){
},
eachInvalidField:function(event, status, options){
},
descriptions: validateObj
});
//$('.class-banner').css({'background-image': `url(${HTTP_URL}${data.imgPath})`});
setTimeout(function() {
$('.loading').remove();
......@@ -443,87 +659,6 @@
$('#submitBtn').addClass("disabled");
});
$("#uploadForm").mvalidate({
type:1,
onKeyup:true,
sendForm:true,
firstInvalidFocus: true,
invalid:function() {
$('#submitBtn').removeClass("disabled");
},
valid:function(event,options){
//点击提交按钮时,表单通过验证触发函数
event.preventDefault();
var body = {
giftId: parseInt($("#id").val()),
consigneeName: $("#consigneeName").val(),
telephone: $("#telephone").val(),
address: $("#address").val(),
userId: parseInt($("#customerUserId").val())
};
$.ajax({
type: 'POST',
url: HTTP_URL+"/wedofit/gift/getGift",
data: JSON.stringify(body),
contentType: 'application/json',
dataType: 'json',
success: function(result){
$('#submitBtn').removeClass("disabled");
if (result.code == 0) {
$("#uploadForm")[0].reset();
$.dialog({
content : '礼物领取成功',
title: 'ok',
width: 600,
time : 2000
});
} else {
$.dialog({
content : result.message,
title: 'alert',
width: 600,
time : 2000
});
}
},
error: function(xhr, type){
$.dialog({
content : "系统错误！",
title: 'alert',
width: 600,
time : 2000
});
$('#submitBtn').removeClass("disabled");
}
});
},
eachValidField:function(val){},
eachInvalidField:function(event, status, options){},
descriptions:{
id:{
required : '请选择礼物'
},
customerUserId: {
required: '用户不存在',
},
consigneeName:{
required : '请填写收货人姓名'
},
telephone:{
required : '请填写联系电话',
pattern : '联系方式格式错误'
},
address:{
required : '请填写收获地址'
},
}
});
$("#return-img").on('click', function(e){
location.href = './giftindex.html?id=' + id + "&customerUserId=" + customerUserId;
});
......
js/constant.js
var CONSTANT = (function() {
// Private static attributes.
var HTTP_URL = 'http://'+location.hostname+':'+location.port+'/wedo-fit';
//var HTTP_URL = 'http://192.168.31.217:8080/wedo-fit';
var DATA={};
// 定义了一个静态方法
DATA.getConstant=function(){//获取常量的方法
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此消息的编辑！
请 注册 或 登录 后发表评论