|
|
|
|
@ -3,15 +3,22 @@ |
|
|
|
|
<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="main"> |
|
|
|
|
<div class="center-wrap list-inner"> |
|
|
|
|
<ul v-if="token" class="nav"> |
|
|
|
|
<li :class="{ active: form.eventType === item.id }" v-for="(item, index) in typeList" :key="index" @click="changeType(item.id)">{{ item.name }} |
|
|
|
|
<ul v-if="token" |
|
|
|
|
class="nav"> |
|
|
|
|
<li :class="{ active: form.eventType === item.id }" |
|
|
|
|
v-for="(item, index) in typeList" |
|
|
|
|
:key="index" |
|
|
|
|
@click="changeType(item.id)">{{ item.name }} |
|
|
|
|
</li> |
|
|
|
|
</ul> |
|
|
|
|
<div class="list-wrap"> |
|
|
|
|
@ -21,41 +28,54 @@ |
|
|
|
|
<dl v-if="form.eventType !== 1"> |
|
|
|
|
<dt>比赛范围：</dt> |
|
|
|
|
<template v-if="form.eventType === 2"> |
|
|
|
|
<dd v-for="(item, i) in squareScopes" :key="i" :class="{active: form.competitionScope == item.id}" @click="changeScope(item.id)">{{ item.name }}</dd> |
|
|
|
|
<dd v-for="(item, i) in squareScopes" |
|
|
|
|
:key="i" |
|
|
|
|
:class="{active: form.competitionScope == item.id}" |
|
|
|
|
@click="changeScope(item.id)">{{ item.name }}</dd> |
|
|
|
|
</template> |
|
|
|
|
<template v-if="form.eventType === 3"> |
|
|
|
|
<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> |
|
|
|
|
<template v-if="form.eventType !== 1 && 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> |
|
|
|
|
@ -63,11 +83,16 @@ |
|
|
|
|
<div class="list"> |
|
|
|
|
<template v-if="listData.length"> |
|
|
|
|
<ul> |
|
|
|
|
<li v-for="(item,index) in listData" :key="index" @click="toDetail(item)"> |
|
|
|
|
<li v-for="(item,index) in listData" |
|
|
|
|
:key="index" |
|
|
|
|
@click="toDetail(item)"> |
|
|
|
|
<div class="left"> |
|
|
|
|
<el-button v-if="item.status === 1 || item.status === 2 || item.curStage" :class="['stage-label', {playing: item.curStage}]" type="primary">{{ item.status === 1 || item.status === 2 ? '报名中' : item.curStage ? '竞赛中' : '' }}</el-button> |
|
|
|
|
<el-button v-if="item.status === 1 || item.status === 2 || item.curStage" |
|
|
|
|
:class="['stage-label', {playing: item.curStage}]" |
|
|
|
|
type="primary">{{ item.status === 1 || 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> |
|
|
|
|
@ -97,27 +122,37 @@ |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="right"> |
|
|
|
|
<el-dropdown v-if="item.playingStages && item.playingStages.length > 1" class="m-l-10" @click.stop="stageClick" @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" |
|
|
|
|
@click.stop="stageClick" |
|
|
|
|
@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> |
|
|
|
|
@ -126,7 +161,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> |
|
|
|
|
@ -136,56 +172,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> |
|
|
|
|
@ -196,13 +271,12 @@ import { mapState, mapMutations } from "vuex"; |
|
|
|
|
import { Loading } from "element-ui"; |
|
|
|
|
import Setting from "@/setting" |
|
|
|
|
import util from "@/libs/util" |
|
|
|
|
|
|
|
|
|
import Bus from '@/libs/bus' |
|
|
|
|
export default { |
|
|
|
|
name: "match", |
|
|
|
|
data() { |
|
|
|
|
data () { |
|
|
|
|
return { |
|
|
|
|
timer: null, |
|
|
|
|
redisTimer: null, |
|
|
|
|
token: util.local.get(Setting.tokenKey), |
|
|
|
|
statusList: ["待报名", "取消报名", "马上报名", "报名截止", "进入初赛", "已结束"], |
|
|
|
|
endList: ["报名开始", "报名截止", "报名截止", "竞赛开始", "竞赛结束", ""], |
|
|
|
|
@ -319,28 +393,32 @@ export default { |
|
|
|
|
]) |
|
|
|
|
}, |
|
|
|
|
watch: { |
|
|
|
|
keyword: function(val) { |
|
|
|
|
keyword: function (val) { |
|
|
|
|
clearTimeout(this.searchTimer); |
|
|
|
|
this.searchTimer = setTimeout(() => { |
|
|
|
|
this.initData(); |
|
|
|
|
}, 500); |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
mounted() { |
|
|
|
|
mounted () { |
|
|
|
|
// websocket实时刷新 |
|
|
|
|
Bus.$on('matchSocket', () => { |
|
|
|
|
this.getData() |
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
this.form.eventType = this.eventType |
|
|
|
|
this.SET_TYPE(2) |
|
|
|
|
this.getProvince() |
|
|
|
|
this.getData() |
|
|
|
|
this.$once('hook:beforeDestroy', function() { |
|
|
|
|
this.$once('hook:beforeDestroy', function () { |
|
|
|
|
this.clearTimer() |
|
|
|
|
clearInterval(this.redisTimer) |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
...mapMutations('match', [ |
|
|
|
|
'SET_TYPE' |
|
|
|
|
]), |
|
|
|
|
getList() { |
|
|
|
|
getData () { |
|
|
|
|
this.clearTimer() |
|
|
|
|
const { form } = this |
|
|
|
|
const { eventType, competitionScope } = form |
|
|
|
|
@ -381,7 +459,7 @@ export default { |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
// 定时处理时间及状态 |
|
|
|
|
handleStatus() { |
|
|
|
|
handleStatus () { |
|
|
|
|
this.listData.map(item => { |
|
|
|
|
if (item.signUpStartTime && item.signUpEndTime && item.playStartTime && item.playEndTime) { |
|
|
|
|
let total = '' |
|
|
|
|
@ -473,38 +551,30 @@ export default { |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
// 清除定时器 |
|
|
|
|
clearTimer() { |
|
|
|
|
clearTimer () { |
|
|
|
|
this.timerList.forEach(n => { |
|
|
|
|
clearInterval(n) |
|
|
|
|
}) |
|
|
|
|
this.timerList = [] |
|
|
|
|
}, |
|
|
|
|
getData() { |
|
|
|
|
// this.loadIns = Loading.service() |
|
|
|
|
this.getList() |
|
|
|
|
if (!Setting.isDev) { |
|
|
|
|
clearInterval(this.redisTimer) |
|
|
|
|
this.redisTimer = setInterval(this.getRedis, 1000) |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
initData() { |
|
|
|
|
initData () { |
|
|
|
|
this.page = 1 |
|
|
|
|
this.getData() |
|
|
|
|
}, |
|
|
|
|
// 获取redis缓存 |
|
|
|
|
getRedis() { |
|
|
|
|
getRedis () { |
|
|
|
|
this.$post(this.api.getRedisCacheCompetition).then(({ data }) => { |
|
|
|
|
data && this.getList() |
|
|
|
|
}).catch(res => {}) |
|
|
|
|
}).catch(res => { }) |
|
|
|
|
}, |
|
|
|
|
// 获取省份 |
|
|
|
|
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 ? |
|
|
|
|
@ -513,10 +583,10 @@ export default { |
|
|
|
|
}).then(({ list }) => { |
|
|
|
|
this.cities = list |
|
|
|
|
this.initData() |
|
|
|
|
}).catch(res => {}) : |
|
|
|
|
}).catch(res => { }) : |
|
|
|
|
this.initData() |
|
|
|
|
}, |
|
|
|
|
changeType(type) { |
|
|
|
|
changeType (type) { |
|
|
|
|
const { form } = this |
|
|
|
|
form.competitionScope = 3 |
|
|
|
|
form.provinceId = '' |
|
|
|
|
@ -526,26 +596,26 @@ export default { |
|
|
|
|
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.SET_TYPE(this.form.eventType) |
|
|
|
|
this.$router.push(`/match/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 |
|
|
|
|
@ -553,10 +623,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('请输入团队邀请码') |
|
|
|
|
@ -565,12 +635,12 @@ export default { |
|
|
|
|
this.enterVisible = false |
|
|
|
|
this.getData() |
|
|
|
|
util.successMsg('报名成功！') |
|
|
|
|
}).catch(res => {}) |
|
|
|
|
}).catch(res => { }) |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 创建团队 |
|
|
|
|
toTeam() { |
|
|
|
|
toTeam () { |
|
|
|
|
this.teamForm = { |
|
|
|
|
competitionId: this.curItem.id, |
|
|
|
|
teamName: '', |
|
|
|
|
@ -581,16 +651,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('团队名称重复，请重新输入') |
|
|
|
|
@ -601,16 +671,16 @@ export default { |
|
|
|
|
this.enterVisible = false |
|
|
|
|
this.getData() |
|
|
|
|
util.successMsg('报名成功！') |
|
|
|
|
}).catch(res => {}) |
|
|
|
|
}).catch(res => { }) |
|
|
|
|
}, |
|
|
|
|
stageClick(e) {}, |
|
|
|
|
stageClick (e) { }, |
|
|
|
|
// 选择要进入的阶段 |
|
|
|
|
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, { |
|
|
|
|
@ -620,13 +690,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 |
|
|
|
|
// 如果没登录，提示去登录 |
|
|
|
|
@ -644,7 +714,7 @@ export default { |
|
|
|
|
teamId: item.teamId, |
|
|
|
|
}).then(res => { |
|
|
|
|
this.getAllow(item) |
|
|
|
|
}).catch(res => {}) |
|
|
|
|
}).catch(res => { }) |
|
|
|
|
} else { |
|
|
|
|
this.getAllow(item) |
|
|
|
|
} |
|
|
|
|
@ -670,7 +740,7 @@ export default { |
|
|
|
|
}).then(res => { |
|
|
|
|
this.getData() |
|
|
|
|
this.$message.success('报名成功') |
|
|
|
|
}).catch(res => {}) |
|
|
|
|
}).catch(res => { }) |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} else if (status == 1) { |
|
|
|
|
@ -681,8 +751,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('请先登录，是否直接前往登录？', "提示", { |
|
|
|
|
@ -690,11 +760,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) |
|
|
|
|
@ -712,6 +782,7 @@ export default { |
|
|
|
|
util.cookies.set('resultsDetails', form.resultsDetails) |
|
|
|
|
util.cookies.set('resultAnnouncementTime', form.resultAnnouncementTime) |
|
|
|
|
util.cookies.set('fromManager', '', -1) |
|
|
|
|
util.cookies.set('isSubmit', '', -1) |
|
|
|
|
// 8个python子系统都跳这个地址，子系统会通过cookie里的systemId识别展示哪套系统 |
|
|
|
|
location.href = process.env.NODE_ENV === 'development' ? |
|
|
|
|
`http://${location.hostname}:8085/#/` : |
|
|
|
|
@ -720,9 +791,9 @@ export default { |
|
|
|
|
`${location.origin}/pyTrials` |
|
|
|
|
}, |
|
|
|
|
// 进入子系统 |
|
|
|
|
toSub() { |
|
|
|
|
toSub () { |
|
|
|
|
const form = this.curItem |
|
|
|
|
const { systemId, projectId, cid, stageId } = form.curStage |
|
|
|
|
const { systemId, projectId, cid, stageId, endTime } = form.curStage |
|
|
|
|
const competitionId = form.id |
|
|
|
|
const teamId = form.teamId |
|
|
|
|
let token = util.local.get(Setting.tokenKey); |
|
|
|
|
@ -731,7 +802,7 @@ export default { |
|
|
|
|
location.href = `${Setting.systemPath}/#/index/list?curriculumName=${this.curriculumName}&token=${token}&cid=${cid}&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}`); |
|
|
|
|
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}&endTime=${endTime}`); |
|
|
|
|
} else { |
|
|
|
|
// python系统 |
|
|
|
|
this.toPython() |
|
|
|
|
@ -746,9 +817,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; |
|
|
|
|
@ -776,9 +846,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; |
|
|
|
|
.center-wrap { |
|
|
|
|
width: 1078px; |
|
|
|
|
} |
|
|
|
|
@ -827,9 +897,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; |
|
|
|
|
@ -888,11 +958,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 { |
|
|
|
|
@ -900,7 +970,7 @@ export default { |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
&.signed { |
|
|
|
|
background-color: #52C41A; |
|
|
|
|
background-color: #52c41a; |
|
|
|
|
} |
|
|
|
|
&.playing { |
|
|
|
|
background-color: #f96d6d; |
|
|
|
|
@ -919,7 +989,7 @@ export default { |
|
|
|
|
cursor: pointer; |
|
|
|
|
|
|
|
|
|
&:hover { |
|
|
|
|
opacity: .9; |
|
|
|
|
opacity: 0.9; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
&.disabled { |
|
|
|
|
@ -930,7 +1000,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; |
|
|
|
|
|
|
|
|
|
@ -978,7 +1048,7 @@ export default { |
|
|
|
|
margin-bottom: 10px; |
|
|
|
|
font-size: 20px; |
|
|
|
|
font-weight: 500; |
|
|
|
|
color: #0B1D30; |
|
|
|
|
color: #0b1d30; |
|
|
|
|
line-height: 1; |
|
|
|
|
} |
|
|
|
|
.metas { |
|
|
|
|
@ -994,7 +1064,8 @@ export default { |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.label, .val { |
|
|
|
|
.label, |
|
|
|
|
.val { |
|
|
|
|
font-size: 14px; |
|
|
|
|
color: #666; |
|
|
|
|
white-space: nowrap; |
|
|
|
|
|
