@ -1,29 +1,29 @@
< template >
< div class = "wrap index" >
< div class = "banner" : style = "{backgroundImage: 'url(' + (form.carouselUrl || 'https://huoran.oss-cn-shenzhen.aliyuncs.com/20220613/png/1536269450851409920.pn g') + ')'}" > < / div >
< div class = "banner" : style = "{backgroundImage: 'url(' + (form.carouselUrl || 'https://huoran.oss-cn-shenzhen.aliyuncs.com/20230515/jpg/1658017103770836992.jp g') + ')'}" > 创业活动详情 < / div >
< div class = "center-con" >
< div class = "center-wrap" >
< breadcrumb ref = "breadcrumb" : data = "'全部赛事/' + form.n ame" > < / breadcrumb >
< breadcrumb ref = "breadcrumb" : data = "'全部项目/' + form.projectN ame" > < / breadcrumb >
< div class = "content" >
< div : class = "[' tool flex-between', {logView: !logView}] " >
< 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 >
< / e l - t a b s >
< div class = "action" >
<!-- < p class = "end-text" v-if ="end" >
< p class = "end-text" v-if ="end" >
距离 { { endList [ status ] } } 还有
< em > { { end } } < / em >
< / p > -- >
< 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}" :title="statusList[status]" @click.stop="signup" > {{ statusList [ status ] } }< / a >
< / p >
< a class = "status" : class = "{wait: status == 0,signing: status == 2,signed: status == 1,finish: status == 3 || status == 4}" :title ="statusList[status]" @click.stop ="signup" > { { statusList [ status ] } } < / a >
< / div >
< / div >
< div class = "info" >
< div class = "info" id = "part1" >
< h6 class = "title" > { { form . projectName } } < / h6 >
< div class = "meta" > 最近编辑时间 ： { { form . updateTime } } < / div >
< / div >
< div v-show ="curType < 4" >
< div class = "l-title" id = "part1" > < img src = "@/assets/img/label.png" alt = "" > 项目信息 < / div >
< div class = "l-title" > < img src = "@/assets/img/label.png" alt = "" > 项目信息 < / div >
< div v-if ="form.projectDescribe" class="texts ql-editor" v-html="form.projectDescribe" > < / div >
< template v-if ="form.activityFileList" >
< h6 class = "p-title" > 附件下载 < / h6 >
@ -77,15 +77,15 @@
< / div >
< / div >
< el -dialog title = "报名" :visible.sync ="peopleS ignupVisible" :close-on-click-modal ="false" width = "300px" >
< el -dialog title = "报名" :visible.sync ="s ignupVisible" :close-on-click-modal ="false" width = "300px" >
< el -form class = "dia-form" >
< el -form -item >
< el -input placeholder = "请输入4位数大赛邀请码" maxlength = "4" v-model ="peopleS ignupForm.registrationI nvitationCode" > < / el -input >
< el -input placeholder = "请输入4位数大赛邀请码" maxlength = "4" v-model ="invitationCode" > < / el -input >
< / e l - f o r m - i t e m >
< / e l - f o r m >
< span slot = "footer" class = "dialog-footer" >
< el -button size = "small" type = "primary" @click ="peopleS ignupSubmit" > 报名 < / el -button >
< el -button size = "small" @ click = "peopleS ignupVisible = false" > 取消 < / e l - b u t t o n >
< el -button size = "small" type = "primary" @click ="s ignupSubmit" > 报名 < / el -button >
< el -button size = "small" @ click = "s ignupVisible = false" > 取消 < / e l - b u t t o n >
< / span >
< / e l - d i a l o g >
< / div >
@ -105,12 +105,8 @@ export default {
id : + this . $route . query . id ,
end : '' ,
status : '' ,
statusList : [ "等待报名" , "取消报名" , "立即报名" , "报名截止" , "进入项目" , "已结束" ] ,
endList : [ "报名开始" , "报名截止" , "报名截止" , "项目开始" , "项目结束" , "" ] ,
rules : Const . rules ,
methods : Const . methods ,
teamCalculationMethods : Const . teamCalculationMethods ,
timerList : [ ] ,
statusList : [ "待报名" , "取消报名" , "马上报名" , "报名截止" , "已结束" ] ,
endList : [ "报名开始" , "报名截止" , "报名截止" , "项目开始" , "项目结束" ] ,
form : {
founder : 1 ,
isOpen : 0 , / / 职 站 是 否 开 启 ( 0 开 启 1 未 开 启 默 认 0 )
@ -148,90 +144,22 @@ export default {
timer : null ,
notices : [ ] ,
noticeDetail : { } ,
curArch : '0' ,
arches : [ ] ,
ranks : [ ] ,
enterVisible : false ,
enterForm : {
competitionId : this . $route . query . id ,
teamId : '' ,
invitationCode : '' ,
registrationInvitationCode : '' ,
whetherSignUp : 1
} ,
teamVisible : false ,
teams : [ ] ,
teamNameRepeat : false ,
teamForm : {
competitionId : this . $route . query . id ,
registrationInvitationCode : '' ,
teamName : '' ,
invitationCode : '' ,
whetherSignUp : 1
} ,
curStage : null ,
originInfo : { } ,
info : {
isCaption : 0 ,
person : { } ,
caption : { } ,
team : {
captain : 1 ,
invitationCode : ''
} ,
stages : [ ] ,
teamDetail : [ ] ,
teamInstructors : [ ]
} ,
originIns : {
position : '' ,
name : '' ,
phone : '' ,
} ,
checkedPlayer : '' ,
transferVisible : false ,
editing : false ,
memberVisible : false ,
members : [ ] ,
curRow : { } ,
chooseVisible : false ,
checkedMember : '' ,
checkedMembers : [ ] ,
chooses : [ ] ,
lastType : 1 ,
playingStages : [ ] ,
peopleSignupVisible : false ,
peopleSignupForm : {
registrationInvitationCode : ''
} ,
signupVisible : false ,
invitationCode : ''
} ;
} ,
computed : {
... mapState ( "user" , [
'logView'
] ) ,
} ,
components : {
breadcrumb
} ,
mounted ( ) {
this . $once ( 'hook:beforeDestroy' , function ( ) {
clearInterval ( this . timer )
this . timerList . forEach ( n => {
clearTimeout ( n )
} )
this . timerList = [ ]
} )
this . getData ( )
/ / t h i s . g e t P r o g r e s s ( )
/ / t h i s . g e t N o t i c e ( )
this . getProgress ( )
this . getNotice ( )
} ,
methods : {
... mapMutations ( 'match' , [
'SET_SOURCE'
] ) ,
getData ( ) { / / 获 取 项 目 信 息
clearInterval ( this . timer )
this . $post ( ` ${ this . api . findByIdActivity } ?id= ${ this . id } ` ) . then ( ( { data } ) => {
@ -245,9 +173,8 @@ export default {
}
this . form = data
console . log ( "🚀 ~ file: index.vue:282 ~ this.$post ~ this.form:" , this . form )
this . $refs . breadcrumb . update ( '全部赛事/' + data . projectName )
/ / t h i s . h a n d l e S t a t u s ( )
this . $refs . breadcrumb . update ( '全部项目/' + data . projectName )
this . handleStatus ( )
} ) . catch ( err => { } )
} ,
/ / 定 时 处 理 时 间 及 状 态
@ -266,67 +193,13 @@ export default {
status = 0
total = signUpStartTime - now
} else if ( now > signUpStartTime && now < signUpEndTime ) { / / 报 名 进 行 中
/ / 1 已 报 名 ， 2 立 即 报 名 ( 没 登 录 的 情 况 下 ， 直 接 显 示 立 即 报 名 ， 登 录 了 则 取 报 名 信 息 ， 有 则 已 报 名 ， 无 则 立 即 报 名 )
status = this . token ?
( form . competitionRegistration ?
1 :
2 ) :
2
status = this . form . whetherToSignUp === undefined ? 2 : 1 / / 1 已 报 名 ， 2 立 即 报 名
total = signUpEndTime - now
} else if ( now > signUpEndTime && now < playStartTime ) { / / 报 名 结 束 了 , 但 比 赛 没 开 始
status = 3
total = playStartTime - now
} else if ( now > playStartTime && now < playEndTime ) { / / 比 赛 进 行 中
/ / 如 果 是 完 整 比 赛
if ( form . releaseType ) {
/ / 进 行 中 的 赛 事 ， 则 遍 历 每 个 阶 段 的 开 始 结 束 时 间 ， 看 阶 段 比 赛 是 否 开 始
let curStage = null
const stages = form . competitionStage
if ( stages ) {
this . playingStages = [ ]
form . competitionRegistration && stages . forEach ( e => {
if ( now >= new Date ( e . startTime ) && now <= new Date ( e . endTime ) && e . method !== 2 ) this . playingStages . push ( e )
} )
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 . method !== 2 ) { / / 阶 段 比 赛 进 行 中 ， 显 示 进 入 比 赛 按 钮
if ( form . competitionRegistration ) { / / 报 名 了 才 能 进 入 比 赛
this . statusList [ 4 ] = e . count ? '已提交' : '进入' + e . stageName
curStage = e
} else if ( ! this . token ) {
this . statusList [ 4 ] = '进入' + e . stageName
curStage = e
}
endText = '阶段结束'
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
} else { / / 仅 发 布 信 息
total = playEndTime - now
}
status = 4
} else if ( now > playEndTime ) { / / 比 赛 结 束
status = 5
status = 4
}
this . status = status
total = total / 1000
@ -340,21 +213,21 @@ export default {
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 ( this . status === 5 ) { / / 项 目 结 束 ， 清 除 定 时 器
} else if ( this . status === 4 ) { / / 项 目 结 束 ， 清 除 定 时 器
clearInterval ( this . timer )
}
} , 1000 )
} ,
getProgress ( ) { / / 获 取 项 目 进 展
this . $get ( this . api . getCompetition Progress, {
competition Id: this . id
this . $get ( this . api . listActivity Progress, {
activity Id: this . id
} ) . then ( res => {
this . progress = res . competition ProgressList. reverse ( )
this . progress = res . activity ProgressList. reverse ( )
} ) . catch ( err => { } ) ;
} ,
/ / 公 告 列 表
getNotice ( ) {
this . $post ( ` ${ this . api . queryAnnouncementByCompetitionId } ?pageNum=1&pageSize=1000&competitionId= ${ this . id } ` ) . then ( ( { data } ) => {
this . $post ( ` ${ this . api . listActivityAnnouncement } ?pageNum=1&pageSize=1000&competitionId= ${ this . id } ` ) . then ( ( { data } ) => {
const records = data . records . filter ( e => e . status ) / / 只 显 示 已 发 布 的 （ s t a t u s 0 草 稿 1 为 已 发 布 ）
records . map ( e => {
e . announcementText = e . announcementText . replace ( /<img.*?(?:>|\/>)/gi , '' )
@ -372,416 +245,55 @@ export default {
download ( item ) {
util . downloadFile ( item . fileName , item . filePath )
} ,
/ / t a b 切 换 前 三 个 滚 动 ， 后 两 个 切 换
/ / t a b 切 换
typeChange ( ) {
const type = + this . curType
/ / 如 果 上 个 选 中 的 是 参 赛 信 息 ， 则 检 查 修 改 数 据 后 有 没 保 存 ( 团 队 名 称 、 邀 请 码 、 指 导 老 师 )
if ( this . lastType == 5 ) {
const { team , teamInstructors } = this . info
const { originInfo } = this
let notSave = 0
/ / 如 果 团 队 名 称 或 者 邀 请 码 有 修 改
if ( team . teamName !== originInfo . team . teamName || team . invitationCode !== originInfo . team . invitationCode ) {
notSave = 1
} else if ( JSON . stringify ( teamInstructors ) !== JSON . stringify ( originInfo . teamInstructors ) ) {
notSave = 2
}
if ( notSave ) {
this . $confirm ( '所填写内容暂未保存，是否保存？' , "提示" , {
type : "warning"
} ) . then ( ( ) => {
/ / 保 存 团 队 名 称 和 邀 请 码
if ( notSave === 1 ) {
this . edit ( )
} else { / / 保 存 指 导 老 师
teamInstructors . map ( e => {
e . name && this . $post ( this . api . addAnAdvisor , {
name : e . name ,
competitionId : this . id ,
id : e . id ,
teamId : this . form . competitionRegistration ? this . form . competitionRegistration . teamId : '' ,
phone : e . phone ,
position : e . position ,
} ) . then ( res => { } ) . catch ( res => { } )
} )
}
} ) . catch ( ( ) => { } )
} else {
type < 4 && document . querySelector ( ` #part ${ type } ` ) . scrollIntoView ( )
}
} else {
type == 5 && this . getInfo ( )
type < 4 && document . querySelector ( ` #part ${ type } ` ) . scrollIntoView ( )
}
this . editing = false
this . lastType = type
document . querySelector ( ` #part ${ this . curType } ` ) . scrollIntoView ( )
} ,
/ / 跳 转 公 告 详 情
toNotice ( item ) {
this . $router . push ( ` noticeDetail?id= ${ item . id } &matchId= ${ this . id } &name= ${ this . form . name } &end= ${ this . end } &status= ${ this . status } ` )
} ,
/ / 获 取 排 名
getRank ( ) {
const cur = + this . curArch
const data = {
pageNum : 1 ,
pageSize : 1000 ,
competitionId : this . id ,
isOverallRanking : cur ? 0 : 1
}
data . stageIds = cur ? cur : ''
this . token && this . $post ( this . api . frontOfficeCompetitionRanking , data ) . then ( ( { list } ) => {
this . ranks = list
} ) . catch ( res => { } )
} ,
/ / 删 除 指 导 老 师
delAdvisor ( row , i ) {
if ( row . id ) {
this . $confirm ( '确定要删除吗？' , '提示' , {
type : 'warning'
} ) . then ( ( ) => {
this . $post ( ` ${ this . api . deleteAnAdvisor } ?id= ${ row . id } ` ) . then ( res => {
util . successMsg ( '删除成功' )
this . getInfo ( )
} ) . catch ( res => { } )
} ) . catch ( ( ) => { } )
} else {
this . info . teamInstructors . splice ( i , 1 )
}
} ,
/ / 添 加 指 导 老 师
addAdvisor ( ) {
if ( this . info . teamInstructors . length > 4 ) return util . errorMsg ( '指导老师仅限添加5个！' )
this . info . teamInstructors . push ( JSON . parse ( JSON . stringify ( this . originIns ) ) )
} ,
/ / 编 辑 导 老 师
editAdvisor ( row ) {
this . $set ( row , 'edit' , 1 )
} ,
/ / 提 交 指 导 老 师
submitAdvisor ( row ) {
if ( ! row . name ) return util . errorMsg ( '请输入姓名' )
const { phone } = row
if ( phone && ! /^1[3456789]\d{9}$/ . test ( phone ) ) return util . errorMsg ( '请输入正确手机号格式' )
this . $post ( this . api . addAnAdvisor , {
name : row . name ,
competitionId : this . id ,
id : row . id ,
teamId : this . form . competitionRegistration ? this . form . competitionRegistration . teamId : '' ,
phone : row . phone ,
position : row . position ,
} ) . then ( res => {
util . successMsg ( ( row . id ? '修改' : '新增' ) + '成功' )
this . getInfo ( )
} ) . catch ( res => { } )
} ,
/ / 显 示 转 让 队 长
transfer ( ) {
/ / 取 每 个 阶 段 的 开 始 结 束 时 间 ， 有 任 何 阶 段 开 始 了 都 不 能 转 让 队 长 和 踢 出 队 员
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 ( ) {
if ( ! this . checkedPlayer ) return util . errorMsg ( '请选择成员' )
this . $post ( this . api . captainOfTransfer , {
captainId : this . info . caption . teamId ,
playerId : this . checkedPlayer
} ) . then ( res => {
this . checkedPlayer = ''
util . successMsg ( '转让成功' )
this . transferVisible = false
this . getInfo ( )
} ) . catch ( res => { } )
} ,
/ / 踢 出 团 队
removeLine ( row ) {
/ / 取 每 个 阶 段 的 开 始 结 束 时 间 ， 有 任 何 阶 段 开 始 了 都 不 能 转 让 队 长 和 踢 出 队 员
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 ) {
let include
for ( const e of this . info . stages ) {
if ( e . participantAccountIds ) {
const ids = e . participantAccountIds . split ( ',' ) . map ( n => + n )
if ( ids . includes ( row . accountId ) ) {
include = e . stageName
break
}
}
}
this . $confirm ( include ? ` 该成员已被指定参加 ${ include } ，踢出后需重新指定成员参加，是否确认踢出团队？ ` : '确定要踢出该成员吗？' , '提示' , {
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 ( ( ) => { } )
}
} ,
/ / 移 除 参 赛 人 员
removePar ( e , stage ) {
this . $confirm ( '确定要移除该成员吗？' , '提示' , {
type : 'warning'
} ) . then ( ( ) => {
this . $post ( this . api . cancelParticipant , {
accountId : e . id ,
competitionId : this . id ,
stageId : stage . stageId ,
teamId : this . info . teamId
} ) . then ( res => {
util . successMsg ( '移除成功' )
this . getInfo ( )
} ) . catch ( res => { } )
} ) . catch ( ( ) => { } )
} ,
/ / 选 择 参 赛 人 员
selectPar ( row ) {
const item = this . form . competitionStage . find ( e => e . stageId == row . stageId )
if ( item ) {
/ / 该 阶 段 已 经 开 始 比 赛 则 不 能 修 改
const now = new Date ( )
if ( now >= new Date ( item . startTime ) && now <= new Date ( item . endTime ) ) {
return util . errorMsg ( '该阶段比赛已经开始，无法修改允许参赛人员！' )
} else {
const { teamLimit , stages , teamDetail } = this . info
/ / t e a m L i m i t = t r u e ， 则 每 个 成 员 只 能 参 加 一 个 阶 段 的 比 赛 ， 要 获 取 s t a g e s 里 返 回 的 所 有 p a r t i c i p a n t A c c o u n t I d s （ 参 赛 人 员 的 a c c o u n t I d ） ， 然 后 不 显 示 这 些 参 赛 人 员
if ( teamLimit ) {
const chooses = [ ]
let ids = [ ]
/ / 获 取 已 经 允 许 参 赛 的 人 员 a c c o u n t I d
stages . map ( e => {
const id = e . participantAccountIds
if ( e . stageId != row . stageId && id ) ids . push ( ... id . split ( ',' ) . map ( n => + n ) )
} )
ids = [ ... new Set ( ids ) ]
teamDetail . map ( e => {
ids . includes ( e . accountId ) || chooses . push ( e ) / / 没 有 参 赛 的 人 员 则 显 示 出 来
} )
this . chooses = chooses
} else {
this . chooses = this . info . teamDetail
}
this . curRow = row
this . checkedMembers = row . participantAccountIds ? row . participantAccountIds . split ( ',' ) . map ( e => + e ) : [ ] / / 选 中 了 的 人 员 要 回 显
this . chooseVisible = true
}
}
} ,
/ / 选 择 参 赛 人 员 提 交
chooseSubmit ( ) {
const accountIds = this . checkedMembers
if ( ! accountIds . length ) return util . errorMsg ( '请选择参赛成员！' )
const limit = this . curRow . teamNumLimit / / 参 赛 人 数 限 制
if ( limit && accountIds . length > limit ) return util . errorMsg ( ` 请选择 ${ limit } 个以下参赛成员！ ` ) / / 选 择 的 参 赛 人 员 个 数 不 能 大 于 参 赛 人 数 限 制
this . $post ( this . api . stageSelectParticipants , {
accountIds ,
competitionId : this . id ,
stageId : this . curRow . stageId ,
teamId : this . info . teamId
} ) . then ( res => {
this . checkedMembers = [ ]
util . successMsg ( '修改成功' )
this . getInfo ( )
this . chooseVisible = false
} ) . catch ( res => { } )
} ,
/ / 查 看 成 绩 详 情
show ( row ) {
/ / 团 队 展 示 弹 框 ， 个 人 跳 转 实 验 报 告
if ( this . form . completeCompetitionSetup . competitionType ) { / / 团 队 比 赛 则 展 示 团 队 成 员 成 绩 详 情
this . curRow = row
this . memberVisible = true
const teamId = this . form . competitionRegistration . teamId
if ( teamId ) {
this . $post ( this . api . stageTeamScoreDetails , {
pageNum : 1 ,
pageSize : 1000 ,
competitionId : this . id ,
stageId : row . stageId ,
teamId
} ) . then ( ( { page } ) => {
this . members = page . records
} ) . catch ( res => { } )
} else {
this . members = [ ]
}
} else if ( row . reportId ) { / / 个 人 比 赛 ， 并 且 有 r e p o r t I d ， 则 进 入 实 验 报 告
this . toReport ( row )
}
this . $router . push ( ` notice?id= ${ item . id } &matchId= ${ this . id } &name= ${ this . form . projectName } &end= ${ this . end } &status= ${ this . status } ` )
} ,
/ / 跳 转 实 验 报 告
toReport ( row ) {
this . $router . push ( ` /record/show?reportId= ${ row . reportId } &matchId= ${ this . id } &matchName= ${ this . form . name } ` )
} ,
/ / 个 人 报 名 提 交
peopleSignupSubmit ( ) {
this . $post ( this . api . addCompetitionRegistration , {
competitionId : this . id ,
registrationInvitationCode : this . peopleSignupForm . registrationInvitationCode
/ / 报 名 提 交
signupSubmit ( ) {
this . $post ( this . api . saveActivityApplicant , {
activityId : this . id ,
registrationInvitationCode : this . invitationCode
} ) . then ( res => {
this . peopleS ignupVisible= false
this . signupVisible = false
this . getData ( )
this . $message . success ( '报名成功' )
} ) . catch ( res => { } )
} ,
/ / 团 队 报 名 提 交
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 : '' ,
whetherSignUp : 1
}
} ,
/ / 创 建 团 队
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 : '' ,
whetherSignUp : 1
}
} ,
/ / 选 择 要 进 入 的 阶 段
chooseStage ( e ) {
this . curStage = e
this . signup ( )
} ,
/ / 判 断 是 否 能 进 赛 事
getAllow ( ) {
/ / 是 否 允 许 参 加 赛 事 （ 淘 汰 赛 制 ）
if ( this . form . rule === 1 ) {
this . $post ( this . api . allowedParticipateCompetition , {
competitionId : this . id ,
number : this . curStage . number ,
stageId : this . curStage . stageId ,
teamId : this . form . competitionRegistration . teamId ,
} ) . then ( res => {
this . toSub ( )
} ) . catch ( res => { } )
} else {
this . toSub ( )
}
} ,
/ / 立 即 报 名
signup ( ) {
const { status , form } = this
/ / 如 果 登 录 了
if ( util . local . get ( Setting . tokenKey ) ) {
const { competitionType } = form . completeCompetitionSetup
if ( status == 4 ) { / / 进 入 比 赛
/ / 参 加 过 比 赛 不 让 参 加
if ( this . curStage && this . curStage . count ) return util . errorMsg ( '您已经参加过该阶段项目！' )
if ( form . competitionRegistration . isDisable === 1 ) return util . errorMsg ( '当前用户已被禁赛，如有疑问，请联系平台管理员。' ) / / 被 禁 用 的 用 户 不 能 进 入 大 赛
/ / 团 队 赛 ， 则 判 断 是 否 为 参 赛 人 员
if ( competitionType ) {
this . $post ( this . api . isParticipant , {
competitionId : this . id ,
stageId : this . curStage . stageId ,
teamId : form . competitionRegistration . teamId ,
} ) . then ( res => {
this . getAllow ( )
} ) . catch ( res => { } )
} else {
this . getAllow ( )
}
} else if ( status == 2 ) { / / 报 名
/ / 团 队 赛 报 名
if ( competitionType ) {
this . enterVisible = true
} else { / / 个 人 赛 报 名
if ( form . completeCompetitionSetup . isNeedCode ) {
this . peopleSignupForm . registrationInvitationCode = ''
this . peopleSignupVisible = true
} else {
this . $post ( this . api . addCompetitionRegistration , {
competitionId : this . 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= ${ this . id } ` ) . then ( res => {
this . $message . success ( '取消报名成功' )
this . getData ( )
} ) . catch ( res => { } )
} ) . catch ( ( ) => { } )
signup ( ) {
const { status , id } = this
if ( status == 2 ) { / / 报 名 / / 如 果 需 要 邀 请 码
if ( this . form . isNeedCode ) {
this . invitationCode = ''
this . signupVisible = true
} else {
this . $post ( this . api . saveActivityApplicant , {
activityId : id
} ) . then ( res => {
this . getData ( )
this . $message . success ( '报名成功' )
} ) . catch ( res => { } )
}
} else { / / 如 果 没 登 录 ， 提 示 去 登 录
this . $confirm ( '请先登录，是否直接前往登录？' , "提示" , {
} else if ( status == 1 ) {
/ / 已 报 名 ， 点 击 取 消 报 名
this . $confirm ( '是否要取消报名？' , '提示' , {
type : 'success'
} ) . then ( ( ) => {
this . SET _SOURCE ( this . id )
this . $router . push ( '/login' )
this . $post ( ` ${ this . api . delActivityApplicant } ?id= ${ this . form . cancelId } ` ) . then ( res => {
this . getData ( )
this . $message . success ( '取消报名成功' )
} ) . catch ( res => { } )
} ) . catch ( ( ) => { } )
}
} ,
@ -837,9 +349,11 @@ export default {
. banner {
width : 100 % ;
height : 350 px ;
padding : 120 px 0 0 20 % ;
padding : 120 px 0 0 24 % ;
font - size : 34 px ;
font - weight : 600 ;
color : # fff ;
background - size : 100 % 350 px ;
background - size : 100 % 100 % ;
background - repeat : no - repeat ;
}
. l - title {
@ -887,9 +401,6 @@ export default {
top : 64 px ;
margin - bottom : 20 px ;
background - color : # fff ;
& . logView {
z - index : 0 ;
}
}
. info . meta {
padding : 16 px 0 ;
