<template>
	<view>
		<view class="">			
			<view v-if="thisClass.state != 0" class="flex_box">
			
			<view class="item" @click="goPingfen('/pages/miniClass/taskList',thisClass.id, '0')">
				<view class="img">
					<image src="@/static/icon/pigai2.png" mode="widthFix"></image>
				</view>
				<text>作业评分</text>
			</view>
			<view class="item" @click="goPingfen('/pages/miniClass/taskList',thisClass.id, '1')">
				<view class="img">
					<image src="@/static/icon/pigai1.png" mode="widthFix"></image>
				</view>
				<text>医案评分</text>
			</view>
			<view class="item" @click="goXindeList('/pages/miniClass/xindeList')">
				<view class="img">
					<image src="@/static/icon/pigai3.png" mode="widthFix"></image>
				</view>
				<text>心得评分</text>
			</view>
								<view class="item" @click="goSikaoList('/pages/miniClass/sikaoQuestionList', thisClass.id)">
									<view class="img">
										<image src="@/static/icon/sikaoti.png" mode="widthFix"></image>
									</view>
									<text>思考题</text>
								</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:['thisClass','roleCode'],
		name:"classInfoWorkBlank",
		data() {
			return {
				
			};
		},methods:{
			goAddHomeWork(type){
					
					uni.navigateTo({
						url: `/pages/miniClass/addHomeWork?classId=${this.thisClass.id}&type=${type}`
					})
				
			},
			goPingfen(url, classId, type) {
				uni.navigateTo({
					url: `${url}?classId=${classId}&type=${type}&roleCode=${this.roleCode}`
				})
			},
			goSikaoList(url,id){
				uni.navigateTo({
					url:`${url}?classId=${id}&roleCode=${this.roleCode}`
				})
			},
			goXindeList(url){
				uni.navigateTo({
					url:`${url}?classId=${this.thisClass.id}&type=2&roleCode=${this.roleCode}`
				})
			},
		}
	}
</script>

<style lang="scss" scoped>
	.flex_box{justify-content: space-between;}
	// .item1{border: 1px solid;}
	.fabuhomework{ margin: 20rpx 0; margin-top: -10rpx; width: 100%; 
		text{ display: block; text-align: center;  border-radius: 10rpx; box-sizing: border-box; padding: 20rpx; color:#fff ;
		background-image: linear-gradient(-90deg, #576afc 0%, #97a1ff 100%);
		}
	}
		.item {
			text-align: center;

			text {
				font-size: 28rpx;
				display: inline-block;
				padding-top: 20rpx;
			}
		}

		.img {
			width: 100rpx;
			height: 100rpx;
			margin: 0 auto;

			image {
				width: 100%;
				height: 100%;
			}
		}
</style>