<template>
	<view class="container">
		<view class="form">
			<view class="form_item" v-if="details.stationName">
				<view class="left">选择站点:</view>
				<view class="nr">{{details.stationName}}</view>
			</view>
			<view class="form_item" v-if="details.omName">
				<view class="left">维护内容:</view>
				<view class="nr">{{details.omName}}</view>
			</view>
			<view class="form_item" v-if="details.maintainPerson">
				<view class="left">负责人:</view>
				<view class="nr">{{details.maintainPerson}}</view>
			</view>
			<view class="form_item" v-if="details.maintainTime">
				<view class="left">维护时间:</view>
				<view class="nr">{{details.maintainTime}}</view>
			</view>
			<view class="bz_item" v-if="details.maintainNote">
				<view class="bz_top">
					备<span class="bz">注:</span>
				</view>
				<view class="bz_bot">
					<textarea style="width: 100%;" v-model="details.maintainNote" placeholder="请输入备注" disabled="true"/>
				</view>
			</view>
		</view>
		<view class="bot_btn">
			<button class="primary" @click="toback()">返 回</button>
		</view>
		<view class="pagebot"></view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				details:{
					stationName:'',
					stationCode:'',
					maintainPerson:'',
					maintainTime:'',
					maintainNote:'',
					omName:''
				}
			}
		},
		onLoad(options) {
			this.details = JSON.parse(decodeURIComponent(options.item));
		},
		onShow() {
			
		},
		methods:{
			toback(){
				uni.navigateBack({
					delta:1
				})
			}
		}
	}
</script>

<style lang="scss">
	page{
		height: 100%;
		background-color: #fff;
	}
	.form{
		padding: 0 30rpx;
	}
	.form_item{
		display: flex;
		justify-content: space-between;
		padding: 30rpx 0rpx;
		border-bottom:1rpx solid #e4e4e4;
		// font-weight: 500;
	}
	.left{
		font-weight: bold;
	}
	.nr{
		flex: 1;
		color: #767676;
		padding-left: 16rpx;
		text-align: right;
	}
	.dw{
		color: greenyellow;
	}
	.item_pic{
		border-bottom:1rpx solid #e4e4e4;
		padding: 30rpx 0rpx;
		font-weight: 500;
	}
	.imgList{
		display: flex;
		flex-wrap: wrap;
	}
	.imgList image{
		width: 130rpx;
		height: 130rpx;
		margin-right: 24rpx;
		margin-top: 20rpx;
	}
	.imgList image:nth-child(4n){
		margin-right: 0rpx;
	}
	.bz_item{
		padding: 40rpx 0rpx;
	}
	.bz_top{
		font-weight: bold;
		margin-bottom: 20rpx;
	}
	.bz{
		margin-left: 30rpx;
	}
	.bz_bot{
		color: #767676;
		line-height: 50rpx;
	}
	.bot_btn{
		padding: 0 30rpx;
		margin-top: 30rpx;
	}
	.primary{
		width: 100%;
		height: 90rpx;
		background-color: #0F6EFF;
		border: none;
		border-radius: 50rpx;
		color:#fff;
		font-weight: bold;
	}
	.dw{
		margin-left: 5rpx;
	}
	.pagebot{
		height: 200rpx;
	}
</style>