ruoyi
/
RuoYi
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
RuoYi/sino-act-web/src/main/resources/public/doll/index.html

243 lines
8.0 KiB
HTML
Raw Normal View History

新增娃娃机模块
2021-04-16 16:25:09 +08:00
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="GBK">
<title><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ץ<EFBFBD><EFBFBD><EFBFBD><EFBFBD></title>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/main.css?v=542" />
<link rel="stylesheet" type="text/css" href="css/iosSelect.css" />
</head>
<body>
<div class="lottery">
<div class="my_scroll">
<ul class="awards">
</ul>
</div>
<div class="lottery_tool">
<span class="tool_line"></span>
<span class="tool">
<img src="images/img_prize.png" style="display:none;" />
</span>
<img class="tool_box" src="images/img_box.png" />
</div>
<p class="lottery_role"></p>
<p class="lottery_prize"></p>
<p class="lottery_tips">ÿ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><span class="integral">50</span><EFBFBD><EFBFBD><EFBFBD><EFBFBD></p>
<button class="lottery_go"></button>
<p class="lottery_points"><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ʣ<EFBFBD><EFBFBD><span class="num">0</span><EFBFBD><EFBFBD><EFBFBD><EFBFBD></p>
<a href="javascript:void(0);" class="lottery_link"></a>
</div>
<input type="hidden" class="drawType"/>
<!--δ<EFBFBD>н<EFBFBD>-->
<div class="pop pop_fail" style="display:none;">
<div class="pop_bg">
<span class="closed"></span>
<div class="contact"><EFBFBD>Ͳ<EFBFBD>һ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><br/><EFBFBD>ٽ<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ŷ</div>
<p class="btn"></p>
</div>
</div>
<!--<EFBFBD>н<EFBFBD>-->
<div class="pop pop_success" style="display:none;">
<div class="pop_bg">
<span class="closed"></span>
<div class="contact">
<img src="" alt=""/>
<span></span>
</div>
<p class="btn"></p>
</div>
</div>
<!--<EFBFBD><EFBFBD>д<EFBFBD><EFBFBD>Ϣ-->
<div class="pop pop_fillin" style="display:none;">
<div class="pop_bg">
<span class="closed"></span>
<div class="contact">
<p><span><EFBFBD><EFBFBD>&nbsp;&nbsp;<EFBFBD><EFBFBD>&nbsp;&nbsp;<EFBFBD><EFBFBD>:</span><input class="uname" type="text" placeholder="<22><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>"/></p>
<p><span><EFBFBD><EFBFBD><EFBFBD><EFBFBD>֤<EFBFBD><EFBFBD>:</span><input class="idcard" type="text" maxlength="18" placeholder="<22><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>"/></p>
<p><span><EFBFBD><EFBFBD>ϵ<EFBFBD>绰:</span><input class="phone" type="text" maxlength="11" placeholder="<22><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>"/></p>
<p><span><EFBFBD><EFBFBD><EFBFBD>ڵ<EFBFBD><EFBFBD><EFBFBD>:</span><input class="contact_sel city" type="text" placeholder="<22><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>" readonly value="<22><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>" id="select_contact" data-city-code="110100" data-province-code="110000" data-district-code="110102"/></p>
<p><span><EFBFBD><EFBFBD>ϸ<EFBFBD><EFBFBD>ַ:</span><textarea class="addr" placeholder="<22><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ϸ<EFBFBD><CFB8>ַ<EFBFBD><D6B7>Ϣ<EFBFBD><CFA2><EFBFBD><EFBFBD><EFBFBD><EFBFBD>·<EFBFBD><C2B7><EFBFBD><EFBFBD><EFBFBD>ƺš<C6BA> С<><D0A1><EFBFBD><EFBFBD>¥<EFBFBD><C2A5><EFBFBD>á<EFBFBD><C3A1><EFBFBD>Ԫ<EFBFBD>ҵ<EFBFBD>"></textarea></p>
<p class="contact_btn"></p>
</div>
</div>
</div>
<!--<EFBFBD>ҵĽ<EFBFBD>Ʒ-->
<div class="pop pop_prize" style="display:none;">
<div class="pop_bg">
<h3 class="title"></h3>
<span class="closed"></span>
<div class="contact">
<ul class="content_list myPrizes">
<li><img src="images/img_prize01.png" /><span>50<EFBFBD><EFBFBD><EFBFBD><EFBFBD></span><span class="list_date">2020-11-23</span></li>
<li><img src="images/img_prize02.png" /><span>è<EFBFBD><EFBFBD>50</span><span class="list_date">2020-11-23</span></li>
<li><img src="images/img_prize03.png" /><span>è<EFBFBD><EFBFBD>70</span><span class="list_date">2020-11-23</span></li>
<li><img src="images/img_prize04.png" /><span><EFBFBD><EFBFBD><EFBFBD>׼<EFBFBD><EFBFBD><EFBFBD></span><span class="list_date">2020-11-23</span></li>
<li><img src="images/img_prize05.png" /><span><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>¿<EFBFBD></span><span class="list_date">2020-11-23</span></li>
<li><img src="images/img_prize06.png" /><span>QQ<EFBFBD><EFBFBD><EFBFBD><EFBFBD></span><span class="list_date">2020-11-23</span></li>
<li><img src="images/img_prize07.png" /><span><EFBFBD>ſ<EFBFBD><EFBFBD>¿<EFBFBD></span><span class="list_date">2020-11-23</span></li>
<li><img src="images/img_prize08.png" /><span><EFBFBD>ſἾ<EFBFBD><EFBFBD></span><span class="list_date">2020-11-23</span></li>
</ul>
</div>
</div>
</div>
<!--<EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>-->
前端活动流转路径修改
2021-04-21 09:32:44 +08:00
<div class="pop pop_role role" style="display:none;">
新增娃娃机模块
2021-04-16 16:25:09 +08:00
<div class="pop_bg">
<h3 class="title"></h3>
<span class="closed"></span>
前端活动流转路径修改
2021-04-21 09:32:44 +08:00
<div class="contact drawRule contBox">
新增娃娃机模块
2021-04-16 16:25:09 +08:00
</div>
</div>
</div>
<div class="prizes" style="display: none;">
<img class="prize" src="" alt="">
</div>
<ul class="" style="display: none;">
<li class="award"><EFBFBD><EFBFBD>ϲ 151****3445 <20><><EFBFBD>þ<EFBFBD><C3BE><EFBFBD>E<EFBFBD><45></li>
</ul>
<ul class="" style="display: none;">
<li class="prize_li"><img src="images/img_prize01.png" /><span class="pname">50<EFBFBD><EFBFBD><EFBFBD><EFBFBD></span><span class="list_date time">2020-11-23</span></li>
</ul>
<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/common.js"></script>
<script src="js/scroll.js"></script>
<script src="js/iosSelect.js"></script>
<script src="js/areaData_v2.js" charset="GBK"></script>
<script src="../../common/taglibs.js"></script>
<script src="../../js/jsencrypt.min.js"></script>
<script src="../../js/encryptUtil.js"></script>
前端活动流转路径修改
2021-04-21 09:32:44 +08:00
<script src="../draw/js/util.js"></script>
新增娃娃机模块
2021-04-16 16:25:09 +08:00
<script src="../../js/mobile/login_register/login.js"></script>
<script src="../../js/layui/layer.js"></script>
<script src="../../js/layui/layerUtils.js"></script>
前端活动流转路径修改
2021-04-21 09:32:44 +08:00
<script src="../draw/js/draw.js"></script>
<script src="/js/config.js"></script>
新增娃娃机模块
2021-04-16 16:25:09 +08:00
<script src="js/main.js"></script>
<script>
const DOLL = 'doll';
$(function () {
init(DOLL);
initAwards();
});
//<2F>齱
var cH = $(".tool")[0].clientHeight;
var tH = $(".tool")[0].offsetTop;
var lH = $('.tool_line')[0].clientHeight;
var timer = null;
$('.lottery_go').click(function(){
//<2F>н<EFBFBD><D0BD><EFBFBD>1<EFBFBD><31>2<EFBFBD><32>3<EFBFBD><33>4<EFBFBD><34>5<EFBFBD><35>6<EFBFBD><36>7<EFBFBD><37>8<EFBFBD><38><EFBFBD><EFBFBD>Ӧ<EFBFBD><D3A6>Ʒ<EFBFBD><C6B7>,δ<>н<EFBFBD><D0BD><EFBFBD>-1
//1:50<35><30><EFBFBD><EFBFBD>,2:è<><C3A8>50,3:è<><C3A8>70,4:<3A><><EFBFBD>׼<EFBFBD><D7BC><EFBFBD>,5:<3A><><EFBFBD><EFBFBD><EFBFBD>¿<EFBFBD>,6:QQ<51><51><EFBFBD><EFBFBD>,7:<3A>ſ<EFBFBD><C5BF>¿<EFBFBD>,8:<3A>ſἾ<C5BF><E1BCBE>
fnLottery(-1);
});
function fnLottery(status){
try{
zhuge.track('<27><><EFBFBD>޻<EFBFBD>-<2D><>ʼץ<CABC><D7A5><EFBFBD><EFBFBD>ť<EFBFBD><C5A5>'+drawCode+'<27><>');
}catch(err){console.log(err);}
if (running) {
console.log('running...');
return;
}
start();
if (!body) {
console.log('body is null');
return;
}
if (body.prizeType != 'empty') {
status = body.displayOrder;
} else {
status = -1;
}
$('.tool_line').animate({height:cH*2.5},2000);
$(".tool").animate({top:cH*5},2000);
if(timer !== null){
clearTimeout(timer);
}
timer = setTimeout(() => {
if(status != -1){
$(".tool img").show();
}
$('.tool_line').animate({height:lH},1500);
$(".tool").animate({top:tH},1500,function(){
//<2F>н<EFBFBD><D0BD><EFBFBD>
if(status != -1){
$('.pop_success').show();
$(".tool img").hide();
let prizeCode = body.prizeCode;
let imgSrc = $('img[p-code='+prizeCode+']').attr('src');
$(".contact img").attr('src',imgSrc);
}
//δ<>н<EFBFBD>
if(status == -1){
$('.pop_fail').show();
}
running = false;
});
}, 2500);
}
//<2F><><EFBFBD>ڵ<EFBFBD><DAB5><EFBFBD>ѡ<EFBFBD><D1A1>
var selectContactDom = $('#select_contact');
selectContactDom.bind('click', function () {
var oneLevelId = selectContactDom.attr('data-province-code'); //ʡcode
var twoLevelId = selectContactDom.attr('data-city-code');//<2F><>code
var threeLevelId = selectContactDom.attr('data-district-code');//<2F><>code
var iosSelect = new IosSelect(3,
[iosProvinces, iosCitys, iosCountys],
{
title: '<27><>ַѡ<D6B7><D1A1>',
itemHeight: 35,
relation: [1, 1],
oneLevelId: oneLevelId,
twoLevelId: twoLevelId,
threeLevelId: threeLevelId,
callback: function (selectOneObj, selectTwoObj, selectThreeObj) {
selectContactDom.attr('data-province-code', selectOneObj.id);
selectContactDom.attr('data-city-code', selectTwoObj.id);
selectContactDom.attr('data-district-code', selectThreeObj.id);
selectContactDom.attr('value',selectOneObj.value + ' ' + selectTwoObj.value + ' ' + selectThreeObj.value);
}
});
});
//<2F><EFBFBD><EEB6AF><EFBFBD><EFBFBD>
$('.lottery_role').click(function(){
前端活动流转路径修改
2021-04-21 09:32:44 +08:00
drawrule();
新增娃娃机模块
2021-04-16 16:25:09 +08:00
$('.pop_role').show();
})
//<2F>رյ<D8B1><D5B5><EFBFBD>
$('.closed,.btn').click(function(){
$(this).parents('.pop').hide();
})
//δ<>н<EFBFBD>ȷ<EFBFBD>Ϲرյ<D8B1><D5B5><EFBFBD>
$('.pop_fail .btn').click(function(){
$(this).parents('.pop').hide();
})
//<2F>н<EFBFBD><D0BD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ȡ
$('.pop_success .btn').click(function(){
$(this).parents('.pop').hide();
let cue = body.cue;
let prizeType = body.prizeType;
if (prizeType === 'materialObject') {
$('.pop_fillin').show();
} else {
layerTip(cue);
}
});
$('.contact_btn').click(function () {
saveAddr()
})
$('.lottery_prize').click(function () {
myprizes(DOLL)
})
$('.lottery_link').click(function () {
try{
zhuge.track('<27><><EFBFBD>޻<EFBFBD>-<2D><><EFBFBD><EFBFBD>׬<EFBFBD><D7AC><EFBFBD>ְ<EFBFBD>ť<EFBFBD><C5A5>'+drawCode+'<27><>');
}catch(err){console.log(err);}
// location.href = contextRootPath+'/wechat/user/toPension.do?ak=pensionSecond';
location.href = contextRootPath+'/activity/tree/index.html?showTask=1&cl='+cl;
})
</script>
</body>
</html>