Skip to content
切换导航面板
P
项目
G
群组
S
代码片段
帮助
成立
/
weiduh5
当前项目
正在载入...
登录
切换导航面板
转到一个项目
项目
版本库
问题
0
合并请求
0
流水线
维基
代码片段
设置
活动
图像
图表
创建新的问题
作业
提交
问题看板
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Commit
ce061ba8
authored
Jan 22, 2018
by
颜景龙
Browse files
Options
_('Browse Files')
Download
Email Patches
Plain Diff
礼物发放
parent
5f56be49
显示空白字符变更
内嵌
并排
正在显示
3 个修改的文件
包含
160 行增加
和
62 行删除
gift/gift-done.png
gift/gift-zero.png
gift/gift.html
gift/gift-done.png
0 → 100644
查看文件 @
ce061ba8
9.13 KB
gift/gift-zero.png
0 → 100644
查看文件 @
ce061ba8
3.81 KB
gift/gift.html
查看文件 @
ce061ba8
...
...
@@ -89,6 +89,7 @@
flex-direction
:
column
;
background-position
:
center
;
background-image
:
url(./banner.png)
;
position
:
relative
;
}
.clearfix
:after
{
...
...
@@ -158,12 +159,16 @@
.form-panel
.control-field
label
{
position
:
absolute
;
color
:
#292929
;
font-size
:
1
.25
rem
;
font-size
:
1rem
;
line-height
:
2rem
;
margin-left
:
1.25rem
;
bottom
:
0
;
}
.form-panel
.zform-control
{
margin-bottom
:
.2rem
;
}
.form-panel
.field-text
{
height
:
2rem
;
font-size
:
1rem
;
...
...
@@ -309,6 +314,32 @@
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>
</head>
<body>
...
...
@@ -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="registerGiftId" name="registerGiftId" id="registerGiftId">
<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"
>
<div
class=
"zform-control"
>
<div
class=
"control-field"
>
...
...
@@ -389,13 +421,31 @@
var
card
=
$
(
'
<
div
class
=
"card"
><
/div>'
)
;
card
.
attr
(
"data-id"
,
list
[
i
].
id
);
card
.
attr
(
"data-status"
,
list
[
i
].
isMultiple
);
card
.
attr
(
"data-type"
,
list
[
i
].
type
);
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.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
cardType
=
$
(
"
<
div
class
=
'card-type'
><
/div>"
)
;
...
...
@@ -404,35 +454,85 @@
cardFooter
.
append
(
cardType
);
$
(
"
<
p
><
/p>"
)
.text
(
list
[
i
]
.description
)
.appendTo
(
cardFooter
)
;
if
(
list
[
i
].
isMultiple
===
1
)
{
card
.
on
(
'click'
,
function
(
e
){
if
(
list
[
i
].
isMultiple
===
1
&&
list
[
i
].
total
!==
0
&&
list
[
i
].
status
===
0
)
{
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
)
{
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'
]);
}
}
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'
]);
}
}
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'
]);
}
}
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'
]);
}
}
//$(".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'
);
});
}
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
).
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
);
...
...
@@ -482,31 +582,31 @@
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
;
initGiftList
(
data
.
giftInfo
.
cardGifts
,
"请选择您购卡赠送的礼物"
,
0
);
testModel
.
cardGifts
=
data
.
cardGifts
.
filter
(
item
=>
item
.
isMultiple
==
1
).
length
>
0
;
initGiftList
(
data
.
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) {
if (data.
personalGifts && data
.personalGifts.length > 0) {
testModel.personalGifts = data.
giftInfo.
personalGifts.filter(item => item.isMultiple == 1).length > 0;
initGiftList(data.
giftInfo.
personalGifts, "请选择您购买私教课赠送的礼物", 1);
testModel.personalGifts = data.personalGifts.filter(item => item.isMultiple == 1).length > 0;
initGiftList(data.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) {
if (data.
registerGifts && data
.registerGifts.length > 0) {
testModel.registerGifts = data.
giftInfo.
registerGifts.filter(item => item.isMultiple == 1).length > 0;
initGiftList(data.
giftInfo.
registerGifts, "请选择您注册赠送的礼物", 2);
testModel.registerGifts = data.registerGifts.filter(item => item.isMultiple == 1).length > 0;
initGiftList(data.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);
if (data.
primeGifts && data
.primeGifts.length > 0) {
testModel.primeGifts = data.primeGifts.filter(item => item.isMultiple == 1).length > 0;
initGiftList(data.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");
}
...
...
@@ -528,30 +628,30 @@
};
if (testModel.cardGifts == true) {
validateObj['
cardGiftId
'] = {
required: '
请选择您购卡赠送的礼物
',
};
}
//
if (testModel.cardGifts == true) {
//
validateObj['
cardGiftId
'] = {
//
required: '
请选择您购卡赠送的礼物
',
//
};
//
}
if (testModel.personalGifts == true) {
validateObj['
personalGiftId
'] = {
required: '
请选择您购买私教课赠送的礼物
',
};
}
//
if (testModel.personalGifts == true) {
//
validateObj['
personalGiftId
'] = {
//
required: '
请选择您购买私教课赠送的礼物
',
//
};
//
}
if (testModel.registerGifts == true) {
validateObj['
registerGiftId
'] = {
required: '
请选择您购买私教课赠送的礼物
',
};
}
//
if (testModel.registerGifts == true) {
//
validateObj['
registerGiftId
'] = {
//
required: '
请选择您购买私教课赠送的礼物
',
//
};
//
}
if (testModel.primeGifts == true) {
validateObj['
primeGiftId
'] = {
required: '
请选择您购买私教课赠送的礼物
',
};
}
//
if (testModel.primeGifts == true) {
//
validateObj['
primeGiftId
'] = {
//
required: '
请选择您购买私教课赠送的礼物
',
//
};
//
}
$("#uploadForm").mvalidate({
type:1,
...
...
@@ -568,37 +668,35 @@
var giftIDs = [];
$('
.
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()) {
// 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()));
// }
if (giftIDs.length == 0) {
$.dialog({
content : "请选择礼物",
title: '
alert
',
width: 600,
time : 2000
});
$('
#
submitBtn
').removeClass("disabled");
return;
}
var body = {
gift
Id
s: giftIDs,
gifts: giftIDs,
consigneeName: $("#consigneeName").val(),
telephone: $("#telephone").val(),
address: $("#address").val(),
u
serId: parseInt($("#customerUserId").val())
customerU
serId: parseInt($("#customerUserId").val())
};
$.ajax({
type: '
POST
',
url: HTTP_URL+"/wedofit/gift/get
Gift
",
url: HTTP_URL+"/wedofit/gift/get",
data: JSON.stringify(body),
contentType: '
application
/
json
',
dataType: '
json
',
...
...
编写
预览
Markdown
格式
0%
重试
或
添加新文件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
请先完成此消息的编辑!
取消
请
注册
或
登录
后发表评论