antissoft / antis-greenway

Blame view

pages/marketing/marketingList/marketingList.vue 3.97 KB
Edit Raw Normal View History Permalink
379aff0a   monkeyhouyi   营销推广，商务合作 
1
2
3
4
5
 
  <template>
  	<!-- 营销推广活动 -->
  	<view class="page">
  		<!-- 搜索 -->
  		<view class="head-search">
354e3811   杨鑫   '验收' 
6
 
  			<u-search bg-color="#fff" placeholder="请输入关键词" v-model="query.title" :show-action="false" @search="search"></u-search>
379aff0a   monkeyhouyi   营销推广，商务合作 
7
8
 
  			<u-button type="success" @click="search">搜索</u-button>
  		</view>
354e3811   杨鑫   '验收' 
9
 
  		<!-- <view class="screen-list">
379aff0a   monkeyhouyi   营销推广，商务合作 
10
11
12
13
14
15
16
17
18
19
 
  			<view class="list" @click="sortshow = true">
  				<text>默认排序</text>
  				<image  :src="$imgUrl('/down.png')"></image>
  				<u-select v-model="sortshow" :list="sortTypeOptions" @confirm="(v) => {queryChange('sortType', v)}"></u-select>
  			</view>
  			<view class="list" @click="statusshow = true">
  				<text>进行中</text>
  				<image  :src="$imgUrl('/down.png')"></image>
  				<u-select v-model="statusshow" :list="statusOptions" @confirm="(v) => {queryChange('status', v)}"></u-select>
  			</view>
354e3811   杨鑫   '验收' 
20
 
  		</view> -->
379aff0a   monkeyhouyi   营销推广，商务合作 
21
22
23
 
  		<!-- 订单列表 -->
  		<view class="goods-data">
  			<u-row :gutter="16" class="goods-list">
354e3811   杨鑫   '验收' 
24
 
  				<u-col span="6" v-for="(item,index) in list" :key="index" @click="toDetail(item)">
379aff0a   monkeyhouyi   营销推广，商务合作 
25
 
  					<view class="demo-layout good-item">
354e3811   杨鑫   '验收' 
26
 
  						<image :src="item.coverImage" style="width: 315rpx; height: 315rpx; border-radius: 10rpx;"></image>
379aff0a   monkeyhouyi   营销推广，商务合作 
27
 
  						<view class="info">
354e3811   杨鑫   '验收' 
28
29
 
  							<view class="title">{{item.title}}</view>
  							<view class="name">活动时间：{{item.startTime}}至{{item.endTime}}</view>
379aff0a   monkeyhouyi   营销推广，商务合作 
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
 
  							<u-tag text="进行中" type="success" mode="dark" />
  						</view>
  					</view>
  				</u-col>
  				<u-loadmore :status="status" @loadmore='loading' style="width: 100%; text-align: center;"/>
  			</u-row>
  		</view>
  	</view>
  </template>
  
  <script>
  	export default {
  		data() {
  			return {
  				status: 'loadmore',
354e3811   杨鑫   '验收' 
45
 
  				list: [],
379aff0a   monkeyhouyi   营销推广，商务合作 
46
47
 
  				total: 1,
  				query: {
354e3811   杨鑫   '验收' 
48
 
  					title: '', // 搜索项
379aff0a   monkeyhouyi   营销推广，商务合作 
49
50
 
  					sortType: '', // 排序方式
  					status: '', // 活动状态
354e3811   杨鑫   '验收' 
51
 
  					pageNumber:1,
379aff0a   monkeyhouyi   营销推广，商务合作 
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
 
  					pageSize: 10,
  				},
  				sortshow: false,
  				sortTypeOptions: [
  					{ label: '默认排序', value: 1 },
  					{ label: '正序', value: 2 },
  					{ label: '倒序', value: 3 },
  				],
  				statusshow: false,
  				statusOptions: [
  					{ label: '进行中', value: 1 },
  					{ label: '已结束', value: 2 },
  					{ label: '未开始', value: 3 },
  				],
  			};
  		},
  		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();
  		},
354e3811   杨鑫   '验收' 
84
85
86
 
  		mounted() {
  			this.getALL()
  		},
379aff0a   monkeyhouyi   营销推广，商务合作 
87
 
  		methods: {
354e3811   杨鑫   '验收' 
88
89
90
91
92
93
94
95
96
97
 
  			getALL(){
  					let pagesize = {
  						pageNumber: 1,
  						pageSize: 2
  					}
  			
  			this.$http.sendRequest('/cereMarketingActivity/queryByPage', 'POST', pagesize,1).then(res => {
  				this.list =res.data.data.content 
  			})
  				},
379aff0a   monkeyhouyi   营销推广，商务合作 
98
99
100
101
102
103
104
 
  			toMyAdd() {
  				// 跳转我的活动申请
  				uni.navigateTo({
  					url: '/pages/mycreated/mycreated'
  				})
  			},
  			search() {
354e3811   杨鑫   '验收' 
105
106
107
108
109
110
111
112
113
114
115
 
  			this.$http.sendRequest('/cereMarketingActivity/queryByPage', 'POST', this.query,1).then(res => {
  				this.list =res.data.data.content 
  				this.query  ={
  						title: '', // 搜索项
  						sortType: '', // 排序方式
  						status: '', // 活动状态
  						pageNumber: 1,
  						pageSize: 10,
  					
  				}
  			})
379aff0a   monkeyhouyi   营销推广，商务合作 
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
 
  			},
  			queryChange(key, val) {
  				this.query[`${key}`] = val[0].value;
  				this.search();
  			},
  			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)
  			},
354e3811   杨鑫   '验收' 
131
132
 
  			toDetail(items) {
  				  let msg = JSON.stringify(items)
379aff0a   monkeyhouyi   营销推广，商务合作 
133
 
  				uni.navigateTo({
354e3811   杨鑫   '验收' 
134
 
  					url: `/pages/marketing/marketingDetail/marketingDetail?item=${msg}`
379aff0a   monkeyhouyi   营销推广，商务合作 
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
 
  				})
  			},
  			join(){
  				uni.navigateTo({
  					url: '/pages/mycreated/mycreated?id=1'
  				})
  			},
  			toAdd() {
  				uni.navigateTo({
  					url: '/pages/activityAdd/activityAdd'
  				})
  			}
  		}
  	}
  </script>
  
  <style scoped lang="scss">
  	@import 'marketingList.scss';
  </style>