@ -1,28 +1,44 @@
< template > < template >
< div class = "wrap index" > < div class = "wrap index" >
< div class = "banner" : style = "{backgroundImage: 'url(' + (form.carouselUrl || 'https://huoran.oss-cn-shenzhen.aliyuncs.com/20220613/png/1536269450851409920.png') + ')'}" > < / div > < div class = "banner"
: style = "{backgroundImage: 'url(' + (form.carouselUrl || 'https://huoran.oss-cn-shenzhen.aliyuncs.com/20220613/png/1536269450851409920.png') + ')'}" > < / div >
< div class = "center-con" > < div class = "center-con" >
< div class = "center-wrap" > < div class = "center-wrap" >
< breadcrumb ref = "breadcrumb" : data = "'全部赛事/' + form.name" > < / breadcrumb > < breadcrumb ref = "breadcrumb"
: data = "'全部赛事/' + form.name" > < / breadcrumb >
< div class = "content" > < div class = "content" >
< div : class = "['tool flex-between', {logView: !logView}]" > < div : class = "['tool flex-between', {logView: !logView}]" >
< el -tabs v-model ="curType" @tab-click="typeChange" > < el -tabs v -model = " curType "
< el -tab -pane v-for ="(item, index) in typeList" :key="index" :label="item.name" :name="item.id" > < / el -tab -pane > @ tab - click = "typeChange" >
< el -tab -pane v -for = " ( item , index ) in typeList "
: key = "index"
: label = "item.name"
: name = "item.id" > < / e l - t a b - p a n e >
< / e l - t a b s > < / e l - t a b s >
< div class = "action" > < div class = "action" >
< p class = "end-text" v-if ="end" > < p class = "end-text"
v - if = "end" >
距离 { { endList [ status ] } } 还有 距离 { { endList [ status ] } } 还有
< em > { { end } } < / em > < em > { { end } } < / em >
< / p > < / p >
< el -dropdown v-if ="playingStages.length > 1" class="m-l-10" @command="chooseStage" > < el -dropdown v -if = " playingStages.length > 1 "
< el -button type = "primary" style = "background-color: #f96d6d;border: 0;" > class = "m-l-10"
@ command = "chooseStage" >
< el -button type = "primary"
style = "background-color: #f96d6d;border: 0;" >
选择竞赛 < i class = "el-icon-arrow-down el-icon--right" > < / i > 选择竞赛 < i class = "el-icon-arrow-down el-icon--right" > < / i >
< / e l - b u t t o n > < / e l - b u t t o n >
< el -dropdown -menu slot = "dropdown" > < el -dropdown -menu slot = "dropdown" >
< el -dropdown -item v-for ="(item, i) in playingStages" :key="i" :command ="item" > 进入 {{ item.stageName }} < / el -dropdown -item > < el -dropdown -item v -for = " ( item , i ) in playingStages "
: key = "i"
: command = "item" > 进入 { { item . stageName } } < / e l - d r o p d o w n - i t e m >
< / e l - d r o p d o w n - m e n u > < / e l - d r o p d o w n - m e n u >
< / e l - d r o p d o w n > < / e l - d r o p d o w n >
< a v -else -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 > < a v -else -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 >
< / div > < / div >
< / div > < / div >
< div class = "info" > < div class = "info" >
@ -31,23 +47,37 @@
< / div > < / div >
< div v-show ="curType < 4" > < div v-show ="curType < 4" >
< div class = "l-title" id = "part1" > < img src = "@/assets/img/label.png" alt = "" > 竞赛信息 < / div > < div class = "l-title"
< div v-if ="form.description" class="texts ql-editor" v-html="form.description" > < / div > id = "part1" > < img src = "@/assets/img/label.png"
alt = "" > 竞赛信息 < / div >
< div v -if = " form.description "
class = "texts ql-editor"
v - html = "form.description" > < / div >
< template v-if ="form.competitionAnnexList" > < template v-if ="form.competitionAnnexList" >
< h6 class = "p-title" > 附件下载 < / h6 > < h6 class = "p-title" > 附件下载 < / h6 >
< ul class = "files" > < ul class = "files" >
< li v-for ="(item, i) in form.competitionAnnexList" :key ="i" > < li v -for = " ( item , i ) in form.competitionAnnexList "
< el -link v-if ="item.canPreview" class="m-r-10" type="primary" @click="preview(item)" > {{ item.fileName }} < / el -link > : key = "i" >
< span v -else class = "fileName" > { { item . fileName } } < / span > < el -link v -if = " item.canPreview "
< el -link type = "primary" :underline ="false" @click ="download(item)" > 下载 < / el -link > class = "m-r-10"
type = "primary"
@ click = "preview(item)" > { { item . fileName } } < / e l - l i n k >
< span v -else
class = "fileName" > { { item . fileName } } < / span >
< el -link type = "primary"
: underline = "false"
@ click = "download(item)" > 下载 < / e l - l i n k >
< / li > < / li >
< / ul > < / ul >
< / template > < / template >
< template v-if ="form.releaseType" > < template v-if ="form.releaseType" >
< div class = "l-title" > < img src = "@/assets/img/label.png" alt = "" > 赛程 、 规则与内容 < / div > < div class = "l-title" > < img src = "@/assets/img/label.png"
alt = "" > 赛程 、 规则与内容 < / div >
< h6 class = "rule-title" > 共 { { form . competitionStage . length } } 个竞赛阶段 ， 同一个团队每个成员只能参加一个阶段赛项 < / h6 > < h6 class = "rule-title" > 共 { { form . competitionStage . length } } 个竞赛阶段 ， 同一个团队每个成员只能参加一个阶段赛项 < / h6 >
< div v-for ="(rule, i) in form.competitionStage" :key="i" class="rule" > < div v -for = " ( rule , i ) in form.competitionStage "
: key = "i"
class = "rule" >
< p style = "font-size: 16px;color: #333;" > { { rule . stageName } } < / p > < p style = "font-size: 16px;color: #333;" > { { rule . stageName } } < / p >
< p > 比赛时间 ： { { rule . startTime && rule . startTime + ' ~ ' + rule . endTime } } < / p > < p > 比赛时间 ： { { rule . startTime && rule . startTime + ' ~ ' + rule . endTime } } < / p >
< p > 比赛方式 ： { { methods . find ( e => e . id == rule . method ) && methods . find ( e => e . id == rule . method ) . name } } < / p > < p > 比赛方式 ： { { methods . find ( e => e . id == rule . method ) && methods . find ( e => e . id == rule . method ) . name } } < / p >
@ -65,7 +95,8 @@
< p > 团队成绩计算方式 ： { { teamCalculationMethods . find ( e => e . id == rule . teamCalculationMethod ) && teamCalculationMethods . find ( e => e . id == rule . teamCalculationMethod ) . name } } < / p > < p > 团队成绩计算方式 ： { { teamCalculationMethods . find ( e => e . id == rule . teamCalculationMethod ) && teamCalculationMethods . find ( e => e . id == rule . teamCalculationMethod ) . name } } < / p >
< / template > < / template >
< p > 阶段比赛结束后 { { rule . resultAnnouncementTime } } 小时 ， 公布阶段比赛成绩 。 < / p > < p > 阶段比赛结束后 { { rule . resultAnnouncementTime } } 小时 ， 公布阶段比赛成绩 。 < / p >
< div v-if ="form.rule === 1" class="flex" > < div v -if = " form.rule = = = 1 "
class = "flex" >
< p > 晋级规则 ： < / p > < p > 晋级规则 ： < / p >
< div > < div >
< p v-if ="rule.peopleLimit" > 本阶段成绩排名前 {{ rule.peopleLimit }} 队 ， 可晋级下一阶段比赛 < / p > < p v-if ="rule.peopleLimit" > 本阶段成绩排名前 {{ rule.peopleLimit }} 队 ， 可晋级下一阶段比赛 < / p >
@ -77,37 +108,52 @@
< / template > < / template >
<!-- 进展 -- > <!-- 进展 -- >
< div class = "l-title" id = "part2" > < img src = "@/assets/img/label.png" alt = "" > 竞赛进展 < / div > < div class = "l-title"
< ul class = "progress" v-if ="progress.length" > id = "part2" > < img src = "@/assets/img/label.png"
< li v-for ="(item,index) in progress" :key="index" :class="item.status == 0 ? 'not' : (item.status == 1 ? 'ing' : 'done')" > alt = "" > 竞赛进展 < / div >
< ul class = "progress"
v - if = "progress.length" >
< li v -for = " ( item , index ) in progress "
: key = "index"
: class = "item.status == 0 ? 'not' : (item.status == 1 ? 'ing' : 'done')" >
< i class = "dot" > < / i > < i class = "dot" > < / i >
< p class = "name" > { { item . title } } < / p > < p class = "name" > { { item . title } } < / p >
< p class = "desc" > { { item . description } } < / p > < p class = "desc" > { { item . description } } < / p >
< / li > < / li >
< img class = "rocket" src = "@/assets/img/rocket.png" alt = "" > < img class = "rocket"
src = "@/assets/img/rocket.png"
alt = "" >
< / ul > < / ul >
< template v-else > < template v-else >
< div class = "empty" > < div class = "empty" >
< div > < div >
< img src = "@/assets/img/none.png" alt = "" > < img src = "@/assets/img/none.png"
alt = "" >
< p > 暂无数据 < / p > < p > 暂无数据 < / p >
< / div > < / div >
< / div > < / div >
< / template > < / template >
<!-- 公告 -- > <!-- 公告 -- >
< div class = "l-title" id = "part3" > < img src = "@/assets/img/label.png" alt = "" > 通知公告 < / div > < div class = "l-title"
< ul class = "notice-list" v-if ="notices.length" > id = "part3" > < img src = "@/assets/img/label.png"
< li v-for ="(item, i) in notices" :key="i" @click="toNotice(item)" > alt = "" > 通知公告 < / div >
< ul class = "notice-list"
v - if = "notices.length" >
< li v -for = " ( item , i ) in notices "
: key = "i"
@ click = "toNotice(item)" >
< h6 > { { item . announcementTitle } } < / h6 > < h6 > { { item . announcementTitle } } < / h6 >
< p class = "meta" > { { item . updateTime } } < / p > < p class = "meta" > { { item . updateTime } } < / p >
< div class = "des" v-html ="item.announcementText" > < / div > < div class = "des"
v - html = "item.announcementText" > < / div >
< / li > < / li >
< / ul > < / ul >
< template v-else > < template v-else >
< div class = "empty" > < div class = "empty" >
< div > < div >
< img src = "@/assets/img/none.png" alt = "" > < img src = "@/assets/img/none.png"
alt = "" >
< p > 暂无通知公告 < / p > < p > 暂无通知公告 < / p >
< / div > < / div >
< / div > < / div >
@ -116,43 +162,67 @@
<!-- 竞赛排名 -- > <!-- 竞赛排名 -- >
< template v-if ="curType == 4" > < template v-if ="curType == 4" >
< div class = "l-title" > < img src = "@/assets/img/label.png" alt = "" > 竞赛排名 < / div > < div class = "l-title" > < img src = "@/assets/img/label.png"
< el -tabs v-model ="curArch" @tab-click="getRank" > alt = "" > 竞赛排名 < / div >
< el -tab -pane v-for ="(item, index) in arches" :key="index" :label="item.stageName + '排名'" :name="item.stageId" > < / el -tab -pane > < el -tabs v -model = " curArch "
@ tab - click = "getRank" >
< el -tab -pane v -for = " ( item , index ) in arches "
: key = "index"
: label = "item.stageName + '排名'"
: name = "item.stageId" > < / e l - t a b - p a n e >
< / e l - t a b s > < / e l - t a b s >
< el -table ref = "table" :data ="ranks" stripe header -align = " center " > < el -table ref = "table"
< el -table -column type = "index" width = "60" label = "排名" align = "center" > < / e l - t a b l e - c o l u m n > : data = "ranks"
stripe
header - align = "center" >
< el -table -column type = "index"
width = "60"
label = "排名"
align = "center" > < / e l - t a b l e - c o l u m n >
< template v-if ="form.completeCompetitionSetup.competitionType" > < template v-if ="form.completeCompetitionSetup.competitionType" >
< el -table -column prop = "teamName" label = "团队名称" > < / e l - t a b l e - c o l u m n > < el -table -column prop = "teamName"
< el -table -column prop = "leaderName" label = "队长" > < / e l - t a b l e - c o l u m n > label = "团队名称" > < / e l - t a b l e - c o l u m n >
< el -table -column prop = "leaderName"
label = "队长" > < / e l - t a b l e - c o l u m n >
< / template > < / template >
< el -table -column v -else prop = "userName" label = "姓名" > < / e l - t a b l e - c o l u m n > < el -table -column v -else
< el -table -column prop = "schoolName" label = "学校" > < / e l - t a b l e - c o l u m n > prop = "userName"
< el -table -column prop = "school" label = "用时" > label = "姓名" > < / e l - t a b l e - c o l u m n >
< el -table -column prop = "schoolName"
label = "学校" > < / e l - t a b l e - c o l u m n >
< el -table -column prop = "school"
label = "用时" >
< template slot -scope = " scope " > < template slot -scope = " scope " >
{ { scope . row . timeSum } } min { { scope . row . timeSum } } min
< / template > < / template >
< / e l - t a b l e - c o l u m n > < / e l - t a b l e - c o l u m n >
< el -table -column prop = "score" label = "分数" > < / e l - t a b l e - c o l u m n > < el -table -column prop = "score"
label = "分数" > < / e l - t a b l e - c o l u m n >
< / e l - t a b l e > < / e l - t a b l e >
< / template > < / template >
< template v-if ="curType == 5" > < template v-if ="curType == 5" >
< div class = "l-title m-t-20" > < img src = "@/assets/img/label.png" alt = "" > 参赛信息 < / div > < div class = "l-title m-t-20" > < img src = "@/assets/img/label.png"
< table v-if ="form.completeCompetitionSetup.competitionType && info.team.captain === 0" class="table m-b-20" > alt = "" > 参赛信息 < / div >
< table v -if = " form.completeCompetitionSetup.competitionType & & info.team.captain = = = 0 "
class = "table m-b-20" >
< tr > < tr >
< th width = "150" > 团队名称 ： < / th > < th width = "150" > 团队名称 ： < / th >
< td > < td >
< el -input :disabled ="!editing" v-model ="info.team.teamName" > < / el -input > < el -input :disabled ="!editing"
v - model = "info.team.teamName" > < / e l - i n p u t >
< / td > < / td >
< th width = "150" > 团队邀请码 ： < / th > < th width = "150" > 团队邀请码 ： < / th >
< td > < td >
< el -input :disabled ="!editing" v-model ="info.team.invitationCode" > < / el -input > < el -input :disabled ="!editing"
v - model = "info.team.invitationCode" > < / e l - i n p u t >
< / td > < / td >
< / tr > < / tr >
< / table > < / table >
< div v-if ="form.completeCompetitionSetup.competitionType && info.team.captain === 0 && status < 4" class="m-b-20 text-center" > < div v -if = " form.completeCompetitionSetup.competitionType & & info.team.captain = = = 0 & & status < 4 "
< el -button type = "primary" @click ="edit(1)" > {{ editing ? ' 保存 ' : ' 编辑 ' }} < / el -button > class = "m-b-20 text-center" >
< el -button type = "primary"
@ click = "edit(1)" > { { editing ? '保存' : '编辑' } } < / e l - b u t t o n >
< / div > < / div >
< table class = "table" > < table class = "table" >
< template v-if ="!form.completeCompetitionSetup.competitionType || info.team.captain" > < template v-if ="!form.completeCompetitionSetup.competitionType || info.team.captain" >
@ -184,7 +254,9 @@
< tr > < tr >
< th > 团队成员 ： < / th > < th > 团队成员 ： < / th >
< td > < td >
< el -tag v-for ="(item, i) in info.teamDetail" :key="i" style="margin-right: 5px" > {{ item.userName }} < / el -tag > < el -tag v -for = " ( item , i ) in info.teamDetail "
: key = "i"
style = "margin-right: 5px" > { { item . userName } } < / e l - t a g >
< / td > < / td >
< / tr > < / tr >
< tr v-if ="info.team.captain" > < tr v-if ="info.team.captain" >
@ -198,17 +270,40 @@
< tr > < tr >
< th width = "130" > 指导老师 ： < / th > < th width = "130" > 指导老师 ： < / th >
< td v-if ="info.team.captain === 0 || !form.completeCompetitionSetup.competitionType" > < td v-if ="info.team.captain === 0 || !form.completeCompetitionSetup.competitionType" >
< div v-if ="status != 5" class="plus" > < div v -if = " status ! = 5 "
< i class = "el-icon-circle-plus-outline icon" @click ="addAdvisor" > < / i > class = "plus" >
< i class = "el-icon-circle-plus-outline icon"
@ click = "addAdvisor" > < / i >
< / div > < / div >
< div v-for ="(item, i) in info.teamInstructors" :key="i" class="line" > < div v -for = " ( item , i ) in info.teamInstructors "
< el -input placeholder = "请输入姓名" v-model ="item.name" clearable size="mini" :disabled="!item.edit" > < / el -input > : key = "i"
< el -input placeholder = "请输入职务" maxlength = "10" v-model ="item.position" clearable size="mini" :disabled="!item.edit" > < / el -input > class = "line" >
< el -input placeholder = "请输入手机号" maxlength = "11" v-model ="item.phone" clearable size="mini" :disabled="!item.edit" > < / el -input > < el -input placeholder = "请输入姓名"
v - model = "item.name"
clearable
size = "mini"
: disabled = "!item.edit" > < / e l - i n p u t >
< el -input placeholder = "请输入职务"
maxlength = "10"
v - model = "item.position"
clearable
size = "mini"
: disabled = "!item.edit" > < / e l - i n p u t >
< el -input placeholder = "请输入手机号"
maxlength = "11"
v - model = "item.phone"
clearable
size = "mini"
: disabled = "!item.edit" > < / e l - i n p u t >
< template v-if ="status < 5" > < template v-if ="status < 5" >
< i v-if ="item.edit" class="el-icon-check icon" @click="submitAdvisor(item)" > < / i > < i v -if = " item.edit "
< i v -else class = "el-icon-edit icon" @click ="editAdvisor(item)" > < / i > class = "el-icon-check icon"
< i class = "el-icon-delete icon" @ click = "delAdvisor(item, i)" > < / i > @ click = "submitAdvisor(item)" > < / i >
< i v -else
class = "el-icon-edit icon"
@ click = "editAdvisor(item)" > < / i >
< i class = "el-icon-delete icon"
@ click = "delAdvisor(item, i)" > < / i >
< / template > < / template >
< / div > < / div >
< / td > < / td >
@ -220,7 +315,8 @@
< th width = "100" > 手机号 < / th > < th width = "100" > 手机号 < / th >
< / tr > < / tr >
< template v-if ="info.teamInstructors.length" > < template v-if ="info.teamInstructors.length" >
< tr v-for ="(item, i) in info.teamInstructors" :key ="i" > < tr v -for = " ( item , i ) in info.teamInstructors "
: key = "i" >
< td width = "60" > { { item . name } } < / td > < td width = "60" > { { item . name } } < / td >
< td width = "100" > { { item . position } } < / td > < td width = "100" > { { item . position } } < / td >
< td width = "100" > { { item . phone } } < / td > < td width = "100" > { { item . phone } } < / td >
@ -243,19 +339,20 @@
< th width = "110" > 参赛人数限制 < / th > < th width = "110" > 参赛人数限制 < / th >
< th > 允许参赛人员 < / th > < th > 允许参赛人员 < / th >
< / template > < / template >
< th v-if ="form.rule === 0" width="70" > 总分 < / th > < th v -if = " form.rule = = = 0 "
width = "70" > 总分 < / th >
< th > 竞赛成绩 < / th > < th > 竞赛成绩 < / th >
< / tr > < / tr >
< template v-if ="info.stages.length" > < template v-if ="info.stages.length" >
< tr v-for ="(item, i) in info.stages" :key ="i" > < tr v -for = " ( item , i ) in info.stages "
: key = "i" >
< td > { { i + 1 } } < / td > < td > { { i + 1 } } < / td >
< td > { { item . stageName || form . name } } < / td > < td > { { item . stageName || form . name } } < / td >
< template v-if ="form.completeCompetitionSetup.competitionType" > < template v-if ="form.completeCompetitionSetup.competitionType" >
< td > { { item . teamNumLimit || '不限制' } } < / td > < td > { { item . teamNumLimit || '不限制' } } < / td >
< td > < td >
< template v-if ="item.participants" > < template v-if ="item.participants" >
< el -tag < el -tag v -for = " tag in item.participants "
v - for = "tag in item.participants"
: key = "tag.name" : key = "tag.name"
class = "m-r-5 m-b-5" class = "m-r-5 m-b-5"
: closable = "info.team.captain === 0" : closable = "info.team.captain === 0"
@ -263,14 +360,21 @@
{ { tag . name } } { { tag . name } }
< / e l - t a g > < / e l - t a g >
< / template > < / template >
< span v -else class = "m-r-5" > 无 < / span > < span v -else
< i v-if ="info.team.captain === 0" class="el-icon-edit icon" @click="selectPar(item)" > < / i > class = "m-r-5" > 无 < / span >
< i v -if = " info.team.captain = = = 0 "
class = "el-icon-edit icon"
@ click = "selectPar(item)" > < / i >
< / td > < / td >
< / template > < / template >
< td v-if ="form.rule === 0 && !i" :rowspan="info.stages.length" > {{ info.totalScore | | 0 }} < / td > < td v -if = " form.rule = = = 0 & & ! i "
: rowspan = "info.stages.length" > { { info . totalScore || 0 } } < / td >
< td > < td >
< span v-if ="item.score >= 0" class="m-r-10" > 分数 {{ item.score }} < / span > < span v -if = " item.score > = 0 "
< el -button type = "text" : disabled = "item.showDetail && item.resultsDetails === 1 || (form.completeCompetitionSetup.competitionType && !item.reportId) || (form.completeCompetitionSetup.competitionType === 0 && !item.reportId)" @click ="show(item)" > 查看成绩详情 < / el -button > class = "m-r-10" > 分数 { { item . score } } < / span >
< el -button type = "text"
: disabled = "item.showDetail && item.resultsDetails === 1 || (form.completeCompetitionSetup.competitionType && !item.reportId) || (form.completeCompetitionSetup.competitionType === 0 && !item.reportId)"
@ click = "show(item)" > 查看成绩详情 < / e l - b u t t o n >
< / td > < / td >
< / tr > < / tr >
< / template > < / template >
@ -279,8 +383,7 @@
< / tr > < / tr >
< / table > < / table >
<!-- 团队 && 队长才显示 -- > <!-- 团队 && 队长才显示 -- >
< el -alert < el -alert v -if = " form.completeCompetitionSetup.competitionType & & info.team.captain = = = 0 "
v - if = "form.completeCompetitionSetup.competitionType && info.team.captain === 0"
style = "margin-top: 10px;" style = "margin-top: 10px;"
: title = "'注：请团长（团队创建人）设置各阶段参赛成员，只有被选择的允许参赛成员可进入对应阶段比赛' + (info.teamLimit ? '，每个团队成员只能参加一个赛项阶段' : '') + '！'" : title = "'注：请团长（团队创建人）设置各阶段参赛成员，只有被选择的允许参赛成员可进入对应阶段比赛' + (info.teamLimit ? '，每个团队成员只能参加一个赛项阶段' : '') + '！'"
type = "warning" type = "warning"
@ -295,22 +398,40 @@
< div class = "l-title m-t-20" > 团队成员 < / div > < div class = "l-title m-t-20" > 团队成员 < / div >
< div class = "flex-center" > < div class = "flex-center" >
< p > 队长 ： { { info . caption . userName } } < / p > < p > 队长 ： { { info . caption . userName } } < / p >
< el -button type = "primary" @click ="transfer" > 转让队长 < / el -button > < el -button type = "primary"
@ click = "transfer" > 转让队长 < / e l - b u t t o n >
< / div > < / div >
< el -alert < el -alert style = "margin: 10px 0;"
style = "margin: 10px 0;"
title = "请确保团队成员人数满足大赛要求，否则无法参加比赛" title = "请确保团队成员人数满足大赛要求，否则无法参加比赛"
type = "success" type = "success"
: closable = "false" > : closable = "false" >
< / e l - a l e r t > < / e l - a l e r t >
< el -table :data ="info.teamDetail" stripe header -align = " center " > < el -table :data ="info.teamDetail"
< el -table -column prop = "userName" label = "成员姓名" min -width = " 100 " align = "center" > < / e l - t a b l e - c o l u m n > stripe
< el -table -column prop = "schoolName" label = "学校" min -width = " 100 " align = "center" > < / e l - t a b l e - c o l u m n > header - align = "center" >
< el -table -column prop = "workNumber" label = "学号" min -width = " 100 " align = "center" > < / e l - t a b l e - c o l u m n > < el -table -column prop = "userName"
< el -table -column prop = "createTime" label = "加入时间" width = "180" align = "center" > < / e l - t a b l e - c o l u m n > label = "成员姓名"
< el -table -column label = "操作" align = "center" width = "160" > min - width = "100"
align = "center" > < / e l - t a b l e - c o l u m n >
< el -table -column prop = "schoolName"
label = "学校"
min - width = "100"
align = "center" > < / e l - t a b l e - c o l u m n >
< el -table -column prop = "workNumber"
label = "学号"
min - width = "100"
align = "center" > < / e l - t a b l e - c o l u m n >
< el -table -column prop = "createTime"
label = "加入时间"
width = "180"
align = "center" > < / e l - t a b l e - c o l u m n >
< el -table -column label = "操作"
align = "center"
width = "160" >
< template slot -scope = " scope " > < template slot -scope = " scope " >
< el -button v-if ="scope.row.captain" type="text" @click="removeLine(scope.row)" > 踢出团队 < / el -button > < el -button v -if = " scope.row.captain "
type = "text"
@ click = "removeLine(scope.row)" > 踢出团队 < / e l - b u t t o n >
< / template > < / template >
< / e l - t a b l e - c o l u m n > < / e l - t a b l e - c o l u m n >
< / e l - t a b l e > < / e l - t a b l e >
@ -320,79 +441,145 @@
< / div > < / div >
< / 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 class = "dia-form" >
< el -form -item > < 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" > < / e l - i n p u t >
< / e l - f o r m - i t e m > < / e l - f o r m - i t e m >
< / e l - f o r m > < / e l - f o r m >
< span slot = "footer" class = "dialog-footer" > < span slot = "footer"
< el -button size = "small" type = "primary" @click ="peopleSignupSubmit" > 报名 < / el -button > class = "dialog-footer" >
< el -button size = "small" @ click = "peopleSignupVisible = false" > 取消 < / e l - b u t t o n > < el -button size = "small"
type = "primary"
@ click = "peopleSignupSubmit" > 报名 < / e l - b u t t o n >
< el -button size = "small"
@ click = "peopleSignupVisible = false" > 取消 < / e l - b u t t o n >
< / span > < / span >
< / e l - d i a l o g > < / e l - d i a l o g >
< el -dialog title = "报名" :visible.sync ="enterVisible" :close-on-click-modal ="false" width = "300px" @close ="enterClose" > < el -dialog title = "报名"
: visible . sync = "enterVisible"
: close - on - click - modal = "false"
width = "300px"
@ close = "enterClose" >
< el -form class = "dia-form" > < el -form class = "dia-form" >
< p style = "margin-bottom: 5px" > 请选择要加入的团队 < / p > < p style = "margin-bottom: 5px" > 请选择要加入的团队 < / p >
< el -form -item > < el -form -item >
< el -select class = "w-100" v -model = " enterForm.teamId " filterable > < el -select class = "w-100"
< el -option v-for ="(item, i) in teams" :key="i" :label="item.teamName" :value="item.teamId" > < / el -option > v - model = "enterForm.teamId"
filterable >
< el -option v -for = " ( item , i ) in teams "
: key = "i"
: label = "item.teamName"
: value = "item.teamId" > < / e l - o p t i o n >
< / e l - s e l e c t > < / e l - s e l e c t >
< / e l - f o r m - i t e m > < / e l - f o r m - i t e m >
< el -form -item > < el -form -item >
< el -input placeholder = "请输入团队邀请码" maxlength = "6" v-model ="enterForm.invitationCode" > < / el -input > < el -input placeholder = "请输入团队邀请码"
maxlength = "6"
v - model = "enterForm.invitationCode" > < / e l - i n p u t >
< / e l - f o r m - i t e m > < / e l - f o r m - i t e m >
< el -form -item v-if ="form.completeCompetitionSetup.isNeedCode" > < el -form -item v-if ="form.completeCompetitionSetup.isNeedCode" >
< el -input placeholder = "请输入大赛邀请码" maxlength = "6" v-model ="enterForm.registrationInvitationCode" > < / el -input > < el -input placeholder = "请输入大赛邀请码"
maxlength = "6"
v - model = "enterForm.registrationInvitationCode" > < / e l - i n p u t >
< / e l - f o r m - i t e m > < / e l - f o r m - i t e m >
< p class = "tips" > < p class = "tips" >
查找不到团队 ？ 点击 < el -link :underline ="false" type = "primary" @click ="toTeam" > 创建团队 < / el -link > 查找不到团队 ？ 点击 < el -link :underline ="false"
type = "primary"
@ click = "toTeam" > 创建团队 < / e l - l i n k >
< / p > < / p >
< / e l - f o r m > < / e l - f o r m >
< span slot = "footer" class = "dialog-footer" > < span slot = "footer"
< el -button size = "small" type = "primary" @click ="enterSubmit" > 报名 < / el -button > class = "dialog-footer" >
< el -button size = "small" @ click = "enterVisible = false" > 取消 < / e l - b u t t o n > < el -button size = "small"
type = "primary"
@ click = "enterSubmit" > 报名 < / e l - b u t t o n >
< el -button size = "small"
@ click = "enterVisible = false" > 取消 < / e l - b u t t o n >
< / span > < / span >
< / e l - d i a l o g > < / e l - d i a l o g >
< el -dialog title = "创建团队" :visible.sync ="teamVisible" :close-on-click-modal ="false" width = "300px" @close ="teamClose" > < el -dialog title = "创建团队"
: visible . sync = "teamVisible"
: close - on - click - modal = "false"
width = "300px"
@ close = "teamClose" >
< el -form class = "dia-form" > < el -form class = "dia-form" >
< el -form -item > < el -form -item >
< el -input placeholder = "请输入团队名称" maxlength = "10" v-model ="teamForm.teamName" > < / el -input > < el -input placeholder = "请输入团队名称"
maxlength = "10"
v - model = "teamForm.teamName" > < / e l - i n p u t >
< / e l - f o r m - i t e m > < / e l - f o r m - i t e m >
< el -form -item > < el -form -item >
< el -input placeholder = "请设置团队邀请码" maxlength = "6" v-model ="teamForm.invitationCode" > < / el -input > < el -input placeholder = "请设置团队邀请码"
maxlength = "6"
v - model = "teamForm.invitationCode" > < / e l - i n p u t >
< / e l - f o r m - i t e m > < / e l - f o r m - i t e m >
< el -form -item v-if ="form.completeCompetitionSetup.isNeedCode" > < el -form -item v-if ="form.completeCompetitionSetup.isNeedCode" >
< el -input placeholder = "请输入大赛邀请码" maxlength = "6" v-model ="teamForm.registrationInvitationCode" > < / el -input > < el -input placeholder = "请输入大赛邀请码"
maxlength = "6"
v - model = "teamForm.registrationInvitationCode" > < / e l - i n p u t >
< / e l - f o r m - i t e m > < / e l - f o r m - i t e m >
< / e l - f o r m > < / e l - f o r m >
< span slot = "footer" class = "dialog-footer" > < span slot = "footer"
< el -button size = "small" type = "primary" @click ="teamSubmit" > 创建并报名 < / el -button > class = "dialog-footer" >
< el -button size = "small" @ click = "teamVisible = false" > 取消 < / e l - b u t t o n > < el -button size = "small"
type = "primary"
@ click = "teamSubmit" > 创建并报名 < / e l - b u t t o n >
< el -button size = "small"
@ click = "teamVisible = false" > 取消 < / e l - b u t t o n >
< / span > < / span >
< / e l - d i a l o g > < / e l - d i a l o g >
< el -dialog title = "选择参赛成员" :visible.sync ="transferVisible" :close-on-click-modal ="false" width = "400px" > < el -dialog title = "选择参赛成员"
: visible . sync = "transferVisible"
: close - on - click - modal = "false"
width = "400px" >
< template v-for ="(item, i) in info.teamDetail" > < template v-for ="(item, i) in info.teamDetail" >
< el -radio v-if ="item.captain" :key="i" v-model="checkedPlayer" :label="item.teamId" > {{ item.userName }} < / el -radio > < el -radio v -if = " item.captain "
: key = "i"
v - model = "checkedPlayer"
: label = "item.teamId" > { { item . userName } } < / e l - r a d i o >
< / template > < / template >
< span slot = "footer" class = "dialog-footer" > < span slot = "footer"
< el -button size = "small" type = "primary" @click ="transferSubmit" > 确定 < / el -button > class = "dialog-footer" >
< el -button size = "small" @ click = "transferVisible = false" > 取消 < / e l - b u t t o n > < el -button size = "small"
type = "primary"
@ click = "transferSubmit" > 确定 < / e l - b u t t o n >
< el -button size = "small"
@ click = "transferVisible = false" > 取消 < / e l - b u t t o n >
< / span > < / span >
< / e l - d i a l o g > < / e l - d i a l o g >
< el -dialog title = "选择参赛成员" :visible.sync ="chooseVisible" :close-on-click-modal ="false" width = "400px" > < el -dialog title = "选择参赛成员"
: visible . sync = "chooseVisible"
: close - on - click - modal = "false"
width = "400px" >
< el -checkbox -group v-model ="checkedMembers" > < el -checkbox -group v-model ="checkedMembers" >
< el -checkbox v-for ="(item, i) in chooses" :key="i" :label="item.accountId" > {{ item.userName }} < / el -checkbox > < el -checkbox v -for = " ( item , i ) in chooses "
: key = "i"
: label = "item.accountId" > { { item . userName } } < / e l - c h e c k b o x >
< / e l - c h e c k b o x - g r o u p > < / e l - c h e c k b o x - g r o u p >
< p v-if ="info.teamLimit && curRow.teamNumLimit" style="margin-top: 15px;font-size: 12px;" > 注 ： 当前阶段限制 {{ curRow.teamNumLimit }} 人参赛 ， 且此竞赛每个成员只能参加一个阶段赛项 。 < / p > < p v -if = " info.teamLimit & & curRow.teamNumLimit "
< span slot = "footer" class = "dialog-footer" > style = "margin-top: 15px;font-size: 12px;" > 注 ： 当前阶段限制 { { curRow . teamNumLimit } } 人参赛 ， 且此竞赛每个成员只能参加一个阶段赛项 。 < / p >
< el -button size = "small" type = "primary" @click ="chooseSubmit" > 确定 < / el -button > < span slot = "footer"
< el -button size = "small" @ click = "chooseVisible = false" > 取消 < / e l - b u t t o n > class = "dialog-footer" >
< el -button size = "small"
type = "primary"
@ click = "chooseSubmit" > 确定 < / e l - b u t t o n >
< el -button size = "small"
@ click = "chooseVisible = false" > 取消 < / e l - b u t t o n >
< / span > < / span >
< / e l - d i a l o g > < / e l - d i a l o g >
< el -dialog title = "团队得分详情" :visible.sync ="memberVisible" width = "900px" :close-on-click-modal ="false" > < el -dialog title = "团队得分详情"
< h6 v-if ="members.length" style="margin-bottom: 10px;font-size: 16px;" > 团队名称 ： {{ members [ 0 ] .teamName }} 阶段名称 ： {{ curRow.stageName }} < / h6 > : visible . sync = "memberVisible"
width = "900px"
: close - on - click - modal = "false" >
< h6 v -if = " members.length "
style = "margin-bottom: 10px;font-size: 16px;" > 团队名称 ： { { members [ 0 ] . teamName } } 阶段名称 ： { { curRow . stageName } } < / h6 >
< table class = "table tc" > < table class = "table tc" >
< tr > < tr >
< th width = "60" > 序号 < / th > < th width = "60" > 序号 < / th >
@ -403,14 +590,17 @@
< th width = "100" > 得分详情 < / th > < th width = "100" > 得分详情 < / th >
< / tr > < / tr >
< template v-if ="members.length" > < template v-if ="members.length" >
< tr v-for ="(item, i) in members" :key ="i" > < tr v -for = " ( item , i ) in members "
: key = "i" >
< td > { { i + 1 } } < / td > < td > { { i + 1 } } < / td >
< td > { { item . userName } } < / td > < td > { { item . userName } } < / td >
< td > { { item . schoolName } } < / td > < td > { { item . schoolName } } < / td >
< td > { { item . timeSum } } min < / td > < td > { { item . timeSum } } min < / td >
< td > { { item . score } } < / td > < td > { { item . score } } < / td >
< td > < td >
< el -button :disabled ="!item.reportId" type = "text" @click ="toReport(item)" > 查看 < / el -button > < el -button :disabled ="!item.reportId"
type = "text"
@ click = "toReport(item)" > 查看 < / e l - b u t t o n >
< / td > < / td >
< / tr > < / tr >
< / template > < / template >
@ -418,8 +608,11 @@
< td colspan = "6" > 暂无数据 < / td > < td colspan = "6" > 暂无数据 < / td >
< / tr > < / tr >
< / table > < / table >
< span slot = "footer" class = "dialog-footer" > < span slot = "footer"
< el -button size = "small" type = "primary" @ click = "memberVisible = false" > 确定 < / e l - b u t t o n > class = "dialog-footer" >
< el -button size = "small"
type = "primary"
@ click = "memberVisible = false" > 确定 < / e l - b u t t o n >
< / span > < / span >
< / e l - d i a l o g > < / e l - d i a l o g >
< / div > < / div >
@ -478,6 +671,7 @@ export default {
] , ] ,
progress : [ ] , progress : [ ] ,
timer : null , timer : null ,
rankTimer : null ,
notices : [ ] , notices : [ ] ,
noticeDetail : { } , noticeDetail : { } ,
curArch : '0' , curArch : '0' ,
@ -551,6 +745,7 @@ export default {
mounted ( ) { mounted ( ) {
this . $once ( 'hook:beforeDestroy' , function ( ) { this . $once ( 'hook:beforeDestroy' , function ( ) {
clearInterval ( this . timer ) clearInterval ( this . timer )
clearInterval ( this . rankTimer )
this . timerList . forEach ( n => { this . timerList . forEach ( n => {
clearTimeout ( n ) clearTimeout ( n )
} ) } )
@ -601,7 +796,7 @@ export default {
} ) } )
this . getInfo ( ) this . getInfo ( )
} }
this . token && this . get Rank( ) this . token && this . interval Rank( )
} else { } else {
this . typeList = this . typeList . slice ( 0 , 3 ) this . typeList = this . typeList . slice ( 0 , 3 )
} }
@ -863,6 +1058,10 @@ export default {
this . ranks = list this . ranks = list
} ) . catch ( res => { } ) } ) . catch ( res => { } )
} , } ,
/ / 定 时 调 获 取 排 名 接 口
intervalRank ( ) {
this . rankTimer = setInterval ( this . getRank , 1000 )
} ,
/ / 删 除 指 导 老 师 / / 删 除 指 导 老 师
delAdvisor ( row , i ) { delAdvisor ( row , i ) {
@ -1308,7 +1507,7 @@ export default {
margin : 0 auto ; margin : 0 auto ;
font - size : 28 px ; font - size : 28 px ;
text - align : center ; text - align : center ;
color : # 0B1 D 30 ; color : # 0b1 d 30 ;
} }
. tool { . tool {
z - index : 100 ; z - index : 100 ;
@ -1337,18 +1536,18 @@ export default {
line - height : 34 px ; line - height : 34 px ;
font - size : 14 px ; font - size : 14 px ;
color : # fff ; color : # fff ;
background - color : # 52 C41A ; background - color : # 52 c41a ;
border - radius : 4 px ; border - radius : 4 px ;
cursor : pointer ; cursor : pointer ;
@ include ellipsis ( ) ; @ include ellipsis ( ) ;
& . wait { & . wait {
background - color : # FAAD 14; background - color : # faad 14;
} }
& . signing { & . signing {
background - color : $main - color ; background - color : $main - color ;
} }
& . signed { & . signed {
background - color : # 52 C41A ; background - color : # 52 c41a ;
} }
& . playing { & . playing {
background - color : # f96d6d ; background - color : # f96d6d ;
@ -1388,7 +1587,7 @@ export default {
left : 50 % ; left : 50 % ;
width : 2 px ; width : 2 px ;
height : 100 % ; height : 100 % ;
background - color : # E1E6F 2; background - color : # e1e6f 2;
} }
& : after { & : after {
content : '' ; content : '' ;
@ -1396,7 +1595,7 @@ export default {
top : - 10 px ; top : - 10 px ;
left : 430 px ; left : 430 px ;
border : 8 px solid transparent ; border : 8 px solid transparent ;
border - bottom - color : # E1E6F 2; border - bottom - color : # e1e6f 2;
} }
. rocket { . rocket {
position : absolute ; position : absolute ;
@ -1413,7 +1612,7 @@ export default {
left : 431 px ; left : 431 px ;
width : 15 px ; width : 15 px ;
height : 15 px ; height : 15 px ;
background - color : # DCDCDC ; background - color : # dcdcdc ;
border - radius : 50 % ; border - radius : 50 % ;
} }
. name { . name {
@ -1425,27 +1624,28 @@ export default {
font - size : 16 px ; font - size : 16 px ;
color : # fff ; color : # fff ;
border - radius : 20 px ; border - radius : 20 px ;
background - color : # C4C4C 4; background - color : # c4c4c 4;
} }
. desc { . desc {
position : relative ; position : relative ;
color : # 333 ; color : # 333 ;
font - size : 14 px ; font - size : 14 px ;
} }
& . ing , & . done { & . ing ,
& . done {
. dot { . dot {
top : 8 px ; top : 8 px ;
background - color : # 007 EFF ; background - color : # 007 eff ;
} }
. name { . name {
background - color : # 007 EFF ; background - color : # 007 eff ;
} }
} }
& . ing { & . ing {
. dot { . dot {
width : 27 px ; width : 27 px ;
height : 27 px ; height : 27 px ;
border : 6 px solid # E2F1FB ; border : 6 px solid # e2f1fb ;
} }
} }
& : nth - child ( odd ) { & : nth - child ( odd ) {
@ -1466,16 +1666,17 @@ export default {
border : 18 px solid transparent ; border : 18 px solid transparent ;
border - top - width : 6 px ; border - top - width : 6 px ;
border - bottom - width : 6 px ; border - bottom - width : 6 px ;
border - left - color : # C4C4C 4; border - left - color : # c4c4c 4;
} }
} }
. desc { . desc {
text - align : right ; text - align : right ;
} }
& . ing , & . done { & . ing ,
& . done {
. name { . name {
& : before { & : before {
border - left - color : # 007 EFF ; border - left - color : # 007 eff ;
} }
} }
} }
@ -1501,7 +1702,7 @@ export default {
border : 18 px solid transparent ; border : 18 px solid transparent ;
border - top - width : 6 px ; border - top - width : 6 px ;
border - bottom - width : 6 px ; border - bottom - width : 6 px ;
border - right - color : # C4C4C 4; border - right - color : # c4c4c 4;
} }
} }
. desc { . desc {
@ -1515,14 +1716,15 @@ export default {
left : auto ; left : auto ;
right : - 18 px ; right : - 18 px ;
border : 9 px solid transparent ; border : 9 px solid transparent ;
border - left - color : # E6E6E 6; border - left - color : # e6e6e 6;
} }
} }
& . ing , & . done { & . ing ,
& . done {
. name { . name {
& : after { & : after {
border - right - color : # 007 EFF ; border - right - color : # 007 eff ;
} }
} }
} }
@ -1562,9 +1764,9 @@ export default {
h6 { h6 {
font - size : 20 px ; font - size : 20 px ;
font - weight : 500 ; font - weight : 500 ;
color : # 0B1 D 30 ; color : # 0b1 d 30 ;
& : hover { & : hover {
color : # 007 EFF ; color : # 007 eff ;
} }
} }
. meta { . meta {
@ -1589,7 +1791,8 @@ export default {
. table { . table {
width : 100 % ; width : 100 % ;
border - collapse : collapse ; border - collapse : collapse ;
th , td { th ,
td {
padding : 12 px ; padding : 12 px ;
border : 1 px solid # ebeef5 ; border : 1 px solid # ebeef5 ;
} }
@ -1606,7 +1809,7 @@ export default {
color : # 7 a7a7a ; color : # 7 a7a7a ;
cursor : pointer ; cursor : pointer ;
& : hover { & : hover {
color : # 007 EFF ; color : # 007 eff ;
} }
} }
. plus { . plus {
