9-24-center

api/apply.js

@@ -6,4 +6,13 @@ export function upload(data){
 		method:'post',
 		data
 	})
+}
+
+//我的审核列表
+export function getApplyList(data) {
+	return request({
+		url: '/api/activity/my',
+		method:'get',
+		data
+	})
 }

pages.json

@@ -179,7 +179,7 @@
 		{
 			"path": "pages/user/applyList",
 			"style": {
-				"navigationBarTitleText": "收益中心",
+				"navigationBarTitleText": "审核列表",
 				"navigationBarTextStyle": "white",
 				"navigationBarBackgroundColor": "#000"
 			}
@@ -221,10 +221,10 @@
 				"text": "首页"
 			},
 			{
-				"pagePath": "pages/profit/profit",
+				"pagePath": "pages/user/applyList",
 				"iconPath": "static/tabBar/center.png",
 				"selectedIconPath": "static/tabBar/center-action.png",
-				"text": "收益中心"
+				"text": "审核列表"
 			},
 			{
 				"pagePath": "pages/user/user",

pages/user/applyList.vue

@@ -4,7 +4,8 @@
 			<view v-for="(item,index) in navList" :key="index" class="nav-item"
 				:class="{ current: tabCurrentIndex === index}" @click="tabClick(index)">{{ item.text }}</view>
 		</view>
-		<swiper :current="tabCurrentIndex" :style="{'height':height}" class="swiper-box" duration="300" @change="changeTab">
+		<swiper :current="tabCurrentIndex" :style="{'height':height}" class="swiper-box" duration="300"
+			@change="changeTab">
 			<swiper-item class="tab-content" v-for="(tabItem, tabIndex) in navList" :key="tabIndex">
 				<scroll-view scroll-y="true" class="list-scroll-content" :style="{'height':height}">
 					<!-- 申请列表 -->
@@ -13,10 +14,10 @@
 							<image src="" mode="" class="user-img"></image>
 							<view class="user-info">
 								<view class="user-name clamp">
-								假猪套	假猪套假猪套假
+									假猪套 假猪套假猪套假
 								</view>
 								<view class="user-phone">
-								13245678911
+									13245678911
 								</view>
 							</view>
 						</view>
@@ -40,6 +41,9 @@
 </template>
 
 <script>
+	import {
+		getApplyList
+	} from '../../api/apply.js'
 	export default {
 		data() {
 			return {
@@ -50,12 +54,16 @@
 						text: '未审核',
 						loadingType: 'more',
 						orderList: [],
+						page: 1,
+						limit: 10,
 					},
 					{
 						state: 1,
 						text: '已审核',
 						loadingType: 'more',
 						orderList: [],
+						page: 1,
+						limit: 10,
 					}
 				]
 			}
@@ -75,6 +83,9 @@
 				fail: res => {}
 			});
 		},
+		onLoad() {
+			this.loadData()
+		},
 		methods: {
 			//顶部tab点击
 			tabClick(index) {
@@ -88,7 +99,7 @@
 				console.log('swiper')
 				let index = this.tabCurrentIndex;
 				let navItem = this.navList[index];
-				// let state = navItem.state+3;
+				let state = navItem.state + 1;
 				if (source === 'tabChange' && navItem.loaded === true) {
 					//tab切换只有第一次需要加载数据
 					return;
@@ -99,6 +110,13 @@
 				}
 				//修改当前对象状态为加载中
 				navItem.loadingType = 'loading';
+				getApplyList({
+					page: navItem.page,
+					limit: navItem.limit,
+					status: state
+				}).then( res => {
+					console.log(res)
+				})
 			}
 		}
 	}
@@ -140,8 +158,10 @@
 			}
 		}
 	}
+
 	.swiper-box {
 		background-color: #15130f;
+
 		.apply-box {
 			height: 317rpx;
 			width: 702rpx;
@@ -149,11 +169,13 @@
 			margin: 0 auto;
 			border-bottom: 1px solid #6c6a68;
 			padding-top: 30rpx;
+
 			.box-top {
 				height: 80rpx;
 				// background-color: #bfa;
 				display: flex;
 				justify-content: flex-start;
+
 				.user-img {
 					width: 80rpx;
 					height: 80rpx;
@@ -162,6 +184,7 @@
 					flex-shrink: 0;
 					border-radius: 50%;
 				}
+
 				.user-name {
 					max-width: 500rpx;
 					font-size: 30rpx;
@@ -169,6 +192,7 @@
 					font-weight: 500;
 					color: #FFFFFF;
 				}
+
 				.user-phone {
 					padding-top: 10rpx;
 					font-size: 22rpx;
@@ -177,10 +201,11 @@
 					color: #FFFFFF;
 				}
 			}
+
 			.apply-info {
 				padding: 25rpx 0 0 100rpx;
 				justify-content: space-between;
-				
+
 				.img-wrap {
 					.upimg {
 						width: 153rpx;
@@ -190,6 +215,7 @@
 						margin-left: 10rpx;
 					}
 				}
+
 				.btn-wrap {
 					align-self: flex-end;
 					color: #FAD6B0;
@@ -197,16 +223,19 @@
 					font-family: PingFang SC;
 					font-weight: 500;
 					color: #FAD6B0;
+
 					.btn {
 						width: 98rpx;
 						line-height: 47rpx;
 						text-align: center;
 					}
+
 					.btn-reject {
 						border: 1px solid #FAD6B0;
 						border-radius: 5rpx;
 						color: #FAD6B0;
 					}
+
 					.btn-pass {
 						background: linear-gradient(-74deg, #CE9C6D, #FFECD6);
 						border-image: linear-gradient(115deg, #FEEBD5, #FFFFFF, #E1AD7D) 1 1;