antissoft / antis-greenway

Blame view

pages/participation/participation.vue 3.31 KB
Edit Raw Normal View History
4dfe89e4   monkeyhouyi   初始化 
1
 
  <template>
4c26c806   monkeyhouyi   活动参与，活动申请 
2
 
  	<!-- 活动参与 -->
4dfe89e4   monkeyhouyi   初始化 
3
 
  	<view class="page">
4c26c806   monkeyhouyi   活动参与，活动申请 
4
5
6
7
 
  		<view class="more page-box">
  			<u-section :bold="false" title="我的活动申请" sub-title='' :show-line="false" color="#0FBB59" @click="toMyAdd">
  				<view slot="right">
  					<u-icon name="arrow-rightward" color="#0FBB59" size="28"></u-icon>
4dfe89e4   monkeyhouyi   初始化 
8
 
  				</view>
4c26c806   monkeyhouyi   活动参与，活动申请 
9
10
11
12
 
  			</u-section>
  		</view>
  		<!-- 搜索 -->
  		<view class="head-search">
00e7322c   monkeyhouyi   我的活动申请 
13
 
  			<u-search bg-color="#fff" placeholder="请输入关键词" v-model="query.keyword" :show-action="false" @search="search"></u-search>
4c26c806   monkeyhouyi   活动参与，活动申请 
14
 
  			<u-button type="success" @click="search">搜索</u-button>
4dfe89e4   monkeyhouyi   初始化 
15
 
  		</view>
4dfe89e4   monkeyhouyi   初始化 
16
 
  		<view class="screen-list">
00e7322c   monkeyhouyi   我的活动申请 
17
18
19
20
 
  			<u-dropdown menu-icon="arrow-down-fill">
  				<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>
4dfe89e4   monkeyhouyi   初始化 
21
22
23
 
  		</view>
  		<!-- 订单列表 -->
  		<view class="goods-data">
4c26c806   monkeyhouyi   活动参与，活动申请 
24
25
26
27
28
29
30
31
 
  			<u-row gutter="16" class="goods-list">
  				<u-col span="6" v-for="(item,index) in list" :key="index">
  					<view class="demo-layout good-item">
  						<image :src="$imgUrl('/img/2.jpg')" style="width: 315rpx; height: 315rpx; border-radius: 10rpx;"></image>
  						<view class="info">
  							<view class="title">绿道好物节</view>
  							<view class="name">绿道好物节</view>
  							<u-tag text="进行中" type="success" mode="dark" />
4dfe89e4   monkeyhouyi   初始化 
32
 
  						</view>
4dfe89e4   monkeyhouyi   初始化 
33
 
  					</view>
4c26c806   monkeyhouyi   活动参与，活动申请 
34
35
36
37
38
39
40
 
  				</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>
4dfe89e4   monkeyhouyi   初始化 
41
42
43
44
45
46
47
48
 
  		</view>
  	</view>
  </template>
  
  <script>
  	export default {
  		data() {
  			return {
4c26c806   monkeyhouyi   活动参与，活动申请 
49
50
 
  				status: 'loadmore',
  				list: 1,
4c26c806   monkeyhouyi   活动参与，活动申请 
51
 
  				total: 1,
00e7322c   monkeyhouyi   我的活动申请 
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
 
  				query: {
  					keyword: '', // 搜索项
  					sortType: '', // 排序方式
  					status: '', // 活动状态
  					pageNum: 0,
  					pageSize: 10,
  				},
  				sortTypeOptions: [
  					{ label: '默认排序', value: 1 },
  					{ label: '正序', value: 2 },
  					{ label: '倒序', value: 3 },
  				],
  				statusOptions: [
  					{ label: '进行中', value: 1 },
  					{ label: '已结束', value: 2 },
  					{ label: '未开始', value: 3 },
  				],
4dfe89e4   monkeyhouyi   初始化 
69
70
 
  			};
  		},
4c26c806   monkeyhouyi   活动参与，活动申请 
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
 
  		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();
  		},
4dfe89e4   monkeyhouyi   初始化 
87
 
  		methods: {
4c26c806   monkeyhouyi   活动参与，活动申请 
88
89
 
  			toMyAdd() {
  				// 跳转我的活动申请
00e7322c   monkeyhouyi   我的活动申请 
90
91
92
 
  				uni.navigateTo({
  					url: '/pages/mycreated/mycreated'
  				})
4c26c806   monkeyhouyi   活动参与，活动申请 
93
94
95
 
  			},
  			search() {
  				// 搜索
00e7322c   monkeyhouyi   我的活动申请 
96
 
  				// this.loading();
4c26c806   monkeyhouyi   活动参与，活动申请 
97
98
99
100
101
102
103
104
105
106
107
 
  			},
  			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)
  			},
c62ab6f2   杨鑫   1 
108
109
110
111
 
  			join(){
  				uni.navigateTo({
  					url: '/pages/mycreated/mycreated?id=1'
  				})
4c26c806   monkeyhouyi   活动参与，活动申请 
112
113
114
115
116
 
  			},
  			toAdd() {
  				uni.navigateTo({
  					url: '/pages/activityAdd/activityAdd'
  				})
4dfe89e4   monkeyhouyi   初始化 
117
118
119
120
121
122
123
124
 
  			}
  		}
  	}
  </script>
  
  <style scoped lang="scss">
  	@import 'participation.scss';
  </style>