<template>
	<view class="content ">
		<view class="flex">
			<view class="flex flex-direction ">
				<view class="flex justify-between">
					<view class="">
						<view class="item">
							<text class="cuIcon-news text-blue margin-right-10"></text>
							<text class="text-bold padding-right-10">车牌号：</text>
							<view class="padding-top-20">{{dataDetail.time}}</view>
						</view>
						<view class="item">
							<text class="cuIcon-location text-blue margin-right-10"></text>
							<text class="text-bold padding-right-10">车场名称：</text>
							<view class="padding-top-20">{{dataDetail.parking}}</view>
						</view>
						<view class="item">
							<text class="cuIcon-focus text-blue margin-right-10"></text>
							<text class="text-bold padding-right-10">抓拍设备：</text>
							<view class="padding-top-20">{{dataDetail.device}}</view>
						</view>
					</view>
					<view class="padding-top-20">
						<image @click="previewImg(dataDetail.image)" style="width: 250rpx;height: 280rpx;border-radius: 12rpx;" mode="scaleToFill" :src="dataDetail.image"></image>
					</view>
				</view>
				<view class="item">
					<text class="cuIcon-time text-blue margin-right-10"></text>
					<text class="text-bold padding-right-10">抓拍时间：</text>
					<view class="padding-top-20">{{dataDetail.time}}</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	var app=getApp()
	export default {
		data() {
			return {
				dataDetail:{}
			}
		},
		onShow() {
			this.dataDetail=app.globalData.carDetail
		},
		methods: {
			previewImg(img){
				let imgs=[]
				imgs.push(img)
				uni.previewImage({
					urls:imgs
				})
			}
		}
	}
</script>

<style lang="scss">
	page{
		background-color: #FFFFFF;
	}
	.content{
		padding:70rpx 60rpx;
		.item{
			padding: 22rpx 0;
		}
	}
</style>
