blackteay/ThinkAdmin
1
0
Fork 0
mirror of https://gitee.com/zoujingli/ThinkAdmin.git synced 2025-04-06 03:58:04 +08:00
Code Issues Projects Releases Wiki Activity

Delete index.html

Browse Source
This commit is contained in:
Anyon 2020-10-24 10:58:55 +08:00
parent 2bf051498b
commit 60e62b93af
1 changed files with 0 additions and 253 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

253
app/data/view/app/luckdraw/index.html
View File

@ -1,253 +0,0 @@
<!doctype html>
<html lang="zh">
<head>
<meta charset="utf-8">
<title>{$vo.title|default=''}</title>
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width">
<link rel="stylesheet" href="__ROOT__/static/luckdraw/css/style.css">
<link rel="stylesheet" href="__ROOT__/static/luckdraw/lib/swiper/swiper.min.css">
<script src="__ROOT__/static/plugs/jquery/jquery.min.js"></script>
<script src="__ROOT__/static/luckdraw/layer.mobile/layer.js"></script>
<script src="__ROOT__/static/luckdraw/lib/swiper/swiper.min.js"></script>
<script src="//res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<script>
window.onresize = function () {
this.deviceWidth = document.documentElement.clientWidth;
if (this.deviceWidth > 640) this.deviceWidth = 640;
document.documentElement.style.fontSize = this.deviceWidth / 7.5 + 'px';
};
window.onresize();
let ApiFun = new function () {
this.doDraw = function () {
/* {if empty($member)} */
document.querySelector('#mask1').className = 'mask show';
document.querySelector('.info-dialog').className = 'info-dialog show';
/* {else} */
let index = layer.open({type: 2, content: '抽奖中...'});
$.post('{:url("@data/app.luckdraw/prize/code/".$vo.code)}', {}, function (ret) {
layer.close(index), location.reload();
});
/* {/if} */
};
/*! 补充用户数据 */
this.doInfo = function () {
let phone = $('#phone').val() || '', username = $('#username').val() || '';
if (!/.{1}/.test(username)) return layer.open({content: '请输入您的姓名！', skin: 'msg', time: 2, shade: true});
if (!/^1\d{10}$/.test(phone)) return layer.open({content: '请输入正确的手机号！', skin: 'msg', time: 2, shade: true});
let index = layer.open({type: 2, content: '提交中...', shade: true});
$.post('{:url("@data/app.luckdraw/info/code/".$vo.code)}', {phone: phone, username: username}, function (ret) {
layer.close(index);
if (ret.code > 0) return window.location.reload();
return layer.open({content: ret.info, skin: 'msg', time: 2, shade: true});
});
};
/*! 奖品核销码 */
this.doUsed = function () {
let uncode = $('#uncode').val() || '';
if (!uncode) return layer.open({content: '请输入核销码再操作！', skin: 'msg', time: 2, shade: true});
let index = layer.open({type: 2, content: '正在核销奖品...', shade: true});
$.post('{:url("@data/app.luckdraw/used/code/".$vo.code)}', {uncode: uncode}, function (ret) {
layer.close(index);
if (ret.code > 0) return location.reload();
return layer.open({content: ret.info, skin: 'msg', time: 2, shade: true});
});
}
/*! 填写收货地址 */
this.doExpress = function () {
let data = {
city: $('[name=city]').val() || '',
area: $('[name=area]').val() || '',
address: $('[name=address]').val() || '',
province: $('[name=province]').val() || '',
};
if (!data.address) return layer.open({content: '收货地址不能为空！', skin: 'msg', time: 2, shade: true});
let index = layer.open({type: 2, content: '正在提交收货地址...', shade: true});
$.post('{:url("@data/app.luckdraw/express/code/".$vo.code)}', data, function (ret) {
layer.close(index);
if (ret.code > 0) return location.reload();
return layer.open({content: ret.info, skin: 'msg', time: 2, shade: true});
});
};
};
(function () {
wx.config(JSON.parse('{$jsoptin|raw}'));
wx.ready(function () {
wx.hideAllNonBaseMenuItem();
wx.hideMenuItems({
menuList: ['updateAppMessageShareData', 'updateTimelineShareData']
});
});
})();
</script>
</head>
<body>
<div class="page index-page">
{if !empty($vo.status) and empty($vo.is_deleted)}
<img src="__ROOT__/static/luckdraw/images/bg2.jpg" alt="一尚美术">
<div class="page-body">
<img onclick="showRule()" class="rule" src="__ROOT__/static/luckdraw/images/rule.png" alt="活动规则">
<!-- 抽奖按钮 -->
{empty name='record'}
<img class="btn" src="__ROOT__/static/luckdraw/images/yu.png" alt="点我抽奖" onclick="ApiFun.doDraw()">
{else}
<!-- 已中奖的点击按钮变成 查看奖品 -->
<img class="btn" src="__ROOT__/static/luckdraw/images/yu1.png" alt="查看奖品" onclick="ApiFun.doDraw()">
{/empty}
<!-- 中奖明细 -->
<div class="detail">
<img class="title" src="__ROOT__/static/luckdraw/images/t1.png" alt="中奖明细">
<div class="swiper-container ls-box">
<img class="icon1" src="__ROOT__/static/luckdraw/images/icon1.png" alt="一尚美术">
<img class="icon1 icon2" src="__ROOT__/static/luckdraw/images/icon1.png" alt="一尚美术">
<ul class="swiper-wrapper">
{foreach $records as $vo}
<li class="swiper-slide">
<div class="ls-title">
<span>{$vo.username|default=''}</span>
<span>{$vo.prize_level|default='特等奖'}</span>
</div>
<div class="ls-text">{$vo.prize_name|default=''}</div>
</li>
{/foreach}
</ul>
</div>
</div>
</div>
</div>
<!-- 填写信息 -->
{if empty($member)}
<div id="mask1" class="mask show" onclick="hideDraw()"></div>
<div class="info-dialog show">
<h2>填写信息即可参与抽奖哦~</h2>
<div class="form">
<label>
<span>您的姓名：</span>
<input id="username" type="text" maxlength="20">
</label>
<label>
<span>手机号码：</span>
<input id="phone" type="tel" maxlength="11">
</label>
</div>
<div class="btns">
<span onclick="hideDraw()">取消</span>
<span onclick="ApiFun.doInfo()">确认</span>
</div>
</div>
{elseif !empty($record)}
<!-- 中奖弹窗 -->
<div class="luck-mask show">
<img onclick="this.parentNode.className='luck-mask'" class="close" src="__ROOT__/static/luckdraw/images/close.png" alt="关闭">
<img src="__ROOT__/static/luckdraw/images/luck.png" alt="中奖了">
<script src="__ROOT__/static/plugs/jquery/pcasunzips.js"></script>
<div class="luck-dialog">
{if $record.prize_code neq ''}
<h1>{$record.prize_level|default='特等奖'}</h1>
<h3>{$record.prize_name|default='未中奖'}</h3>
{if empty($record.uncode_status) && empty($record.express_province)}
<div>
{if empty($record.prize_express)}
<label><input id="uncode" type="text" placeholder="请输入核销码"></label>
<div onclick="ApiFun.doUsed()" class="dialog-btn">确认核销</div>
{else}
<label>
<select name="province"></select>
<select name="city"></select>
<select name="area"></select>
<input name="address" value="{$record.express_address|default=''}" placeholder="请输入详情地址">
</label>
<script>new PCAS('province', 'city', 'area', '{$record.express_province|default=""}', '{$record.express_city|default=""}', '{$record.express_area|default=""}')</script>
<div onclick="ApiFun.doExpress()" class="dialog-btn">提交收货地址</div>
{/if}
</div>
{else}
<!--{if empty($record.prize_express)}-->
<div class="dialog-btn btn1">奖品已核销</div>
<!--{else}-->
<div>
<label>
<select disabled style="background:#ddd">
<option>{$record.express_province|default=''}</option>
</select>
<select disabled style="background:#ddd">
<option>{$record.express_city|default=''}</option>
</select>
<select disabled style="background:#ddd">
<option>{$record.express_area|default=''}</option>
</select>
<input disabled style="background:#ddd" value="{$record.express_address}" placeholder="请输入详情地址">
</label>
<div class="dialog-btn btn1">已提交收货地址</div>
</div>
<!--{/if}-->
{/if}
{else}
<div class="dialog-btn btn1">未中奖</div>
{/if}
</div>
</div>
{/if}
<!-- 规则说明 -->
<div class="rule-mask">
<img onclick="this.parentNode.className='rule-mask'" class="close" src="__ROOT__/static/luckdraw/images/close.png" alt="关闭">
<div class="rule-dialog">
<h1 class="dialog-title">活动规则</h1>
<div class="rule-content">{foreach $rules as $rule}<p>{$rule}</p>{/foreach}</div>
</div>
</div>
{else}
<script>
alert('活动已经结束');
wx.ready(function () {
wx.closeWindow();
});
</script>
{/if}
<script>
/*! 显示活动规则 */
function showRule() {
document.querySelector('.rule-mask').className = 'rule-mask show';
}
/*! 显示信息弹窗 */
function showDraw() {
document.querySelector('#mask1').className = 'mask show';
document.querySelector('.info-dialog').className = 'info-dialog show';
}
/*! 隐藏信息弹窗 */
function hideDraw() {
document.querySelector('#mask1').className = 'mask';
document.querySelector('.info-dialog').className = 'info-dialog';
}
/*! 显示中奖弹窗 */
function showLuck() {
document.querySelector('.luck-mask').className = 'luck-mask show';
}
window.onload = function () {
let number = 4; /* 列表默认个数 */
let winH = document.body.clientHeight || 720;
/*! 不同屏幕高度改变列表高度 + 数据个数 */
if (winH > 720) {
document.querySelector('.index-page .ls-box').style.height = (winH / 130 * 0.82).toFixed(2) + 'rem';
}
/*! 列表轮播默认参数，默认不自动轮播 */
let option = {direction: 'vertical', slidesPerView: number};
/*! 列表数量大于默认数量 循环 + 自动轮播 */
if (document.querySelectorAll('.ls-box li').length > number) {
option.loop = true;
option.autoplay = {delay: 1500, disableOnInteraction: false}
}
/*! Swiper 轮播实例化 */
new Swiper('.swiper-container', option);
};
</script>
</body>
</html>