diff --git a/src/views/teacher/statistics/tab/LearningStatistics.vue b/src/views/teacher/statistics/tab/LearningStatistics.vue index a8a3268..5f27f29 100644 --- a/src/views/teacher/statistics/tab/LearningStatistics.vue +++ b/src/views/teacher/statistics/tab/LearningStatistics.vue @@ -1,34 +1,676 @@ + + +
+ +
+

+ 章节 + (共4章5小节) +

+
+ +
+
+
章节学习总人次
+
+ 0 + 人 +
+
+
+
章节平均学习次数
+
+ 0 + 次 +
+
+
+ + +
+

学习次数分布

+
+ +
+
+
+
+ + +
+

+ 作业 + (共5个) +

+
+
+

作业完成率

+
+ +
+
+
+
+
+ + +
+ +
+

+ 考试 + (共5场) +

+
+ +
+
+
参与人数
+
+ 70 + 人 +
+
+
+
平均成绩
+
+ 60 + 分 +
+
+
+ +
+

成绩占比

+
+ +
+
+
+
+ + +
+

+ 练习 + (共5场) +

+
+ +
+
+
参与人数
+
+ 70 + 人 +
+
+
+
平均成绩
+
+ 60 + 分 +
+
+
+ +
+

成绩占比

+
+ +
+
+
+
+
+ + +
+ +
+

+ 证书 + (共1个) +

+
+
+

证书获取率

+
+ +
+
+
+
+ + +
+

+ 讨论 + (共5个) +

+
+ +
+
+
讨论话题
+
+ 7 + 个 +
+
+
+
回复数量
+
+ 60 + 条 +
+
+
+ +
+

讨论活跃度

+
+ +
+
+
+
+
+ + \ No newline at end of file + +/* 图表区域 */ +.chart-section { + margin-left: 10px; + width: 50%; +} + +.chart-section.full-width { + width: 100%; +} + +.chart-title { + font-size: 14px; + color: #333; + margin-bottom: 5px; + font-weight: 500; + text-align: left; +} + +.chart-container { + height: 140px; + width: 100%; +} + +/* 响应式设计 */ +@media (max-width: 768px) { + .statistics-content { + grid-template-columns: 1fr; + } + + .card-content { + flex-direction: column; + align-items: stretch; + } + + .chart-container { + height: 120px; + } +} + diff --git a/src/views/teacher/statistics/tab/StudentGrades.vue b/src/views/teacher/statistics/tab/StudentGrades.vue index 65a96ca..3eb1ab8 100644 --- a/src/views/teacher/statistics/tab/StudentGrades.vue +++ b/src/views/teacher/statistics/tab/StudentGrades.vue @@ -1,34 +1,1067 @@ \ No newline at end of file + +.apply-other-classes { + display: flex; + align-items: center; + margin: 10px 0 0 0; + padding: 12px 0; + border-top: 1.5px solid #E6E6E6; +} + +.apply-label { + font-size: 16px; + color: #333; + font-weight: 500; +} + +.apply-toggle { + margin-left: 16px; +} + +.apply-description { + font-size: 14px; + color: #666; + line-height: 1.4; + margin-bottom: 20px; +} + +.modal-footer { + display: flex; + justify-content: flex-end; + gap: 12px; +} + + /* 权重输入框样式 */ + :deep(.weight-input .n-input) { + border: 1px solid #E6E6E6 !important; + background-color: #FCFCFC !important; + border-radius: 0 !important; + padding: 7px 0; + } + + :deep(.weight-input .n-input__input-el) { + background-color: #FCFCFC !important; + text-align: center !important; + font-size: 16px !important; + color: #666666 !important; + } + + /* 学生成绩表格样式 */ + :deep(.grade-data-table .n-data-table-td) { + padding: 12px 8px; + font-size: 12px; + color: #062333; + } + + :deep(.grade-data-table .n-data-table-th) { + padding: 4px 8px; + font-size: 14px; + color: #062333; + } + + /* 学习进度表格样式 */ + :deep(.progress-data-table .n-data-table-td) { + padding: 12px 8px; + font-size: 12px; + color: #062333; + } + + :deep(.progress-data-table .n-data-table-th) { + padding: 4px 8px; + font-size: 14px; + color: #062333; + } + + /* 表格边框和高度 */ + :deep(.grade-data-table), + :deep(.progress-data-table) { + border: 1px solid #E6E6E6; + border-radius: 4px; + } + + :deep(.grade-data-table .n-data-table-table), + :deep(.progress-data-table .n-data-table-table) { + border-collapse: collapse; + } + + :deep(.grade-data-table .n-data-table-thead), + :deep(.progress-data-table .n-data-table-thead) { + background-color: #F1F3F4; + } + + :deep(.grade-data-table .n-data-table-tbody tr:hover), + :deep(.progress-data-table .n-data-table-tbody tr:hover) { + background-color: #F8F9FA; + } + +/* 提醒模板模态框样式 */ +.reminder-template { + max-height: 400px; + overflow-y: auto; + padding: 0; +} + +.reminder-template p { + margin: 8px 0; +} + +.reminder-template ul { + margin: 10px 0; + list-style: none; +} + +.reminder-template li { + margin: 5px 0; +} + +.reminder-template a { + color: #1890ff; + text-decoration: none; +} + +.reminder-template a:hover { + text-decoration: underline; +} + +:deep(.n-modal .n-card .n-card-header) { + border-bottom: 1px solid #E6E6E6 !important; + padding-bottom: 10px !important; +} +