fix: 修改组件路径,修改一些细节样式和报错
This commit is contained in:
parent
5e34c71b14
commit
844d5721b7
@ -54,13 +54,13 @@ import GeneralManagement from '@/views/teacher/course/GeneralManagement.vue'
|
|||||||
// 作业子组件
|
// 作业子组件
|
||||||
import HomeworkLibrary from '@/views/teacher/course/HomeworkLibrary.vue'
|
import HomeworkLibrary from '@/views/teacher/course/HomeworkLibrary.vue'
|
||||||
import HomeworkReview from '@/views/teacher/course/HomeworkReview.vue'
|
import HomeworkReview from '@/views/teacher/course/HomeworkReview.vue'
|
||||||
// 考试管理组件
|
|
||||||
|
|
||||||
import ExamManagement from '@/views/teacher/course/ExamPages/ExamPage.vue'
|
// 考试管理组件
|
||||||
import QuestionManagement from '@/views/teacher/course/ExamPages/QuestionManagement.vue'
|
import ExamManagement from '@/views/teacher/ExamPages/ExamPage.vue'
|
||||||
import ExamLibrary from '@/views/teacher/course/ExamPages/ExamLibrary.vue'
|
import QuestionManagement from '@/views/teacher/ExamPages/QuestionManagement.vue'
|
||||||
import MarkingCenter from '@/views/teacher/course/ExamPages/MarkingCenter.vue'
|
import ExamLibrary from '@/views/teacher/ExamPages/ExamLibrary.vue'
|
||||||
import AddExam from '@/views/teacher/course/ExamPages/AddExam.vue'
|
import MarkingCenter from '@/views/teacher/ExamPages/MarkingCenter.vue'
|
||||||
|
import AddExam from '@/views/teacher/ExamPages/AddExam.vue'
|
||||||
|
|
||||||
import ChapterEditor from '@/views/teacher/course/ChapterEditor.vue'
|
import ChapterEditor from '@/views/teacher/course/ChapterEditor.vue'
|
||||||
|
|
||||||
@ -160,34 +160,6 @@ const routes: RouteRecordRaw[] = [
|
|||||||
name: 'PracticeManagement',
|
name: 'PracticeManagement',
|
||||||
component: PracticeManagement,
|
component: PracticeManagement,
|
||||||
meta: { title: '考试管理' },
|
meta: { title: '考试管理' },
|
||||||
redirect: (to) => `/teacher/course-editor/${to.params.id}/practice/exam-library`,
|
|
||||||
children: [
|
|
||||||
{
|
|
||||||
path: 'exam-library',
|
|
||||||
name: 'ExamLibrary',
|
|
||||||
component: ExamLibrary,
|
|
||||||
meta: {
|
|
||||||
title: '试卷库'
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: 'marking-center',
|
|
||||||
name: 'MarkingCenter',
|
|
||||||
component: MarkingCenter,
|
|
||||||
meta: {
|
|
||||||
title: '阅卷中心'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
path: 'add',
|
|
||||||
name: 'AddExam',
|
|
||||||
component: AddExam,
|
|
||||||
meta: {
|
|
||||||
title: '添加试卷',
|
|
||||||
hideSidebar: true
|
|
||||||
}
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: 'question-bank',
|
path: 'question-bank',
|
||||||
|
@ -42,7 +42,7 @@
|
|||||||
添加大题
|
添加大题
|
||||||
</n-button>
|
</n-button>
|
||||||
|
|
||||||
<n-button strong secondary>
|
<n-button strong secondary @click="openExamSettingsModal">
|
||||||
<template #icon>
|
<template #icon>
|
||||||
<n-icon>
|
<n-icon>
|
||||||
<SettingsOutline />
|
<SettingsOutline />
|
@ -65,6 +65,7 @@
|
|||||||
<div class="exam-meta">
|
<div class="exam-meta">
|
||||||
<div class="meta-item">
|
<div class="meta-item">
|
||||||
<n-icon :component="PersonOutline" />
|
<n-icon :component="PersonOutline" />
|
||||||
|
发布人:
|
||||||
<span>{{ exam.creator }}</span>
|
<span>{{ exam.creator }}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="meta-item">
|
<div class="meta-item">
|
||||||
@ -178,7 +179,7 @@ const examList = ref<ExamItem[]>([
|
|||||||
id: '1',
|
id: '1',
|
||||||
title: '试卷名称试卷名称试卷名称试卷名称试卷名称',
|
title: '试卷名称试卷名称试卷名称试卷名称试卷名称',
|
||||||
description: '试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明...',
|
description: '试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明...',
|
||||||
creator: '发布人',
|
creator: 'xx',
|
||||||
duration: '考试时间:2025.6.18-2025.9.18',
|
duration: '考试时间:2025.6.18-2025.9.18',
|
||||||
status: 'not-started',
|
status: 'not-started',
|
||||||
totalQuestions: 10,
|
totalQuestions: 10,
|
||||||
@ -189,7 +190,7 @@ const examList = ref<ExamItem[]>([
|
|||||||
id: '2',
|
id: '2',
|
||||||
title: '试卷名称试卷名称试卷名称试卷名称试卷名称',
|
title: '试卷名称试卷名称试卷名称试卷名称试卷名称',
|
||||||
description: '试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明...',
|
description: '试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明...',
|
||||||
creator: '发布人',
|
creator: 'xx',
|
||||||
duration: '考试时间:2025.6.18-2025.9.18',
|
duration: '考试时间:2025.6.18-2025.9.18',
|
||||||
status: 'in-progress',
|
status: 'in-progress',
|
||||||
totalQuestions: 0,
|
totalQuestions: 0,
|
||||||
@ -200,7 +201,7 @@ const examList = ref<ExamItem[]>([
|
|||||||
id: '3',
|
id: '3',
|
||||||
title: '试卷名称试卷名称试卷名称试卷名称试卷名称',
|
title: '试卷名称试卷名称试卷名称试卷名称试卷名称',
|
||||||
description: '试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明...',
|
description: '试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明试卷说明...',
|
||||||
creator: '发布人',
|
creator: 'xx',
|
||||||
duration: '考试时间:2025.6.18-2025.9.18',
|
duration: '考试时间:2025.6.18-2025.9.18',
|
||||||
status: 'completed',
|
status: 'completed',
|
||||||
totalQuestions: 10,
|
totalQuestions: 10,
|
||||||
@ -331,13 +332,12 @@ onMounted(() => {
|
|||||||
/* 试卷列表样式 */
|
/* 试卷列表样式 */
|
||||||
.exam-list {
|
.exam-list {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
padding: 0 20px 20px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.exam-item {
|
.exam-item {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 20px 0;
|
padding: 20px;
|
||||||
border-bottom: 1px solid #f0f0f0;
|
border-bottom: 1px solid #f0f0f0;
|
||||||
transition: all 0.3s ease;
|
transition: all 0.3s ease;
|
||||||
}
|
}
|
@ -39,31 +39,12 @@
|
|||||||
</router-link>
|
</router-link>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 考试管理父菜单 -->
|
<router-link :to="`/teacher/course-editor/${courseId}/practice`" class="menu-item"
|
||||||
<div class="menu-group">
|
:class="{ active: $route.path.includes('practice') }">
|
||||||
<div class="menu-header" @click="toggleHomework('practice')">
|
<img :src="$route.path.includes('practice') ? '/images/teacher/练考通-选中.png' : '/images/teacher/练考通.png'"
|
||||||
<img :src="$route.path.includes('practice') ? '/images/teacher/练考通-选中.png' : '/images/teacher/练考通.png'"
|
alt="考试管理" />
|
||||||
alt="考试管理" />
|
<span>考试管理</span>
|
||||||
<span>考试管理</span>
|
</router-link>
|
||||||
<i class="n-base-icon" :class="{ 'expanded': subMenuArr.practice }">
|
|
||||||
<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path
|
|
||||||
d="M5.64645 3.14645C5.45118 3.34171 5.45118 3.65829 5.64645 3.85355L9.79289 8L5.64645 12.1464C5.45118 12.3417 5.45118 12.6583 5.64645 12.8536C5.84171 13.0488 6.15829 13.0488 6.35355 12.8536L10.8536 8.35355C11.0488 8.15829 11.0488 7.84171 10.8536 7.64645L6.35355 3.14645C6.15829 2.95118 5.84171 2.95118 5.64645 3.14645Z"
|
|
||||||
fill="#C2C2C2"></path>
|
|
||||||
</svg>
|
|
||||||
</i>
|
|
||||||
</div>
|
|
||||||
<div class="submenu" v-show="subMenuArr.practice">
|
|
||||||
<router-link :to="`/teacher/course-editor/${courseId}/practice/exam-library`" class="submenu-item"
|
|
||||||
:class="{ active: $route.path.includes('exam-library') }">
|
|
||||||
<span>试卷库</span>
|
|
||||||
</router-link>
|
|
||||||
<router-link :to="`/teacher/course-editor/${courseId}/practice/marking-center`" class="submenu-item"
|
|
||||||
:class="{ active: $route.path.includes('marking-center') }">
|
|
||||||
<span>阅卷中心</span>
|
|
||||||
</router-link>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<router-link :to="`/teacher/course-editor/${courseId}/question-bank`" class="menu-item"
|
<router-link :to="`/teacher/course-editor/${courseId}/question-bank`" class="menu-item"
|
||||||
:class="{ active: $route.path.includes('question-bank') }">
|
:class="{ active: $route.path.includes('question-bank') }">
|
||||||
|
@ -1,9 +1,40 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="practice-management">
|
<div class="practice-management">
|
||||||
<router-view></router-view>
|
<div class="content-placeholder">
|
||||||
|
<h2>考试管理</h2>
|
||||||
|
<p>考试管理功能正在修改中...</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
<script setup lang="ts">
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.practice-management {
|
||||||
|
padding: 20px;
|
||||||
|
background: #fff;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-placeholder {
|
||||||
|
text-align: center;
|
||||||
|
padding: 60px 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-placeholder h2 {
|
||||||
|
font-size: 24px;
|
||||||
|
color: #333;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-placeholder p {
|
||||||
|
font-size: 16px;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
// 练考通管理逻辑
|
// 练考通管理逻辑
|
||||||
</script>
|
</script>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user