<template>
	<view class="right-top">
		<scroll-view class="top-list" scroll-y>
			<view class="list-view" 
				v-for="(item,index) in uni.getStorageSync('NUall').elderServerEntityList || []" :key="index" >
				<view class="">
					{{ item.directiveName }}
				</view>
				<view class="card-bottom">
					{{ item?.startTime  }}
					-
					{{ item?.endTime }}
					<view class="bottom-blue">
						待执行
					</view>
				</view>	
				
			</view>
		</scroll-view>
	</view>
</template>

<script setup>

</script>

<style scoped lang="less">
	.right-top {
		margin-top: 20rpx;
		width: 100%;
		height: 40vh;
		background-color: #fff;
		border-radius: 4vh;
		padding-top: 2vh;

		.top-title {
			width: 100%;
			height: 7vh;
			display: flex;
			align-items: center;
			margin-left: 2vw;
			font-size: 1.4vw;
			font-weight: 600;
		}

		.top-list {
			width: 100%;
			height: 36vh;
			

			.list-view {
				width: 90%;
				margin-left: 5%;
				height: 10vh;
				margin-bottom: 1vh;
				border-radius: 1vw;
				background-color: rgba(226, 227, 231, 0.5);
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				font-size: 1.5vw;
				.card-bottom{
					margin-top: 0.5vh;
					display: flex;
					align-items: center;
					font-size: 1.2vw;
					.bottom-blue{
						width: 4vw;
						height: 2vw;
						margin-left: 1vw;
						border-radius: 0.5vw;
						background-color: #4874CB;
						color: #fff;
						display: flex;
						justify-content: center;
						align-items: center;
						font-size: 1vw;
					}
				}
			}

		}
	}
</style>