357 lines
14 KiB
HTML
357 lines
14 KiB
HTML
|
<link rel="stylesheet" type="text/css" href="__CDN__/assets/css/door/css/flyer.css">
|
|||
|
|
<link rel="stylesheet" type="text/css" href="__CDN__/assets/css/door/css/myMarch.css?v={$site.version}">
|
|||
|
|
<style>
|
|||
|
|
.layui-layer-btn .layui-layer-btn0{
|
|||
|
|
background: #000;
|
|||
|
|
}
|
|||
|
|
.layui-layer-title{
|
|||
|
|
font-weight: bold;
|
|||
|
|
text-align: center;
|
|||
|
|
font-size: 18px;
|
|||
|
|
}
|
|||
|
|
.matchwin .layui-layer-btn{
|
|||
|
|
text-align: center;
|
|||
|
|
padding: 20px;
|
|||
|
|
}
|
|||
|
|
.matchwin .layui-layer-btn a{
|
|||
|
|
height: 50px;
|
|||
|
|
width: 30%;
|
|||
|
|
line-height: 50px;
|
|||
|
|
font-size: 18px;
|
|||
|
|
}
|
|||
|
|
/*俱乐部赛事*/
|
|||
|
|
.table-list{
|
|||
|
|
width: 90%;
|
|||
|
|
margin: 30px auto;
|
|||
|
|
line-height: 50px;
|
|||
|
|
}
|
|||
|
|
.table-list thead{
|
|||
|
|
background: #EEEEEE;
|
|||
|
|
}
|
|||
|
|
.table-list tr{
|
|||
|
|
display: flex;
|
|||
|
|
}
|
|||
|
|
.table-list td{
|
|||
|
|
padding: 0 10px;
|
|||
|
|
text-align: center;
|
|||
|
|
flex: 1;
|
|||
|
|
}
|
|||
|
|
.table-list button{
|
|||
|
|
border: 0;
|
|||
|
|
padding: 0 10px;
|
|||
|
|
line-height: 30px;
|
|||
|
|
border: 1px solid #aaa;
|
|||
|
|
border-radius: 5px;
|
|||
|
|
background: transparent;
|
|||
|
|
background: #000;
|
|||
|
|
color: #fff;
|
|||
|
|
}
|
|||
|
|
.clubbox{
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
align-items: center;
|
|||
|
|
}
|
|||
|
|
.clubbox p{
|
|||
|
|
margin-bottom:15px;
|
|||
|
|
display: -webkit-box;
|
|||
|
|
-webkit-box-orient: vertical;
|
|||
|
|
-webkit-line-clamp: 2;
|
|||
|
|
overflow: hidden;
|
|||
|
|
text-overflow: ellipsis;
|
|||
|
|
}
|
|||
|
|
.clubbox .logo{
|
|||
|
|
max-height: 40px;
|
|||
|
|
}
|
|||
|
|
.clubbox img{
|
|||
|
|
width: 60px;
|
|||
|
|
margin: 0 16px;
|
|||
|
|
height: 60px;
|
|||
|
|
}
|
|||
|
|
@media screen and (max-width: 768px){
|
|||
|
|
.table-list td:nth-child(3){
|
|||
|
|
display: none;
|
|||
|
|
}
|
|||
|
|
.table-list td:nth-child(4){
|
|||
|
|
flex: 1.8;
|
|||
|
|
}
|
|||
|
|
.table-list button{
|
|||
|
|
padding: 0 10px;
|
|||
|
|
width: 120px;
|
|||
|
|
border-radius: 3px;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
</style>
|
|||
|
|
<div class="fly-right">
|
|||
|
|
<div class="fr-wrap">
|
|||
|
|
<p class="my-event">俱乐部赛事 | Club Events</p>
|
|||
|
|
<div class="myMarch-name">
|
|||
|
|
<p>
|
|||
|
|
<span>赛事报名</span>
|
|||
|
|
<span>Apply</span>
|
|||
|
|
</p>
|
|||
|
|
<a href="tel:13136225305">加急审核请致电：13136225305</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="marchList">
|
|||
|
|
{empty name="club_matchlist"}
|
|||
|
|
<div class="onebox">
|
|||
|
|
<div class="onematch">您还未参与任何赛事</div>
|
|||
|
|
<!--<div class="start">-->
|
|||
|
|
<!-- <a href="/">去参加赛事 Participate In Events</a>-->
|
|||
|
|
<!--</div>-->
|
|||
|
|
</div>
|
|||
|
|
{else /}
|
|||
|
|
<ul>
|
|||
|
|
<div>
|
|||
|
|
<p>赛事</p>
|
|||
|
|
<p>申请时间</p>
|
|||
|
|
<p>参与资格</p>
|
|||
|
|
<p>操作</p>
|
|||
|
|
</div>
|
|||
|
|
{foreach $club_matchlist as $key=>$vo }
|
|||
|
|
{if $vo.match}
|
|||
|
|
<li onclick="choosefly({$vo.match.id},'{$vo.match.title}')">
|
|||
|
|
<p class="myname">{$vo.match.title ?? '已过期赛事'}</p>
|
|||
|
|
<p>{$vo.created_at ?? '未知时间'}</p>
|
|||
|
|
<p
|
|||
|
|
class="{if $vo.status == 1} auditing {elseif $vo.status == 2} audited {else /} noaudit {/if}">
|
|||
|
|
{if $vo.status == 1} 审核中 {elseif $vo.status == 2} 审核通过 {else /} 审核不通过 {/if}
|
|||
|
|
</p>
|
|||
|
|
<p class="btnbox"><button class="coursebtn">查看详情</button>
|
|||
|
|
</p>
|
|||
|
|
</li>
|
|||
|
|
{/if}
|
|||
|
|
{/foreach}
|
|||
|
|
</ul>
|
|||
|
|
{$page}
|
|||
|
|
{/empty}
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div id="choosefly" style="display:none;">
|
|||
|
|
<table border="0" id="table-list-club" class="table-list">
|
|||
|
|
<thead>
|
|||
|
|
<td>俱乐部名称</td>
|
|||
|
|
<td>操作</td>
|
|||
|
|
</thead>
|
|||
|
|
<tbody>
|
|||
|
|
|
|||
|
|
</tbody>
|
|||
|
|
</table>
|
|||
|
|
<table border="0" id="table-list-player" class="table-list">
|
|||
|
|
<thead>
|
|||
|
|
<td>参赛飞手</td>
|
|||
|
|
<td>性别</td>
|
|||
|
|
<td>出生日期</td>
|
|||
|
|
<td>操作</td>
|
|||
|
|
</thead>
|
|||
|
|
<tbody>
|
|||
|
|
|
|||
|
|
</tbody>
|
|||
|
|
</table>
|
|||
|
|
</div>
|
|||
|
|
<div class="coursepop"></div>
|
|||
|
|
<script src="__CDN__/assets/css/door/js/jquery.form.min.js"></script>
|
|||
|
|
<script src="__CDN__/assets/css/door/layui/layui.js"></script>
|
|||
|
|
<script src="/assets/addons/cms/js/html2canvas.min.js"></script>
|
|||
|
|
<script>
|
|||
|
|
const choosefly=function(id,title){
|
|||
|
|
const match_id=id;
|
|||
|
|
let select_player=[];
|
|||
|
|
layer.open({
|
|||
|
|
type:1,
|
|||
|
|
title:title,
|
|||
|
|
content:$('#choosefly').html(),
|
|||
|
|
area:['60%','70%'],
|
|||
|
|
skin:'matchwin',
|
|||
|
|
shadeClose:true,
|
|||
|
|
success:function(){
|
|||
|
|
$.post('/index/club/club_allplayer',{
|
|||
|
|
match_id
|
|||
|
|
},function(res){
|
|||
|
|
if(res.code){
|
|||
|
|
let tablehtml=''
|
|||
|
|
let nobtn=''
|
|||
|
|
$('#table-list-club tbody').html(`
|
|||
|
|
<tr>
|
|||
|
|
<td style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width:170px;">${res.data.club.name}</td>
|
|||
|
|
<td><button onclick="getcourse('${res.data.club.id}','${res.data.player[0].match_id}',0)">生成成绩证书</button></td>
|
|||
|
|
</tr>
|
|||
|
|
`)
|
|||
|
|
for(let i in res.data.player){
|
|||
|
|
tablehtml+=`
|
|||
|
|
<tr>
|
|||
|
|
<td>${res.data.player[i].player.real_name}</td>
|
|||
|
|
<td>${res.data.player[i].player.gender}</td>
|
|||
|
|
<td>${res.data.player[i].player.birthday}</td>
|
|||
|
|
<td><button onclick="getcourse('${res.data.player[i].player_id}','${res.data.player[i].match_id}',1)">生成成绩证书</button></td>
|
|||
|
|
</tr>
|
|||
|
|
`
|
|||
|
|
}
|
|||
|
|
$('#table-list-player tbody').html(tablehtml);
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 生成成绩证书
|
|||
|
|
function getcourse(id,match_id,status) {
|
|||
|
|
if(status){
|
|||
|
|
$.ajax({
|
|||
|
|
url: '/index/league/get_cert',
|
|||
|
|
type: 'post',
|
|||
|
|
data: { match_id, player_id:id},
|
|||
|
|
dataType: 'json',
|
|||
|
|
success: (res) => {
|
|||
|
|
if(res.code){
|
|||
|
|
coursedata(res.data,status)
|
|||
|
|
}else{
|
|||
|
|
layer.msg('未查询到成绩！');
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
error: (err) => {
|
|||
|
|
layer.msg('未查询到成绩！');
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}else{
|
|||
|
|
$.ajax({
|
|||
|
|
url: '/index/league/get_club_cert',
|
|||
|
|
type: 'post',
|
|||
|
|
data: { match_id, club_id:id },
|
|||
|
|
dataType: 'json',
|
|||
|
|
success: (res) => {
|
|||
|
|
if(res.code){
|
|||
|
|
coursedata(res.data,status)
|
|||
|
|
}else{
|
|||
|
|
layer.msg('未查询到成绩！');
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
error: (err) => {
|
|||
|
|
layer.msg('未查询到成绩！');
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function coursedata(data,status) {
|
|||
|
|
console.log(data)
|
|||
|
|
let nowtimestamp = parseInt(new Date().getTime() / 1000);
|
|||
|
|
let ezuhe = data.endtime.etime + ' ' + data.endtime.match_end_time;
|
|||
|
|
let etimestamp = parseInt(new Date(ezuhe.replace(/-/g, "/")).getTime() / 1000);
|
|||
|
|
let vhtml='';
|
|||
|
|
if(status){
|
|||
|
|
vhtml=`
|
|||
|
|
<img src="${data.endtime.course_poster}" width="350" height="600" style="position:absolute;z-index:-1;" />
|
|||
|
|
<div class="contbox">
|
|||
|
|
<div class="info">
|
|||
|
|
<div class="pic" style="margin-right:10px;"><img src="${data.player.player_pic}" height="70"></div>
|
|||
|
|
<div class="text">
|
|||
|
|
<p>
|
|||
|
|
<span>姓名：</span>
|
|||
|
|
<span>${data.player.real_name}</span>
|
|||
|
|
</p>
|
|||
|
|
<p>
|
|||
|
|
<span>编号：</span>
|
|||
|
|
<span>${data.player.member_number}</span>
|
|||
|
|
</p>
|
|||
|
|
<p>
|
|||
|
|
<span>性别：</span>
|
|||
|
|
<span>${data.player.gender}</span>
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="pm">
|
|||
|
|
<p>
|
|||
|
|
<span>所属队伍：</span>
|
|||
|
|
<span>${data.club.name_short}</span>
|
|||
|
|
</p>
|
|||
|
|
<p>
|
|||
|
|
<span>参赛名次：</span>
|
|||
|
|
<span>第${data.player.number}名</span>
|
|||
|
|
</p>
|
|||
|
|
<p>
|
|||
|
|
<span>本站积分：</span>
|
|||
|
|
<span>${data.player.grade}</span>
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div id="qrcode" class="code" style="display:inline-block;position:relative;left:44px;">
|
|||
|
|
<img width="60" src="https://www.fpvone.cn/qrcode/build?text=https://www.fpvone.cn/p/zhengshurenzheng?number=${data.certificate_number.certificate_number}" />
|
|||
|
|
</div>
|
|||
|
|
`
|
|||
|
|
}else{
|
|||
|
|
vhtml=`
|
|||
|
|
<img src="${data.endtime.club_course_poster}" width="350" height="600" style="position:absolute;z-index:-1;" />
|
|||
|
|
<div class="contbox clubbox">
|
|||
|
|
<div class="pic">
|
|||
|
|
<img src="${data.club.logo}">
|
|||
|
|
</div>
|
|||
|
|
<div class="text">
|
|||
|
|
<p>
|
|||
|
|
<span>队伍简称：</span>
|
|||
|
|
<span>${data.club.name_short}</span>
|
|||
|
|
</p>
|
|||
|
|
<p class="logo">
|
|||
|
|
<span>队伍口号：</span>
|
|||
|
|
<span>${data.club.competition_slogan}</span>
|
|||
|
|
</p>
|
|||
|
|
<p>
|
|||
|
|
<span>所属地区：</span>
|
|||
|
|
<span>${data.club.province}</span>
|
|||
|
|
</p>
|
|||
|
|
<p>
|
|||
|
|
<span>参赛名次：</span>
|
|||
|
|
<span>${data.club.number}</span>
|
|||
|
|
</p>
|
|||
|
|
<p>
|
|||
|
|
<span>本站积分：</span>
|
|||
|
|
<span>${data.club.grade}</span>
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div id="qrcode" class="code" style="display:inline-block;position:relative;left:44px;margin-top:24px;">
|
|||
|
|
<img width="50" src="https://www.fpvone.cn/qrcode/build?text=https://www.fpvone.cn/p/julebuzhengshurenzheng?number=${data.certificate_number.certificate_number}" />
|
|||
|
|
</div>
|
|||
|
|
`
|
|||
|
|
}
|
|||
|
|
if (data.endtime.is_open_course == 1) {
|
|||
|
|
layui.layer.msg(`成绩证书已关闭！`);
|
|||
|
|
} else {
|
|||
|
|
if (nowtimestamp > etimestamp) {
|
|||
|
|
let loadicon = layui.layer.load(0, { shade: [0.15, '#ccc'] });
|
|||
|
|
$('.coursepop').html(vhtml)
|
|||
|
|
let node = $(".coursepop")[0];
|
|||
|
|
setTimeout(() => {
|
|||
|
|
layer.close(loadicon);
|
|||
|
|
html2canvas(node, {
|
|||
|
|
useCORS: true,
|
|||
|
|
allowTaint: true,
|
|||
|
|
taintTest: false,
|
|||
|
|
width: node.scrollWidth,
|
|||
|
|
height: node.scrollHeight,
|
|||
|
|
scale: window.devicePixelRatio
|
|||
|
|
}).then((canvas) => {
|
|||
|
|
let hcurl = canvas.toDataURL('image/png')
|
|||
|
|
layui.layer.open({
|
|||
|
|
type: 1,
|
|||
|
|
title: false, // 不显示标题栏
|
|||
|
|
closeBtn: 0,
|
|||
|
|
area: ['350px', '600px'],
|
|||
|
|
shadeClose: true, // 点击遮罩关闭层
|
|||
|
|
content: `
|
|||
|
|
<img width="100%" src="${hcurl}" />
|
|||
|
|
`
|
|||
|
|
});
|
|||
|
|
})
|
|||
|
|
.catch((err) => {
|
|||
|
|
console.log('err', err)
|
|||
|
|
})
|
|||
|
|
}, 500);
|
|||
|
|
} else {
|
|||
|
|
layui.layer.msg(`${ezuhe}后可生成成绩证书！`);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|