safetyHome_wxapp/pages/mine/myHouse.vue

<!-- 我的房屋 -->
<template>
	<view class="">
		 <view v-show="visible">
			 <view class="img">
			 		<image src="../../static/null_image_checking@2x.png" style="width: 100%;height: 100%;"></image>
			 </view>
			 <view class="title">
			 	房屋正在审核中，暂无数据~
			 </view>
		 </view>
		<view class="item" v-for="(item,index) in data" :key="index" v-show="!visible">
			<view class="content">
				<view class="city">
					<view style="height: 100%;display: flex;">
						<image src="../../static/house_icon_location@2x.png" style="width: 40rpx;height:40rpx;margin-right: 18rpx;"></image>
						<view class="text">{{item.comtyName}}</view>
						<view class="delete" @tap="deleteHouse(item.houseId,item.comtyId)">
							删除
						</view>
					</view>
				</view>
				<view class="address">
					<image src="../../static/house_icon_house@2x.png" style="width: 40rpx;height:40rpx;margin-right: 18rpx;"></image>
					<view class="text">{{item.houseName}}</view>
					
				</view>
			</view>
		</view>
		<!-- 添加房屋信息 -->
		<view class="btn" @tap="addMyHouse">添加房屋信息</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				data: [],
				visible:true
			}
		},
		mounted() {
			this.getHouseData()
		},
		onUnload() {
			uni.navigateTo({
				url: './mine',
			})
			      
			 
		},
		methods: {
			// 删除房屋
			deleteHouse(item, id) {
				console.log(item, id)
				uni.showModal({
					title: '提示',
					content: '您确定删除当前房屋信息',
					success: (res) => {
						if (res.confirm) {
							this.http.httpRequest('/wxapplet/owner/peopleInfor/delHouse', 'post', {
								cardNo: uni.getStorageSync('idNumber'),
								comtyId: id,
								houseId: item
							}, true).then((res) => {
								if (res.code == 0) {
									uni.showToast({
										title: '删除成功',
										'icon': 'success'
									})
									setTimeout(()=>{
										this.getHouseData()
									},500)
								} else {
									uni.showToast({
										title: res.msg,
										'icon': 'none'
									})

								}
							})
						} else if (res.cancel) {
							console.log('用户点击取消');
						}
					}
				});
			},
			// 添加房屋信息
			addMyHouse() {
				uni.navigateTo({
					url: '../authentication/city'
				})
			},
			//获取房屋数据
			getHouseData() {
				uni.showLoading({
					mask: true,
					title: '加载中'
				})
				this.http.httpRequest('/wxapplet/ownerbasestruct/list', 'get', {
					userId: String(uni.getStorageSync('userId'))
				}, true).then((res) => {
					console.log(res)
					if (res.code == 0) {
						if(res.data.length==0){
							 this.visible=true
						}else{
							this.visible=false
							this.data = res.data
						}
						uni.hideLoading()
					} else {
						uni.hideLoading()
						uni.showToast({
							title: res.msg,
							"icon": 'none'
						})
					}
				}).catch(() => {

					uni.hideLoading()
				})
			}
		}
	}
</script>

<style>
	.img{
		width: 520rpx;
		height: 520rpx;
		margin: 0  auto;
		margin-top: 262rpx;
	}
	.title{
		width: 510rpx;
		height: 50rpx;
		font-size:36rpx;
		font-family:PingFang SC;
		font-weight:400;
		line-height:50rpx;
		color:rgba(36,36,36,1);
		margin:0 auto;
		margin-top: 46rpx;
		text-align: center;
		}
		
	.btn {
		width: 702rpx;
		height: 90rpx;
		background: rgba(41, 138, 253, 1);
		opacity: 1;
		border-radius: 18rpx;
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: bold;
		line-height: 90rpx;
		color: rgba(255, 255, 255, 1);
		text-align: center;
		position: absolute;
		bottom: 56rpx;
		left: 26rpx;
	}

	.address {
		width: 100%;
		height: 40rpx;
		margin-top: 42rpx;
		margin-bottom: 20rpx;
		display: flex;
	}

	.delete {
		width: 60rpx;
		height: 32rpx;
		font-size: 22rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: rgba(41, 138, 253, 1);
		margin-left: 100rpx;
	}

	.item {
		width: 702rpx;
		/* height:164rpx; */
		background: rgba(249, 252, 255, 1);
		opacity: 1;
		margin: 0 auto;
		margin-top: 40rpx;
		overflow: hidden;
	}

	.content {
		width: 622rpx;
		margin: 0 auto;
	}

	.city {
		width: 100%;
		height: 40rpx;
		display: flex;
		justify-content: space-between;
		margin-top: 26rpx;
	}

	.text {
		width: 400rpx;
		height: 40rpx;
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: bold;
		line-height: 40rpx;
		color: rgba(41, 138, 253, 1);
	}

	.address .text {
		width: 550rpx;
		height: 36rpx;
		font-size: 26rpx;
		font-family: PingFang SC;
		font-weight: 400;
		color: rgba(51, 51, 51, 1);
	}
</style>