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 |  151 ++++++++++++++++++++++++++++++++++++++-----------
 1 files changed, 116 insertions(+), 35 deletions(-)

diff --git a/pages/business/cstmr/csmtr.vue b/pages/business/cstmr/csmtr.vue
index 3ed6c41..e504094 100644
--- a/pages/business/cstmr/csmtr.vue
+++ b/pages/business/cstmr/csmtr.vue
@@ -1,20 +1,27 @@
 <template>
 	<view>
 		<!-- 鎼滅储妗� -->
-		<view></view>
-		<scroll-view>
+		<view class="search-bg">
+			<uni-search-bar placeholder="瀹㈡埛浠e彿/鍚嶇О" bgColor="#f4f4f4"  @confirm="search" />
+		</view>
+		<view>
 			<!-- 瀹㈡埛鍒楄〃 -->
-			<view class="c-list" @click="getMore()" v-for="(item,index) in csmtrList" :key="index">
-				<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.memo  ? item.memo : '--'}}</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="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 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>
 
@@ -22,8 +29,17 @@
 	export default { 
 		data() {
 			return {
-				baseUrl: '',
 				csmtrList: [],
+				last_id: '',
+				reload: false,
+				status: 'more',
+				curr:2,
+				contentText: {
+					contentdown: '涓婃媺鍔犺浇鏇村',
+					contentrefresh: '鍔犺浇涓�',
+					contentnomore: '娌℃湁鏇村'
+				},
+				
 			}
 		},
 		// 鏂板缓鎸夐挳浜嬩欢
@@ -31,28 +47,29 @@
 			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) {
 						if (result.statusCode ===  404) {
 							uni.showToast({title: '璇烽噸鏂扮櫥褰�', icon: "none", position: 'top'})
@@ -60,7 +77,11 @@
 						}
 						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(() => {
@@ -71,13 +92,67 @@
 						} else {
 							uni.showToast({title: res.msg, icon: "none",position: 'top'})
 						}
-					}
+					},
+					fail(result) {
+						uni.showToast({title: '璇锋眰澶辫触'})
+						setTimeout(() => {
+							uni.reLaunch({
+								url: '../../login/login'
+							});
+						}, 1000);
+					},
 				})
 			},
-			getDetails() {
+			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>
@@ -89,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 */
@@ -98,6 +173,7 @@
 		margin-bottom: 20px;
 	}
 	.list-item1 {
+		
 		height: 45rpx;
 		line-height: 45rpx;
 		color: #909399;
@@ -108,11 +184,16 @@
 		line-height: 45rpx;
 		color: black;
 	}
-	.title {
+	.titles {
+		padding-left: 10rpx;
+		text-indent: 5rpx;
+		margin-top: 10rpx;
+	}
+	/* .title {
 		height: 60rpx;
 		line-height: 70rpx;
 		font-size: 28rpx;
 		font-weight: 900;
 		color: #303133;
-	}
+	} */
 </style>
\ No newline at end of file

--
Gitblit v1.9.1