<template>
	<view>
		<dateCheck></dateCheck>
		<scroll-view class="scroll-view-box" :scroll-y="true">
			<view v-for="(item, index) in oldMaterialList">
				<materialItem style="background-color: darkgray" :materialInfo="item"></materialItem>
			</view>
		</scroll-view>
	</view>
</template>

<script>
	import dateCheck from '@/pages/agv/components/dateCheck/index.vue';
	export default {
		components: {
			dateCheck
		},
		data() {
			return {
				oldMaterialList: [],
			}
		},
		methods: {
			
		}
	}
</script>

<style scoped>
.scroll-view-box {
	width: 94%;
	margin: 0 auto;
	margin-top: 30px;
	height: 400px;
	padding: 10px;
	background-color: rgba(179, 179, 179, 0.7);
	border-radius: 5px;
}
.scroll-view-last {
	width: 100%;
	height: 60px;
	font-size: 20px;
	color: rgba(0, 9, 0, 0.7);
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 10px;
	background-color: white;
}
.button-box {
	width: 80%;
	margin: 10px auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
</style>
