返乡登记管理员列表

src/projects/business/apis/Other/return.js

@@ -30,7 +30,7 @@ export function regionList(type) {
 	})
 }
 
-//获取详情
+//获取提交的详情
 export function returnInfoDetail(openId) {
 	return request({
 		url: '/mobile/personInfoApi/returnInfoDetail',
@@ -40,3 +40,12 @@ export function returnInfoDetail(openId) {
 		method: 'post',
 	})
 }
+
+//管理人员获取列表
+export function commissionerReturnInfoList(data) {
+	return request({
+		url: '/mobile/personInfoApi/commissionerReturnInfoList',
+		data: Qs.stringify(data),
+		method: 'post',
+	})
+}

src/projects/business/views/Other/Return/List.vue

@@ -1,38 +1,132 @@
 <template>
-<div>
-    <header class="mui-bar mui-bar-nav">
-			<h1 class="mui-title">返乡人员登录信息</h1>
-			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
-		</header>
+	<div>
+		<common @asynCallBack="asynCallBack"></common>
+		<top-header :pageTitle="pageTitle"></top-header>
+
 		<div class="mui-content vongi-zctj">
 			<div class="vongi-bagfff margin10">
 				<div class="vongi-xzdw-search">
-					<input type="search" placeholder="搜索姓名或编号">
+					<input v-model="listForm.name" @keyup.enter="reloadList" type="search" placeholder="搜索姓名">
 					<span class="mui-icon mui-icon-search"></span>
 				</div>
 			</div>
 			<div class="vongi-fx-list">
 				<ul class="mui-table-view">
-					<li class="mui-table-view-cell">
-						<a class="mui-navigate-right" href="#">
+					<li v-for="(item,index) in recordList" class="mui-table-view-cell">
+						<a class="mui-navigate-right">
 							<div class="mui-pull-left">
-								高进权<span class="color4fc5f7">男</span>155000111</div>
-							<span class="mui-pull-right mui-badge mui-badge-danger">NEW</span>
-						</a>
-					</li>
-					<li class="mui-table-view-cell">
-						<a class="mui-navigate-right" href="#">
-							<div class="mui-pull-left">
-								高进权<span class="colorfe616c">女</span>155000111</div>
+								{{item.name}}<span class="color4fc5f7" v-text="item.sex=='1'?'男':'女'"></span>{{item.phone}}
+							</div>
+							<!-- <span class="mui-pull-right mui-badge mui-badge-danger">NEW</span> -->
 						</a>
 					</li>
 				</ul>
 			</div>
 		</div>
-</div>
+
+		<loading :visible="isLoading"></loading>
+	</div>
 </template>
 
 <script>
+	import * as API_return from '@/apis/Other/return'
+	import Common from '$project/components/Common.vue'
+	import Loading from '$project/components/Loading.vue'
+	import TopHeader from '$project/components/TopHeader.vue'
+	import isReachBottom from '$project/utils/isReachBottom'
+	import {
+		mapGetters,
+		mapMutations
+	} from 'vuex'
+	export default {
+		name: 'OtherReturnList',
+		components: {
+			Common,
+			Loading,
+			TopHeader
+		},
+		data() {
+			return {
+				isLoading: false,
+
+				pageTitle: '返乡人员登录信息',
+
+				listForm: {
+					name: '',
+					pageIndex: '',
+					pageSize: 20,
+					totalPage: 1,
+				},
+				recordList: [],
+			}
+		},
+		created() {},
+		methods: {
+			//重新搜索加载
+			reloadList() {
+				this.listForm.pageIndex = 1;
+				this.getList();
+			},
+			//获取列表
+			getList() {
+				this.isLoading = true;
+				API_return.commissionerReturnInfoList(this.listForm).then(response => {
+					this.isLoading = false;
+
+					if (response) {
+						if (this.listForm.pageIndex == 1) {
+							this.recordList = response.data;
+							this.listForm.pageIndex = response.pageNumber;
+							this.listForm.totalPage = response.totalPage;
+						} else {
+							this.recordList = [
+								...this.recordList,
+								...response.data
+							];
+						}
+					}
+					this.listForm.pageIndex++;
+
+				}).catch(error => {
+					this.isLoading = false;
+					mui.toast(error);
+				})
+			},
+			//下拉事件
+			handleScrool() {
+				if (isReachBottom()) {
+					console.log('到达底部')
+					if (this.listForm.pageIndex <= this.listForm.totalPage && this.isLoading == false) {
+						this.getList();
+					} else {
+						return;
+					}
+				}
+			},
+			asynCallBack() {},
+		},
+		mounted() {
+			this.getList();
+			//监控下拉加载事件
+			var _this = this;
+			window.addEventListener('scroll', _this.handleScrool);
+		},
+		destroyed() {
+			//销毁监听事件
+			var _this = this;
+			window.removeEventListener('scroll', _this.handleScrool);
+		},
+		computed: {
+			...mapGetters({
+				openId: 'wx_openid',
+				token: 'token',
+				person_data: 'person_data',
+				person_popedom: 'person_popedom',
+				menu_list: 'menu_list',
+				common_menu_list: 'common_menu_list',
+			})
+		}
+	}
 </script>
 
 <style scoped src="$project/assets/css/xpwyfyy.css"></style>