From 155f2b80f2a9b6f900c73f6e4461e9cebb7cd028 Mon Sep 17 00:00:00 2001
From: whycq <10027870+whycq@user.noreply.gitee.com>
Date: 星期二, 10 十月 2023 17:12:20 +0800
Subject: [PATCH] #

---
 pages/business/cstmr/csmtr.vue |  136 ++++++++++++++++++++++++++++++++++-----------
 1 files changed, 103 insertions(+), 33 deletions(-)

diff --git a/pages/business/cstmr/csmtr.vue b/pages/business/cstmr/csmtr.vue
index bd22fc2..e504094 100644
--- a/pages/business/cstmr/csmtr.vue
+++ b/pages/business/cstmr/csmtr.vue
@@ -2,22 +2,26 @@
 	<view>
 		<!-- 鎼滅储妗� -->
 		<view class="search-bg">
-			<uni-search-bar placeholder="瀹㈡埛浠e彿/鍚嶇О" bgColor="#f4f4f4" align @confirm="search" />
+			<uni-search-bar placeholder="瀹㈡埛浠e彿/鍚嶇О" bgColor="#f4f4f4"  @confirm="search" />
 		</view>
-		<scroll-view>
+		<view>
 			<!-- 瀹㈡埛鍒楄〃 -->
 			<view class="c-list" @click="getDetails(item.id)" v-for="(item,index) in csmtrList" :key="index">
-				<view class="titles"><y-title :title="item.name"></y-title></view><view></view>
-				<!-- <view class="list-item1 title">{{item.name}}</view><view class="list-item"></view> -->
-				<view class="list-item1">瀹㈡埛浠e彿</view><view class="list-item2">{{item.uuid}}</view>
-				<view class="list-item1">璇︾粏鍦板潃</view><view class="list-item2">{{item.addr}}</view>
-				<view class="list-item1">鐢佃瘽</view><view class="list-item2">{{item.tel}}</view>
-				<view class="list-item1">澶囨敞</view><view class="list-item2">{{item.remarks  ? item.remarks : '--'}}</view>
-				<view class="list-item1">瀹㈡埛绫诲埆</view><view class="list-item2">{{item.cstmrType$}}</view>
-				<view class="list-item1">鍒涘缓浜�</view><view class="list-item2">{{item.createBy$}}</view>
-				<view class="list-item1">鍒涘缓鏃堕棿</view><view class="list-item2">{{item.createTime$}}</view>
+				<view class="titles">
+					<y-title :title="item.name"></y-title>
+				</view>
+				<view style="display: grid;grid-template-columns: 1fr 3fr;">
+					<view class="list-item1">瀹㈡埛浠e彿</view><view class="list-item2">{{item.uuid}}</view>
+					<view class="list-item1">璇︾粏鍦板潃</view><view class="list-item2">{{item.addr}}</view>
+					<view class="list-item1">鐢佃瘽</view><view class="list-item2">{{item.tel}}</view>
+					<view class="list-item1">澶囨敞</view><view class="list-item2">{{item.remarks  ? item.remarks : '--'}}</view>
+					<view class="list-item1">瀹㈡埛绫诲埆</view><view class="list-item2">{{item.cstmrType$}}</view>
+					<view class="list-item1">鍒涘缓浜�</view><view class="list-item2">{{item.createBy$}}</view>
+					<view class="list-item1">鍒涘缓鏃堕棿</view><view class="list-item2">{{item.createTime$}}</view>
+				</view>
 			</view>
-		</scroll-view>
+		</view>
+		<uni-load-more :status="status" :icon-size="16" :content-text="contentText" />
 	</view>
 </template>
 
