You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
61 lines
1.5 KiB
61 lines
1.5 KiB
4 years ago
|
<template>
|
||
|
|
<!-- 赛事管理 -->
|
||
|
|
<div>
|
||
|
|
<el-card shadow="hover" class="m-b-20">
|
||
|
|
<div class="flex-between">
|
||
|
|
<el-page-header @back="goBack" :content="'赛事管理'"></el-page-header>
|
||
|
|
</div>
|
||
|
|
</el-card>
|
||
|
|
<div class="page" style="margin-bottom: 24px">
|
||
|
|
<div class="tabs">
|
||
|
|
<a class="item" v-for="(item,index) in tabs" :key="index" :class="{active: index == active}" @click="tabChange(index)">{{item}}</a>
|
||
|
|
</div>
|
||
|
|
<!-- 大赛详情 -->
|
||
|
|
<MatchDetail v-if="active == 'first'" />
|
||
|
|
<!-- 竞赛进展 -->
|
||
|
|
<MatchProgress v-else-if="active == 'second'" />
|
||
|
|
<!-- 报名人员 -->
|
||
|
|
<MatchSignup v-else />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import MatchDetail from './matchDetail'
|
||
|
|
import MatchProgress from './matchProgress'
|
||
|
|
import MatchSignup from './matchSignup'
|
||
|
|
export default {
|
||
|
|
name: 'matchManage',
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
active: 'first',
|
||
|
|
tabs: {
|
||
|
|
first: '大赛详情',
|
||
|
|
second: '竞赛进展',
|
||
|
|
third: '报名人员'
|
||
|
|
},
|
||
|
|
};
|
||
|
|
},
|
||
|
|
components: {
|
||
|
|
MatchDetail,
|
||
|
|
MatchProgress,
|
||
|
|
MatchSignup
|
||
|
|
},
|
||
|
|
created() {
|
||
|
|
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
goBack() {
|
||
|
|
this.$router.back();
|
||
|
|
},
|
||
|
|
tabChange(index){
|
||
|
|
this.active = index
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped>
|
||
|
|
|
||
|
|
</style>
|