zhxf-app/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">
				<!-- <img src="../../../static/building1.png" alt="" width="100%"> -->
				<img :src="this.getDetailData.layout_plan" alt="" width="100%">
			</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">
				<img :src="this.getDetailData.build_plan" alt="" width="100%">
				<br><br>
			</view>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				getDetailData:{}
			
			}
		},
		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)
				
			},
			
			

			


		}
	}
</script>

<style lang="scss">
	
	

	
	


</style>