|
|
|
|
@ -5,17 +5,16 @@ |
|
|
|
|
<div class="center-wrap"> |
|
|
|
|
<breadcrumb ref="breadcrumb" :data="'全部赛事/' + form.name"></breadcrumb> |
|
|
|
|
<div class="content"> |
|
|
|
|
<div class="tool flex-between">{{status}} |
|
|
|
|
<div class="tool flex-between"> |
|
|
|
|
<el-tabs v-model="curType" @tab-click="typeChange"> |
|
|
|
|
<el-tab-pane v-for="(item, index) in typeList" :key="index" :label="item.name" :name="item.id"></el-tab-pane> |
|
|
|
|
</el-tabs> |
|
|
|
|
<div class="action"> |
|
|
|
|
<p class="end-text" v-if="status != 5"> |
|
|
|
|
<p class="end-text" v-if="end"> |
|
|
|
|
距离{{ endList[status] }}还有 |
|
|
|
|
<template v-if="end > 0"><em>{{ end }}</em> 天</template> |
|
|
|
|
<em v-else-if="end" v-countdown>{{ end }}</em> |
|
|
|
|
<em>{{ end }}</em> |
|
|
|
|
</p> |
|
|
|
|
<a v-if="status != 4 || (status == 4 && curStage)" class="status" :class="{wait: status == 0 || status == 4,signing: status == 2,signed: status == 1,finish: status == 3 || status == 5}" @click.stop="signup">{{ statusList[status] }}</a> |
|
|
|
|
<a v-if="status != 4 || (status == 4 && curStage)" class="status" :class="{wait: status == 0,signing: status == 2,signed: status == 1,playing: status == 4,finish: status == 3 || status == 5}" @click.stop="signup">{{ statusList[status] }}</a> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="info"> |
|
|
|
|
@ -50,7 +49,7 @@ |
|
|
|
|
<template v-if="rule.method === 2"> |
|
|
|
|
<p>线下地点：{{ rule.offlineAddress }}</p> |
|
|
|
|
<p>比赛内容：{{ rule.contentDescription }}</p> |
|
|
|
|
<p class="m-t-10">评分规则：{{ rule.scoreRule }}</p> |
|
|
|
|
<p>评分规则：{{ rule.scoreRule }}</p> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<template v-if="form.completeCompetitionSetup.competitionType"> |
|
|
|
|
@ -272,7 +271,7 @@ |
|
|
|
|
<div class="l-title m-t-20">团队成员</div> |
|
|
|
|
<div class="flex-center"> |
|
|
|
|
<p>队长：{{ info.caption.userName }}</p> |
|
|
|
|
<el-button type="primary" :disabled="status > 3" @click="transfer">转让队长</el-button> |
|
|
|
|
<el-button type="primary" @click="transfer">转让队长</el-button> |
|
|
|
|
</div> |
|
|
|
|
<el-table :data="info.teamDetail" stripe header-align="center"> |
|
|
|
|
<el-table-column prop="userName" label="成员姓名" min-width="100" align="center"></el-table-column> |
|
|
|
|
@ -281,7 +280,7 @@ |
|
|
|
|
<el-table-column prop="createTime" label="加入时间" width="180" align="center"></el-table-column> |
|
|
|
|
<el-table-column label="操作" align="center" width="160"> |
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
<el-button v-if="scope.row.captain" type="text" :disabled="status > 3" @click="removeLine(scope.row)">踢出团队</el-button> |
|
|
|
|
<el-button v-if="scope.row.captain" type="text" @click="removeLine(scope.row)">踢出团队</el-button> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
</el-table> |
|
|
|
|
@ -342,9 +341,6 @@ |
|
|
|
|
</span> |
|
|
|
|
</el-dialog> |
|
|
|
|
<el-dialog title="选择参赛成员" :visible.sync="chooseVisible" :close-on-click-modal="false" width="400px"> |
|
|
|
|
<!-- <template v-if="curRow.teamNumLimit === 1"> |
|
|
|
|
<el-radio v-for="(item, i) in info.teamDetail" :key="i" v-model="checkedMember" :label="item.accountId">{{ item.userName }}</el-radio> |
|
|
|
|
</template> --> |
|
|
|
|
<el-checkbox-group v-model="checkedMembers"> |
|
|
|
|
<el-checkbox v-for="(item, i) in chooses" :key="i" :label="item.accountId">{{ item.userName }}</el-checkbox> |
|
|
|
|
</el-checkbox-group> |
|
|
|
|
@ -500,80 +496,11 @@ export default { |
|
|
|
|
components: { |
|
|
|
|
breadcrumb |
|
|
|
|
}, |
|
|
|
|
directives: { |
|
|
|
|
countdown: { |
|
|
|
|
bind: function(el, binding, vnode) { |
|
|
|
|
let that = vnode.context |
|
|
|
|
clearInterval(that.timer) |
|
|
|
|
const { form } = that |
|
|
|
|
let time = '' |
|
|
|
|
let signUpStartTime = new Date(that.core.dateCompatible(form.signUpStartTime)).getTime(); // 报名开始时间 |
|
|
|
|
let signUpEndTime = new Date(that.core.dateCompatible(form.signUpEndTime)).getTime(); // 报名结束时间 |
|
|
|
|
let playStartTime = new Date(that.core.dateCompatible(form.playStartTime)).getTime(); // 比赛开始时间 |
|
|
|
|
let playEndTime = new Date(that.core.dateCompatible(form.playEndTime)).getTime(); // 比赛结束时间 |
|
|
|
|
that.timer = setInterval(() => { |
|
|
|
|
let now = new Date().getTime(); |
|
|
|
|
switch (that.status) { |
|
|
|
|
// status每个值的解释请看getData方法 |
|
|
|
|
case 0: |
|
|
|
|
if (now > signUpStartTime) { |
|
|
|
|
that.status = 1; |
|
|
|
|
} else { |
|
|
|
|
time = signUpStartTime - now; |
|
|
|
|
} |
|
|
|
|
break; |
|
|
|
|
case 1: |
|
|
|
|
if (now > signUpEndTime) { |
|
|
|
|
that.status = 3; |
|
|
|
|
} else { |
|
|
|
|
time = signUpEndTime - now; |
|
|
|
|
} |
|
|
|
|
break; |
|
|
|
|
case 2: |
|
|
|
|
if (now > signUpEndTime) { |
|
|
|
|
that.status = 3; |
|
|
|
|
} else { |
|
|
|
|
time = signUpEndTime - now; |
|
|
|
|
} |
|
|
|
|
break; |
|
|
|
|
case 3: |
|
|
|
|
if (now > playStartTime) { |
|
|
|
|
that.status = 4; |
|
|
|
|
} else { |
|
|
|
|
time = playStartTime - now; |
|
|
|
|
} |
|
|
|
|
break; |
|
|
|
|
case 4: |
|
|
|
|
if (now > playEndTime) { |
|
|
|
|
that.status = 5; |
|
|
|
|
} else { |
|
|
|
|
time = playEndTime - now; |
|
|
|
|
} |
|
|
|
|
break; |
|
|
|
|
} |
|
|
|
|
let total = time / 1000 |
|
|
|
|
if (total > 86400) { // 超过一天则显示天数 |
|
|
|
|
clearInterval(that.timer) |
|
|
|
|
that.end = Math.floor(total / 86400) |
|
|
|
|
} else if (total > 0) { |
|
|
|
|
--total; |
|
|
|
|
let hours = Math.floor(total / (60 * 60)); |
|
|
|
|
let minutes = Math.floor(total % (60 * 60) / 60); |
|
|
|
|
let seconds = Math.floor(total % (60 * 60) % 60); |
|
|
|
|
time = `${that.core.formateTime(hours)}:${that.core.formateTime(minutes)}:${that.core.formateTime(seconds)}`; |
|
|
|
|
} else if (that.status === 5) { // 竞赛结束直接停止定时器 |
|
|
|
|
clearInterval(that.timer); |
|
|
|
|
} |
|
|
|
|
if (total > 0) el.innerHTML = time |
|
|
|
|
}, 1000) |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
mounted() { |
|
|
|
|
this.$once('hook:beforeDestroy', function() { |
|
|
|
|
clearInterval(this.timer) |
|
|
|
|
this.timerList.forEach(n => { |
|
|
|
|
clearInterval(n) |
|
|
|
|
clearTimeout(n) |
|
|
|
|
}) |
|
|
|
|
this.timerList = [] |
|
|
|
|
}) |
|
|
|
|
@ -588,7 +515,6 @@ export default { |
|
|
|
|
]), |
|
|
|
|
getData() { // 获取竞赛信息 |
|
|
|
|
this.$post(`${this.api.getCompetition}?competitionId=${this.id}`).then(({ competition }) => { |
|
|
|
|
this.handleStatus(competition) |
|
|
|
|
const list = competition.competitionAnnexList |
|
|
|
|
// 附件 |
|
|
|
|
if (list) { |
|
|
|
|
@ -615,55 +541,87 @@ export default { |
|
|
|
|
name: '参赛信息' |
|
|
|
|
}) |
|
|
|
|
this.getInfo() |
|
|
|
|
reg.teamId && this.getRank() |
|
|
|
|
} |
|
|
|
|
this.getRank() |
|
|
|
|
this.$refs.breadcrumb.update('全部赛事/' + competition.name) |
|
|
|
|
this.handleStatus() |
|
|
|
|
}).catch(err => {}) |
|
|
|
|
}, |
|
|
|
|
// 报名时间、比赛时间、状态处理 |
|
|
|
|
handleStatus(form) { |
|
|
|
|
const second = 1000; |
|
|
|
|
const minute = second * 60; |
|
|
|
|
const hour = minute * 60; |
|
|
|
|
let status |
|
|
|
|
const n = form |
|
|
|
|
let now = new Date().getTime(); |
|
|
|
|
let signUpStartTime = new Date(this.core.dateCompatible(n.signUpStartTime)).getTime(); // 报名开始时间 |
|
|
|
|
let signUpEndTime = new Date(this.core.dateCompatible(n.signUpEndTime)).getTime(); // 报名结束时间 |
|
|
|
|
let playStartTime = new Date(this.core.dateCompatible(n.playStartTime)).getTime(); // 比赛开始时间 |
|
|
|
|
let playEndTime = new Date(this.core.dateCompatible(n.playEndTime)).getTime(); // 比赛结束时间 |
|
|
|
|
let total = 0 |
|
|
|
|
if (now < signUpStartTime) { // 报名没开始 |
|
|
|
|
status = 0; |
|
|
|
|
total = signUpStartTime - now |
|
|
|
|
} else if (now > signUpStartTime && now < signUpEndTime) { // 报名进行中 |
|
|
|
|
status = n.competitionRegistration ? 1 : 2 // 1已报名，2立即报名 |
|
|
|
|
total = signUpEndTime - now |
|
|
|
|
} else if (now > signUpEndTime && now < playStartTime) { // 报名结束了,但比赛没开始 |
|
|
|
|
status = 3; |
|
|
|
|
total = playStartTime - now |
|
|
|
|
} else if (now > playStartTime && now < playEndTime) { // 比赛进行中 |
|
|
|
|
// 赛事阶段 |
|
|
|
|
if (n.competitionStage && n.competitionRegistration) { |
|
|
|
|
for (const e of n.competitionStage) { |
|
|
|
|
if (now > new Date(e.startTime) && now < new Date(e.endTime) && !e.count && e.method !== 2) { |
|
|
|
|
this.curStage = e |
|
|
|
|
this.statusList[4] = '进入' + e.stageName |
|
|
|
|
break |
|
|
|
|
// 定时处理时间及状态 |
|
|
|
|
handleStatus() { |
|
|
|
|
const { form } = this |
|
|
|
|
let total = '' |
|
|
|
|
let time = '' |
|
|
|
|
let status = '' |
|
|
|
|
let signUpStartTime = new Date(this.core.dateCompatible(form.signUpStartTime)) // 报名开始时间 |
|
|
|
|
let signUpEndTime = new Date(this.core.dateCompatible(form.signUpEndTime)) // 报名结束时间 |
|
|
|
|
let playStartTime = new Date(this.core.dateCompatible(form.playStartTime)) // 比赛开始时间 |
|
|
|
|
let playEndTime = new Date(this.core.dateCompatible(form.playEndTime)) // 比赛结束时间 |
|
|
|
|
this.timer = setInterval(() => { |
|
|
|
|
const now = new Date() |
|
|
|
|
if (now < signUpStartTime) { // 报名没开始 |
|
|
|
|
status = 0 |
|
|
|
|
total = signUpStartTime - now |
|
|
|
|
} else if (now > signUpStartTime && now < signUpEndTime) { // 报名进行中 |
|
|
|
|
status = form.competitionRegistration ? 1 : 2 // 1已报名，2立即报名 |
|
|
|
|
total = signUpEndTime - now |
|
|
|
|
} else if (now > signUpEndTime && now < playStartTime) { // 报名结束了,但比赛没开始 |
|
|
|
|
status = 3 |
|
|
|
|
total = playStartTime - now |
|
|
|
|
} else if (now > playStartTime && now < playEndTime) { // 比赛进行中 |
|
|
|
|
// 进行中的赛事，则遍历每个阶段的开始结束时间，看阶段比赛是否开始 |
|
|
|
|
let curStage = null |
|
|
|
|
const stages = form.competitionStage |
|
|
|
|
if (stages) { |
|
|
|
|
let endText = '' |
|
|
|
|
for (const i in stages) { |
|
|
|
|
const e = stages[i] |
|
|
|
|
const startTime = new Date(e.startTime) |
|
|
|
|
const endTime = new Date(e.endTime) |
|
|
|
|
if (now < startTime) { // 阶段比赛未开始，不显示进入比赛按钮 |
|
|
|
|
endText = '阶段开始' |
|
|
|
|
total = startTime - now |
|
|
|
|
break |
|
|
|
|
} else if (now >= startTime && now <= endTime && !e.count && e.method !== 2) { // 阶段比赛进行中，显示进入比赛按钮 |
|
|
|
|
if (form.competitionRegistration) this.statusList[4] = '进入' + e.stageName |
|
|
|
|
endText = '阶段结束' |
|
|
|
|
curStage = e |
|
|
|
|
total = endTime - now |
|
|
|
|
break |
|
|
|
|
} else if (stages[i + 1] && now > endTime && now < new Date(stages[i + 1].startTime)) { // 过了该阶段的结束时间，但是没到下个阶段的开始时间，不显示进入比赛按钮 |
|
|
|
|
endText = '阶段开始' |
|
|
|
|
total = new Date(stages[i + 1].startTime) - now |
|
|
|
|
break |
|
|
|
|
} else if (i === stages.length - 1) { // 当前时间在比赛开始结束时间之间，并且是最后一个阶段结束时间之后 |
|
|
|
|
this.$set(form, 'stageName', '') |
|
|
|
|
endText = '竞赛结束' |
|
|
|
|
total = playEndTime - now |
|
|
|
|
break |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
this.endList[4] = endText |
|
|
|
|
} |
|
|
|
|
this.curStage = curStage |
|
|
|
|
status = 4 |
|
|
|
|
} else if (now > playEndTime) { // 比赛结束 |
|
|
|
|
status = 5 |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
status = 4 |
|
|
|
|
total = playEndTime - now |
|
|
|
|
} else if (now > playEndTime) { // 比赛结束 |
|
|
|
|
status = 5; |
|
|
|
|
} |
|
|
|
|
this.status = status |
|
|
|
|
if (total > 0) { |
|
|
|
|
const day = Math.floor(total / (60 * 60 * 1000 * 24)) |
|
|
|
|
const time = `${this.core.formateTime(Math.floor(total / hour))}:${this.core.formateTime(Math.floor(total % hour / minute))}:${this.core.formateTime(Math.floor(total % hour % minute / second))}` |
|
|
|
|
this.end = day || time |
|
|
|
|
} |
|
|
|
|
this.status = status |
|
|
|
|
total = total / 1000 |
|
|
|
|
--total |
|
|
|
|
if (total > 86400) { // 超过一天则显示天数 |
|
|
|
|
clearInterval(this.timer) |
|
|
|
|
this.end = Math.floor(total / 86400) + '天' |
|
|
|
|
} else if (total > 0) { // 一天之内，显示时分秒 |
|
|
|
|
let hours = Math.floor(total / (60 * 60)) |
|
|
|
|
let minutes = Math.floor(total % (60 * 60) / 60) |
|
|
|
|
let seconds = Math.floor(total % (60 * 60) % 60) |
|
|
|
|
time = `${this.core.formateTime(hours)}:${this.core.formateTime(minutes)}:${this.core.formateTime(seconds)}` |
|
|
|
|
if (total > 0) this.end = time |
|
|
|
|
} else if (form.status === 5) { // 竞赛结束，清除定时器 |
|
|
|
|
clearInterval(this.timer) |
|
|
|
|
} |
|
|
|
|
}, 1000) |
|
|
|
|
}, |
|
|
|
|
// 获取竞赛信息 |
|
|
|
|
getInfo() { |
|
|
|
|
@ -681,7 +639,6 @@ export default { |
|
|
|
|
info.caption = caption ? caption : {} |
|
|
|
|
info.person = info.personalDetail || info.teamDetail.find(e => e.accountId == info.team.accountId) |
|
|
|
|
this.originInfo = JSON.parse(JSON.stringify(info)) |
|
|
|
|
|
|
|
|
|
// 设置定时器，阶段比赛结束后公布成绩，到时间后调本接口 |
|
|
|
|
const now = Date.now() |
|
|
|
|
this.form.competitionStage.map(e => { |
|
|
|
|
@ -689,7 +646,7 @@ export default { |
|
|
|
|
if (!e.resultsDetails) { |
|
|
|
|
const endTime = new Date(e.endTime).getTime() + e.resultAnnouncementTime * 3600000 // 阶段结束时间+成绩公布时间（成绩公布时间单位是小时，所以要转化为毫秒） |
|
|
|
|
if (now > endTime) { // 如果到了公布时间 |
|
|
|
|
info.stages.find(n => n.stageId === e.stageId).showDetail = 1 |
|
|
|
|
info.stages.find(n => n.stageId == e.stageId).showDetail = 1 |
|
|
|
|
} else { // 没有到公布时间，则加定时器，到点后调用 |
|
|
|
|
this.timerList.push(setTimeout(this.getInfo, endTime - now)) |
|
|
|
|
} |
|
|
|
|
@ -800,19 +757,10 @@ export default { |
|
|
|
|
competitionId: this.id, |
|
|
|
|
isOverallRanking: cur ? 0 : 1 |
|
|
|
|
} |
|
|
|
|
// if (cur) { // 阶段 |
|
|
|
|
// data.stageIds = cur ? cur: this.form.competitionStage.map(e => +e.stageId).join() |
|
|
|
|
data.stageIds = cur ? cur: '' |
|
|
|
|
this.$post(this.api.frontOfficeCompetitionRanking, data).then(({ list }) => { |
|
|
|
|
this.ranks = list |
|
|
|
|
}).catch(res => {}) |
|
|
|
|
// } else { // 总分 |
|
|
|
|
// data.stageIds = this.form.competitionStage.map(e => +e.stageId).join() |
|
|
|
|
// data.isOverallRanking = 1 |
|
|
|
|
// this.$post(this.api.frontDeskOverallRanking, data).then(({ page }) => { |
|
|
|
|
// this.ranks = page |
|
|
|
|
// }).catch(res => {}) |
|
|
|
|
// } |
|
|
|
|
data.stageIds = cur ? cur: '' |
|
|
|
|
this.$post(this.api.frontOfficeCompetitionRanking, data).then(({ list }) => { |
|
|
|
|
this.ranks = list |
|
|
|
|
}).catch(res => {}) |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
// 删除指导老师 |
|
|
|
|
@ -858,7 +806,17 @@ export default { |
|
|
|
|
}, |
|
|
|
|
// 显示转让队长 |
|
|
|
|
transfer() { |
|
|
|
|
this.transferVisible = true |
|
|
|
|
// 取每个阶段的开始结束时间，有任何阶段开始了都不能转让队长和踢出队员 |
|
|
|
|
const now = new Date() |
|
|
|
|
let start = 0 |
|
|
|
|
for (const e of this.form.competitionStage) { |
|
|
|
|
if (now >= new Date(e.startTime) && now <= new Date(e.endTime)) { |
|
|
|
|
util.errorMsg('比赛已经开始，无法转让队长！') |
|
|
|
|
start = 1 |
|
|
|
|
break |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
if (!start) this.transferVisible = true |
|
|
|
|
}, |
|
|
|
|
// 转让队长提交 |
|
|
|
|
transferSubmit() { |
|
|
|
|
@ -875,10 +833,26 @@ export default { |
|
|
|
|
}, |
|
|
|
|
// 踢出团队 |
|
|
|
|
removeLine(row) { |
|
|
|
|
this.$post(`${this.api.removeTheLine}?teamId=${this.info.teamId}&competitionId=${this.id}&accountId=${row.accountId}`).then(res => { |
|
|
|
|
util.successMsg('移除成功') |
|
|
|
|
this.getInfo() |
|
|
|
|
}).catch(res => {}) |
|
|
|
|
// 取每个阶段的开始结束时间，有任何阶段开始了都不能转让队长和踢出队员 |
|
|
|
|
const now = new Date() |
|
|
|
|
let start = 0 |
|
|
|
|
for (const e of this.form.competitionStage) { |
|
|
|
|
if (now >= new Date(e.startTime) && now <= new Date(e.endTime)) { |
|
|
|
|
util.errorMsg('比赛已经开始，无法踢出成员！') |
|
|
|
|
start = 1 |
|
|
|
|
break |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
if (!start) { |
|
|
|
|
this.$confirm('确定要踢出该成员吗？', '提示', { |
|
|
|
|
type: 'warning' |
|
|
|
|
}).then(() => { |
|
|
|
|
this.$post(`${this.api.removeTheLine}?teamId=${this.info.teamId}&competitionId=${this.id}&accountId=${row.accountId}`).then(res => { |
|
|
|
|
util.successMsg('移除成功') |
|
|
|
|
this.getInfo() |
|
|
|
|
}).catch(res => {}) |
|
|
|
|
}).catch(() => {}) |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
// 选择参赛人员 |
|
|
|
|
selectPar(row) { |
|
|
|
|
@ -1220,6 +1194,9 @@ export default { |
|
|
|
|
&.signed { |
|
|
|
|
background-color: #52C41A; |
|
|
|
|
} |
|
|
|
|
&.playing { |
|
|
|
|
background-color: #f96d6d; |
|
|
|
|
} |
|
|
|
|
&.finish { |
|
|
|
|
background-color: #ccc; |
|
|
|
|
} |
|
|
|
|
|
