yunpad/pages/Gradingrecords/Gradingrecords.vue

<template>
	<view class="notbegun">
		<view class="header">
			<image src="../../static/fanhui.png" mode="" style="width: 32rpx;
			height: 20rpx;" @click="fanhui"></image>
		</view>

		<view class="content">
			<scroll-view class="accountItem" :scroll-y="true">
				
				<view class="IT_one">
					<view class="list_one">
						<text>姓名</text>
					</view>
					<view class="list_one" v-for="item in factorlist" :key="item.subjectId">
						<text>{{item.subjectName}}</text>
					</view>
				</view>
				
				<view class="IT_two" v-for="(item,index) in historylist" :key="index">
					<view class="list_one">
						<text>{{item.examineeName}}</text>
					</view>
					<view class="list_one" v-for="(it,indexs) in item.voList" :key="item.subjectId">
						<text>{{it.halving}}</text>
					</view>
				</view>
				
			</scroll-view>
		</view>


	</view>
</template>

<script>
	import {
		historyScore,
		factor
	} from "../../api/api.js"
	export default {
		data() {
			return {
				examinerId: "",
				factorlist:[],
				idlist:[],
				historylist:[],
				newhistorylist:{}

			}
		},
		methods: {
			fanhui(){
				uni.navigateBack({
					delta:1
				})
			}

		},

		onLoad() {
			factor().then((res)=>{
				console.log(res);
				this.factorlist=res.data;
				this.factorlist.forEach((item)=>{
					this.idlist.push(item.subjectId)
				})
			})
			
			this.examinerId = uni.getStorageSync("examinerId");
			historyScore({
				examinerId: this.examinerId
			}).then((res) => {
				
				this.historylist=res.data;
				
				this.idlist.forEach((item,index)=>{
					this.historylist.forEach((it,idx)=>{
						it.voList.forEach((IQ,TD)=>{
							if(IQ.subjectId==item){
								it.voList[TD]=it.voList[index];
								it.voList[index]=IQ;	
							}	
						})
					})			
				})
				console.log(this.historylist);
			})
	
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #F5F7FA;
	}

	.notbegun {
		width: 100%;
		height: 100vh;
		position: relative;


		.header {
			width: 100%;
			height: 40rpx;
			background-color: #27C5FF;
			box-sizing: border-box;
			padding: 0rpx 20rpx;
			display: flex;
			align-items: center;

		}

		.content {
			width: 95%;
			height: 75%;
			background: #FFFFFF;
			box-shadow: 3rpx 0rpx 14rpx 1rpx rgba(0, 0, 0, 0.05);
			border-radius: 19rpx;
			margin: 0rpx auto;
			margin-top: 20rpx;
			display: flex;
			flex-direction: column;

			.accountItem {
				width: 95%;
				height: 90%;
				margin: 0rpx auto;
				margin-top: 20rpx;

				.IT_one {
					width: 100%;
					height: 11%;
					box-sizing: border-box;
					background-color: #C0EEFF;
					display: flex;

					.list_one {
						width: 20%;
						height: 100%;
						border: 1px solid #F1F1F2;
						font-size: 16rpx;
						font-weight: bold;
						color: #27C5FF;
						display: flex;
						align-items: center;
						justify-content: center;
						box-sizing: border-box;
					}
				}
				
				
				.IT_two {
					width: 100%;
					height: 11%;
					box-sizing: border-box;

					display: flex;
				
					.list_one {
						width: 20%;
						height: 100%;
						// border-bottom: 1px solid #F1F1F2;
						border: 1px solid #F1F1F2;
						font-size: 16rpx;
						font-weight: bold;
						color: #27C5FF;
						display: flex;
						align-items: center;
						justify-content: center;
						box-sizing: border-box;
					}
				}
				


			}
		}

	}
</style>