|
|
|
|
@ -73,6 +73,48 @@ |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-dialog title="报名" :visible.sync="enterVisible" :close-on-click-modal="false" width="300px" @close="enterClose"> |
|
|
|
|
<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="form.completeCompetitionSetup.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" @close="teamClose"> |
|
|
|
|
<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="form.completeCompetitionSetup.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> |
|
|
|
|
|
|
|
|
|
@ -86,9 +128,9 @@ export default { |
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
|
id: this.$route.query.id, |
|
|
|
|
end: this.$route.query.end, |
|
|
|
|
status: this.$route.query.status, |
|
|
|
|
statusList: ["等待报名", "已报名", "立即报名", "报名截止", "比赛中", "已结束"], |
|
|
|
|
end: '', |
|
|
|
|
status: '', |
|
|
|
|
statusList: ["等待报名", "已报名", "立即报名", "报名截止", "进入初赛", "已结束"], |
|
|
|
|
endList: ["报名开始", "报名截止", "报名截止", "竞赛开始", "竞赛结束", ""], |
|
|
|
|
form: { |
|
|
|
|
name: '', |
|
|
|
|
@ -98,6 +140,7 @@ export default { |
|
|
|
|
signUpEndTime: '', |
|
|
|
|
playStartTime: '', |
|
|
|
|
playEndTime: '', |
|
|
|
|
completeCompetitionSetup: {} |
|
|
|
|
}, |
|
|
|
|
curType: '1', |
|
|
|
|
typeList: [ |
|
|
|
|
@ -115,10 +158,28 @@ export default { |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
progress: [], |
|
|
|
|
statusList: ["等待报名", "已报名", "立即报名", "报名截止", "比赛中", "已结束"], |
|
|
|
|
timer: null, |
|
|
|
|
notices: [], |
|
|
|
|
noticeDetail: {} |
|
|
|
|
noticeDetail: {}, |
|
|
|
|
|
|
|
|
|
enterVisible: false, |
|
|
|
|
enterForm: { |
|
|
|
|
competitionId: this.$route.query.id, |
|
|
|
|
teamId: '', |
|
|
|
|
invitationCode: '', |
|
|
|
|
registrationInvitationCode: '' |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
teamVisible: false, |
|
|
|
|
teams: [], |
|
|
|
|
teamNameRepeat: false, |
|
|
|
|
teamForm: { |
|
|
|
|
competitionId: this.$route.query.id, |
|
|
|
|
registrationInvitationCode: '', |
|
|
|
|
teamName: '', |
|
|
|
|
invitationCode: '', |
|
|
|
|
}, |
|
|
|
|
curStage: null |
|
|
|
|
}; |
|
|
|
|
}, |
|
|
|
|
components: { |
|
|
|
|
@ -197,34 +258,84 @@ export default { |
|
|
|
|
this.getData() |
|
|
|
|
this.getProgress() |
|
|
|
|
this.getNotice() |
|
|
|
|
|
|
|
|
|
this.getTeam() |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
...mapMutations('match', [ |
|
|
|
|
'SET_SOURCE' |
|
|
|
|
]), |
|
|
|
|
getData() { // 获取竞赛信息 |
|
|
|
|
this.$post(`${this.api.getContest}?contestId=${this.id}`).then(({ contest }) => { |
|
|
|
|
const list = contest.contestAnnexList |
|
|
|
|
this.$post(`${this.api.getCompetition}?competitionId=${this.id}`).then(({ competition }) => { |
|
|
|
|
this.handleStatus(competition) |
|
|
|
|
console.log("🚀 ~ file: index.vue:273 ~ this.$post ~ competition", competition) |
|
|
|
|
const list = competition.competitionAnnexList |
|
|
|
|
// 附件 |
|
|
|
|
if (list) { |
|
|
|
|
list.map(e => { |
|
|
|
|
const { filePath } = e |
|
|
|
|
e.canPreview = util.canPreview(filePath.substr(filePath.lastIndexOf('.') + 1)) |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
this.form = contest |
|
|
|
|
this.$refs.breadcrumb.update('全部赛事/' + contest.name) |
|
|
|
|
this.form = competition |
|
|
|
|
this.$refs.breadcrumb.update('全部赛事/' + competition.name) |
|
|
|
|
}).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) { |
|
|
|
|
for (const e of n.competitionStage) { |
|
|
|
|
if (now > new Date(e.startTime) && now < new Date(e.endTime) && !e.count) { |
|
|
|
|
this.curStage = e |
|
|
|
|
this.statusList[4] = '进入' + e.stageName |
|
|
|
|
break |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
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 ? day + '天' : time |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
getProgress() { // 获取竞赛进展 |
|
|
|
|
this.$get(this.api.getContestProgress, { |
|
|
|
|
contestId: this.id |
|
|
|
|
this.$get(this.api.getCompetitionProgress, { |
|
|
|
|
competitionId: this.id |
|
|
|
|
}).then(res => { |
|
|
|
|
this.progress = res.contestProgressList.reverse() |
|
|
|
|
this.progress = res.competitionProgressList.reverse() |
|
|
|
|
}).catch(err => {}); |
|
|
|
|
}, |
|
|
|
|
// 公告列表 |
|
|
|
|
getNotice() { |
|
|
|
|
this.$post(`${this.api.queryAnnouncementByContestId}?pageNum=1&pageSize=1000&contestId=${this.id}`).then(({ data }) => { |
|
|
|
|
this.$post(`${this.api.queryAnnouncementByCompetitionId}?pageNum=1&pageSize=1000&competitionId=${this.id}`).then(({ data }) => { |
|
|
|
|
const records = data.records.filter(e => e.status) // 只显示已发布的（status 0草稿 1为已发布） |
|
|
|
|
records.map(e => { |
|
|
|
|
e.announcementText = e.announcementText.replace(/<img.*?(?:>|\/>)/gi, '') |
|
|
|
|
@ -250,31 +361,98 @@ export default { |
|
|
|
|
toNotice(item) { |
|
|
|
|
this.$router.push(`noticeDetail?id=${item.id}&matchId=${this.id}&name=${this.form.name}&end=${this.end}&status=${this.status}`) |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
// 报名提交 |
|
|
|
|
enterSubmit() { |
|
|
|
|
const form = this.enterForm |
|
|
|
|
if (!form.teamId) return util.errorMsg('请选择团队') |
|
|
|
|
if (!form.invitationCode) return util.errorMsg('请输入团队邀请码') |
|
|
|
|
if (this.form.completeCompetitionSetup.isNeedCode && !form.registrationInvitationCode) return util.errorMsg('请输入大赛邀请码') |
|
|
|
|
this.$post(this.api.joinCompetitionTeam, form).then(({ status, data, message }) => { |
|
|
|
|
this.enterVisible = false |
|
|
|
|
this.getData() |
|
|
|
|
util.successMsg('报名成功！') |
|
|
|
|
}).catch(res => {}) |
|
|
|
|
}, |
|
|
|
|
// 团队关闭 |
|
|
|
|
enterClose() { |
|
|
|
|
this.enterForm = { |
|
|
|
|
competitionId: this.id, |
|
|
|
|
teamId: '', |
|
|
|
|
registrationInvitationCode: '', |
|
|
|
|
invitationCode: '' |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 创建团队 |
|
|
|
|
toTeam() { |
|
|
|
|
this.teamVisible = true |
|
|
|
|
}, |
|
|
|
|
// 获取团队列表 |
|
|
|
|
getTeam() { |
|
|
|
|
this.$get(this.api.searchTeam, { |
|
|
|
|
teamName: '', |
|
|
|
|
competitionId: this.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.form.completeCompetitionSetup.isNeedCode && !form.registrationInvitationCode) return util.errorMsg('请输入大赛邀请码') |
|
|
|
|
this.$post(this.api.addCompetitionTeam, form).then(({ status, data, message }) => { |
|
|
|
|
this.teamVisible = false |
|
|
|
|
this.enterVisible = false |
|
|
|
|
this.getData() |
|
|
|
|
util.successMsg('报名成功！') |
|
|
|
|
}).catch(res => {}) |
|
|
|
|
}, |
|
|
|
|
// 团队关闭 |
|
|
|
|
teamClose() { |
|
|
|
|
this.teamForm = { |
|
|
|
|
competitionId: this.id, |
|
|
|
|
teamName: '', |
|
|
|
|
invitationCode: '', |
|
|
|
|
registrationInvitationCode: '' |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
// 立即报名 |
|
|
|
|
signup(){ |
|
|
|
|
const { status } = this |
|
|
|
|
// 如果没登录，提示去登录 |
|
|
|
|
// 如果登录了 |
|
|
|
|
if (util.local.get(Setting.tokenKey)) { |
|
|
|
|
if (this.status == 2) { |
|
|
|
|
let data = { |
|
|
|
|
contestId: this.id |
|
|
|
|
} |
|
|
|
|
this.$post(this.api.addApplicant,data).then(res => { |
|
|
|
|
if (status == 4) { // 进入比赛 |
|
|
|
|
this.toSub() |
|
|
|
|
} else if (status == 2) { // 报名 |
|
|
|
|
// 团队赛报名 |
|
|
|
|
if (this.form.completeCompetitionSetup.competitionType) { |
|
|
|
|
this.enterVisible = true |
|
|
|
|
} else { // 个人赛报名 |
|
|
|
|
this.$post(this.api.addCompetitionRegistration, { |
|
|
|
|
competitionId: this.id |
|
|
|
|
}).then(res => { |
|
|
|
|
this.getData() |
|
|
|
|
this.$message.success('报名成功') |
|
|
|
|
this.status = 1; |
|
|
|
|
}).catch(res => {}) |
|
|
|
|
} |
|
|
|
|
} else if (status == 1) { |
|
|
|
|
// 已报名，点击取消报名 |
|
|
|
|
this.$confirm('是否要取消报名？', '提示', { |
|
|
|
|
type: 'success' |
|
|
|
|
}).then(() => { |
|
|
|
|
this.$post(`${this.api.cancelRegistration}?contestId=${this.id}`).then(res => { |
|
|
|
|
this.$post(`${this.api.cancelRegistration}?competitionId=${this.id}`).then(res => { |
|
|
|
|
this.getData() |
|
|
|
|
this.$message.success('取消报名成功') |
|
|
|
|
this.status = 2 |
|
|
|
|
}).catch(res => {}) |
|
|
|
|
}).catch(() => {}) |
|
|
|
|
} |
|
|
|
|
} else { |
|
|
|
|
} else { // 如果没登录，提示去登录 |
|
|
|
|
this.$confirm('请先登录，是否直接前往登录？', "提示", { |
|
|
|
|
type: 'success' |
|
|
|
|
}).then(() => { |
|
|
|
|
@ -282,6 +460,48 @@ export default { |
|
|
|
|
this.$router.push('/login') |
|
|
|
|
}).catch(() => {}) |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
// 进入python系统 |
|
|
|
|
toPython() { |
|
|
|
|
const form = this.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.form.id) |
|
|
|
|
util.cookies.set('stageId', form.stageId) |
|
|
|
|
util.cookies.set('teamId', this.form.competitionRegistration.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 |
|
|
|
|
const { systemId, projectId, cid } = this.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) |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
@ -584,4 +804,14 @@ export default { |
|
|
|
|
text-overflow: ellipsis; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
/deep/.dia-form { |
|
|
|
|
.w-100 { |
|
|
|
|
width: 100%; |
|
|
|
|
} |
|
|
|
|
.tips { |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: center; |
|
|
|
|
align-items: center; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</style> |
