style(admin): 清理考勤页与排课表的冗余装饰与标签
This commit is contained in:
@@ -196,7 +196,6 @@ export const AttendanceAdminHeader: React.FC<{
|
|||||||
<section className="student-class-overview" aria-label="班级考勤汇总">
|
<section className="student-class-overview" aria-label="班级考勤汇总">
|
||||||
<div className="student-class-identity">
|
<div className="student-class-identity">
|
||||||
<div className="student-class-heading">
|
<div className="student-class-heading">
|
||||||
<span className="student-overview-kicker">班级考勤概览</span>
|
|
||||||
<h2>{selectedClass}</h2>
|
<h2>{selectedClass}</h2>
|
||||||
<p>
|
<p>
|
||||||
{dateLabel} · 当前展示 {visibleStudentCount} 名学生 / {total} 条记录
|
{dateLabel} · 当前展示 {visibleStudentCount} 名学生 / {total} 条记录
|
||||||
|
|||||||
@@ -148,7 +148,6 @@ const LessonAttendanceDetail: React.FC<LessonAttendanceDetailProps> = ({
|
|||||||
destroyOnHidden
|
destroyOnHidden
|
||||||
>
|
>
|
||||||
<div className="lesson-record-header">
|
<div className="lesson-record-header">
|
||||||
<span className="attendance-eyebrow">LESSON ATTENDANCE</span>
|
|
||||||
<h2>{displayedSchedule?.subject || '课程考勤'}</h2>
|
<h2>{displayedSchedule?.subject || '课程考勤'}</h2>
|
||||||
<p>
|
<p>
|
||||||
{className} · {displayedSchedule?.startTime}–{displayedSchedule?.endTime} ·{' '}
|
{className} · {displayedSchedule?.startTime}–{displayedSchedule?.endTime} ·{' '}
|
||||||
|
|||||||
@@ -761,7 +761,6 @@
|
|||||||
padding: 0 24px;
|
padding: 0 24px;
|
||||||
border-bottom: 1px solid var(--student-line);
|
border-bottom: 1px solid var(--student-line);
|
||||||
background: rgb(255 255 255 / 96%);
|
background: rgb(255 255 255 / 96%);
|
||||||
backdrop-filter: blur(10px);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.student-center-title {
|
.student-center-title {
|
||||||
@@ -911,21 +910,7 @@
|
|||||||
min-height: 176px;
|
min-height: 176px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
background:
|
background: var(--student-surface);
|
||||||
radial-gradient(circle at 100% 0%, rgb(21 122 101 / 10%), transparent 34%),
|
|
||||||
linear-gradient(135deg, #ffffff 0%, #f8fcfa 100%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.student-class-identity::after {
|
|
||||||
content: '';
|
|
||||||
position: absolute;
|
|
||||||
right: -36px;
|
|
||||||
bottom: -44px;
|
|
||||||
width: 118px;
|
|
||||||
height: 118px;
|
|
||||||
border: 18px solid rgb(21 122 101 / 7%);
|
|
||||||
border-radius: 999px;
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.student-class-heading {
|
.student-class-heading {
|
||||||
@@ -933,19 +918,6 @@
|
|||||||
z-index: 1;
|
z-index: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.student-overview-kicker {
|
|
||||||
display: inline-flex;
|
|
||||||
align-items: center;
|
|
||||||
min-height: 24px;
|
|
||||||
margin-bottom: 8px;
|
|
||||||
padding: 0 9px;
|
|
||||||
border-radius: 999px;
|
|
||||||
background: rgb(21 122 101 / 10%);
|
|
||||||
color: var(--student-primary);
|
|
||||||
font-size: 12px;
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
|
||||||
|
|
||||||
.student-class-identity h2 {
|
.student-class-identity h2 {
|
||||||
margin: 0 0 6px;
|
margin: 0 0 6px;
|
||||||
color: #111c18;
|
color: #111c18;
|
||||||
|
|||||||
@@ -16,7 +16,7 @@ import {
|
|||||||
Empty,
|
Empty,
|
||||||
Tooltip,
|
Tooltip,
|
||||||
} from 'antd';
|
} from 'antd';
|
||||||
import { CalendarOutlined, FileTextOutlined } from '@ant-design/icons';
|
import { CalendarOutlined, FileTextOutlined, ReadOutlined } from '@ant-design/icons';
|
||||||
import dayjs, { Dayjs } from 'dayjs';
|
import dayjs, { Dayjs } from 'dayjs';
|
||||||
import api from '../../api';
|
import api from '../../api';
|
||||||
import { downloadBlob } from '../../utils/download';
|
import { downloadBlob } from '../../utils/download';
|
||||||
@@ -314,7 +314,13 @@ const ClassroomSchedulePage: React.FC = () => {
|
|||||||
}
|
}
|
||||||
>
|
>
|
||||||
<span style={{ color: '#fff', fontSize: 10, fontWeight: 600 }}>
|
<span style={{ color: '#fff', fontSize: 10, fontWeight: 600 }}>
|
||||||
{isInternal ? '📖' : cell.hasContract ? '📄' : ''}
|
{isInternal ? (
|
||||||
|
<ReadOutlined style={{ fontSize: 12 }} />
|
||||||
|
) : cell.hasContract ? (
|
||||||
|
<FileTextOutlined style={{ fontSize: 12 }} />
|
||||||
|
) : (
|
||||||
|
''
|
||||||
|
)}
|
||||||
</span>
|
</span>
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
)}
|
)}
|
||||||
|
|||||||
Reference in New Issue
Block a user