<template>
	<view class="detail">
		<view class="card">
			<!-- <view class="title">查看详情</view> -->
			<view class="row">
				<label>学年：</label>
				<label>{{year}}</label>
			</view>
			<view class="row">
				<label>政治面貌：</label>
				<label>{{detail.zzmm}}</label>
			</view>
			<view class="row">
				<label>职务：</label>
				<label>{{detail.classPost}}</label>
			</view>
			<view class="row">
				<label>第二课堂学分总分值认定：</label>
				<label>{{detail.classTwo}}</label>
			</view>
			<view class="row">
				<label>青年大学习学习率：</label>
				<label>{{detail.youthStudy}}</label>
			</view>
			<view class="row column">
				<label>获奖情况：</label>
				<textarea v-model="detail.goodHis"></textarea>
			</view>
			<view class="row column">
				<label>主要事迹：</label>
				<textarea v-model="detail.mainHis"></textarea>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		getBiyeapply
	} from "@/api/outstanding-graduate/outstanding-graduate.js";
	export default {
		data() {
			return {
				detail:null,
				year:""
			}
		},
		onLoad(option) {
			this.year=option.year;
			this.getDetail(option.id);
		},
		methods: {
			async getDetail(id) {
				let res = await getBiyeapply(id);
				if (res.code == 200) {
					console.log(res);
					this.detail=res.data;
				}
			},
		}
	}
</script>

<style scoped lang="scss">
	.detail {
		height: calc(100vh - 44px);
		background-color: #F5F5F7;
		padding: 8rpx 30rpx 0;

		.card {
			margin: 20rpx 0rpx 0;
			padding: 30rpx;
			background-color: white;
			border-radius: 20rpx;

			.title {
				font-weight: bold;
				color: #202020;
				display: inline-block;
				font-size: 30rpx;
				margin-bottom: 30rpx;
			}

			.row {
				margin-bottom: 30rpx;
				display: flex;
				&>label:first-child {
					color: #9C9C9C;
					margin-right: 40rpx;
				}
				&>label:last-child {
					text-align: right;
					flex: 1;
					
				}
			}
			.column{
				flex-direction: column;
				textarea{
					width: 100%;
					margin-top: 15rpx;
					height: 400rpx;
					font-size:28rpx;
					line-height: 40rpx;
				}
			}
		}
	}
</style>