我的房屋流程对接接口，缴费页面功能修改一版

property-uniapp-project/pageSubPack/my/myHouseIndex.vue

@@ -18,10 +18,12 @@
 					<!-- 标题 + 状态 -->
 					<view class="card-header">
 						<view class="title-box">
-							<text class="tag-default" v-if="item.isDefault">默认</text>
-							<text class="house-name">{{ item.houseName }}</text>
+							<text class="tag-default" v-if="item.isDefault==1">默认</text>
+							<text
+								class="house-name">{{ item.villageName+item.buildingName+item.unitNo+'单元'+item.floorNo+'楼' }}</text>
 						</view>
-						<text class="status-tag" :class="item.statusClass">{{ item.statusText }}</text>
+						<text class="status-tag"
+							:class="item.certificationStatus=='0'?'pending':item.certificationStatus=='1'?'success':item.certificationStatus=='2'?'fail':''">{{ item.certificationStatus=='0'?'未认证':item.certificationStatus=='1'?'认证成功':item.certificationStatus=='2'?'认证失败':'' }}</text>
 					</view>
 
 					<!-- 房屋信息 -->
@@ -29,21 +31,22 @@
 						<view class="row">
 							<text class="label">房间号</text>
 							<view class="value-box">
-								<text class="value">{{ item.roomNo }}</text>
+								<text class="value">{{ item.houseNo }}</text>
 							</view>
 						</view>
 						<view class="row">
 							<text class="label">业主</text>
-							<text class="value">{{ item.owner }}</text>
+							<text class="value">{{ item.name }}</text>
 						</view>
 						<view class="row">
 							<text class="label">房屋状态</text>
-							<text class="value">{{ item.houseStatus }}</text>
+							<text
+								class="value">{{ item.houseStatus==0?'自住':item.houseStatus==1?'闲置':item.houseStatus==2?'租赁':item.houseStatus==3?'其他':''}}</text>
 						</view>
-						<view class="defaultBox" v-if="item.statusText=='认证成功'&&!item.isDefault">
+						<view class="defaultBox" v-if="item.certificationStatus=='1'&&!item.isDefault==1">
 							<text class="set-default">设为默认</text>
-							<switch class="no-cross-switch" :checked="item.isDefault" color="#1677ff"
-								@change="onSwitchChange($event,index)" @click.stop />
+							<switch class="no-cross-switch" :checked="item.isDefault==1" color="#1677ff"
+								@change="onSwitchChange($event,item)" @click.stop />
 						</view>
 						<!-- <text v-if="item.showSetDefault" class="set-default"
 							@click="setDefault(item.id)">设为默认</text> -->
@@ -61,147 +64,166 @@
 
 
 </template>
