hookehuyr

style(teacher/taskHomePage): 调整学生列表项的样式和默认名称显示

优化学生列表项的编号和姓名样式,增加可读性和美观性
为没有名字的学生设置默认显示'未命名'
1 <!-- 1 <!--
2 * @Date: 2025-11-19 21:00:00 2 * @Date: 2025-11-19 21:00:00
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2025-12-02 18:48:32 4 + * @LastEditTime: 2025-12-02 21:30:35
5 * @FilePath: /mlaj/src/views/teacher/taskHomePage.vue 5 * @FilePath: /mlaj/src/views/teacher/taskHomePage.vue
6 * @Description: 教师端作业主页(头部介绍、统计、日历与学生完成情况;数据Mock) 6 * @Description: 教师端作业主页(头部介绍、统计、日历与学生完成情况;数据Mock)
7 --> 7 -->
...@@ -94,8 +94,8 @@ ...@@ -94,8 +94,8 @@
94 class="studentItem relative rounded-md h-16 flex flex-col items-center justify-center text-center border overflow-hidden" 94 class="studentItem relative rounded-md h-16 flex flex-col items-center justify-center text-center border overflow-hidden"
95 :class="stu.completed ? 'bg-white border-green-500 text-green-600' : 'bg-gray-100 border-gray-300 text-gray-500'" 95 :class="stu.completed ? 'bg-white border-green-500 text-green-600' : 'bg-gray-100 border-gray-300 text-gray-500'"
96 @click="go_student_record(stu)"> 96 @click="go_student_record(stu)">
97 - <div class="text-sm font-semibold">{{ idx + 1 }}</div> 97 + <div class="text-[10px] font-bold opacity-60 mb-0.5">{{ idx + 1 }}</div>
98 - <div class="text-sm mt-1">{{ stu.name }}</div> 98 + <div class="text-xs font-medium leading-tight break-words line-clamp-2 px-1">{{ stu.name }}</div>
99 <img v-if="stu.completed" :src="checkCorner" alt="checked" class="cornerIcon" /> 99 <img v-if="stu.completed" :src="checkCorner" alt="checked" class="cornerIcon" />
100 </div> 100 </div>
101 </div> 101 </div>
...@@ -314,7 +314,7 @@ function on_date_select(val) { ...@@ -314,7 +314,7 @@ function on_date_select(val) {
314 const students_status = computed(() => { 314 const students_status = computed(() => {
315 return user_list.value.map(stu => ({ 315 return user_list.value.map(stu => ({
316 id: stu.id, 316 id: stu.id,
317 - name: stu.name, 317 + name: stu.name || '未命名',
318 completed: !!stu.is_commit, 318 completed: !!stu.is_commit,
319 avatar: stu.avatar // 保留头像字段以便将来使用 319 avatar: stu.avatar // 保留头像字段以便将来使用
320 })) 320 }))
......