<template>
	<view>
		<u-status-bar></u-status-bar>
		<u-navbar
			title="山洪预警详情"
			:autoBack="true" 
			:titleStyle="{
				fontSize:'18px'
			}" 
			:height='44'
			:safeAreaInsetTop=true
			leftIconSize='20'
			leftIconColor='rgb(153, 153, 153)'
		>
		</u-navbar>
		<div class="bodyBg">
			<div class="mybody">
				<div class="row">
					<text class="lf">乡镇:</text>
					<div class="rf">
						<u--input
						    border="surround"
						    v-model="xz"
							:disabled='true'
						  ></u--input>
					</div>
				</div>
				<div class="row">
					<text class="lf">危险等级:</text>
					<div class="rf">
						<u--input
						    border="surround"
						    v-model="wxdj"
							:disabled='true'
						  ></u--input>
					</div>
				</div>
				<div class="row">
					<text class="lf">预警依据:</text>
					<div class="rf">
						<u--textarea 
							v-model="yjyj" 
							:disabled='true'
							height=300
						></u--textarea>
					</div>
				</div>
				<div class="row">
					<text class="lf">预警时间:</text>
					<div class="rf">
						<u--input
						    border="surround"
						    v-model="yjsj"
							:disabled='true'
						  ></u--input>
					</div>
				</div>
			</div>
		</div>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				xz:'',
				wxdj:'',
				yjyj:'',
				yjsj:'',
				
			}
		},
		methods: {
			
		},
		onLoad(props){
			const record = JSON.parse(props.obj)
			this.xz = record.adnm
			this.wxdj = {'5':'准备转移','6':'立即转移'}[record.warngradeid]
			this.yjyj = record.warndesc
			this.yjsj = record.warnstm
		}
	}
</script>

<style lang="scss" scoped>
.bodyBg{
	background-color: rgba(247, 247, 247, 1);
	height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.mybody{
	margin-top: 50px;
	padding-top: 10px;
	width: 97%;
	height: 92%;
	background-color: #ffffff;
}
.row{
	display: flex;
	margin-top: 5px;
}
.lf{
	width: 25%;
	min-height: 40px;
	text-align: right;
	line-height: 38px;
	padding-right: 10px;
}
.rf{
	width: 75%;
	min-height: 40px;
	padding-right: 20px;
	padding-top: 1px;
}
</style>
