This commit is contained in:
lijing
2026-08-24 15:37:43 +08:00
parent ec5ca29207
commit 35deb3b115
4 changed files with 281 additions and 235 deletions
+38 -46
View File
@@ -4,70 +4,62 @@
<div class="top-header-bar">
<div class="left-info">
<span class="label">当前学生:</span>
<span class="text">{{ studentName }}</span>
<span class="text">{{ $route.query.studentName }}</span>
<span class="label" style="margin-left: 24px;">当前班级:</span>
<span class="text">{{ className }}</span>
<span class="text">{{ $route.query.className }}</span>
</div>
<Button type="primary" @click="goBack">返回上一级</Button>
</div>
<!-- 时间段+学校班级栏 -->
<div class="time-school-bar">
<span>日期:{{ dateRange }}</span>
<span style="margin-left: 20px;">{{ schoolName }} &nbsp;&nbsp;{{ className }}</span>
</div>
<!-- 科目教师卡片流式容器,超出纵向滚动 -->
<div class="card-scroll-wrap">
<div class="card-container">
<div class="subject-card" v-for="(item, index) in subjectList" :key="index">
<div class="card-title">{{ item.subject }}</div>
<div class="card-teacher">{{ item.teacher }}</div>
<div v-for="(item,index) in HistoryClassTeachByStuIdList" :key="index">
<!-- 时间段+学校班级栏 -->
<div class="time-school-bar">
<span>日期:{{ item.yearDate }}</span>
<span style="margin-left: 20px;">{{ item.schoolName }} &nbsp;&nbsp;{{ item.className }}</span>
</div>
<!-- 科目教师卡片流式容器,超出纵向滚动 -->
<div class="card-scroll-wrap">
<div class="card-container">
<div class="subject-card" v-for="(itt, index) in item.teach" :key="index">
<div class="card-title">{{ itt.subName }}</div>
<div class="card-teacher">{{ itt.teacherName }}</div>
</div>
</div>
</div>
</div>
</div>
</template>
</template>
<script>
export default {
name: 'StudentTeachDetail',
data() {
return {
// 头部信息
studentName: '朱思媛',
className: '预备1班',
schoolName: '上海市进才中学北校',
dateRange: '2025-07-11~2026-07-15',
// 科目+教师数据源(完全匹配截图)
subjectList: [
{ subject: '班主任', teacher: '伍芳芳' },
{ subject: '副班主任', teacher: '未设置' },
{ subject: '语文', teacher: '卫红' },
{ subject: '数学', teacher: '伍芳芳' },
{ subject: '英语', teacher: '俞莉玉' },
{ subject: '体育', teacher: '郑浩淼' },
{ subject: '美术', teacher: '蔡婷婷' },
{ subject: '科学', teacher: '游宝玲' },
{ subject: '劳技', teacher: '牛乐' },
{ subject: '地理', teacher: '沈晓燕' },
{ subject: '音乐', teacher: '李海昆' },
{ subject: '心理', teacher: '展望' },
{ subject: '道德与法治', teacher: '郭雨佳' },
{ subject: '班主任', teacher: '伍芳芳' },
{ subject: '劳动', teacher: '牛乐' },
{ subject: '信息科技', teacher: '张颖' },
{ subject: '副班主任', teacher: '展望' },
{ subject: '校本(劳动教育)', teacher: '牛乐' },
{ subject: '体育与健康', teacher: '郑浩淼' },
{ subject: '二外', teacher: '季思飞' },
{ subject: '校本(心理+二外)', teacher: '数字化中心09' }
]
HistoryClassTeachByStuIdList: []
}
},
created(){
if(this.$route.query.stuId){
this.getHistoryClassTeachByStuId();
}
},
methods: {
//通过学生Id获取历史任教信息
getHistoryClassTeachByStuId:function(){
const _this = this;
var item={
stuId:_this.$route.query.stuId
};
_this.$api.get(APIConfig.BschClassSystem.getHistoryClassTeachByStuId, item, resp => {
if(resp.code==0)
{
this.HistoryClassTeachByStuIdList=resp.data;
}
});
},
// 返回上一页
goBack() {
this.$router.go(-1)