-
Notifications
You must be signed in to change notification settings - Fork 2
/
schedule.php
111 lines (94 loc) · 2.44 KB
/
schedule.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<?php
/**
* @name 生蚝体育竞赛管理系统-Web2-赛事日程
* @author Jerry Cheung <[email protected]>
* @since 2019-06-27
* @version 2019-07-22
*/
?>
<!DOCTYPE html>
<html>
<?php
$pageName='赛事日程';
include 'include/header.php';
?>
<?php include 'include/component.php'; ?>
<body style="background-color:#57c5e2;">
<div id="app">
<choose-games-modal></choose-games-modal>
<page-navbar></page-navbar>
<games-title ref="header"></games-title>
<div class="container">
<div class="row">
<games-navbar></games-navbar>
<div class="col-md-10">
<table class="table table-bordered table-hover">
<thead>
<tr>
<th style="padding:5px 0px;">类型</th>
<th style="padding:5px 0px;">项 次</th>
<th style="padding:5px 2px;vertical-align:middle;">项 目 名</th>
<th style="padding:5px 2px;">组数</th>
<th style="padding:5px 0px;">人/队数</th>
</tr>
</thead>
<tbody>
<template v-if="Object.keys(scheduleList).length===0">
<tr>
<td colspan="5">暂 无 日 程 表</td>
</tr>
</template>
<template v-else v-for="(scheduleSceneList,scene) in scheduleList">
<tr>
<th v-if="gamesInfo['scene'][scene]!=''" style="text-align:center;font-size:16px;background-color:#C4E1FF" colspan="5">第 {{scene}} 场（{{gamesInfo['scene'][scene]}}）</th>
<th v-else style="text-align:center;font-size:16px;background-color:#C4E1FF" colspan="5">第 {{scene}} 场</th>
</tr>
<tr v-for="info in scheduleSceneList" style="font-size:12px">
<td style="padding:8px 2px;">{{info['kind']}}</td>
<td>{{info['order_index']}}</td>
<td>{{info['sex']+info['group_name']+info['name']}}</td>
<td>{{info['total_group']}}</td>
<td>{{info['total_ath']}}</td>
</tr>
</template>
</tbody>
</table>
</div>
</div>
</div>
</div>
<script>
var vm = new Vue({
el:'#app',
data:{
gamesInfo:{},
scheduleList:{}
},
methods:{
getSchedule:()=>{
lockScreen();
$.ajax({
url:'/api/getSchedule',
data:{'id':vm.gamesInfo['id']},
dataType:'json',
error:e=>{
unlockScreen();
showModalTips("服务器错误！");
console.log(e);
},
success:ret=>{
unlockScreen();
vm.scheduleList=ret.data['list'];
}
})
}
},
mounted:function(){
this.gamesInfo=this.$refs.header.gamesInfo;
}
});
vm.getSchedule();
</script>
<?php include 'include/footer.php'; ?>
</body>
</html>