@@ -25,8 +29,17 @@
 	export default { 
 		data() {
 			return {
-				baseUrl: '',
 				csmtrList: [],
+				last_id: '',
+				reload: false,
+				status: 'more',
+				curr:2,
+				contentText: {
+					contentdown: '涓婃媺鍔犺浇鏇村',
+					contentrefresh: '鍔犺浇涓�',
+					contentnomore: '娌℃湁鏇村'
+				},
+				
 			}
 		},
 		// 鏂板缓鎸夐挳浜嬩欢
@@ -34,37 +47,41 @@
 			uni.navigateTo({
 				url:'/pages/business/cstmr/addCsmtr',
 			})
+			
+		},
+		onLoad() {
+			
 		},
 		onShow() {
-			this.baseUrl = uni.getStorageSync('baseUrl')
+			setTimeout(()=> {
+				this.getCsmtr1()
+			},500)
+		},
+		onReachBottom() {
+			this.status = 'more';
 			this.getCsmtr()
 		},
 		methods: {
-			getCsmtr() {
+			getCsmtr1(e) {
 				let that = this
+				that.csmtrList = []
 				uni.request({
 					url: that.baseUrl + '/cstmr/page/auth',
-					fail(result) {
-						uni.showToast({title: '璇锋眰澶辫触'})
-						setTimeout(() => {
-							uni.reLaunch({
-								url: '../../login/login'
-							});
-						}, 1000);
-					},
-					header: {'token' : uni.getStorageSync('token'),
-					"content-type": "application/json"},
-					data: {curr:1,limit:16},
-					method:'POST',
+					header: {'token' : uni.getStorageSync('token'),},
+					data: {curr:1,limit:4},
+					method:'GET',
 					success(result) {
-						console.log(res);
 						if (result.statusCode ===  404) {
 							uni.showToast({title: '璇烽噸鏂扮櫥褰�', icon: "none", position: 'top'})
 							return
 						}
 						var res = result.data
 						if (res.code === 200) {
-							that.csmtrList = res.data.records
+							let list = res.data.records
+							that.csmtrList = that.reload ? list : that.csmtrList.concat(list);
+							if (res.data.records.length == 0) {
+								that.status = 'noMore'
+							}
 						} else if (res.code === 403) {
 							uni.showToast({title: res.msg, icon: "none", position: 'top'})
 							setTimeout(() => {
@@ -75,15 +92,67 @@
 						} else {
 							uni.showToast({title: res.msg, icon: "none",position: 'top'})
 						}
-					}
+					},
+					fail(result) {
+						uni.showToast({title: '璇锋眰澶辫触'})
+						setTimeout(() => {
+							uni.reLaunch({
+								url: '../../login/login'
+							});
+						}, 1000);
+					},
+				})
+			},
+			getCsmtr() {
+				let that = this
+				uni.request({
+					url: that.baseUrl + '/cstmr/page/auth',
+					header: {'token' : uni.getStorageSync('token'),},
+					data: {curr:that.curr,limit:4},
+					method:'GET',
+					success(result) {
+						if (result.statusCode ===  404) {
+							uni.showToast({title: '璇烽噸鏂扮櫥褰�', icon: "none", position: 'top'})
+							return
+						}
+						var res = result.data
+						if (res.code === 200) {
+							let list = res.data.records
+							that.csmtrList = that.reload ? list : that.csmtrList.concat(list);
+							that.curr = that.curr + 1
+							if (res.data.records.length == 0) {
+								that.status = 'noMore'
+							}
+						} else if (res.code === 403) {
+							uni.showToast({title: res.msg, icon: "none", position: 'top'})
+							setTimeout(() => {
+								uni.reLaunch({
+									url: '../../login/login'
+								});
+							}, 1000);
+						} else {
+							uni.showToast({title: res.msg, icon: "none",position: 'top'})
+						}
+					},
+					fail(result) {
+						uni.showToast({title: '璇锋眰澶辫触'})
+						setTimeout(() => {
+							uni.reLaunch({
+								url: '../../login/login'
+							});
+						}, 1000);
+					},
 				})
 			},
 			getDetails(id) {
 				uni.navigateTo({
 					url: '/pages/business/cstmr/cstmrDetails?id=' + id
 				})
-			}
+			},
 			// ---
+			search() {
+				
+			}
 		}
 	}
 </script>
@@ -95,8 +164,8 @@
 		background-color: #fff;
 		border-radius: 10rpx;
 		margin: 20rpx 2% 0 2%;
-		display: grid;
-		grid-template-columns: 1fr 3fr;
+		display: flex;
+		flex-direction: column;
 		font-size: 24rpx;
 	}
 	/* 鐖秜iew 鎹� scroll-view */
@@ -104,6 +173,7 @@
 		margin-bottom: 20px;
 	}
 	.list-item1 {
+		
 		height: 45rpx;
 		line-height: 45rpx;
 		color: #909399;

--
Gitblit v1.9.1