xfapp/pages/setting/building/building.vue

<template>
	<view>
	
		<view class="basic-info">
			<view class="info-tit margin-left-xs">
				<text class="cuIcon-titles margin-right-xs"></text>
				基本信息
			</view>
			<view class="info-content padding-lr">
				<table style="border:1px solid #ccc"  cellspacing="0" cellpadding="0" align="center">
					<tr>
						<td>建筑物名称</td>
						<td>{{this.getDetailData.build_name}}</td>
					</tr>
					<tr>
						<td>建筑物类别</td>
						<td>{{this.getDetailData.build_type}}</td>
					</tr>
					<tr>
						<td>建造日期</td>
						<td>{{this.getDetailData.build_time}}</td>
					</tr>
					<tr>
						<td>使用性质</td>
						<td>{{this.getDetailData.nature_use}} </td>
					</tr>
					<tr>
						<td>火灾危险级</td>
						<td>{{this.getDetailData.fire_risk_level}}</td>
					</tr>
					<tr>
						<td>耐火等级</td>
						<td>{{this.getDetailData.fire_resistance_rating}} </td>
					</tr>
					<tr>
						<td>结构类型</td>
						<td>{{this.getDetailData.structure_type}}</td>
					</tr>
					<tr>
						<td>建筑高度</td>
						<td>{{this.getDetailData.build_height}}</td>
					</tr>
					<tr>
						<td> 建筑面积</td>
						<td>{{this.getDetailData.build_area}}</td>
					</tr>
					<tr>
						<td>占地面积</td>
						<td>{{this.getDetailData.land_occupation_area}}</td>
					</tr>
	
					<tr>
						<td>标准层面积</td>
						<td>{{this.getDetailData.standard_area}}</td>
					</tr>
					<tr>
						<td>地上层数  </td>
						<td>{{this.getDetailData.aboveground_layer}}</td>
					</tr>
					<tr>
						<td>地上层面积  </td>
						<td>{{this.getDetailData.aboveground_area}}</td>
					</tr>
					
					<tr>
						<td>地下层数 </td>
						<td>{{this.getDetailData.underground_floor}}</td>
					</tr>
					<tr>
						<td>地下层面积 </td>
						<td>{{this.getDetailData.underground_area}}</td>
					</tr>
					<tr>
						<td>消防控制室位置</td>
						<td>{{this.getDetailData.control_room}}</td>
					</tr>
					<tr>
						<td> 避难层数量</td>
						<td>{{this.getDetailData.refuge_layer}}</td>
					</tr>
					<tr>
						<td> 消防电梯数量</td>
						<td>{{this.getDetailData.fire_elevator}}</td>
					</tr>
				</table>
			</view>
		</view>

		
		<view class="processStatus">
			<view class="info-tit margin-left-xs">
				<text class="cuIcon-titles margin-right-xs"></text>
				消防设施平面布置图
			</view>
			<view class="padding-lr imgPic" >
					<image v-if="!this.getDetailData.build_plan&&this.dataRes==1"  mode='widthFix' src="/static/defaultImg.jpg"/>
					<image v-else mode='widthFix' :src="this.getDetailData.layout_plan" />
			
			
			</view>
		</view>
		
		
		<view class="processStatus">
			<view class="info-tit margin-left-xs">
				<text class="cuIcon-titles margin-right-xs"></text>
				建筑平面图
			</view>
			<view class="padding-lr padding-bottom-lg imgPic"  >

					<image   v-if="!this.getDetailData.build_plan&&this.dataRes==1"  mode='widthFix' src="/static/defaultImg.jpg"/>
					<image  v-else :src="this.getDetailData.build_plan" mode='widthFix' />
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				getDetailData:{},
				dataRes:0
			}
		},
		onLoad: function(option) {
			this.getDetails({'company_code':uni.getStorageSync('selectedCode')})
		},
		methods: {
			// 建筑基础数据请求
			async getDetails(params = {}) {
				const res = await this.$myRequest({
					url: 'BuildingInformation/getBuildingManagement',
					data: params,
					showLoading: true
				})
				this.getDetailData = res.data.data[0];
				console.log(this.getDetailData);
				this.dataRes=1
			},
		}
	}
</script>

<style lang="scss" scoped>
	/deep/ .image-bg>div{
		background-size:cover!important
	}

</style>