safetyHome_wxapp/pages/index/changeHouse.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>

				</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 class="delete">
						<radio-group @change="changeHouse(item)">
							<radio style="transform:scale(0.8)" :value="item.houseName" :checked="homeId==item.houseId" />
						</radio-group>

					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				visible:true,
				data: [],
				address: uni.getStorageSync('homeAdress'),
				homeId:uni.getStorageSync('homeId')
			}
		},
		onShow() {

		},
		mounted() {
			this.getHouseData()
		},
		methods: {
			// 切换房屋
			changeHouse(item) {
				console.log(item)
				uni.setStorageSync('homeAdress', item.houseName)
				uni.setStorageSync('comtyId', item.comtyId)
				uni.setStorageSync('homeId', item.houseId)
			   this.http.httpRequest('/wxapplet/ownersid/getHouseState','get',{
			   	cardNo:uni.getStorageSync('idNumber'),
			   	comtyId:uni.getStorageSync('comtyId'),
			   	houseId:uni.getStorageSync('homeId'),
			   },true).then((res)=>{
			   	if(res.code==0){
			   		uni.setStorageSync('houseStatus',res.data.houseStatus)
			   	}
				uni.switchTab({
					url: "./index"
				})
			   })
			},
			// 添加房屋信息
			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
						}
						uni.hideLoading()
						this.data = res.data
					} 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);
	}

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