From d78cc1f97c62173c9450085d5babe017fabec33e Mon Sep 17 00:00:00 2001 From: 670788339 <670788339@qq.com> Date: Thu, 13 Nov 2025 09:00:48 +0800 Subject: [PATCH 1/4] =?UTF-8?q?=E6=A0=87=E7=AD=BE=E9=80=89=E6=8B=A9?= =?UTF-8?q?=E5=90=8E=E7=9B=B4=E6=8E=A5=E5=85=B3=E9=97=AD=E4=B8=8B=E6=8B=89?= =?UTF-8?q?=E6=A1=86?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Course/courseTag.vue | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/components/Course/courseTag.vue b/src/components/Course/courseTag.vue index 196fe865..b494f4a2 100644 --- a/src/components/Course/courseTag.vue +++ b/src/components/Course/courseTag.vue @@ -217,7 +217,9 @@ export default { this.$emit('change', this.displayTags); this.clearInput(); - this.$refs.tagSelect.visible = false; + this.$nextTick(() => { + this.$refs.tagSelect.visible = false; + }); }, clearInput() { From 6ee8eaca001aee3e4705500183a29bb66ac753d9 Mon Sep 17 00:00:00 2001 From: 670788339 <670788339@qq.com> Date: Thu, 13 Nov 2025 14:29:23 +0800 Subject: [PATCH 2/4] =?UTF-8?q?=E8=AF=BE=E7=A8=8B=E5=BA=93=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F=E8=B0=83=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/portal/course/Index.vue | 164 ++++++++---------------------- 1 file changed, 40 insertions(+), 124 deletions(-) diff --git a/src/views/portal/course/Index.vue b/src/views/portal/course/Index.vue index de721c35..ef7d582b 100644 --- a/src/views/portal/course/Index.vue +++ b/src/views/portal/course/Index.vue @@ -71,25 +71,21 @@
-
+
全部 -
录播课 -
线下课 -
学习项目 -
U选小课堂 @@ -100,29 +96,31 @@
-
+
-
-
+
+
全部 -
-
- {{tag.tagName}} - +
+
+ {{tag.tagName}} + +
+
@@ -253,10 +251,6 @@
- - -
暂无课程，请优先学习其它课程吧～
@@ -1784,7 +1778,7 @@ export default { .nav-bottbor { position: absolute; - top: 130%; + top: 100%; left: 0; width: 100%; height: 4px; @@ -2012,13 +2006,6 @@ export default { color: #999; } -.couderbox { - // width: 5px; - // padding: 0; - // display: inline-block; - // text-align: center; -} - .coures-border { width: 2px; height: 15px; @@ -2262,16 +2249,6 @@ export default { left: 98%; } -// .el-radio-button{ -// margin-right: 10px; -// margin-bottom: 10px; - -// .el-radio-button__inner{ -// background: #fff; -// border: none; -// height: 20px; -// } -// } ::v-deep .el-radio-button__inner, .el-radio-group { vertical-align: top; @@ -2325,13 +2302,6 @@ export default { } } -.searchbar { - //background-color: #ffffff; - // border: 1px solid #f3f3f3; - // width: 900px; - // padding: 5px 20px; -} - .fixed { position: fixed; top: 0px; @@ -2423,14 +2393,6 @@ export default { } } - // .tip{ - // color:#999999; - // font-size: 12px; - // >span{ - // margin-right: 8px; - // cursor: pointer; - // } - // } .search-item { // padding: 10px 0; } @@ -2473,30 +2435,6 @@ export default { } } } - -// .course-form { -// width: 100%; -// margin: 10px 0; -// ::v-deep.el-button { -// width: 100%; -// color: #fff; -// } -// } - -// .right-box { -// .add-btn { -// width: 100%; -// padding: 15px 0; -// } -// .ranking-card { -// margin-top: 0px; -// } - -// .ranking-data { -// margin: 10px 0; -// color: #999999; -// } -// }] .search-item-type { line-height: 25px; padding-right: 10px; @@ -2550,22 +2488,12 @@ export default { padding: 0 !important; } /* ---end--- */ -// 2025-11-07 10:00 修改 .search-div.nav { display: block; width: 100%; clear: both; } -//.search-div.nav { -// display: flex; -// flex-direction: column; -// height: auto; -// min-height: 100px; -//} -//.hot-tags-area { -// width: 100%; -// margin-top: 15px; -//} + .option-item { margin: 0px 5px; @@ -2614,22 +2542,6 @@ a.custom2 { display: none; } -/* 添加标签样式 */ -//.course-tags { -// margin: 5px 0; -// min-height: 20px; -//} -//.course-tags ::v-deep .el-tag { -// color: #387DF7 !important; -// border-color: #387DF7 !important; -//} -//.course-tags ::v-deep .el-tag .el-tag__close { -// color: #387DF7 !important; -//} -//.course-tags ::v-deep .el-tag .el-tag__close:hover { -// background-color: #387DF7 !important; -// color: white !important; -//} .course-tag-item { color: #333333; // 默认深灰色 @@ -2648,7 +2560,7 @@ a.custom2 { /* 保持原有的导航底部横线样式 */ .nav-bottbor { position: absolute; - top: 130%; + top: 100%; left: 0; width: 100%; height: 4px; @@ -2668,7 +2580,7 @@ a.custom2 { gap: 5px; } } -// 2025-11-07 10:00 修改 + .hot-tags-wrapper { display: flex; flex-wrap: wrap; @@ -2676,22 +2588,7 @@ a.custom2 { align-items: center; padding-top: 2px; } -//.hot-tags-wrapper { -// display: grid; -// grid-template-columns: repeat(auto-fill, minmax(120px, max-content)); -// gap: 15px 20px; -// align-items: center; -// justify-items: start; -// width: 100%; -// padding: 10px 0; -//} -//.hot-tags-wrapper .option-item { -// position: relative; -// cursor: pointer; -// white-space: nowrap; -// padding: 5px 10px; -// text-align: center; -//} + .course-tags { margin: 5px 0; min-height: 20px; @@ -2738,4 +2635,23 @@ a.custom2 { background-color: transparent !important; } +.fieldbox { + + display: flex; + white-space: nowrap; + flex-wrap: wrap; + + div { + margin: 0 15px; + display: inline-block; + font-size: 14px; + line-height: 25px; + //color: #3d3d3d; + font-weight: 500; + } + + .fieldactive { + color: #387DF7; + } +} From 40ac85f1fefcf99e973efdc27cf5013905eea2a1 Mon Sep 17 00:00:00 2001 From: 670788339 <670788339@qq.com> Date: Thu, 13 Nov 2025 18:43:33 +0800 Subject: [PATCH 3/4] =?UTF-8?q?=E5=9C=A8=E7=BA=BF=E6=A0=87=E7=AD=BE?= =?UTF-8?q?=E6=8F=90=E7=A4=BA=E6=94=B9=E7=89=88?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Course/courseForm.vue | 101 +++++++++++++++++---------- 1 file changed, 66 insertions(+), 35 deletions(-) diff --git a/src/components/Course/courseForm.vue b/src/components/Course/courseForm.vue index eb7c6fac..9816fd50 100644 --- a/src/components/Course/courseForm.vue +++ b/src/components/Course/courseForm.vue @@ -56,13 +56,13 @@
✨ 涉内容（如：5W1H分析法）
- +
- + @@ -114,11 +114,14 @@ - + + @focus="onTagFocus" style="width: 95%;"> + + + @@ -303,11 +306,14 @@ --> - + + @focus="onTagFocus" > + + + @@ -647,6 +653,9 @@ export default { this.loadUserGroup(); }, methods: { + handleTagHelp(){ + this.checkAndShowGuidance(); + }, // 关键字的更改 changeKeywords(option){ if(option.target.value){ @@ -955,26 +964,26 @@ export default { this.curCourseId = this.courseInfo.id console.log('保存课程成功',this.curCourseId) console.log('isTip ',this.courseInfo.isTip) - if(this.courseInfo.isTip){ - // 检查是否为首次创建，显示引导 - this.checkAndShowGuidance(); - } + // if(this.courseInfo.isTip){ + // // 检查是否为首次创建，显示引导 + // this.checkAndShowGuidance(); + // } if (this.courseChooseId == 1) { this.weike.dlgShow = true; } else { this.biaoke.dlgShow = true; } - this.$nextTick(() => { - this.initTagComponent(); - // 如果显示引导，初始化高亮元素 - if (this.showGuidance) { - this.$nextTick(() => { - this.initGuidanceElements(); - this.highlightCurrentStep(); - }); - } - }); + // this.$nextTick(() => { + // this.initTagComponent(); + // // 如果显示引导，初始化高亮元素 + // if (this.showGuidance) { + // this.$nextTick(() => { + // this.initGuidanceElements(); + // this.highlightCurrentStep(); + // }); + // } + // }); } else { this.$message.error(rs.message); } @@ -983,15 +992,15 @@ export default { // 检查并显示引导 checkAndShowGuidance() { // 检查本地存储，判断是否为首次创建 - const hasShownGuidance = localStorage.getItem('course_creation_guidance_shown'); - if (!hasShownGuidance) { - this.showGuidance = true; - this.currentStep = 1; - this.isFirstCreate = true; - // 标记引导已显示 - localStorage.setItem('course_creation_guidance_shown', 'true'); - apiCourse.saveTip(); - } + // const hasShownGuidance = localStorage.getItem('course_creation_guidance_shown'); + // if (!hasShownGuidance) { + this.showGuidance = true; + this.currentStep = 1; + this.isFirstCreate = true; + // 标记引导已显示 + localStorage.setItem('course_creation_guidance_shown', 'true'); + // apiCourse.saveTip(); + // } }, // 初始化引导元素 initGuidanceElements() { @@ -2060,4 +2069,26 @@ export default { position: relative; z-index: 10001; } +//.el-form-item__content { +// display: flex; +// width: 80%; +// .tag-container { +// width: 95%; +// } +//} +.tag-from-item .el-form-item__content { + margin-left: 0 !important; + display: flex; + //align-items: center; + .tag-container { + width: 95%; + } +} +.guidance-highlight .el-form-item__content { + margin-left: 0 !important; + display: flex; + width: 75%; +} + + From d3e891e5cc1c85865f0840ab6a2bb0db29a1fee5 Mon Sep 17 00:00:00 2001 From: 670788339 <670788339@qq.com> Date: Fri, 14 Nov 2025 08:45:27 +0800 Subject: [PATCH 4/4] =?UTF-8?q?=E7=B2=BE=E5=93=81=E8=AF=BE=E5=AF=BC?= =?UTF-8?q?=E8=88=AA=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/portal/course/qualityCourse.vue | 259 ++++++++++++++++------ 1 file changed, 191 insertions(+), 68 deletions(-) diff --git a/src/views/portal/course/qualityCourse.vue b/src/views/portal/course/qualityCourse.vue index e2f1e6f8..6ef8cc1a 100644 --- a/src/views/portal/course/qualityCourse.vue +++ b/src/views/portal/course/qualityCourse.vue @@ -56,23 +56,23 @@
-
-
+
+ @@ -90,34 +90,80 @@
-
- -
-
-
- 全部 - -
+ + + + + + + + + + + + -
- {{tag.tagName}} - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+
+ 全部 +
+
+
+ {{tag.tagName}} +
+
@@ -444,6 +490,9 @@ export default { }); return !flag; }, + isAllHotTagsSelected() { + return !this.hotTagsList.some(tag => tag.checked); + } }, data() { return { @@ -711,15 +760,12 @@ export default { }, - // isAllHotTagsSelected() { - // return !this.hotTagsList.some(tag => tag.checked); - // }, + handleClearHotTags() { // 清除所有热点标签的选中状态 this.hotTagsList.forEach(tag => { tag.checked = false; }); - this.isAllHotTagsSelected = true; // 清空course.tags this.course.tags = ''; @@ -1607,29 +1653,29 @@ export default { } // 导航 -.topNav { - display: flex; - margin-bottom: 20px; - - .nav { - display: flex; - align-items: center; - - .option-item { - position: relative; - - .nav-bottbor { - position: absolute; - top: 130%; - left: 0; - width: 100%; - height: 4px; - background: #387DF7; - border-radius: 5px; - } - } - } -} +//.topNav { +// display: flex; +// margin-bottom: 20px; +// +// .nav { +// display: flex; +// align-items: center; +// +// .option-item { +// position: relative; +// +// .nav-bottbor { +// position: absolute; +// top: 130%; +// left: 0; +// width: 100%; +// height: 4px; +// background: #387DF7; +// border-radius: 5px; +// } +// } +// } +//} .u-class { ::v-deep .el-dialog { @@ -2313,11 +2359,11 @@ export default { align-items: center; padding-top: 2px; } -.search-div.nav { - display: block; - width: 100%; - clear: both; -} +//.search-div.nav { +// display: block; +// width: 100%; +// clear: both; +//} .search-item-type { line-height: 25px; padding-right: 10px; @@ -2325,14 +2371,14 @@ export default { white-space: nowrap; } -.option-item { - font-family: "Menlo", "苹方-简" !important; - color: #3d3d3d; - display: inline-block; - font-size: 14px; - margin: 0px 15px; - cursor: pointer -} +//.option-item { +// font-family: "Menlo", "苹方-简" !important; +// color: #3d3d3d; +// display: inline-block; +// font-size: 14px; +// margin: 0px 15px; +// cursor: pointer +//} .option-border { width: 2px; @@ -2342,6 +2388,63 @@ export default { background: #666; } +.topNav { + display: flex; + margin-bottom: 20px; + height: auto; + min-height: 80px; + align-items: center; + + .nav { + display: flex; + align-items: center; + + .option-item { + position: relative; + margin: 0 15px; + cursor: pointer; + + .nav-bottbor { + position: absolute; + top: 100%; + left: 0; + width: 100%; + height: 4px; + background: #387DF7; + border-radius: 5px; + } + } + } +} + +.search-div.nav { + display: block; + width: 100%; + clear: both; +} + +.option-item { + margin: 0px 5px; +} + +.fieldbox { + display: flex; + white-space: nowrap; + flex-wrap: wrap; + + div { + margin: 0 15px; + display: inline-block; + font-size: 14px; + line-height: 25px; + font-weight: 500; + } + + .fieldactive { + color: #387DF7; + } +} + .option-active { color: #387DF7; } @@ -2380,4 +2483,24 @@ export default { font-weight: bold; background-color: transparent !important; } + +//.fieldbox { +// +// display: flex; +// white-space: nowrap; +// flex-wrap: wrap; +// +// div { +// margin: 0 15px; +// display: inline-block; +// font-size: 14px; +// line-height: 25px; +// //color: #3d3d3d; +// font-weight: 500; +// } +// +// .fieldactive { +// color: #387DF7; +// } +//}