<template>
    <u-popup :show="isShow" @close="close" :closeOnClickOverlay="false" :overlay="false" :closeable="true">
		<view class="container">
			<u--form label-width="auto" labelAlign="right"
				:labelStyle="{
					fontSize: '28rpx',
					fontWeight: '700',
				}"
			>
				<u-row>
					<u-col :span="8" v-if="tabStyle == 'vehicle'">
						<u-form-item label="车牌号：" >
							{{renderItem(item,'plate','--')}}
						</u-form-item>
					</u-col>
					<u-col :span="8" v-if="tabStyle == 'personnel'">
						<u-form-item label="人员：" >
							{{renderItem(item,'name','--')}}
						</u-form-item>
					</u-col>
					<u-col :span="4">
						<u-form-item label="速度：" >
							{{renderItem(item,'speed','--')}}km/h
						</u-form-item>
					</u-col>
				</u-row>

				<u-form-item label="方向：" v-if="tabStyle == 'vehicle'">
					{{judgingDirectionAngle(renderItem(item,'direction'))}}
				</u-form-item>
				
				<u-form-item label="时间：" >
					{{renderItem(item,'gpsTime','--')}}
				</u-form-item>
			
				<u-form-item label="位置：" >
					{{renderItem(item,'location','--')}}
				</u-form-item>
			</u--form>
		</view>
	</u-popup>
</template>

<script>
import {isArray,clone,isObject } from 'lodash'
import {getImages} from '@/plugins/images'
import {copyProps,clearProps,judgingDirectionAngle} from '@/utils/gdtq.js'

export default {
	props: {
		item: {
			type: Object,
			default: () => {}
		}
	},
    data() {
        return {
			isShow: false,
			judgingDirectionAngle,
        }
    },
	computed: {
		tabStyle() {
			return this.$store.state.pastRoute.tabStyle
		}
	},
	mounted() {
		
	},
	
    methods: {
		
		show(e) {
			setTimeout(() => {
				this.isShow= true;
			},50)		
		},
		close() {
		    this.isShow = false
		},
	   
    }

}
</script>

<style lang="scss" scoped>
	.container {
		background: #fff;
		padding: 60rpx 0 0 20rpx;
		
		font-size: 28rpx;
		min-height: 360rpx;
	}
	
	
	
</style>
