|
|
@ -8,10 +8,11 @@ |
|
|
<div class="inner"> |
|
|
<div class="inner"> |
|
|
<div class="search-list"> |
|
|
<div class="search-list"> |
|
|
<span> |
|
|
<span> |
|
|
<a-checkbox style="font-size: 20px; font-weight: bold">培训</a-checkbox> |
|
|
<a-checkbox style="font-size: 20px; font-weight: bold" :checked="sta.px === 1" @click="cSta('px')">培训</a-checkbox> |
|
|
<a-checkbox style="font-size: 20px; font-weight: bold" :checked="sta.ly === 1" @click="cSta('ly')">路演</a-checkbox> |
|
|
<a-checkbox style="font-size: 20px; font-weight: bold" :checked="sta.ly === 1" @click="cSta('ly')">路演</a-checkbox> |
|
|
<a-checkbox style="font-size: 20px; font-weight: bold" :checked="sta.jz === 1" @click="cSta('jz')">讲座</a-checkbox> |
|
|
<a-checkbox style="font-size: 20px; font-weight: bold" :checked="sta.jz === 1" @click="cSta('jz')">讲座</a-checkbox> |
|
|
<a-checkbox style="font-size: 20px; font-weight: bold" :checked="sta.sl === 1" @click="cSta('sl')">交流</a-checkbox> |
|
|
<a-checkbox style="font-size: 20px; font-weight: bold" :checked="sta.jl === 1" @click="cSta('jl')">交流</a-checkbox> |
|
|
|
|
|
<a-checkbox style="font-size: 20px; font-weight: bold" :checked="sta.lt === 1" @click="cSta('lt')">论坛</a-checkbox> |
|
|
</span> |
|
|
</span> |
|
|
<a-input-search @search="getData" class="search" enter-button="搜索" placeholder="请输入..." style="width: 381px" v-model="iptCon" /> |
|
|
<a-input-search @search="getData" class="search" enter-button="搜索" placeholder="请输入..." style="width: 381px" v-model="iptCon" /> |
|
|
</div> |
|
|
</div> |
|
|
@ -22,7 +23,13 @@ |
|
|
<p class="date-day">{{ item.releaseTime.split(' ')[0].split('-')[2] }}</p>--> |
|
|
<p class="date-day">{{ item.releaseTime.split(' ')[0].split('-')[2] }}</p>--> |
|
|
<a-icon class="pol-icon" type="notification" /> |
|
|
<a-icon class="pol-icon" type="notification" /> |
|
|
</div> |
|
|
</div> |
|
|
<p @click="jumpDetails(item)" class="item-title pointer">{{ item.title }}</p> |
|
|
<div @click="jumpDetails(item)" class="item-title pointer"> |
|
|
|
|
|
{{ item.title }} |
|
|
|
|
|
<p class="original"> |
|
|
|
|
|
<a-button disabled v-if="item.releaseTime && Date.parse(item.releaseTime) < Date.parse(nowData)">报名已结束</a-button> |
|
|
|
|
|
<enroll :act-name="item.title" :activity-id="item.activityId" v-else /> |
|
|
|
|
|
</p> |
|
|
|
|
|
</div> |
|
|
<p @click="jumpDetails(item)" class="item-content pointer">{{ item.intro }}</p> |
|
|
<p @click="jumpDetails(item)" class="item-content pointer">{{ item.intro }}</p> |
|
|
<p class="source-time d-flex flex-column"> |
|
|
<p class="source-time d-flex flex-column"> |
|
|
<span class="source"> |
|
|
<span class="source"> |
|
|
@ -31,10 +38,6 @@ |
|
|
</span> |
|
|
</span> |
|
|
<span class="source">地点：{{ item.address }}</span> |
|
|
<span class="source">地点：{{ item.address }}</span> |
|
|
</p> |
|
|
</p> |
|
|
<p class="original"> |
|
|
|
|
|
<a-button disabled v-if="item.releaseTime && Date.parse(item.releaseTime) < Date.parse(nowData)">报名已结束</a-button> |
|
|
|
|
|
<enroll :act-name="item.title" :activity-id="item.activityId" v-else /> |
|
|
|
|
|
</p> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<a-pagination |
|
|
<a-pagination |
|
|
@ -64,9 +67,11 @@ export default { |
|
|
pageSize: 5, |
|
|
pageSize: 5, |
|
|
iptCon: '', |
|
|
iptCon: '', |
|
|
sta: { |
|
|
sta: { |
|
|
|
|
|
px: 0, |
|
|
ly: 0, |
|
|
ly: 0, |
|
|
jz: 0, |
|
|
jz: 0, |
|
|
sl: 0, |
|
|
jl: 0, |
|
|
|
|
|
lt: 0, |
|
|
}, |
|
|
}, |
|
|
aList: [], |
|
|
aList: [], |
|
|
lists: [], |
|
|
lists: [], |
|
|
@ -81,13 +86,19 @@ export default { |
|
|
this.aList = this.actList; |
|
|
this.aList = this.actList; |
|
|
for (var i = 0; i < this.aList.length; i++) { |
|
|
for (var i = 0; i < this.aList.length; i++) { |
|
|
if (this.aList[i] === 0) { |
|
|
if (this.aList[i] === 0) { |
|
|
this.sta.ly = 1; |
|
|
this.sta.px = 1; |
|
|
} |
|
|
} |
|
|
if (this.aList[i] === 1) { |
|
|
if (this.aList[i] === 1) { |
|
|
this.sta.jz = 1; |
|
|
this.sta.ly = 1; |
|
|
} |
|
|
} |
|
|
if (this.aList[i] === 2) { |
|
|
if (this.aList[i] === 2) { |
|
|
this.sta.sl = 1; |
|
|
this.sta.jz = 1; |
|
|
|
|
|
} |
|
|
|
|
|
if (this.aList[i] === 3) { |
|
|
|
|
|
this.sta.jl = 1; |
|
|
|
|
|
} |
|
|
|
|
|
if (this.aList[i] === 4) { |
|
|
|
|
|
this.sta.lt = 1; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
this.getData(); |
|
|
this.getData(); |
|
|
@ -143,15 +154,21 @@ export default { |
|
|
this.sta[index] = 0; |
|
|
this.sta[index] = 0; |
|
|
console.log(this.sta); |
|
|
console.log(this.sta); |
|
|
} |
|
|
} |
|
|
if (this.sta.ly === 1) { |
|
|
if (this.sta.px === 1) { |
|
|
this.aList = this.aList.concat(0); |
|
|
this.aList = this.aList.concat(0); |
|
|
} |
|
|
} |
|
|
if (this.sta.jz === 1) { |
|
|
if (this.sta.ly === 1) { |
|
|
this.aList = this.aList.concat(1); |
|
|
this.aList = this.aList.concat(1); |
|
|
} |
|
|
} |
|
|
if (this.sta.sl === 1) { |
|
|
if (this.sta.jz === 1) { |
|
|
this.aList = this.aList.concat(2); |
|
|
this.aList = this.aList.concat(2); |
|
|
} |
|
|
} |
|
|
|
|
|
if (this.sta.jl === 1) { |
|
|
|
|
|
this.aList = this.aList.concat(3); |
|
|
|
|
|
} |
|
|
|
|
|
if (this.sta.lt === 1) { |
|
|
|
|
|
this.aList = this.aList.concat(4); |
|
|
|
|
|
} |
|
|
this.setActList(this.aList); |
|
|
this.setActList(this.aList); |
|
|
this.getData(); |
|
|
this.getData(); |
|
|
}, |
|
|
}, |
|
|
@ -217,6 +234,7 @@ export default { |
|
|
|
|
|
|
|
|
.item-title { |
|
|
.item-title { |
|
|
margin-left: 200px; |
|
|
margin-left: 200px; |
|
|
|
|
|
position: relative; |
|
|
overflow: hidden; |
|
|
overflow: hidden; |
|
|
display: -webkit-box; |
|
|
display: -webkit-box; |
|
|
font-size: 24px; |
|
|
font-size: 24px; |
|
|
@ -245,7 +263,7 @@ export default { |
|
|
font-family: Microsoft YaHei; |
|
|
font-family: Microsoft YaHei; |
|
|
font-weight: 400; |
|
|
font-weight: 400; |
|
|
font-size: 16px; |
|
|
font-size: 16px; |
|
|
color: rgba(0, 0, 0, 0.45); |
|
|
color: rgba(0, 0, 0, 0.75); |
|
|
opacity: 1; |
|
|
opacity: 1; |
|
|
margin-right: 24px; |
|
|
margin-right: 24px; |
|
|
} |
|
|
} |
|
|
@ -260,8 +278,8 @@ export default { |
|
|
|
|
|
|
|
|
.original { |
|
|
.original { |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
right: 25px; |
|
|
right: 0px; |
|
|
bottom: 25px; |
|
|
bottom: 0px; |
|
|
font-size: 14px; |
|
|
font-size: 14px; |
|
|
font-family: Microsoft YaHei; |
|
|
font-family: Microsoft YaHei; |
|
|
font-weight: 400; |
|
|
font-weight: 400; |
|
|
@ -307,7 +325,7 @@ export default { |
|
|
padding-top: 10px; |
|
|
padding-top: 10px; |
|
|
margin-bottom: 0; |
|
|
margin-bottom: 0; |
|
|
line-height: 30px; |
|
|
line-height: 30px; |
|
|
color: rgba(0, 0, 0, 0.45); |
|
|
color: rgba(0, 0, 0, 0.75); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.pagination { |
|
|
.pagination { |
|
|
|
