From dc912c3842dfd109207c8759dd7e8cb12cebb864 Mon Sep 17 00:00:00 2001 From: QDKF Date: Thu, 28 Aug 2025 22:59:34 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E6=95=99=E5=B8=88?= =?UTF-8?q?=E7=AB=AF=E8=AF=81=E4=B9=A6=E9=A6=96=E9=A1=B5;=E6=B7=BB?= =?UTF-8?q?=E5=8A=A0=E8=AF=81=E4=B9=A6=E8=AF=A6=E6=83=85=E9=A1=B5;?= =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E8=AF=81=E4=B9=A6=E9=A2=81=E5=A5=96=E9=A1=B5?= =?UTF-8?q?=E9=9D=A2=E5=8F=8A=E4=B8=80=E7=B3=BB=E5=88=97=E5=8A=9F=E8=83=BD?= =?UTF-8?q?;=E6=B7=BB=E5=8A=A0=E6=96=B0=E5=A2=9E=E8=AF=81=E4=B9=A6?= =?UTF-8?q?=E9=A1=B5=E9=9D=A2;?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...获奖证书奖状_48197664.png.png => certificate.png} | Bin .../teacher/{路径 23.png => delete.png} | Bin .../teacher/{路径 25.png => download.png} | Bin .../images/teacher/{路径 24.png => edit.png} | Bin .../{分组 7.png => horizontal-version.png} | Bin public/images/teacher/more.png | Bin 0 -> 847 bytes .../{蒙版分组.png => vertical-version.png} | Bin .../teacher/{日历.png.png => 日历-选中.png} | Bin .../teacher/{路径 30.png => 添加-灰.png} | Bin src/components/CertificateIssuanceModal.vue | 979 ++++++++++++++++++ src/components/ExamPaperLibraryModal.vue | 2 +- src/router/index.ts | 55 +- src/views/teacher/AdminDashboard.vue | 94 +- .../teacher/certificate/CertificateCreate.vue | 520 ++++++++++ .../teacher/certificate/CertificateDetail.vue | 611 +++++++++++ .../CertificateIssuance.vue} | 10 +- .../certificate/CertificateManagement.vue | 600 +++++++++++ .../teacher/certificate/CertificateNew.vue | 475 +++++++++ .../teacher/certificate/CertificateQuery.vue | 36 + .../certificate/CertificateTemplate.vue | 36 + src/views/teacher/certificate/index.vue | 97 ++ .../teacher/course/AddCoursewareModal.vue | 2 + src/views/teacher/course/CourseEditor.vue | 4 +- src/views/teacher/course/UploadFileModal.vue | 15 +- 24 files changed, 3482 insertions(+), 54 deletions(-) rename public/images/teacher/{花瓣素材_校园运动会获奖证书奖状_48197664.png.png => certificate.png} (100%) rename public/images/teacher/{路径 23.png => delete.png} (100%) rename public/images/teacher/{路径 25.png => download.png} (100%) rename public/images/teacher/{路径 24.png => edit.png} (100%) rename public/images/teacher/{分组 7.png => horizontal-version.png} (100%) create mode 100644 public/images/teacher/more.png rename public/images/teacher/{蒙版分组.png => vertical-version.png} (100%) rename public/images/teacher/{日历.png.png => 日历-选中.png} (100%) rename public/images/teacher/{路径 30.png => 添加-灰.png} (100%) create mode 100644 src/components/CertificateIssuanceModal.vue create mode 100644 src/views/teacher/certificate/CertificateCreate.vue create mode 100644 src/views/teacher/certificate/CertificateDetail.vue rename src/views/teacher/{course/CertificateManagement.vue => certificate/CertificateIssuance.vue} (71%) create mode 100644 src/views/teacher/certificate/CertificateManagement.vue create mode 100644 src/views/teacher/certificate/CertificateNew.vue create mode 100644 src/views/teacher/certificate/CertificateQuery.vue create mode 100644 src/views/teacher/certificate/CertificateTemplate.vue create mode 100644 src/views/teacher/certificate/index.vue diff --git a/public/images/teacher/花瓣素材_校园运动会获奖证书奖状_48197664.png.png b/public/images/teacher/certificate.png similarity index 100% rename from public/images/teacher/花瓣素材_校园运动会获奖证书奖状_48197664.png.png rename to public/images/teacher/certificate.png diff --git a/public/images/teacher/路径 23.png b/public/images/teacher/delete.png similarity index 100% rename from public/images/teacher/路径 23.png rename to public/images/teacher/delete.png diff --git a/public/images/teacher/路径 25.png b/public/images/teacher/download.png similarity index 100% rename from public/images/teacher/路径 25.png rename to public/images/teacher/download.png diff --git a/public/images/teacher/路径 24.png b/public/images/teacher/edit.png similarity index 100% rename from public/images/teacher/路径 24.png rename to public/images/teacher/edit.png diff --git a/public/images/teacher/分组 7.png b/public/images/teacher/horizontal-version.png similarity index 100% rename from public/images/teacher/分组 7.png rename to public/images/teacher/horizontal-version.png diff --git a/public/images/teacher/more.png b/public/images/teacher/more.png new file mode 100644 index 0000000000000000000000000000000000000000..7056e1e334affc69e40029726750912e9ea69fc6 GIT binary patch literal 847 zcmV-V1F-ywP)%jieL&W z4T=OrEG)DXV<}=`p`g}cX)Mx(AXo@up@_EH2!iQEL4t}wqeMaR{YrfO-)7EocJA)v zUP$4Af6wbbXJ%(+=iV%vl2buvf6XX#Dl$u~ay}6ug_H{v*cXCr4UF0Fo!qs+Xb4_y zD47#7z0woHXZ$+?!-5S$_B}WR4iiBB2v2jX>akTp>ya_am}7NdGr5A{l4Y}C&;!S$ z9pkuQjJcLU|8fZk*9qFo60oHqj_{sKa!Zfhg0=P9^3CZU(LRMv_oQv{^J*5_w>G=a zCN`4O8XphhP@e(=LU)`nf3b|U=6HQkj*aVer!CYq5lXWT)$fDO)u5ifdNWb$fX(4S00ssnSvNL`^aev4uqHW{-{FRbbCjRJO)Ni7oiu)VC5^Th{N$vGz+^TBCte_$Z< zM)QTQI9|5P@vq4jRtSgHC(V9rjGZ+Ei1~pjy$Zo9v9?~{^h8eZ55WkxeKNKWDDcpc zt!P}aGXh&vDSH)VTdW|Z`{NE=cz%khV#^(&iCs{uW%GfyBI`Yw;#-1spH9CMxAGq2 zGvLQ7)!>ry?Lsb9cNz&+x?5nH9KPqmec_ETvr;z$;$6ZTffzunWTiCzU}; Z@(+u@If^!gZ(jfa002ovPDHLkV1jgEY!(0j literal 0 HcmV?d00001 diff --git a/public/images/teacher/蒙版分组.png b/public/images/teacher/vertical-version.png similarity index 100% rename from public/images/teacher/蒙版分组.png rename to public/images/teacher/vertical-version.png diff --git a/public/images/teacher/日历.png.png b/public/images/teacher/日历-选中.png similarity index 100% rename from public/images/teacher/日历.png.png rename to public/images/teacher/日历-选中.png diff --git a/public/images/teacher/路径 30.png b/public/images/teacher/添加-灰.png similarity index 100% rename from public/images/teacher/路径 30.png rename to public/images/teacher/添加-灰.png diff --git a/src/components/CertificateIssuanceModal.vue b/src/components/CertificateIssuanceModal.vue new file mode 100644 index 0000000..458608c --- /dev/null +++ b/src/components/CertificateIssuanceModal.vue @@ -0,0 +1,979 @@ + + + + + diff --git a/src/components/ExamPaperLibraryModal.vue b/src/components/ExamPaperLibraryModal.vue index 85d16b0..63a9d36 100644 --- a/src/components/ExamPaperLibraryModal.vue +++ b/src/components/ExamPaperLibraryModal.vue @@ -270,7 +270,7 @@ watch(() => props.show, (newVal) => { } .modal-title { - font-size: 18px; + font-size: 8px; padding-bottom: 10px; font-weight: 500; color: #000; diff --git a/src/router/index.ts b/src/router/index.ts index 2935407..1faa399 100644 --- a/src/router/index.ts +++ b/src/router/index.ts @@ -219,12 +219,25 @@ const routes: RouteRecordRaw[] = [ component: () => import('../views/teacher/course/AddQuestion.vue'), meta: { title: '新增试题' } }, - { + { path: 'certificate', name: 'CertificateManagement', component: CertificateManagement, meta: { title: '证书管理' } }, + { + path: 'certificate/detail/:id', + name: 'CertificateDetail', + component: () => import('@/views/teacher/certificate/CertificateDetail.vue'), + meta: { title: '证书详情' } + }, + { + path: 'certificate/add', + name: 'CertificateCreate', + component: () => import('@/views/teacher/certificate/CertificateCreate.vue'), + meta: { title: '添加证书' } + }, + { path: 'discussion', name: 'DiscussionManagement', @@ -263,6 +276,12 @@ const routes: RouteRecordRaw[] = [ component: StudentManagement, meta: { title: '学员管理' } }, + { + path: 'certificate/new', + name: 'CertificateNew', + component: () => import('@/views/teacher/certificate/CertificateNew.vue'), + meta: { title: '新建证书' } + }, { path: 'chapter-editor-teacher/:courseId', name: 'ChapterEditor', @@ -335,39 +354,7 @@ const routes: RouteRecordRaw[] = [ } ] }, - { - path: 'certificate', - name: 'CertificateModule', - component: () => import('@/views/teacher/certificate/index.vue'), - meta: { title: '证书管理' }, - redirect: '/teacher/certificate/management', - children: [ - { - path: 'management', - name: 'CertificateManagementPage', - component: CertificateManagement, - meta: { title: '证书管理' } - }, - { - path: 'template', - name: 'CertificateTemplate', - component: () => import('@/views/teacher/certificate/CertificateTemplate.vue'), - meta: { title: '证书模板' } - }, - { - path: 'issuance', - name: 'CertificateIssuance', - component: () => import('@/views/teacher/certificate/CertificateIssuance.vue'), - meta: { title: '证书颁发' } - }, - { - path: 'query', - name: 'CertificateQuery', - component: () => import('@/views/teacher/certificate/CertificateQuery.vue'), - meta: { title: '证书查询' } - } - ] - }, + ] }, diff --git a/src/views/teacher/AdminDashboard.vue b/src/views/teacher/AdminDashboard.vue index e700f0a..a6734bf 100644 --- a/src/views/teacher/AdminDashboard.vue +++ b/src/views/teacher/AdminDashboard.vue @@ -75,7 +75,7 @@
-
+
@@ -117,6 +117,14 @@ const examMenuExpanded = ref(false); // 考试管理菜单展开状态 const showTopImage = ref(true); // 控制顶部图片显示/隐藏 const route = useRoute(); const router = useRouter(); +const breadcrumbDisplay = computed(() => { + const currentPath = route.path; + // 在新建证书页面不显示面包屑 + if (currentPath.includes('certificate/new')) { + return false; + } + return true; +}); const setActiveNavItem = (index: number) => { activeNavItem.value = index; @@ -161,20 +169,82 @@ const handleClose = () => { const hideSidebar = computed(() => { const currentPath = route.path // 当进入课程管理相关页面或章节编辑页面时隐藏侧边栏 - return currentPath.includes('course-editor') || currentPath.includes('chapter-editor-teacher') + return currentPath.includes('course-editor') || currentPath.includes('chapter-editor-teacher') || currentPath.includes('certificate') }) // 动态生成面包屑路径项（右侧部分） const breadcrumbPathItems = computed(() => { const currentPath = route.path; + // 证书管理模块的面包屑逻辑（优先处理） + if (currentPath.includes('certificate')) { + console.log('证书页面路径:', currentPath); + let breadcrumbs: Array<{ title: string, path: string }> = []; + // 从路径中提取课程ID，如果路径包含course-editor + const courseIdMatch = currentPath.match(/\/course-editor\/(\d+)/); + const courseId = courseIdMatch ? courseIdMatch[1] : '1'; + + if (currentPath.includes('/certificate/detail/')) { + console.log('匹配到证书详情页面'); + // 证书详细页面：课程管理 > 证书 > 证书详情 + breadcrumbs = [ + { + title: '课程管理', + path: '/teacher/course-management' + }, + { + title: '证书管理', + path: `/teacher/course-editor/${courseId}/certificate` + }, + { + title: '证书详情', + path: currentPath + } + ]; + } else if (currentPath.includes('/certificate/add')) { + console.log('匹配到添加证书页面'); + // 添加证书页面：课程管理 > 证书 > 添加证书 + breadcrumbs = [ + { + title: '课程管理', + path: '/teacher/course-management' + }, + { + title: '证书管理', + path: `/teacher/course-editor/${courseId}/certificate` + }, + { + title: '添加证书', + path: currentPath + } + ]; + } else if (currentPath.endsWith('/certificate')) { + console.log('匹配到证书管理页面'); + // 证书管理页面：课程管理 > 证书 + breadcrumbs = [ + { + title: '课程管理', + path: '/teacher/course-management' + }, + { + title: '证书', + path: `/teacher/course-editor/${courseId}/certificate` + } + ]; + } else { + console.log('证书页面但未匹配到具体条件'); + } + console.log('证书页面面包屑:', breadcrumbs); + return breadcrumbs; + } + // 如果在课程编辑器相关页面 if (currentPath.includes('course-editor')) { // 从路径中提取课程ID const courseIdMatch = currentPath.match(/\/course-editor\/(\d+)/); const courseId = courseIdMatch ? courseIdMatch[1] : '未知'; - let breadcrumbs = []; + let breadcrumbs: Array<{ title: string, path: string }> = []; // 根据当前路径添加子页面标题 if (currentPath.includes('courseware')) { @@ -267,7 +337,7 @@ const breadcrumbPathItems = computed(() => { } ); } else { - // 普通作业页面：作业管理 + // 普通作业页面：作业管理 breadcrumbs.push( { title: '作业管理', @@ -303,12 +373,16 @@ const breadcrumbPathItems = computed(() => { } else if (currentPath.includes('certificate')) { breadcrumbs.push( { - title: '证书管理', - path: currentPath + title: '课程管理', + path: '/teacher/course-management' }, { - title: `课程${courseId}`, - path: `/teacher/course-editor/${courseId}` + title: '证书管理', + path: '/teacher/course-editor/1/certificate' + }, + { + title: '证书名称详情', + path: currentPath } ); } else if (currentPath.includes('discussion')) { @@ -391,6 +465,8 @@ const breadcrumbPathItems = computed(() => { return breadcrumbs; } + + // 其他页面的面包屑逻辑 const matchedRoutes = route.matched; let breadcrumbs = matchedRoutes @@ -429,7 +505,7 @@ const updateActiveNavItem = () => { } else if (path.includes('exam-management')) { activeNavItem.value = 4; // 考试管理 examMenuExpanded.value = true; - + const arr = ['question-management', 'exam-library', 'marking-center']; const found = arr.find(item => path.includes(item)); activeSubNavItem.value = found || ''; diff --git a/src/views/teacher/certificate/CertificateCreate.vue b/src/views/teacher/certificate/CertificateCreate.vue new file mode 100644 index 0000000..69d0e4e --- /dev/null +++ b/src/views/teacher/certificate/CertificateCreate.vue @@ -0,0 +1,520 @@ + + + + + \ No newline at end of file diff --git a/src/views/teacher/certificate/CertificateDetail.vue b/src/views/teacher/certificate/CertificateDetail.vue new file mode 100644 index 0000000..c31d8d0 --- /dev/null +++ b/src/views/teacher/certificate/CertificateDetail.vue @@ -0,0 +1,611 @@ + + + + + \ No newline at end of file diff --git a/src/views/teacher/course/CertificateManagement.vue b/src/views/teacher/certificate/CertificateIssuance.vue similarity index 71% rename from src/views/teacher/course/CertificateManagement.vue rename to src/views/teacher/certificate/CertificateIssuance.vue index f24e983..e47758b 100644 --- a/src/views/teacher/course/CertificateManagement.vue +++ b/src/views/teacher/certificate/CertificateIssuance.vue @@ -1,18 +1,18 @@ diff --git a/src/views/teacher/certificate/CertificateNew.vue b/src/views/teacher/certificate/CertificateNew.vue new file mode 100644 index 0000000..08291f6 --- /dev/null +++ b/src/views/teacher/certificate/CertificateNew.vue @@ -0,0 +1,475 @@ + + + + + \ No newline at end of file diff --git a/src/views/teacher/certificate/CertificateQuery.vue b/src/views/teacher/certificate/CertificateQuery.vue new file mode 100644 index 0000000..805aaf7 --- /dev/null +++ b/src/views/teacher/certificate/CertificateQuery.vue @@ -0,0 +1,36 @@ + + + + + diff --git a/src/views/teacher/certificate/CertificateTemplate.vue b/src/views/teacher/certificate/CertificateTemplate.vue new file mode 100644 index 0000000..2d43abc --- /dev/null +++ b/src/views/teacher/certificate/CertificateTemplate.vue @@ -0,0 +1,36 @@ + + + + + diff --git a/src/views/teacher/certificate/index.vue b/src/views/teacher/certificate/index.vue new file mode 100644 index 0000000..2bad536 --- /dev/null +++ b/src/views/teacher/certificate/index.vue @@ -0,0 +1,97 @@ + + + + + diff --git a/src/views/teacher/course/AddCoursewareModal.vue b/src/views/teacher/course/AddCoursewareModal.vue index a404528..46b35ef 100644 --- a/src/views/teacher/course/AddCoursewareModal.vue +++ b/src/views/teacher/course/AddCoursewareModal.vue @@ -226,6 +226,7 @@ const handleConfirm = () => { display: flex; align-items: center; justify-content: center; + color: white; } .button-text1{ color: #0288D1 ; @@ -398,6 +399,7 @@ const handleConfirm = () => { /* 字体居中 */ display: flex; align-items: center; + justify-content: center; /* 小手 */ cursor: pointer; border-radius: 4px; diff --git a/src/views/teacher/course/CourseEditor.vue b/src/views/teacher/course/CourseEditor.vue index 54d99e5..a592907 100644 --- a/src/views/teacher/course/CourseEditor.vue +++ b/src/views/teacher/course/CourseEditor.vue @@ -146,7 +146,9 @@ const hideSidebar = computed(() => { 'add-question', // 新增试题页面 'add-homework', // 添加作业页面 'template-import', - 'review/' + 'review/', + 'certificate/detail/', + 'certificate/add' ] // 检查当前路径是否包含需要隐藏侧边栏的路径 diff --git a/src/views/teacher/course/UploadFileModal.vue b/src/views/teacher/course/UploadFileModal.vue index a1c9b95..98cd0e2 100644 --- a/src/views/teacher/course/UploadFileModal.vue +++ b/src/views/teacher/course/UploadFileModal.vue @@ -145,6 +145,7 @@ const handleConfirm = () => { background-size: 100% 100%; margin: 0 auto; border-radius: 8px; + padding-top: 20px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); } @@ -169,7 +170,7 @@ const handleConfirm = () => { background-size: 100% 100%; margin: 46px 0 0 22px; border: 1px solid rgba(204, 204, 204, 1); - + display: flex; } .upload-label { @@ -354,7 +355,9 @@ const handleConfirm = () => { .action-buttons { width: 147px; height: 32px; - margin: 103px 0 23px 905px; + margin: 103px 0 0 905px; + display: flex; + gap: 20px; } .cancel-btn-container { @@ -370,6 +373,9 @@ const handleConfirm = () => { cursor: pointer; border-radius: 4px; transition: background-color 0.3s ease; + display: flex; + align-items: center; + justify-content: center; } .cancel-btn:hover { @@ -387,7 +393,6 @@ const handleConfirm = () => { text-align: left; white-space: nowrap; line-height: 22px; - margin: 5px 0 0 17px; } .confirm-btn { @@ -398,6 +403,9 @@ const handleConfirm = () => { cursor: pointer; border-radius: 4px; transition: background-color 0.3s ease; + display: flex; + align-items: center; + justify-content: center; } .confirm-btn:hover { @@ -415,7 +423,6 @@ const handleConfirm = () => { text-align: left; white-space: nowrap; line-height: 22px; - margin: 5px 0 0 17px; } /* 添加按钮悬停效果 */