safetyHome_wxapp/pages/mine/myHouse.vue

<!-- 我的房屋 -->
<template>
	<view class="">
		<view class="item" v-for="(item,index) in data" :key="index">
			<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.address}}</view>
					</view>

				</view>
				<view class="address" v-for="(list,index1) in item.ownerHouse" :key="index1">
					<image src="../../static/house_icon_house@2x.png" style="width: 40rpx;height:40rpx;margin-right: 18rpx;"></image>
					<view class="text">{{list.houseName}}</view>
					<view class="delete" @tap="deleteHouse(list.houseId,item.id)">
						删除
					</view>
				</view>
			</view>
		</view>
		<!-- 添加房屋信息 -->
		<view class="btn" @tap="addMyHouse">添加房屋信息</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				data: []
			}
		},
		mounted() {
			this.getHouseData()
		},
		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'
									})
									this.getHouseData()
								} 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) {
						uni.hideLoading()
						this.data = res.data
					} else {
						uni.hideLoading()
						uni.showToast({
							title: res.msg,
							"icon": 'none'
						})
					}
				}).catch(() => {

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

<style>
	.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);
	}

	.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>