|
|
|
|
@ -8,6 +8,43 @@ |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<!-- 课程筛选 --> |
|
|
|
|
<div class="filter"> |
|
|
|
|
<div class="wrap-inner" style="padding-bottom: 0"> |
|
|
|
|
<dl> |
|
|
|
|
<dt>比赛范围：</dt> |
|
|
|
|
<div class="select-wrap"> |
|
|
|
|
<span class="label">省份</span> |
|
|
|
|
<el-select size="small" v-model="form.provinceId" @change="initData"> |
|
|
|
|
<el-option label="不限" value=""></el-option> |
|
|
|
|
<el-option |
|
|
|
|
v-for="(item,index) in provinces" |
|
|
|
|
:key="index" |
|
|
|
|
:label="item.sysName" |
|
|
|
|
:value="item.sysId" |
|
|
|
|
></el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</div> |
|
|
|
|
<div class="select-wrap"> |
|
|
|
|
<span class="label">城市</span> |
|
|
|
|
<el-select size="small" v-model="form.provinceId" @change="initData"> |
|
|
|
|
<el-option label="不限" value=""></el-option> |
|
|
|
|
<el-option |
|
|
|
|
v-for="(item,index) in cities" |
|
|
|
|
:key="index" |
|
|
|
|
:label="item.sysName" |
|
|
|
|
:value="item.sysId" |
|
|
|
|
></el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</div> |
|
|
|
|
</dl> |
|
|
|
|
<dl> |
|
|
|
|
<dt>筛选排序：</dt> |
|
|
|
|
<dd v-for="(item, i) in sorts" :key="i" :class="{active: sort == item.id}" @click="changeSort(item.id)">{{ item.name }}</dd> |
|
|
|
|
</dl> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="main"> |
|
|
|
|
<div class="center-wrap"> |
|
|
|
|
<ul class="nav"> |
|
|
|
|
@ -104,17 +141,33 @@ export default { |
|
|
|
|
typeList: [ |
|
|
|
|
{ |
|
|
|
|
id: "", |
|
|
|
|
name: "近期报名" |
|
|
|
|
name: "本校赛事" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
id: 0, |
|
|
|
|
name: "最近更新" |
|
|
|
|
name: "赛事广场" |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
id: 1, |
|
|
|
|
name: "已报名" |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
provinces: [], |
|
|
|
|
cities: [], |
|
|
|
|
form: { |
|
|
|
|
|
|
|
|
|
}, |
|
|
|
|
sorts: [ |
|
|
|
|
{ |
|
|
|
|
id: 1, |
|
|
|
|
name: '近期报名' |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
id: 2, |
|
|
|
|
name: '最近更新' |
|
|
|
|
} |
|
|
|
|
], |
|
|
|
|
sort: 1, |
|
|
|
|
keyword: "", |
|
|
|
|
searchTimer: null, |
|
|
|
|
pageNo: 1, |
|
|
|
|
@ -299,6 +352,10 @@ export default { |
|
|
|
|
this.totals = this.listData.length; |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
// 筛选排序 |
|
|
|
|
changeSort(type) { |
|
|
|
|
this.sort = type; |
|
|
|
|
}, |
|
|
|
|
toDetail(item) { |
|
|
|
|
// console.log(item.status); |
|
|
|
|
let status = item.status == 1 ? (item.signup ? true : false) : "hide"; |
|
|
|
|
@ -363,6 +420,37 @@ export default { |
|
|
|
|
.main{ |
|
|
|
|
background: url(../../../assets/img/match-bg1.png) (0px 95px)/auto auto no-repeat, |
|
|
|
|
url(../../../assets/img/match-bg2.png) (98% bottom)/auto auto no-repeat; |
|
|
|
|
.filter { |
|
|
|
|
width: 100%; |
|
|
|
|
background-color: #fff; |
|
|
|
|
dl { |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
margin: 20px 0; |
|
|
|
|
dt { |
|
|
|
|
color: #333; |
|
|
|
|
font-size: 16px; |
|
|
|
|
font-weight: 600; |
|
|
|
|
} |
|
|
|
|
dd { |
|
|
|
|
margin: 0 10px; |
|
|
|
|
color: #333; |
|
|
|
|
font-size: 16px; |
|
|
|
|
cursor: pointer; |
|
|
|
|
&.active { |
|
|
|
|
color: $main-color; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.select-wrap { |
|
|
|
|
display: inline-flex; |
|
|
|
|
align-items: center; |
|
|
|
|
margin: 0 20px; |
|
|
|
|
.label { |
|
|
|
|
margin-right: 10px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.center-wrap { |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: center; |
|
|
|
|
|
