province-uniapp-qinghai-ipad/pages/fireFighting/details.vue

<template>
	<view class="content">
		<u-form :model="formData" ref="uForm" label-align="right">
			<u-form-item label="报警单位" label-width="80px">
				<u-input readonly v-model="formData.alarmUnit" type="text" />
			</u-form-item>
			<u-form-item label="报警类型" label-width="80px">
				<u-input readonly v-model="formData.alarmType" type="text" />
			</u-form-item>
			<u-form-item label="报警时间" label-width="80px">
				<u-input readonly v-model="formData.alarmTime" type="text" />
			</u-form-item>
			<u-form-item label="报警位置" label-width="80px">
				<u-input readonly v-model="formData.alarmLocation" type="text" />
			</u-form-item>
			<u-form-item label="报警等级" label-width="80px">
				<u-input readonly v-model="formData.alarmLevel" type="text" />
			</u-form-item>
			<u-form-item label="报警人" label-width="80px">
				<u-input readonly v-model="formData.createUser" type="text" />
			</u-form-item>
		</u-form>
	</view>
</template>

<script>
	import * as api from "@/api/fireFighting.js"
	export default {
		data() {
			return {
				formData: {}
			}
		},
		onLoad(option) {
			this.getDrtails(option.id)
		},
		methods: {
			getDrtails(id) {
				api.getDetail({
					id
				}).then(res => {
					this.formData = res.data

				})
			}
		}
	}
</script>

<style scoped lang="scss">
	.content {
		margin: 10px 20px;

		.u-form {
			overflow: hidden;

			.u-form-item {
				float: left;
				margin-right: 10px;
				width: calc(100% / 2 - 10px);
			}
		}
	}
</style>