<template>
|
<view class="">
|
<view class="bgc-ff">
|
<view class="item-row flex j-c-s-b a-i-c">
|
<text>小区名称</text>
|
<text>{{detail.name}}</text>
|
</view>
|
<view class="item-row flex j-c-s-b a-i-c">
|
<text>居委会名称</text>
|
<text>{{detail.communityName}}</text>
|
</view>
|
<view class="item-row flex j-c-s-b a-i-c">
|
<text>房屋住址</text>
|
<text class="address">{{detail.address}}</text>
|
</view>
|
</view>
|
<view class="box bgc-ff" v-if="detail.remark">
|
<view class="caption f-28">
|
小区简介
|
</view>
|
<view class="f-30">
|
{{detail.remark}}
|
</view>
|
</view>
|
<view class="box bgc-ff" v-if="images.length">
|
<view class="caption f-28">
|
小区照片
|
</view>
|
<u-album :urls="images" singleSize="100" multipleSize="100"></u-album>
|
</view>
|
</view>
|
|
</template>
|
|
<script>
|
import {
|
getDistrictDetail
|
} from "@/api/house/house.js"
|
import {
|
minioBaseUrl
|
} from "@/common/setting.js"
|
export default {
|
data() {
|
return {
|
detail: {},
|
images: []
|
}
|
},
|
|
onLoad() {
|
this.getDetail()
|
},
|
|
methods: {
|
getDetail() {
|
getDistrictDetail({
|
houseCode: uni.getStorageSync("siteInfo").houseCode
|
}).then(res => {
|
this.detail = res.data;
|
if (res.data.picUrl) {
|
this.images = this.setImageUrl(res.data.picUrl);
|
}
|
})
|
},
|
|
setImageUrl(str) {
|
let urls = str.split(",")
|
let temp = [];
|
for (let i of urls) {
|
temp.push(`${minioBaseUrl}${i}`)
|
}
|
return temp
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss">
|
page {
|
background-color: #f5f5f5;
|
}
|
|
.item-row {
|
width: 100%;
|
padding: 30rpx;
|
box-sizing: border-box;
|
border-bottom: 1px solid #f5f5f5;
|
font-size: 28rpx;
|
}
|
|
.address {
|
width: 70%;
|
text-align: right;
|
}
|
|
.box {
|
padding: 0 30rpx;
|
margin-top: 20rpx;
|
}
|
|
.caption {
|
padding: 30rpx 0;
|
}
|
</style>
|
