|
|
|
|
@ -3,47 +3,61 @@ |
|
|
|
|
<div class="search"> |
|
|
|
|
<h6>赛事竞技，精彩纷呈</h6> |
|
|
|
|
<div class="input"> |
|
|
|
|
<img src="@/assets/img/search.png" alt=""> |
|
|
|
|
<input type="text" placeholder="请输入关键词" v-model="keyword"> |
|
|
|
|
<img src="@/assets/img/search.png" |
|
|
|
|
alt=""> |
|
|
|
|
<input type="text" |
|
|
|
|
placeholder="请输入关键词" |
|
|
|
|
v-model="keyword"> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- 课程筛选 --> |
|
|
|
|
<div class="filter"> |
|
|
|
|
<div class="center-wrap" style="padding: 0;margin: 0 auto;"> |
|
|
|
|
<div class="center-wrap" |
|
|
|
|
style="padding: 0;margin: 0 auto;"> |
|
|
|
|
<dl> |
|
|
|
|
<dt>比赛范围：</dt> |
|
|
|
|
<dd v-for="(item, i) in scopes" :key="i" :class="{active: form.competitionScope == item.id}" @click="changeScope(item.id)">{{ item.name }}</dd> |
|
|
|
|
<dd v-for="(item, i) in scopes" |
|
|
|
|
:key="i" |
|
|
|
|
:class="{active: form.competitionScope == item.id}" |
|
|
|
|
@click="changeScope(item.id)">{{ item.name }}</dd> |
|
|
|
|
<template v-if="form.competitionScope === 2"> |
|
|
|
|
<div class="select-wrap"> |
|
|
|
|
<span class="label">省份</span> |
|
|
|
|
<el-select size="small" v-model="form.provinceId" clearable @change="getCity"> |
|
|
|
|
<el-option label="请选择" value=""></el-option> |
|
|
|
|
<el-option |
|
|
|
|
v-for="(item,index) in provinces" |
|
|
|
|
<el-select size="small" |
|
|
|
|
v-model="form.provinceId" |
|
|
|
|
clearable |
|
|
|
|
@change="getCity"> |
|
|
|
|
<el-option label="请选择" |
|
|
|
|
value=""></el-option> |
|
|
|
|
<el-option v-for="(item,index) in provinces" |
|
|
|
|
:key="index" |
|
|
|
|
:label="item.provinceName" |
|
|
|
|
:value="item.provinceId" |
|
|
|
|
></el-option> |
|
|
|
|
:value="item.provinceId"></el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</div> |
|
|
|
|
<div class="select-wrap"> |
|
|
|
|
<span class="label">城市</span> |
|
|
|
|
<el-select size="small" v-model="form.cityId" clearable @change="initData"> |
|
|
|
|
<el-option label="请选择" value=""></el-option> |
|
|
|
|
<el-option |
|
|
|
|
v-for="(item,index) in cities" |
|
|
|
|
<el-select size="small" |
|
|
|
|
v-model="form.cityId" |
|
|
|
|
clearable |
|
|
|
|
@change="initData"> |
|
|
|
|
<el-option label="请选择" |
|
|
|
|
value=""></el-option> |
|
|
|
|
<el-option v-for="(item,index) in cities" |
|
|
|
|
:key="index" |
|
|
|
|
:label="item.cityName" |
|
|
|
|
:value="item.cityId" |
|
|
|
|
></el-option> |
|
|
|
|
:value="item.cityId"></el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
</dl> |
|
|
|
|
<dl> |
|
|
|
|
<dt>筛选排序：</dt> |
|
|
|
|
<dd v-for="(item, i) in sorts" :key="i" :class="{active: form.sequence == item.id}" @click="changeSort(item.id)">{{ item.name }}</dd> |
|
|
|
|
<dd v-for="(item, i) in sorts" |
|
|
|
|
:key="i" |
|
|
|
|
:class="{active: form.sequence == item.id}" |
|
|
|
|
@click="changeSort(item.id)">{{ item.name }}</dd> |
|
|
|
|
</dl> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
@ -54,11 +68,17 @@ |
|
|
|
|
<div class="list"> |
|
|
|
|
<template v-if="listData.length"> |
|
|
|
|
<ul> |
|
|
|
|
<li v-for="(item,index) in listData" :key="index" :id="item.id" @click="toDetail(item)"> |
|
|
|
|
<li v-for="(item,index) in listData" |
|
|
|
|
:key="index" |
|
|
|
|
:id="item.id" |
|
|
|
|
@click="toDetail(item)"> |
|
|
|
|
<div class="left"> |
|
|
|
|
<el-button v-if="item.status === 2 || item.curStage" :class="['stage-label', {playing: item.curStage}]" type="primary">{{ item.status === 2 ? '报名中' : item.curStage ? '竞赛中' : '' }}</el-button> |
|
|
|
|
<el-button v-if="item.status === 2 || item.curStage" |
|
|
|
|
:class="['stage-label', {playing: item.curStage}]" |
|
|
|
|
type="primary">{{ item.status === 2 ? '报名中' : item.curStage ? '竞赛中' : '' }}</el-button> |
|
|
|
|
<div class="cover"> |
|
|
|
|
<img :src="item.coverUrl || 'https://huoran.oss-cn-shenzhen.aliyuncs.com/20220623/png/1539857403162943488.png'" alt=""> |
|
|
|
|
<img :src="item.coverUrl || 'https://huoran.oss-cn-shenzhen.aliyuncs.com/20220623/png/1539857403162943488.png'" |
|
|
|
|
alt=""> |
|
|
|
|
</div> |
|
|
|
|
<div class="info"> |
|
|
|
|
<div class="title">{{ item.competitionName }}</div> |
|
|
|
|
@ -86,27 +106,36 @@ |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="right"> |
|
|
|
|
<el-dropdown v-if="item.playingStages && item.playingStages.length > 1" class="m-l-10" @command="e => chooseStage(e, item)"> |
|
|
|
|
<el-button type="primary" style="background-color: #f96d6d;border: 0;"> |
|
|
|
|
<el-dropdown v-if="item.playingStages && item.playingStages.length > 1" |
|
|
|
|
class="m-l-10" |
|
|
|
|
@command="e => chooseStage(e, item)"> |
|
|
|
|
<el-button type="primary" |
|
|
|
|
style="background-color: #f96d6d;border: 0;"> |
|
|
|
|
选择竞赛<i class="el-icon-arrow-down el-icon--right"></i> |
|
|
|
|
</el-button> |
|
|
|
|
<el-dropdown-menu slot="dropdown"> |
|
|
|
|
<el-dropdown-item v-for="(stage, i) in item.playingStages" :key="i" :command="stage">进入{{ stage.stageName }}</el-dropdown-item> |
|
|
|
|
<el-dropdown-item v-for="(stage, i) in item.playingStages" |
|
|
|
|
:key="i" |
|
|
|
|
:command="stage">进入{{ stage.stageName }}</el-dropdown-item> |
|
|
|
|
</el-dropdown-menu> |
|
|
|
|
</el-dropdown> |
|
|
|
|
<p class="status" |
|
|
|
|
v-else-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}" :title="item.status == 4 ? item.stageName : statusList[item.status]" |
|
|
|
|
: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}" |
|
|
|
|
:title="item.status == 4 ? item.stageName : statusList[item.status]" |
|
|
|
|
@click.stop="signup(item)">{{ item.status == 4 ? item.stageName : statusList[item.status] }}</p> |
|
|
|
|
<p class="end-text" v-if="item.end"> |
|
|
|
|
<p class="end-text" |
|
|
|
|
v-if="item.end"> |
|
|
|
|
距离{{ item.status == 4 ? item.endText : endList[item.status] }}还有 |
|
|
|
|
<em >{{ item.end }}</em> |
|
|
|
|
<em>{{ item.end }}</em> |
|
|
|
|
</p> |
|
|
|
|
</div> |
|
|
|
|
</li> |
|
|
|
|
</ul> |
|
|
|
|
<div class="pagination"> |
|
|
|
|
<el-pagination background layout="total, prev, pager, next" :total="totals" |
|
|
|
|
<el-pagination background |
|
|
|
|
layout="total, prev, pager, next" |
|
|
|
|
:total="totals" |
|
|
|
|
@current-change="handleCurrentChange" |
|
|
|
|
:current-page="page"> |
|
|
|
|
</el-pagination> |
|
|
|
|
@ -115,7 +144,8 @@ |
|
|
|
|
<template v-else> |
|
|
|
|
<div class="empty"> |
|
|
|
|
<div> |
|
|
|
|
<img src="@/assets/img/none.png" alt=""> |
|
|
|
|
<img src="@/assets/img/none.png" |
|
|
|
|
alt=""> |
|
|
|
|
<p>暂无赛事</p> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
@ -125,57 +155,95 @@ |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-dialog title="报名" :visible.sync="peopleSignupVisible" :close-on-click-modal="false" width="300px"> |
|
|
|
|
<el-dialog title="报名" |
|
|
|
|
:visible.sync="peopleSignupVisible" |
|
|
|
|
:close-on-click-modal="false" |
|
|
|
|
width="300px"> |
|
|
|
|
<el-form class="dia-form"> |
|
|
|
|
<el-form-item> |
|
|
|
|
<el-input placeholder="请输入4位数大赛邀请码" maxlength="4" v-model="peopleSignupForm.registrationInvitationCode"></el-input> |
|
|
|
|
<el-input placeholder="请输入4位数大赛邀请码" |
|
|
|
|
maxlength="4" |
|
|
|
|
v-model="peopleSignupForm.registrationInvitationCode"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-form> |
|
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
|
<el-button size="small" type="primary" @click="peopleSignupSubmit">报名</el-button> |
|
|
|
|
<el-button size="small" @click="peopleSignupVisible = false">取消</el-button> |
|
|
|
|
<span slot="footer" |
|
|
|
|
class="dialog-footer"> |
|
|
|
|
<el-button size="small" |
|
|
|
|
type="primary" |
|
|
|
|
@click="peopleSignupSubmit">报名</el-button> |
|
|
|
|
<el-button size="small" |
|
|
|
|
@click="peopleSignupVisible = false">取消</el-button> |
|
|
|
|
</span> |
|
|
|
|
</el-dialog> |
|
|
|
|
<el-dialog title="报名" :visible.sync="enterVisible" :close-on-click-modal="false" width="300px"> |
|
|
|
|
<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" filterable> |
|
|
|
|
<el-option v-for="(item, i) in teams" :key="i" :label="item.teamName" :value="item.teamId"></el-option> |
|
|
|
|
<el-select class="w-100" |
|
|
|
|
v-model="enterForm.teamId" |
|
|
|
|
filterable> |
|
|
|
|
<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="请输入6位数团队邀请码" maxlength="6" v-model="enterForm.invitationCode"></el-input> |
|
|
|
|
<el-input placeholder="请输入6位数团队邀请码" |
|
|
|
|
maxlength="6" |
|
|
|
|
v-model="enterForm.invitationCode"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item v-if="curItem.setup.isNeedCode"> |
|
|
|
|
<el-input placeholder="请输入4位数大赛邀请码" maxlength="4" v-model="enterForm.registrationInvitationCode"></el-input> |
|
|
|
|
<el-input placeholder="请输入4位数大赛邀请码" |
|
|
|
|
maxlength="4" |
|
|
|
|
v-model="enterForm.registrationInvitationCode"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<p class="tips"> |
|
|
|
|
查找不到团队？点击 <el-link :underline="false" type="primary" @click="toTeam">创建团队</el-link> |
|
|
|
|
查找不到团队？点击 <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 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-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-input placeholder="请输入团队名称" |
|
|
|
|
maxlength="10" |
|
|
|
|
v-model="teamForm.teamName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item> |
|
|
|
|
<el-input placeholder="请输入6位数团队邀请码" maxlength="6" v-model="teamForm.invitationCode"></el-input> |
|
|
|
|
<el-input placeholder="请输入6位数团队邀请码" |
|
|
|
|
maxlength="6" |
|
|
|
|
v-model="teamForm.invitationCode"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item v-if="curItem.setup.isNeedCode"> |
|
|
|
|
<el-input placeholder="请输入4位数大赛邀请码" maxlength="4" v-model="teamForm.registrationInvitationCode"></el-input> |
|
|
|
|
<el-input placeholder="请输入4位数大赛邀请码" |
|
|
|
|
maxlength="4" |
|
|
|
|
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 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> |
|
|
|
|
@ -189,7 +257,7 @@ import util from "@/libs/util" |
|
|
|
|
|
|
|
|
|
export default { |
|
|
|
|
name: "match", |
|
|
|
|
data() { |
|
|
|
|
data () { |
|
|
|
|
return { |
|
|
|
|
timer: null, |
|
|
|
|
token: util.local.get(Setting.tokenKey), |
|
|
|
|
@ -289,14 +357,14 @@ export default { |
|
|
|
|
]) |
|
|
|
|
}, |
|
|
|
|
watch: { |
|
|
|
|
keyword: function(val) { |
|
|
|
|
keyword: function (val) { |
|
|
|
|
clearTimeout(this.searchTimer); |
|
|
|
|
this.searchTimer = setTimeout(() => { |
|
|
|
|
this.initData(); |
|
|
|
|
}, 500); |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
mounted() { |
|
|
|
|
mounted () { |
|
|
|
|
this.getProvince() |
|
|
|
|
this.getData() |
|
|
|
|
this.$once('hook:beforeDestroy', this.clearTimer) |
|
|
|
|
@ -305,7 +373,7 @@ export default { |
|
|
|
|
...mapMutations('match', [ |
|
|
|
|
'SET_SOURCE' |
|
|
|
|
]), |
|
|
|
|
getList() { |
|
|
|
|
getList () { |
|
|
|
|
this.clearTimer() |
|
|
|
|
const { form } = this |
|
|
|
|
const scope = form.competitionScope |
|
|
|
|
@ -346,7 +414,7 @@ export default { |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
// 定时处理时间及状态 |
|
|
|
|
handleStatus() { |
|
|
|
|
handleStatus () { |
|
|
|
|
this.listData.map(item => { |
|
|
|
|
if (item.signUpStartTime && item.signUpEndTime && item.playStartTime && item.playEndTime) { |
|
|
|
|
let total = '' |
|
|
|
|
@ -377,7 +445,8 @@ export default { |
|
|
|
|
if (stages) { |
|
|
|
|
item.playingStages = [] |
|
|
|
|
item.whetherToSignUp === 0 && stages.forEach(e => { |
|
|
|
|
if (now >= new Date(e.startTime) && now <= new Date(e.endTime) && e.method !== 2) item.playingStages.push(e) |
|
|
|
|
if (now >= new Date(e.startTime) && now <= new Date(e.endTime) && (e.method !== 2 || this.offlineCanEntry(e))) item.playingStages.push(e) |
|
|
|
|
|
|
|
|
|
}) |
|
|
|
|
for (const i in stages) { |
|
|
|
|
const e = stages[i] |
|
|
|
|
@ -389,7 +458,7 @@ export default { |
|
|
|
|
total = startTime - now |
|
|
|
|
break |
|
|
|
|
} else if (now >= startTime && now <= endTime) { // 阶段比赛进行中，显示进入比赛按钮 |
|
|
|
|
if ((item.whetherToSignUp === 0 || !util.local.get(Setting.tokenKey)) && e.method !== 2) this.$set(item, 'stageName', e.count ? '已提交' : '进入' + e.stageName) // 报名了并且没参加比赛才能进入比赛 |
|
|
|
|
if ((item.whetherToSignUp === 0 || !util.local.get(Setting.tokenKey)) && (e.method !== 2 || this.offlineCanEntry(e))) this.$set(item, 'stageName', e.count ? '已提交' : '进入' + e.stageName) // 报名了并且没参加比赛才能进入比赛 |
|
|
|
|
this.$set(item, 'endText', '阶段结束') |
|
|
|
|
curStage = e |
|
|
|
|
total = endTime - now |
|
|
|
|
@ -437,28 +506,28 @@ export default { |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
// 清除定时器 |
|
|
|
|
clearTimer() { |
|
|
|
|
clearTimer () { |
|
|
|
|
this.timerList.forEach(n => { |
|
|
|
|
clearInterval(n) |
|
|
|
|
}) |
|
|
|
|
this.timerList = [] |
|
|
|
|
}, |
|
|
|
|
getData() { |
|
|
|
|
getData () { |
|
|
|
|
this.loadIns = Loading.service() |
|
|
|
|
this.getList() |
|
|
|
|
}, |
|
|
|
|
initData() { |
|
|
|
|
initData () { |
|
|
|
|
this.page = 1 |
|
|
|
|
this.getData() |
|
|
|
|
}, |
|
|
|
|
// 获取省份 |
|
|
|
|
getProvince() { |
|
|
|
|
getProvince () { |
|
|
|
|
this.$get(this.api.queryProvince).then(({ list }) => { |
|
|
|
|
this.provinces = list |
|
|
|
|
}).catch(res => {}) |
|
|
|
|
}).catch(res => { }) |
|
|
|
|
}, |
|
|
|
|
// 获取城市 |
|
|
|
|
getCity() { |
|
|
|
|
getCity () { |
|
|
|
|
const { form } = this |
|
|
|
|
form.cityId = '' |
|
|
|
|
form.provinceId ? |
|
|
|
|
@ -467,29 +536,29 @@ export default { |
|
|
|
|
}).then(({ list }) => { |
|
|
|
|
this.cities = list |
|
|
|
|
this.initData() |
|
|
|
|
}).catch(res => {}) : |
|
|
|
|
}).catch(res => { }) : |
|
|
|
|
this.initData() |
|
|
|
|
}, |
|
|
|
|
// 筛选范围 |
|
|
|
|
changeScope(type) { |
|
|
|
|
changeScope (type) { |
|
|
|
|
this.form.competitionScope = type |
|
|
|
|
this.initData() |
|
|
|
|
}, |
|
|
|
|
// 筛选排序 |
|
|
|
|
changeSort(type) { |
|
|
|
|
changeSort (type) { |
|
|
|
|
this.form.sequence = type |
|
|
|
|
this.initData() |
|
|
|
|
}, |
|
|
|
|
toDetail(item) { |
|
|
|
|
toDetail (item) { |
|
|
|
|
this.$router.push(`/touristMatch/details?id=${item.id}`); |
|
|
|
|
}, |
|
|
|
|
handleCurrentChange(val) { |
|
|
|
|
handleCurrentChange (val) { |
|
|
|
|
this.page = val; |
|
|
|
|
this.getData(); |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
// 个人报名提交 |
|
|
|
|
peopleSignupSubmit() { |
|
|
|
|
peopleSignupSubmit () { |
|
|
|
|
this.$post(this.api.addCompetitionRegistration, { |
|
|
|
|
competitionId: this.curRow.id, |
|
|
|
|
registrationInvitationCode: this.peopleSignupForm.registrationInvitationCode |
|
|
|
|
@ -497,10 +566,10 @@ export default { |
|
|
|
|
this.peopleSignupVisible = false |
|
|
|
|
this.getData() |
|
|
|
|
this.$message.success('报名成功') |
|
|
|
|
}).catch(res => {}) |
|
|
|
|
}).catch(res => { }) |
|
|
|
|
}, |
|
|
|
|
// 团队报名提交 |
|
|
|
|
enterSubmit() { |
|
|
|
|
enterSubmit () { |
|
|
|
|
const form = this.enterForm |
|
|
|
|
if (!form.teamId) return util.errorMsg('请选择团队') |
|
|
|
|
if (!form.invitationCode) return util.errorMsg('请输入团队邀请码') |
|
|
|
|
@ -509,12 +578,16 @@ export default { |
|
|
|
|
this.enterVisible = false |
|
|
|
|
this.getData() |
|
|
|
|
util.successMsg('报名成功！') |
|
|
|
|
}).catch(res => {}) |
|
|
|
|
}).catch(res => { }) |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
// 该阶段是否符合线下能进入比赛的条件 |
|
|
|
|
offlineCanEntry (stage) { |
|
|
|
|
return stage.method === 2 && stage.competitionStageContentSetting && !!(stage.competitionStageContentSetting.systemLink || stage.competitionStageContentSetting.whetherToUploadFiles) |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
// 创建团队 |
|
|
|
|
toTeam() { |
|
|
|
|
toTeam () { |
|
|
|
|
this.teamForm = { |
|
|
|
|
competitionId: this.curItem.id, |
|
|
|
|
teamName: '', |
|
|
|
|
@ -525,16 +598,16 @@ export default { |
|
|
|
|
this.teamVisible = true |
|
|
|
|
}, |
|
|
|
|
// 获取团队列表 |
|
|
|
|
getTeam() { |
|
|
|
|
getTeam () { |
|
|
|
|
this.$get(this.api.searchTeam, { |
|
|
|
|
teamName: '', |
|
|
|
|
competitionId: this.curItem.id |
|
|
|
|
}).then(({ teamList }) => { |
|
|
|
|
this.teams = teamList |
|
|
|
|
}).catch(res => {}) |
|
|
|
|
}).catch(res => { }) |
|
|
|
|
}, |
|
|
|
|
// 团队提交 |
|
|
|
|
teamSubmit() { |
|
|
|
|
teamSubmit () { |
|
|
|
|
const form = this.teamForm |
|
|
|
|
if (!form.teamName) return util.errorMsg('请输入团队名称') |
|
|
|
|
if (this.teamNameRepeat) return util.errorMsg('团队名称重复，请重新输入') |
|
|
|
|
@ -545,15 +618,15 @@ export default { |
|
|
|
|
this.enterVisible = false |
|
|
|
|
this.getData() |
|
|
|
|
util.successMsg('报名成功！') |
|
|
|
|
}).catch(res => {}) |
|
|
|
|
}).catch(res => { }) |
|
|
|
|
}, |
|
|
|
|
// 选择要进入的阶段 |
|
|
|
|
chooseStage(e, item) { |
|
|
|
|
chooseStage (e, item) { |
|
|
|
|
item.curStage = e |
|
|
|
|
this.signup(item) |
|
|
|
|
}, |
|
|
|
|
// 判断是否能进赛事 |
|
|
|
|
getAllow(item) { |
|
|
|
|
getAllow (item) { |
|
|
|
|
// 是否允许参加赛事（淘汰赛制） |
|
|
|
|
if (item.rule === 1) { |
|
|
|
|
this.$post(this.api.allowedParticipateCompetition, { |
|
|
|
|
@ -563,13 +636,13 @@ export default { |
|
|
|
|
teamId: item.teamId, |
|
|
|
|
}).then(res => { |
|
|
|
|
this.toSub() |
|
|
|
|
}).catch(res => {}) |
|
|
|
|
}).catch(res => { }) |
|
|
|
|
} else { |
|
|
|
|
this.toSub() |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
// 报名 |
|
|
|
|
signup(item) { |
|
|
|
|
signup (item) { |
|
|
|
|
const { status, id } = item |
|
|
|
|
const { competitionType } = item.setup |
|
|
|
|
// 如果没登录，提示去登录 |
|
|
|
|
@ -587,7 +660,7 @@ export default { |
|
|
|
|
teamId: item.teamId, |
|
|
|
|
}).then(res => { |
|
|
|
|
this.getAllow(item) |
|
|
|
|
}).catch(res => {}) |
|
|
|
|
}).catch(res => { }) |
|
|
|
|
} else { |
|
|
|
|
this.getAllow(item) |
|
|
|
|
} |
|
|
|
|
@ -613,7 +686,7 @@ export default { |
|
|
|
|
}).then(res => { |
|
|
|
|
this.getData() |
|
|
|
|
this.$message.success('报名成功') |
|
|
|
|
}).catch(res => {}) |
|
|
|
|
}).catch(res => { }) |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} else if (status == 1) { |
|
|
|
|
@ -624,8 +697,8 @@ export default { |
|
|
|
|
this.$post(`${this.api.cancelRegistration}?competitionId=${item.id}`).then(res => { |
|
|
|
|
this.getData() |
|
|
|
|
this.$message.success('取消报名成功') |
|
|
|
|
}).catch(res => {}) |
|
|
|
|
}).catch(() => {}) |
|
|
|
|
}).catch(res => { }) |
|
|
|
|
}).catch(() => { }) |
|
|
|
|
} |
|
|
|
|
} else { |
|
|
|
|
this.$confirm('请先登录，是否直接前往登录？', "提示", { |
|
|
|
|
@ -633,11 +706,11 @@ export default { |
|
|
|
|
}).then(() => { |
|
|
|
|
this.SET_SOURCE(item.id) |
|
|
|
|
this.$router.push('/login') |
|
|
|
|
}).catch(() => {}) |
|
|
|
|
}).catch(() => { }) |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
// 进入python系统 |
|
|
|
|
toPython() { |
|
|
|
|
toPython () { |
|
|
|
|
const form = this.curItem.curStage |
|
|
|
|
let token = util.local.get(Setting.tokenKey); |
|
|
|
|
util.cookies.set('assessmentId', '', -1) |
|
|
|
|
@ -661,7 +734,7 @@ export default { |
|
|
|
|
`${location.origin}/pyTrials` |
|
|
|
|
}, |
|
|
|
|
// 进入子系统 |
|
|
|
|
toSub() { |
|
|
|
|
toSub () { |
|
|
|
|
const form = this.curItem |
|
|
|
|
const { systemId, projectId, cid, stageId } = form.curStage |
|
|
|
|
const competitionId = form.id |
|
|
|
|
@ -687,9 +760,8 @@ export default { |
|
|
|
|
position: relative; |
|
|
|
|
padding: 100px 0 130px; |
|
|
|
|
text-align: center; |
|
|
|
|
background: url(../../../assets/img/match-bg4.png) (27px 10px)/auto no-repeat, |
|
|
|
|
url(../../../assets/img/match-bg5.png) (98% 20px)/auto no-repeat, |
|
|
|
|
url(../../../assets/img/match-bg3.png) 0 0/100% 100% no-repeat; |
|
|
|
|
background: url(../../../assets/img/match-bg4.png) (27px 10px) / auto no-repeat, |
|
|
|
|
url(../../../assets/img/match-bg5.png) (98% 20px) / auto no-repeat, url(../../../assets/img/match-bg3.png) 0 0/100% 100% no-repeat; |
|
|
|
|
h6 { |
|
|
|
|
margin-bottom: 25px; |
|
|
|
|
font-size: 26px; |
|
|
|
|
@ -717,9 +789,9 @@ export default { |
|
|
|
|
border-radius: 4px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.main{ |
|
|
|
|
background: url(../../../assets/img/match-bg1.png) (0px 95px)/auto auto no-repeat, |
|
|
|
|
url(../../../assets/img/match-bg2.png) (98% bottom)/auto auto no-repeat; |
|
|
|
|
.main { |
|
|
|
|
background: url(../../../assets/img/match-bg1.png) (0px 95px) / auto auto no-repeat, |
|
|
|
|
url(../../../assets/img/match-bg2.png) (98% bottom) / auto auto no-repeat; |
|
|
|
|
.filter { |
|
|
|
|
width: 100%; |
|
|
|
|
background-color: #fff; |
|
|
|
|
@ -760,9 +832,9 @@ export default { |
|
|
|
|
.list-inner { |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: center; |
|
|
|
|
align-items:flex-start; |
|
|
|
|
align-items: flex-start; |
|
|
|
|
} |
|
|
|
|
.nav{ |
|
|
|
|
.nav { |
|
|
|
|
width: 156px; |
|
|
|
|
text-align: right; |
|
|
|
|
overflow: hidden; |
|
|
|
|
@ -821,11 +893,11 @@ export default { |
|
|
|
|
font-size: 14px; |
|
|
|
|
color: #fff; |
|
|
|
|
white-space: nowrap; |
|
|
|
|
background-color: #52C41A; |
|
|
|
|
background-color: #52c41a; |
|
|
|
|
border-radius: 4px; |
|
|
|
|
@include ellipsis(); |
|
|
|
|
&.wait { |
|
|
|
|
background-color: #FAAD14; |
|
|
|
|
background-color: #faad14; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
&.signing { |
|
|
|
|
@ -833,7 +905,7 @@ export default { |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
&.signed { |
|
|
|
|
background-color: #52C41A; |
|
|
|
|
background-color: #52c41a; |
|
|
|
|
} |
|
|
|
|
&.playing { |
|
|
|
|
background-color: #f96d6d; |
|
|
|
|
@ -852,7 +924,7 @@ export default { |
|
|
|
|
cursor: pointer; |
|
|
|
|
|
|
|
|
|
&:hover { |
|
|
|
|
opacity: .9; |
|
|
|
|
opacity: 0.9; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
&.disabled { |
|
|
|
|
@ -863,7 +935,7 @@ export default { |
|
|
|
|
|
|
|
|
|
.end-text { |
|
|
|
|
margin-top: 10px; |
|
|
|
|
color: rgba(0, 0, 0, .65); |
|
|
|
|
color: rgba(0, 0, 0, 0.65); |
|
|
|
|
font-size: 12px; |
|
|
|
|
white-space: nowrap; |
|
|
|
|
|
|
|
|
|
@ -911,7 +983,7 @@ export default { |
|
|
|
|
margin-bottom: 10px; |
|
|
|
|
font-size: 20px; |
|
|
|
|
font-weight: 500; |
|
|
|
|
color: #0B1D30; |
|
|
|
|
color: #0b1d30; |
|
|
|
|
line-height: 1; |
|
|
|
|
} |
|
|
|
|
.metas { |
|
|
|
|
@ -927,7 +999,8 @@ export default { |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.label, .val { |
|
|
|
|
.label, |
|
|
|
|
.val { |
|
|
|
|
font-size: 14px; |
|
|
|
|
color: #666; |
|
|
|
|
white-space: nowrap; |
|
|
|
|
|
