3f535f30
 杨鑫
'初始'
|
1
|
<template>
|
|
e5b57447
杨鑫
'分包问卷'
|
2
|
<!-- 活动参与 -->
|
|
3f535f30
杨鑫
'初始'
|
3
|
<view class="page">
|
|
e5b57447
杨鑫
'分包问卷'
|
4
5
6
7
|
<view class="more page-box" @click="toMyAdd">
<u-section :bold="false" title="我的活动申请" sub-title='' :show-line="false" color="#0FBB59" >
<view slot="right">
<u-icon name="arrow-rightward" color="#0FBB59" size="28"></u-icon>
|
|
3f535f30
杨鑫
'初始'
|
8
|
</view>
|
|
e5b57447
杨鑫
'分包问卷'
|
9
10
11
12
13
14
|
</u-section>
</view>
<!-- 搜索 -->
<view class="head-search">
<u-search bg-color="#fff" placeholder="请输入关键词" v-model="query.activityName" :show-action="false" @search="search"></u-search>
<u-button type="success" @click="search">搜索</u-button>
|
|
3f535f30
杨鑫
'初始'
|
15
|
</view>
|
|
3f535f30
杨鑫
'初始'
|
16
|
<view class="screen-list">
|
|
e5b57447
杨鑫
'分包问卷'
|
17
18
19
20
|
<u-dropdown menu-icon="arrow-down-fill" :title-size="24" :height="40">
<u-dropdown-item v-model="query.sortType" title="时间排序" :options="sortTypeOptions" @change="search"></u-dropdown-item>
<u-dropdown-item v-model="query.status" title="活动状态" :options="statusOptions" @change="search"></u-dropdown-item>
</u-dropdown>
|
|
3f535f30
杨鑫
'初始'
|
21
22
23
|
</view>
<!-- 订单列表 -->
<view class="goods-data">
|
|
e5b57447
杨鑫
'分包问卷'
|
24
25
26
27
28
29
30
31
32
|
<u-row gutter="16" class="goods-list">
<u-col span="6" v-for="(item,index) in datalist" :key="index" @click="toDetail(item.id, '/pages/activityDetail/activityDetail')" >
<view class="demo-layout good-item">
<image :src="item.coverImage" style="width: 315rpx; height: 315rpx; border-radius: 10rpx;"></image>
<view class="info">
<view class="title">{{item.activityName}}</view>
<view class="huo-card-item">活动日期：<span>{{item.startTime}}至{{item.endTime}}</span></view>
<view class="huo-card-item">参与人数：<span>{{item.maxParticipants}}</span></view>
<u-tag text="进行中" type="success" mode="dark" />
|
|
3f535f30
杨鑫
'初始'
|
33
|
</view>
|
|
3f535f30
杨鑫
'初始'
|
34
|
</view>
|
|
e5b57447
杨鑫
'分包问卷'
|
35
36
37
38
39
40
41
|
</u-col>
<u-loadmore :status="status" @loadmore='loading' style="width: 100%; text-align: center;"/>
</u-row>
</view>
<view style="height: 120rpx;"></view>
<view class="page-footer">
<u-button type="success" @click="toAdd">活动申请</u-button>
|
|
3f535f30
杨鑫
'初始'
|
42
43
44
45
46
47
48
49
|
</view>
</view>
</template>
<script>
export default {
data() {
return {
|
|
e5b57447
杨鑫
'分包问卷'
|
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
|
status: 'loadmore',
datalist: [],
total: 1,
query: {
activityName: '', // 搜索项
sortType: '', // 排序方式
status: '', // 活动状态
pageNumber: 1,
pageSize: 10,
},
sortTypeOptions: [
{ label: '默认排序', value: 1 },
{ label: '正序', value: 2 },
{ label: '倒序', value: 3 },
],
statusOptions: [
{ label: '进行中', value: 1 },
{ label: '已结束', value: 2 },
{ label: '未开始', value: 3 },
],
pageIndex :{
pageNumber: 1,
pageSize: 10,
}
}
},
onLoad() {
this.status = 'nomore';
},
onPullDownRefresh(e) {
let that = this
that.status = 'loading';
this.page = 0;
setTimeout(() => {
that.list = 1;
that.status = that.list >= that.total ? 'nomore' : 'loadmore';
uni.stopPullDownRefresh();
}, 1000);
},
onReachBottom(e) {
this.loading();
},
mounted() {
this.getAll()
|
|
3f535f30
杨鑫
'初始'
|
94
95
|
},
methods: {
|
|
e5b57447
杨鑫
'分包问卷'
|
96
97
98
99
100
101
102
103
104
105
106
|
getAll(val){
this.pageIndex.createUser =uni.getStorageSync('shopId')
this.$http.sendRequest('/cereActivityApplication/queryByPage', 'POST',this.pageIndex,1).then(res => {
this.datalist = res.data.data.content
}).catch(err => {
console.log(err)
//请求失败
})
},
toMyAdd() {
// 跳转我的活动申请
|
|
3f535f30
杨鑫
'初始'
|
107
108
109
110
|
uni.navigateTo({
url: '/pages/mycreated/mycreated'
})
},
|
|
e5b57447
杨鑫
'分包问卷'
|
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
|
search() {
this.query.createUser =uni.getStorageSync('shopId')
this.$http.sendRequest('/cereActivityApplication/queryByPage', 'POST',this.query,1).then(res => {
this.datalist = res.data.data.content
this.query ={
activityName: '', // 搜索项
sortType: '', // 排序方式
status: '', // 活动状态
pageNumber: 1,
pageSize: 10,
}
})
},
loading() {
let that = this
if(that.status == 'nomore') return;
that.status = 'loading';
that.page = ++that.page;
setTimeout(() => {
that.list += 10;
that.status = that.list >= that.total ? 'nomore' : 'loadmore';
}, 300)
},
|
|
3f535f30
杨鑫
'初始'
|
135
136
137
138
|
join(){
uni.navigateTo({
url: '/pages/mycreated/mycreated?id=1'
})
|
|
e5b57447
杨鑫
'分包问卷'
|
139
140
141
142
143
144
145
146
147
148
149
150
151
|
},
toAdd() {
uni.navigateTo({
url: '/pages/activityAdd/activityAdd'
})
},
toDetail(item, path) {
uni.navigateTo({
url: `${path}?item=${item}`
})
},
|
|
3f535f30
杨鑫
'初始'
|
152
153
154
155
156
157
158
|
}
}
</script>
<style scoped lang="scss">
@import 'participation.scss';
</style>
|