+<script setup>
+	import {
+		ref,
+		onMounted,
 
-<script>
-	export default {
-		onReady: function(e) {},
-		components: {
-
-		},
-
-		computed: {
+	} from 'vue'
+	import {
+		onReachBottom,
+		onPullDownRefresh
+	} from '@dcloudio/uni-app'
+	import {
+		getMyHouseList,
+		setMyHouseDefault
+	} from '/pageSubPack/api/apiSub.js'
 
 
-		},
-		created() {
+	const houseList = ref([])
+	const loadingMore = ref(false)
+	const noMoreData = ref(false)
 
-		},
-		onShow() {
+	const pageNum = ref(1)
+	const pageSize = ref(10)
+	// ==================== 获取列表数据 ====================
+	const getList = async () => {
+		// 防重复请求
 
-		},
-		onUnload() {
-			// 页面卸载时清除定时器
-			if (this.timer) clearInterval(this.timer)
-		},
-		mounted() {},
-		data() {
-			return {
-				/* 设定状态栏默认高度 */
-				statusBarHeight: 20,
-				houseList: [{
-						id: 1,
-						houseName: "北境碧桂园小区（别墅）",
-						roomNo: "2号楼2层",
-						owner: "张三",
-						houseStatus: "自住",
-						isDefault: true,
-						statusText: "认证成功",
-						statusClass: "success",
-						showSetDefault: false,
-					},
-					{
-						id: 2,
-						houseName: "北境碧桂园小区（别墅）",
-						roomNo: "3号楼2层",
-						owner: "张三",
-						houseStatus: "自住",
-						isDefault: false,
-						statusText: "认证成功",
-						statusClass: "success",
-						showSetDefault: true,
-					},
-					{
-						id: 3,
-						houseName: "北境碧桂园小区（别墅）",
-						roomNo: "2号楼1层",
-						owner: "张三",
-						houseStatus: "闲置",
-						isDefault: false,
-						statusText: "认证失败",
-						statusClass: "fail",
-						showSetDefault: false,
-					},
-					{
-						id: 4,
-						houseName: "北境碧桂园小区（别墅）",
-						roomNo: "2号楼1层",
-						owner: "张三",
-						houseStatus: "闲置",
-						isDefault: false,
-						statusText: "认证中",
-						statusClass: "pending",
+		if (loadingMore.value || noMoreData.value) return
 
-						showSetDefault: false,
-					},
-
-				]
+		loadingMore.value = true
+		try {
+			const res = await getMyHouseList({
+				pageNum: pageNum.value,
+				pageSize: pageSize.value
+			})
 
+			const data = res
+			const newList = data.rows || []
 
+			// 第一页 → 覆盖数据
+			if (pageNum.value === 1) {
+				houseList.value = newList
+			} else {
+				// 后续页 → 追加数据
+				houseList.value = [...houseList.value, ...newList]
 			}
-		},
+			// 判断是否没有更多数据
+			if (newList.length < pageSize.value) {
+				noMoreData.value = true
+			} else {
+				pageNum.value++
+			}
+		} catch (err) {
+			uni.showToast({
+				title: '加载失败',
+				icon: 'none'
+			})
+			console.error('列表接口报错：', err)
+		} finally {
+			loadingMore.value = false
+			uni.stopPullDownRefresh() // 关闭下拉刷新
+		}
+	}
+
+	// ==================== 上拉加载更多（页面生命周期） ====================
+	onReachBottom(() => {
+		getList()
+	})
+
+	// ==================== 下拉刷新 ====================
+	const refresh = () => {
+		// 重置所有状态
+		pageNum = 1
+		pageSize = 10
+		noMoreData = false
+		houseList = []
+		loadingMore = false
+		getList()
+	}
+	onPullDownRefresh(() => {
+		refresh()
+	})
+
+	// 页面加载时请求第一页
+	onMounted(() => {
+		getList()
+	})
 
 
-		methods: {
-			// 开关切换
-			onSwitchChange(e, i) {
 
-				uni.showLoading({
-					title: '设置中...',
-					mask: true
+	const onSwitchChange = async (e, i) => {
+		// uni.showLoading({
+		// 	title: '设置中...',
+		// 	mask: true
+		// });
+
+		try {
+			const res = await setMyHouseDefault({
+				houseId: i.houseId
+			})
+			const data = res
+			if (data.code === 200) {
+				// uni.hideLoading();
+				loadingMore.value = false
+				noMoreData.value = false
+				getList()
+				uni.setStorageSync('houseIsDefault', e.detail.value)
+				uni.showToast({
+					title: '设置默认房屋成功',
+					icon: 'success'
 				});
-				setTimeout(() => {
-					uni.showToast({
-						title: '设置默认房屋成功',
-						icon: 'success'
-					});
-				}, 1000);
-				setTimeout(() => {
-					this.houseList.forEach((item, index) => {
-						if (index != i) {
-							item.isDefault = false
-						} else {
-							this.houseList[i].isDefault = e.detail.value
-
-						}
-					})
-					uni.setStorageSync('houseIsDefault', e.detail.value)
-				}, 2500);
-			},
-			tapHouse(item) {
-				uni.redirectTo({
-					url: '/pageSubPack/my/houseDetail?id=' + item.id + '&statusClass=' + item.statusClass,
-					success: res => {},
-					fail: () => {},
-					complete: () => {}
-				});
-			},
-
-			addHouse() {
-				uni.setStorageSync('operationType', 'add');
-				uni.redirectTo({
-					url: '/pageSubPack/my/addHouse',
-					success: res => {},
-					fail: () => {},
-					complete: () => {}
+			} else {
+				// uni.hideLoading();
+				uni.showToast({
+					title: `${res.msg}`,
+					icon: 'error'
 				});
+			}
+		} catch (err) {
+			// uni.hideLoading();
+			uni.showToast({
+				title: `${err}`,
+				icon: 'none'
+			})
+			console.error('列表接口报错：', err)
+		}
+	}
 
 
-			},
 
-			goBack() {
-				uni.switchTab({
-					url: '/pages/myIndex/myIndex',
-					success: res => {},
-					fail: () => {},
-					complete: () => {}
-				});
-			},
+	const tapHouse = (item) => {
+		uni.redirectTo({
+			url: '/pageSubPack/my/houseDetail?id=' + item.id + '&certificationStatus=' + item.certificationStatus,
+			success: res => {},
+			fail: () => {},
+			complete: () => {}
+		});
+	}
 
-		},
+	const addHouse = () => {
+		uni.setStorageSync('operationType', 'add');
+		uni.redirectTo({
+			url: '/pageSubPack/my/addHouse',
+			success: res => {},
+			fail: () => {},
+			complete: () => {}
+		});
 
 
 	}
+
+	const goBack = () => {
+		uni.switchTab({
+			url: '/pages/myIndex/myIndex',
+			success: res => {},
+			fail: () => {},
+			complete: () => {}
+		});
+	}
 </script>
+
 <style lang="scss">
 	page {
 		// background: #F3F8FD;
@@ -224,6 +246,7 @@
 		padding: 0px 40rpx;
 		box-sizing: border-box;
 	}
+
 	/* 空状态 */
 	.empty-state {
 		display: flex;
@@ -233,7 +256,7 @@
 		padding: 100rpx 0;
 		color: #ccc;
 	}
-	
+
 	.empty-text {
 		font-size: 32rpx;
 		color: #999;
@@ -273,19 +296,25 @@
 		display: flex;
 		align-items: center;
 		gap: 16rpx;
+		width: 100%;
+		overflow-x: hidden;
 	}
 
 	.house-name {
 		font-size: 32rpx;
 		font-weight: 600;
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
 	}
 
 	.tag-default {
 		background: #007aff;
 		color: #fff;
 		font-size: 24rpx;
-		padding:2rpx 16rpx;
+		padding: 2rpx 16rpx;
 		border-radius: 30rpx;
+		min-width: 48rpx;
 	}
 
 	/* 状态标签 */
@@ -294,6 +323,8 @@
 		padding: 6rpx 14rpx;
 		font-weight: 600;
 		border-radius: 6rpx;
+		min-width: 120rpx;
+		text-align: center;
 	}
 
 	.success {
@@ -345,7 +376,7 @@
 	}
 
 	.defaultBox {
-		margin-top:10rpx;
+		margin-top: 10rpx;
 		display: flex;
 		justify-content: space-between;
 		align-items: center;