xuyueandClaude Opus 5.5
660f689a5c
- 右栏常驻选中那条的代码：编译失败 / 运行时错误用中文说清第几行错了并标红， 老师看得到逐个测试点，学生看别人的只显示结果 - 老师一键「这节课」：筛到正在上课的班、这节课的题、今天 - 「正在评分」的行自己变成结果；新交的不插队，顶上提示「有 N 条新提交」 - 按天分组、默认每页 30 条；状态筛选补全，语言补上 SQL；流程图的评分详情也放进右栏 - 课堂看板的格子和名字能直接点进这个学生今天的提交 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
49 lines
1.2 KiB
Vue
49 lines
1.2 KiB
Vue
<script setup lang="ts">
|
|
import { useThemeVars } from "naive-ui"
|
|
import { USERNAME_CLASS_RE } from "utils/constants"
|
|
|
|
/**
|
|
* 用户名：班级前缀（`ks253`）淡一档，名字加粗 —— 一个班的人前缀都一样，
|
|
* 老师要认的是后面那段。`muted` 用在学生看别人的那几行（看得到结果、看不到代码）。
|
|
*/
|
|
const props = defineProps<{ username: string; muted?: boolean }>()
|
|
|
|
const theme = useThemeVars()
|
|
|
|
const parts = computed(() => {
|
|
const match = props.username.match(USERNAME_CLASS_RE)
|
|
if (!match) return { prefix: "", name: props.username }
|
|
return { prefix: match[0], name: props.username.slice(match[0].length) || match[0] }
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<span class="user" :class="{ muted }" :title="username">
|
|
<span v-if="parts.prefix" class="prefix">{{ parts.prefix }}</span>
|
|
<span class="name">{{ parts.name }}</span>
|
|
</span>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.user {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
min-width: 0;
|
|
}
|
|
|
|
.prefix {
|
|
color: v-bind("theme.textColor3");
|
|
}
|
|
|
|
.name {
|
|
font-weight: 600;
|
|
color: v-bind("theme.textColor1");
|
|
}
|
|
|
|
.muted .name {
|
|
font-weight: 400;
|
|
color: v-bind("theme.textColor2");
|
|
}
|
|
</style>
|