89 lines
1.5 KiB
Vue
89 lines
1.5 KiB
Vue
<template>
|
||
<!-- 个人资料 -->
|
||
<view class="Userinformation">
|
||
<view class="score">
|
||
<view class="scoreList" v-for="(item,index) in scoreList" :key="item.index">
|
||
<text class="title"> 课程名称：{{item.typeName}}</text>
|
||
<text>成绩:{{item.score}}</text>
|
||
<text>学号:{{item.stuNo}}</text>
|
||
<text>学年:{{item.stuYearName}}</text>
|
||
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import {
|
||
listOwnFive
|
||
} from "@/api/cqScore/cqscore.js";
|
||
export default {
|
||
|
||
data() {
|
||
return {
|
||
|
||
scoreList: [ ]
|
||
|
||
}
|
||
},
|
||
|
||
created() {
|
||
|
||
this.fetchCqScores();
|
||
|
||
},
|
||
|
||
methods: {
|
||
fetchCqScores() {
|
||
// Make a GET request to the API endpoint
|
||
let data={
|
||
pageNum:1,
|
||
pageSize:5
|
||
};
|
||
listOwnFive(data).then(res=>{
|
||
if (res.statusCode === 200) {
|
||
this.scoreList = res.rows;
|
||
console.log(this.scoreList);
|
||
} else {
|
||
console.error('Failed to fetch Cq Scores:', res.statusCode);
|
||
}
|
||
});
|
||
}
|
||
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="less" scoped>
|
||
.Userinformation {
|
||
margin-bottom: 10rpx;
|
||
|
||
.score {
|
||
width: 100%;
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
margin-top: 20rpx;
|
||
margin-bottom: 20rpx;
|
||
|
||
.scoreList {
|
||
display: flex;
|
||
flex-direction: column;
|
||
width: 90%;
|
||
height: 220rpx;
|
||
border-bottom: 1px solid #D8D8D8;
|
||
|
||
.title {
|
||
font-size: 35rpx;
|
||
font-weight: bold;
|
||
color: black;
|
||
}
|
||
|
||
text {
|
||
margin-top: 10rpx;
|
||
color: #9C9C9C;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
</style> |