<template>
	<view class="pageBgImg">
		<topNavbar title="今日上课学员"></topNavbar>
		<view class="con">
			<view class="card" v-for="(item,index) in list" :key="index">
				<appointItem :item="item"/>
			</view>
		</view>
	</view>
</template>

<script>
	import appointItem from './comp/appointItem-operate'
	export default {
		components: {
			appointItem
		},
		data() {
			return {
				list: [
					{
						studentName: '王一一',
						studentPhone: '18267103166',
						loginStatus: '0',
						subject: '2',
						siteName: '长红驾校一号场地',
						carNumber: '豫A888666',
						classDate: '2024/02/28',
						isOnTime: false
					},
					{
						studentName: '王二二',
						studentPhone: '18267103166',
						loginStatus: '1',
						subject: '2',
						siteName: '长红驾校一号场地',
						carNumber: '豫A888666',
						classDate: '2024/02/28',
						isOnTime: true
					},
					{
						studentName: '王三三',
						studentPhone: '18267103166',
						loginStatus: '1',
						subject: '2',
						siteName: '长红驾校一号场地',
						carNumber: '豫A888666',
						classDate: '2024/02/28',
						isOnTime: false
					},
					{
						studentName: '王四四',
						studentPhone: '18267103166',
						loginStatus: '2',
						subject: '2',
						siteName: '长红驾校一号场地',
						carNumber: '豫A888666',
						classDate: '2024/02/28',
						isOnTime: false
					}
				]
			}
		}
	}
</script>

<style lang="scss" scoped>
	.con {
		padding: 0 28rpx;
		.card {
			padding: 0 20rpx;
			margin-bottom: 20rpx;
		}
	}
</style>