移动端V1.0

2025-07-16 15:34:34 +08:00
commit 194b0750fd
1083 changed files with 178295 additions and 0 deletions
--- a/pages/outstanding-graduate/detail.vue
+++ b/pages/outstanding-graduate/detail.vue
@@ -0,0 +1,109 @@
+<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>