<template>
	<view class="container">
		<image class="cbg" src="../../static/common_bg.png"></image>
		<view class="wrap">
			<view class="item" @click="toUrl(item.id)" v-for="item in list">
				<view>{{item.name}}</view>
				<!-- <view>{{item.sign_date_status}}</view> -->
				<!-- <block v-for="item1 in apply_status_list">
					<view v-if="item.status===item1.id">{{item1.value}}</view>
				</block> -->
				<u-button type="primary" size="mini" @click="toUrl(item.id)">进入</u-button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		components: {
		},
		data() {
			return {
				apply_status_list: [{
					id: 0,
					value: '待审核',
					type: ''
				}, {
					id: 1,
					value: '通过',
					type: 'success'
				}, {
					id: 2,
					value: '审核不通过',
					type: 'warning'
				}],
				list:[]
			}
		},
		onLoad() {
			console.log("selectOptions",this.selectOptions)
			this.getMyCourse()
		},
		methods:{
			async getMyCourse(){
				const res = await this.$u.api.courseMy()
				this.list = res.list.data
			},
			toUrl(id){
				uni.navigateTo({
					url:'/packages/mycourse/detail?id='+id
				})
			},
		}

	}
</script>

<style scoped lang="scss">
	.container{
		padding: 30rpx;
		width:100%;
		height:100vh;
		.cbg {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100vh;
		}
		.wrap{
			position: relative;
			.item{
				background-color: #fff;
				padding:30rpx;
				margin-bottom: 20rpx;
				border-radius: 20rpx;
			}
		}
	}
		

</style>