<template>
	<view class="check-message-detail">
		<view class="detail-item" v-for="item in form"  :key="item.id">
			<text>{{item.name}}</text>
			<text>{{item.value}}</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				form: [
					{
						id: 'odd',
						name: '申请单号',
						value: '1111111111'
					},
					{
						id: 'number',
						name: '申请者工号',
						value: '1111111111'
					},
					{
						id: 'name',
						name: '申请者姓名',
						value: '张三'
					},
					{
						id: 'phone',
						name: '申请者手机号',
						value: '12345678912'
					},
					{
						id: 'phone',
						name: '申请者手机号',
						value: '12345678912'
					},
					{
						id: 'phone',
						name: '访客姓名',
						value: '12345678912'
					},
					{
						id: 'phone',
						name: '访客身份证',
						value: '123456789126415897'
					},
				]
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.check-message-detail {
		padding: 40rpx;
		.detail-item{
			display: flex;
			justify-content: space-between;
			margin-top: 44rpx;
		}
	}

</style>