|
|
|
|
@ -103,8 +103,9 @@ |
|
|
|
|
</div> |
|
|
|
|
<div class="right"> |
|
|
|
|
<p class="status" |
|
|
|
|
:class="{wait: item.status == 0,signing: item.status == 2,signed: item.status == 1,playing: item.status == 4,finish: item.status == 3 || item.status == 5}" |
|
|
|
|
@click.stop="signup(item)">{{ statusList[item.status] }}</p> |
|
|
|
|
v-if="item.status != 4 || (item.status == 4 && item.curStage)" |
|
|
|
|
:class="{wait: item.status == 0,signing: item.status == 2,signed: item.status == 1,playing: item.status == 4 && item.curStage,finish: item.status == 3 || item.status == 5}" |
|
|
|
|
@click.stop="signup(item)">{{ item.status == 4 ? item.stageName : statusList[item.status] }}</p> |
|
|
|
|
<p class="end-text" v-if="item.status != 5"> |
|
|
|
|
距离{{ endList[item.status] }}还有 |
|
|
|
|
<em>{{ item.end }}</em> |
|
|
|
|
@ -131,6 +132,48 @@ |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-dialog title="报名" :visible.sync="enterVisible" :close-on-click-modal="false" width="300px"> |
|
|
|
|
<el-form class="dia-form"> |
|
|
|
|
<p style="margin-bottom: 5px">请选择要加入的团队</p> |
|
|
|
|
<el-form-item> |
|
|
|
|
<el-select class="w-100" v-model="enterForm.teamId"> |
|
|
|
|
<el-option v-for="(item, i) in teams" :key="i" :label="item.teamName" :value="item.teamId"></el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item> |
|
|
|
|
<el-input placeholder="请输入团队邀请码" maxlength="6" v-model="enterForm.invitationCode"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item v-if="curItem.isNeedCode"> |
|
|
|
|
<el-input placeholder="请输入大赛邀请码" maxlength="6" v-model="enterForm.registrationInvitationCode"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<p class="tips"> |
|
|
|
|
查找不到团队？点击 <el-link :underline="false" type="primary" @click="toTeam">创建团队</el-link> |
|
|
|
|
</p> |
|
|
|
|
</el-form> |
|
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
|
<el-button size="small" type="primary" @click="enterSubmit">报名</el-button> |
|
|
|
|
<el-button size="small" @click="enterVisible = false">取消</el-button> |
|
|
|
|
</span> |
|
|
|
|
</el-dialog> |
|
|
|
|
<el-dialog title="创建团队" :visible.sync="teamVisible" :close-on-click-modal="false" width="300px"> |
|
|
|
|
<el-form class="dia-form"> |
|
|
|
|
<el-form-item> |
|
|
|
|
<el-input placeholder="请输入团队名称" maxlength="10" v-model="teamForm.teamName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item> |
|
|
|
|
<el-input placeholder="请设置团队邀请码" maxlength="6" v-model="teamForm.invitationCode"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item v-if="curItem.isNeedCode"> |
|
|
|
|
<el-input placeholder="请输入大赛邀请码" maxlength="6" v-model="teamForm.registrationInvitationCode"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-form> |
|
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
|
<el-button size="small" type="primary" @click="teamSubmit">创建并报名</el-button> |
|
|
|
|
<el-button size="small" @click="teamVisible = false">取消</el-button> |
|
|
|
|
</span> |
|
|
|
|
</el-dialog> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
@ -146,8 +189,7 @@ export default { |
|
|
|
|
return { |
|
|
|
|
timer: null, |
|
|
|
|
token: util.local.get(Setting.tokenKey), |
|
|
|
|
apis: ['contestPageConditionQueryByOccupationlab', 'contestPageConditionQueryByOccupationlabStu', 'listOfRegisteredEvents'], // 左边筛选分3个接口 |
|
|
|
|
statusList: ["等待报名", "已报名", "立即报名", "报名截止", "比赛中", "已结束"], |
|
|
|
|
statusList: ["等待报名", "已报名", "立即报名", "报名截止", "进入初赛", "已结束"], |
|
|
|
|
endList: ["报名开始", "报名截止", "报名截止", "竞赛开始", "竞赛结束", ""], |
|
|
|
|
typeList: [ |
|
|
|
|
{ |
|
|
|
|
@ -225,6 +267,26 @@ export default { |
|
|
|
|
loadIns: null, |
|
|
|
|
contestIds: [], |
|
|
|
|
timerList: [], |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
enterVisible: false, |
|
|
|
|
enterForm: { |
|
|
|
|
competitionId: '', |
|
|
|
|
teamId: '', |
|
|
|
|
invitationCode: '', |
|
|
|
|
registrationInvitationCode: '' |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
teamVisible: false, |
|
|
|
|
teams: [], |
|
|
|
|
teamNameRepeat: false, |
|
|
|
|
teamForm: { |
|
|
|
|
competitionId: '', |
|
|
|
|
registrationInvitationCode: '', |
|
|
|
|
teamName: '', |
|
|
|
|
invitationCode: '', |
|
|
|
|
}, |
|
|
|
|
curItem: {} |
|
|
|
|
}; |
|
|
|
|
}, |
|
|
|
|
computed: { |
|
|
|
|
@ -268,13 +330,13 @@ export default { |
|
|
|
|
} |
|
|
|
|
if (eventType === 2 && !competitionScope) form.competitionScope = 3 // 赛事广场下如果competitionScope=0，则传3，赛事广场没有本校内 |
|
|
|
|
if (eventType !== 1) data.competitionScope = form.competitionScope // 本校赛事不传范围 |
|
|
|
|
this.$post(this.api.contestAfterLogin, data).then(({ data }) => { |
|
|
|
|
this.listData = data.records |
|
|
|
|
this.totals = data.total |
|
|
|
|
this.$post(this.api.competitionAfterLogin, data).then(({ data }) => { |
|
|
|
|
const { records } = data |
|
|
|
|
const second = 1000; |
|
|
|
|
const minute = second * 60; |
|
|
|
|
const hour = minute * 60; |
|
|
|
|
this.listData.forEach((n, k) => { |
|
|
|
|
records.forEach((n, k) => { |
|
|
|
|
n.invitationCode = n.setup.invitationCode |
|
|
|
|
// 报名时间、比赛时间处理 |
|
|
|
|
let now = new Date().getTime(); |
|
|
|
|
let signUpStartTime = new Date(this.core.dateCompatible(n.signUpStartTime)).getTime(); // 报名开始时间 |
|
|
|
|
@ -284,19 +346,31 @@ export default { |
|
|
|
|
let total = 0 |
|
|
|
|
// whetherToSignUp 0已报名，1未报名 |
|
|
|
|
if (now < signUpStartTime) { // 报名没开始 |
|
|
|
|
n.status = 0; |
|
|
|
|
total = signUpStartTime - now |
|
|
|
|
n.status = 0; |
|
|
|
|
total = signUpStartTime - now |
|
|
|
|
} else if (now > signUpStartTime && now < signUpEndTime) { // 报名进行中 |
|
|
|
|
n.status = n.whetherToSignUp ? 2 : 1 // 1已报名，2立即报名 |
|
|
|
|
total = signUpEndTime - now |
|
|
|
|
n.status = n.whetherToSignUp ? 2 : 1 // 1已报名，2立即报名 |
|
|
|
|
total = signUpEndTime - now |
|
|
|
|
} else if (now > signUpEndTime && now < playStartTime) { // 报名结束了,但比赛没开始 |
|
|
|
|
n.status = 3; |
|
|
|
|
total = playStartTime - now |
|
|
|
|
n.status = 3; |
|
|
|
|
total = playStartTime - now |
|
|
|
|
} else if (now > playStartTime && now < playEndTime) { // 比赛进行中 |
|
|
|
|
n.status = 4; |
|
|
|
|
total = playEndTime - now |
|
|
|
|
// 赛事阶段 |
|
|
|
|
let curStage = null |
|
|
|
|
if (n.competitionStageList) { |
|
|
|
|
for (const e of n.competitionStageList) { |
|
|
|
|
if (now > new Date(e.startTime) && now < new Date(e.endTime) && !e.count) { |
|
|
|
|
n.stageName = '进入' + e.stageName |
|
|
|
|
curStage = e |
|
|
|
|
break |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
n.curStage = curStage |
|
|
|
|
n.status = 4 |
|
|
|
|
total = playEndTime - now |
|
|
|
|
} else if (now > playEndTime) { // 比赛结束 |
|
|
|
|
n.status = 5; |
|
|
|
|
n.status = 5; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
if (total > 0) { |
|
|
|
|
@ -306,7 +380,7 @@ export default { |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
// 比赛范围 |
|
|
|
|
const list = n.contestRangeRespList |
|
|
|
|
const list = n.competitionRangeRespList |
|
|
|
|
if (list) { |
|
|
|
|
const range = [] |
|
|
|
|
list.map(e => { |
|
|
|
|
@ -317,6 +391,9 @@ export default { |
|
|
|
|
n.ranges = n.range |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
this.listData = records |
|
|
|
|
this.totals = data.total |
|
|
|
|
this.loadIns.close(); |
|
|
|
|
}).catch(res => { |
|
|
|
|
this.loadIns.close() |
|
|
|
|
@ -374,33 +451,149 @@ export default { |
|
|
|
|
}, |
|
|
|
|
toDetail(item) { |
|
|
|
|
this.SET_TYPE(this.form.eventType) |
|
|
|
|
this.$router.push(`/match/details?id=${item.id}&status=${item.status}${item.end ? '&end=' + item.end : ''}`); |
|
|
|
|
this.$router.push(`/match/details?id=${item.id}`); |
|
|
|
|
}, |
|
|
|
|
handleCurrentChange(val) { |
|
|
|
|
this.page = val; |
|
|
|
|
this.getData(); |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 报名提交 |
|
|
|
|
enterSubmit() { |
|
|
|
|
const form = this.enterForm |
|
|
|
|
if (!form.teamId) return util.errorMsg('请选择团队') |
|
|
|
|
if (!form.invitationCode) return util.errorMsg('请输入团队邀请码') |
|
|
|
|
if (this.curItem.isNeedCode && !form.registrationInvitationCode) return util.errorMsg('请输入大赛邀请码') |
|
|
|
|
this.$post(this.api.joinCompetitionTeam, form).then(res => { |
|
|
|
|
this.enterVisible = false |
|
|
|
|
this.getData() |
|
|
|
|
util.successMsg('报名成功！') |
|
|
|
|
}).catch(res => {}) |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 创建团队 |
|
|
|
|
toTeam() { |
|
|
|
|
this.teamForm = { |
|
|
|
|
competitionId: this.curItem.id, |
|
|
|
|
teamName: '', |
|
|
|
|
invitationCode: '', |
|
|
|
|
registrationInvitationCode: '' |
|
|
|
|
} |
|
|
|
|
this.teamVisible = true |
|
|
|
|
}, |
|
|
|
|
// 获取团队列表 |
|
|
|
|
getTeam() { |
|
|
|
|
this.$get(this.api.searchTeam, { |
|
|
|
|
teamName: '', |
|
|
|
|
competitionId: this.curItem.id |
|
|
|
|
}).then(({ teamList }) => { |
|
|
|
|
this.teams = teamList |
|
|
|
|
}).catch(res => {}) |
|
|
|
|
}, |
|
|
|
|
// 团队提交 |
|
|
|
|
teamSubmit() { |
|
|
|
|
const form = this.teamForm |
|
|
|
|
if (!form.teamName) return util.errorMsg('请输入团队名称') |
|
|
|
|
if (this.teamNameRepeat) return util.errorMsg('团队名称重复，请重新输入') |
|
|
|
|
if (form.invitationCode.length !== 6) return util.errorMsg('请输入6位数团队邀请码') |
|
|
|
|
if (this.curItem.isNeedCode && !form.registrationInvitationCode) return util.errorMsg('请输入大赛邀请码') |
|
|
|
|
this.$post(this.api.addCompetitionTeam, form).then(res => { |
|
|
|
|
this.teamVisible = false |
|
|
|
|
this.enterVisible = false |
|
|
|
|
this.getData() |
|
|
|
|
util.successMsg('报名成功！') |
|
|
|
|
}).catch(res => {}) |
|
|
|
|
}, |
|
|
|
|
// 报名 |
|
|
|
|
signup(item) { |
|
|
|
|
const { status } = item |
|
|
|
|
// 立即报名 |
|
|
|
|
if (status == 2) { |
|
|
|
|
this.$post(this.api.addApplicant, { |
|
|
|
|
contestId: item.id |
|
|
|
|
}).then(res => { |
|
|
|
|
this.$message.success("报名成功"); |
|
|
|
|
this.getData(); |
|
|
|
|
}).catch(res => {}) |
|
|
|
|
} else if (status === 1) { |
|
|
|
|
// 已报名，点击取消报名 |
|
|
|
|
this.$confirm('是否要取消报名？', '提示', { |
|
|
|
|
const { status, id } = item |
|
|
|
|
// 如果没登录，提示去登录 |
|
|
|
|
if (util.local.get(Setting.tokenKey)) { |
|
|
|
|
this.curItem = item |
|
|
|
|
if (status == 4) { // 进入比赛 |
|
|
|
|
this.toSub() |
|
|
|
|
} else if (status == 2) { // 报名 |
|
|
|
|
// 团队赛报名 |
|
|
|
|
if (item.setup.competitionType) { |
|
|
|
|
this.getTeam() |
|
|
|
|
this.enterForm = { |
|
|
|
|
competitionId: id, |
|
|
|
|
teamId: '', |
|
|
|
|
invitationCode: '', |
|
|
|
|
registrationInvitationCode: '' |
|
|
|
|
} |
|
|
|
|
this.enterVisible = true |
|
|
|
|
} else { // 个人赛报名 |
|
|
|
|
this.$post(this.api.addCompetitionRegistration, { |
|
|
|
|
competitionId: id |
|
|
|
|
}).then(res => { |
|
|
|
|
this.getData() |
|
|
|
|
this.$message.success('报名成功') |
|
|
|
|
}).catch(res => {}) |
|
|
|
|
} |
|
|
|
|
} else if (status == 1) { |
|
|
|
|
// 已报名，点击取消报名 |
|
|
|
|
this.$confirm('是否要取消报名？', '提示', { |
|
|
|
|
type: 'success' |
|
|
|
|
}).then(() => { |
|
|
|
|
this.$post(`${this.api.cancelRegistration}?competitionId=${item.id}`).then(res => { |
|
|
|
|
this.getData() |
|
|
|
|
this.$message.success('取消报名成功') |
|
|
|
|
}).catch(res => {}) |
|
|
|
|
}).catch(() => {}) |
|
|
|
|
} |
|
|
|
|
} else { |
|
|
|
|
this.$confirm('请先登录，是否直接前往登录？', "提示", { |
|
|
|
|
type: 'success' |
|
|
|
|
}).then(() => { |
|
|
|
|
this.$post(`${this.api.cancelRegistration}?contestId=${item.id}`).then(res => { |
|
|
|
|
this.$message.success('取消报名成功') |
|
|
|
|
this.getData() |
|
|
|
|
}).catch(res => {}) |
|
|
|
|
this.SET_SOURCE(item.id) |
|
|
|
|
this.$router.push('/login') |
|
|
|
|
}).catch(() => {}) |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
// 进入python系统 |
|
|
|
|
toPython() { |
|
|
|
|
const form = this.curItem.curStage |
|
|
|
|
let token = util.local.get(Setting.tokenKey); |
|
|
|
|
util.cookies.set('assessmentId', '', -1) |
|
|
|
|
util.cookies.set('startTime', '', -1) |
|
|
|
|
util.cookies.set('stopTime', '', -1) |
|
|
|
|
util.cookies.set('projectId', form.projectId) |
|
|
|
|
util.cookies.set('token', token) |
|
|
|
|
util.cookies.set('courseId', form.cid) |
|
|
|
|
// util.cookies.set('curriculumName', escape(this.curriculumName)) |
|
|
|
|
util.cookies.set('systemId', form.systemId) |
|
|
|
|
util.cookies.set('competitionId', this.curItem.id) |
|
|
|
|
util.cookies.set('stageId', form.stageId) |
|
|
|
|
util.cookies.set('teamId', this.curItem.teamId) |
|
|
|
|
util.cookies.set('fromManager', '', -1) |
|
|
|
|
// 8个python子系统都跳这个地址，子系统会通过cookie里的systemId识别展示哪套系统 |
|
|
|
|
location.href = process.env.NODE_ENV === 'development' ? |
|
|
|
|
`http://${location.hostname}:8085/#/` : |
|
|
|
|
Setting.isPro ? |
|
|
|
|
`https://${location.hostname}/pyTrials` : |
|
|
|
|
`${location.origin}/pyTrials` |
|
|
|
|
}, |
|
|
|
|
// 进入子系统 |
|
|
|
|
toSub() { |
|
|
|
|
const form = this.curItem |
|
|
|
|
const { systemId, projectId, cid } = form.curStage |
|
|
|
|
const competitionId = form.id |
|
|
|
|
const { stageId } = form |
|
|
|
|
const teamId = form.competitionRegistration.teamId |
|
|
|
|
let token = util.local.get(Setting.tokenKey); |
|
|
|
|
if (systemId == 11) { |
|
|
|
|
// 银行系统 |
|
|
|
|
location.href = `${Setting.systemPath}/#/index/list?curriculumName=${this.curriculumName}&token=${token}&cid=${this.courseId}&systemId=${systemId}&projectId=${projectId}&competitionId=${competitionId}&stageId=${stageId}&teamId=${teamId}&assessmentId=&classId=&stopTime=&test=true` |
|
|
|
|
} else if (systemId == 12) { |
|
|
|
|
// 众筹系统 |
|
|
|
|
window.open(`http://120.78.139.126:8879?systemId=${systemId}&courseId=${cid}&projectId=${projectId}&token=${token}&userId=${this.userId}&classId=1&competitionId=${competitionId}&stageId=${stageId}&teamId=${teamId}`); |
|
|
|
|
} else { |
|
|
|
|
// python系统 |
|
|
|
|
this.toPython(this.curProject) |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
@ -667,4 +860,14 @@ export default { |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
/deep/.dia-form { |
|
|
|
|
.w-100 { |
|
|
|
|
width: 100%; |
|
|
|
|
} |
|
|
|
|
.tips { |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: center; |
|
|
|
|
align-items: center; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</style> |
