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.
91 lines
2.9 KiB
91 lines
2.9 KiB
<template>
|
|
<div class='container'>
|
|
<van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="communityActivity" class="card"
|
|
:offset="50">
|
|
<div class="activity_content flex" v-for="(item, index) in list" :key="index"@click="$router.push({ path: `/activityDetail`,query:{id:item.item} })">
|
|
<img :src="item.coverPic" alt="" class="mr10 img_round" style="width: 75px;height: 95px;">
|
|
<div class="flex flex-y flex1 flex-end" style="overflow: hidden;">
|
|
<div class="van-ellipsis">{{ item.activityName }}</div>
|
|
<div class="address font-size14 van-ellipsis gray">地点：{{ item.address }}</div>
|
|
<div class="time gray font-size14">时间：{{ item.startTime }}</div>
|
|
<div class="flex flex-end">
|
|
<div>
|
|
<span>报名人数：</span> <span class="font-size18 orange">{{ item.participants }}</span>/<span
|
|
class="font-size14">{{ item.participants }}人</span>
|
|
</div>
|
|
<van-button type="info" size="small" round
|
|
:disabled="item.online !== 1">报名</van-button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</van-list>
|
|
<Android/>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { communityActivity } from '@/api/home';
|
|
import Android from '@/components/Android'
|
|
|
|
export default {
|
|
data() {
|
|
return {
|
|
list: [],
|
|
pageSize: 5,
|
|
pageNo: 1,
|
|
agencyId: null,
|
|
finished: false,
|
|
loading: true,
|
|
showRegister: false,
|
|
};
|
|
},
|
|
created() {
|
|
this.agencyId = this.$store.state.app.agencyId;
|
|
this.communityActivity();
|
|
},
|
|
methods: {
|
|
async communityActivity() {
|
|
const {pageSize,agencyId} = this
|
|
let parm = {
|
|
agencyId,
|
|
pageNo:this.pageNo++,
|
|
pageSize,
|
|
userId:this.$store.state.app.userInfo.id,
|
|
online:1
|
|
}
|
|
let res = await communityActivity(parm)
|
|
if (res.code === 0) {
|
|
this.loading = false;
|
|
if (!res.data || res.data.list.length < this.pageSize) {
|
|
this.finished = true;
|
|
}
|
|
this.list = this.list.concat(res.data.list);
|
|
}
|
|
},
|
|
|
|
},
|
|
components:{Android},
|
|
computed: {},
|
|
watch: {},
|
|
}
|
|
</script>
|
|
|
|
<style lang='less' scoped>
|
|
.activity_content {
|
|
padding-bottom: 15px;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
border-bottom: 1px solid #EAEAEA;
|
|
margin-top: 14px;
|
|
min-height: 110px;
|
|
|
|
.img {
|
|
width: 231px;
|
|
height: 33px;
|
|
}
|
|
|
|
&:last-child {
|
|
border-bottom: none;
|
|
}
|
|
}
|
|
</style>
|
|
|