From 617888abfdedfe80a415bb1a0fa293a9b50b1232 Mon Sep 17 00:00:00 2001 From: 670788339 <670788339@qq.com> Date: Sat, 8 Nov 2025 08:44:58 +0800 Subject: [PATCH 01/58] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=AF=BC=E8=88=AA?= =?UTF-8?q?=E5=8C=BA=E5=9F=9F=E7=BB=93=E6=9E=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/portal/course/Index.vue | 176 ++++++++++++++++++------------ 1 file changed, 109 insertions(+), 67 deletions(-) diff --git a/src/views/portal/course/Index.vue b/src/views/portal/course/Index.vue index ecfcb5a7..f51e1795 100644 --- a/src/views/portal/course/Index.vue +++ b/src/views/portal/course/Index.vue @@ -283,61 +283,62 @@ -->
-
-
- 全部 - -
-
- 录播课 - -
-
- 线下课 - -
-
- 学习项目 - -
- - U选小课堂 - - - - - - -
- - -
-
- 全部 - +
+
+
+ 全部 +
+
+ 录播课 + +
+
+ 线下课 + +
+
+ 学习项目 + +
+ + U选小课堂 + + + + + +
+ +
+ +
+
+
+ 全部 + +
-
- {{tag.tagName}} - +
+ {{tag.tagName}} + +
+
-
-
+
全部
+
录播课 @@ -316,7 +317,7 @@
-
+
全部
- +
Date: Sat, 8 Nov 2025 09:02:14 +0800 Subject: [PATCH 03/58] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=AF=BC=E8=88=AA?= =?UTF-8?q?=E5=8C=BA=E5=9F=9F=E7=BB=93=E6=9E=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/portal/course/Index.vue | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/src/views/portal/course/Index.vue b/src/views/portal/course/Index.vue index 0205b3c4..f51e1795 100644 --- a/src/views/portal/course/Index.vue +++ b/src/views/portal/course/Index.vue @@ -284,12 +284,11 @@
- +
全部
-
录播课 @@ -317,7 +316,7 @@
- +
全部
-
+
Date: Sat, 8 Nov 2025 09:06:44 +0800 Subject: [PATCH 04/58] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=AF=BC=E8=88=AA?= =?UTF-8?q?=E5=8C=BA=E5=9F=9F=E7=BB=93=E6=9E=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/portal/course/Index.vue | 218 ++++++++++++++++++------------ 1 file changed, 130 insertions(+), 88 deletions(-) diff --git a/src/views/portal/course/Index.vue b/src/views/portal/course/Index.vue index 2c2579e2..4a6bab16 100644 --- a/src/views/portal/course/Index.vue +++ b/src/views/portal/course/Index.vue @@ -283,58 +283,59 @@
-->
-
-
- 全部 - +
+
+
+ 全部 + +
+
+ 录播课 + +
+
+ 线下课 + +
+
+ 学习项目 + +
+ + U选小课堂 + + + + +
-
- 录播课 - -
-
- 线下课 - -
-
- 学习项目 - -
- - U选小课堂 - - - - -
-
-
- 全部 - -
+
+
+ 全部 + +
-
- {{tag.tagName}} - +
+ {{tag.tagName}} + +
@@ -1036,33 +1037,33 @@ export default { this.searchData(1); }, // 清除 -handleClearTags() { - //清空所有的条件 - this.keyword = ''; - this.ctypeList.forEach(item => { - item.checked = false; - }); - this.hotTagsList.forEach(item => { - item.checked = false; - }); - this.course.tags = ''; // 清空标签ID - - // 添加清除三级分类的逻辑 - this.oneList.forEach(one => { - one.checked = false; - one.children.forEach(two => { - two.checked = false; - two.children.forEach(three => { - three.checked = false; + handleClearTags() { + //清空所有的条件 + this.keyword = ''; + this.ctypeList.forEach(item => { + item.checked = false; }); - }); - }); + this.hotTagsList.forEach(item => { + item.checked = false; + }); + this.course.tags = ''; // 清空标签ID - // 清空导航标题 - this.navTitle = []; + // 添加清除三级分类的逻辑 + this.oneList.forEach(one => { + one.checked = false; + one.children.forEach(two => { + two.checked = false; + two.children.forEach(three => { + three.checked = false; + }); + }); + }); - this.searchData(); -}, + // 清空导航标题 + this.navTitle = []; + + this.searchData(); + }, // 导航切换(录播课，线下课，学习项目) handleTypeClick(item, list) { item.checked = !item.checked; @@ -1580,7 +1581,7 @@ handleClearTags() { if (item.teacher) { item.teacher = item.teacher.split(',').filter(itemValue => itemValue !== 'BOE教师').join(','); // if (dotIdx > 0) { - // item.teacher = item.teacher.substring(0, dotIdx); + // item.teacher = item.teacher.substring(0, dotIdx); // } } if (item.teacher && item.teacher == 'BOE教师') { @@ -1856,6 +1857,9 @@ handleClearTags() { .topNav { display: flex; margin-bottom: 20px; + height: auto; + min-height: 80px; + align-items: center; .nav { display: flex; @@ -2333,8 +2337,8 @@ handleClearTags() { margin-left: 15px; font-size: 14px; color: #3d3d3d; - cursor: pointer; - position: relative; + //cursor: pointer; + //position: relative; } .uxicon { @@ -2465,6 +2469,8 @@ handleClearTags() { background: #fff; padding: 10px 25px; border-radius: 8px; + height: auto; + min-height: 60px; ::v-deep .el-input { width: 420px; @@ -2588,7 +2594,8 @@ handleClearTags() { color: #3d3d3d; display: inline-block; font-size: 14px; - margin: 0px 15px; + //margin: 0px 15px; + font-weight: normal; } .option-border { @@ -2602,7 +2609,7 @@ handleClearTags() { .option-active { color: #387DF7; } - /* 项目简介 方法一：外部 CSS 类 */ +/* 项目简介 方法一：外部 CSS 类 */ ::v-deep.el-dialog { border-radius: 3% 3% 1% 1%; padding: 0; @@ -2628,12 +2635,23 @@ handleClearTags() { padding: 0 !important; } /* ---end--- */ -/* ---标签管理 added by zhengsongbo on 2025-08-01--- */ +// 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; } @@ -2672,7 +2690,7 @@ a.custom2 { .hot-tags-container { display: inline-block; - white-space: nowrap; + //white-space: nowrap; overflow-x: auto; vertical-align: top; } @@ -2705,16 +2723,6 @@ a.custom2 { color: #387DF7 !important; // 匹配时的蓝色 } -/* 添加热点标签容器样式，支持换行 */ -.hot-tags-wrapper { - display: flex; - flex-wrap: wrap; - gap: 15px; - align-items: center; - padding-top: 2px; - //margin-left: 90px; /* 为"热点标签:"文本留出空间 */ -} - /* 调整option-item样式以适应换行布局 */ .option-item { position: relative; @@ -2745,5 +2753,39 @@ a.custom2 { gap: 5px; } } -/* ---end--- */ +// 2025-11-07 10:00 修改 +.hot-tags-wrapper { + display: flex; + flex-wrap: wrap; + gap: 15px; + 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; +} + +.course-tag-item { + color: #333333; +} +.course-tag-item[style*="color: #387DF7"] { + color: #387DF7 !important; +} From c83b44f7731443af64cea82ea7efbb5e1da8c4c4 Mon Sep 17 00:00:00 2001 From: 670788339 <670788339@qq.com> Date: Sat, 8 Nov 2025 09:08:46 +0800 Subject: [PATCH 05/58] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=AF=BC=E8=88=AA?= =?UTF-8?q?=E5=8C=BA=E5=9F=9F=E7=BB=93=E6=9E=84=E6=B5=8B=E8=AF=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/portal/course/Index.vue | 56 +++++++++++++++---------------- 1 file changed, 28 insertions(+), 28 deletions(-) diff --git a/src/views/portal/course/Index.vue b/src/views/portal/course/Index.vue index f51e1795..ca5c7e5d 100644 --- a/src/views/portal/course/Index.vue +++ b/src/views/portal/course/Index.vue @@ -2636,21 +2636,21 @@ export default { } /* ---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 { +// display: block; // width: 100%; -// margin-top: 15px; +// 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; @@ -2761,22 +2761,22 @@ 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; -//} +.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; From 18c14addca09d3739ec82524f4e0f496fa44a075 Mon Sep 17 00:00:00 2001 From: 670788339 <670788339@qq.com> Date: Sat, 8 Nov 2025 09:11:41 +0800 Subject: [PATCH 06/58] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=AF=BC=E8=88=AA?= =?UTF-8?q?=E5=8C=BA=E5=9F=9F=E7=BB=93=E6=9E=84=E6=B5=8B=E8=AF=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/portal/course/Index.vue | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/src/views/portal/course/Index.vue b/src/views/portal/course/Index.vue index ca5c7e5d..2e45ef34 100644 --- a/src/views/portal/course/Index.vue +++ b/src/views/portal/course/Index.vue @@ -2754,13 +2754,13 @@ a.custom2 { } } // 2025-11-07 10:00 修改 -.hot-tags-wrapper { - display: flex; - flex-wrap: wrap; - gap: 15px; - align-items: center; - padding-top: 2px; -} +//.hot-tags-wrapper { +// display: flex; +// flex-wrap: wrap; +// gap: 15px; +// align-items: center; +// padding-top: 2px; +//} .hot-tags-wrapper { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, max-content)); From 7226b44f60dcfd7821836a3b7218d07ddf1eeeff Mon Sep 17 00:00:00 2001 From: 670788339 <670788339@qq.com> Date: Sat, 8 Nov 2025 09:18:58 +0800 Subject: [PATCH 07/58] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=AF=BC=E8=88=AA?= =?UTF-8?q?=E5=8C=BA=E5=9F=9F=E7=BB=93=E6=9E=84=E6=B5=8B=E8=AF=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/portal/course/Index.vue | 64 +++++++++++++++---------------- 1 file changed, 32 insertions(+), 32 deletions(-) diff --git a/src/views/portal/course/Index.vue b/src/views/portal/course/Index.vue index 2e45ef34..f51e1795 100644 --- a/src/views/portal/course/Index.vue +++ b/src/views/portal/course/Index.vue @@ -2636,21 +2636,21 @@ export default { } /* ---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 { + display: block; width: 100%; - margin-top: 15px; + 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; @@ -2754,29 +2754,29 @@ a.custom2 { } } // 2025-11-07 10:00 修改 -//.hot-tags-wrapper { -// display: flex; -// flex-wrap: wrap; -// gap: 15px; -// align-items: center; -// padding-top: 2px; -//} .hot-tags-wrapper { - display: grid; - grid-template-columns: repeat(auto-fill, minmax(120px, max-content)); - gap: 15px 20px; + display: flex; + flex-wrap: wrap; + gap: 15px; 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; + 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; From 14918870ee2df08218246ab8e9ff243f9d58f666 Mon Sep 17 00:00:00 2001 From: 670788339 <670788339@qq.com> Date: Sat, 8 Nov 2025 09:26:49 +0800 Subject: [PATCH 08/58] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=AF=BC=E8=88=AA?= =?UTF-8?q?=E5=8C=BA=E5=9F=9F=E7=BB=93=E6=9E=84=E6=B5=8B=E8=AF=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/portal/course/Index.vue | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/src/views/portal/course/Index.vue b/src/views/portal/course/Index.vue index f51e1795..af79c29a 100644 --- a/src/views/portal/course/Index.vue +++ b/src/views/portal/course/Index.vue @@ -355,8 +355,7 @@
搜索条件: - + {{ tag.tagName }}
From 372a7c22edb236f46ed1e14b238156c52598a32d Mon Sep 17 00:00:00 2001 From: 670788339 <670788339@qq.com> Date: Sat, 8 Nov 2025 09:29:40 +0800 Subject: [PATCH 09/58] =?UTF-8?q?=E6=90=9C=E7=B4=A2=E6=9D=A1=E4=BB=B6?= =?UTF-8?q?=E5=8F=96=E6=B6=88=E7=BA=A2=E8=89=B2=E6=A0=87=E8=AE=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/portal/course/Index.vue | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/src/views/portal/course/Index.vue b/src/views/portal/course/Index.vue index 4a6bab16..1d43487d 100644 --- a/src/views/portal/course/Index.vue +++ b/src/views/portal/course/Index.vue @@ -355,8 +355,7 @@
搜索条件: - + {{ tag.tagName }}
From 979321ec272567a0266f5d648c4d6fb098aa7dbf Mon Sep 17 00:00:00 2001 From: 670788339 <670788339@qq.com> Date: Sat, 8 Nov 2025 10:31:19 +0800 Subject: [PATCH 10/58] =?UTF-8?q?=E8=AF=BE=E7=A8=8B=E8=AF=A6=E6=83=85?= =?UTF-8?q?=E6=A0=87=E7=AD=BE=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/Detail.vue | 13 ++++++++++--- 1 file changed, 10 insertions(+), 3 deletions(-) diff --git a/src/views/portal/course/Detail.vue b/src/views/portal/course/Detail.vue index 2ede1ee4..048ef36b 100644 --- a/src/views/portal/course/Detail.vue +++ b/src/views/portal/course/Detail.vue @@ -404,7 +404,7 @@ export default { } ::v-deep .el-tag { background-color: #ecf5ff; - border-color: #409EFF; + //border-color: #409EFF; display: inline-block; height: 28px; padding: 0 10px; @@ -462,9 +462,16 @@ export default { margin: 5px 0; min-height: 20px; .label-item { - padding: 0 7px; + padding: 0px 8px; + margin-top: 5px; + float: left; + line-height: 24px; + font-size: 12px; + border-radius: 2px; margin-right: 8px; - margin-bottom: 0px; + color: #2C68FF; + height: 24px; + background: rgba(44, 104, 255, 0.06); } } ::v-deep .el-rate__icon { From a344d92c3078e4f180789e0e35dc55901a9a6652 Mon Sep 17 00:00:00 2001 From: 670788339 <670788339@qq.com> Date: Sat, 8 Nov 2025 10:48:06 +0800 Subject: [PATCH 11/58] =?UTF-8?q?=E8=B0=83=E8=AF=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/portal/course/Detail.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/views/portal/course/Detail.vue b/src/views/portal/course/Detail.vue index 048ef36b..3926a880 100644 --- a/src/views/portal/course/Detail.vue +++ b/src/views/portal/course/Detail.vue @@ -404,7 +404,7 @@ export default { } ::v-deep .el-tag { background-color: #ecf5ff; - //border-color: #409EFF; + border-color: #409EFF; display: inline-block; height: 28px; padding: 0 10px; From ecc32e20b1a5d133cc6e961692ca38b84a5e05e6 Mon Sep 17 00:00:00 2001 From: 670788339 <670788339@qq.com> Date: Sat, 8 Nov 2025 10:52:45 +0800 Subject: [PATCH 12/58] =?UTF-8?q?=E8=B0=83=E8=AF=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/portal/course/Detail.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/views/portal/course/Detail.vue b/src/views/portal/course/Detail.vue index 3926a880..8d49669b 100644 --- a/src/views/portal/course/Detail.vue +++ b/src/views/portal/course/Detail.vue @@ -412,7 +412,7 @@ export default { font-size: 12px; color: #3e7fff; border-width: 1px; - border-style: solid; + //border-style: solid; border-radius: 0px; box-sizing: border-box; white-space: nowrap; From 6e43d961d49c7dd2b5f78c9d2307232a449f94e8 Mon Sep 17 00:00:00 2001 From: 670788339 <670788339@qq.com> Date: Sat, 8 Nov 2025 11:18:01 +0800 Subject: [PATCH 13/58] =?UTF-8?q?=E8=B0=83=E8=AF=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/portal/course/Detail.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/views/portal/course/Detail.vue b/src/views/portal/course/Detail.vue index 8d49669b..3926a880 100644 --- a/src/views/portal/course/Detail.vue +++ b/src/views/portal/course/Detail.vue @@ -412,7 +412,7 @@ export default { font-size: 12px; color: #3e7fff; border-width: 1px; - //border-style: solid; + border-style: solid; border-radius: 0px; box-sizing: border-box; white-space: nowrap; From 5f2f85a674b40517f51bb1006a99e63e44619374 Mon Sep 17 00:00:00 2001 From: 670788339 <670788339@qq.com> Date: Sat, 8 Nov 2025 11:21:30 +0800 Subject: [PATCH 14/58] =?UTF-8?q?=E8=B0=83=E8=AF=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/portal/course/Detail.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/views/portal/course/Detail.vue b/src/views/portal/course/Detail.vue index 3926a880..048ef36b 100644 --- a/src/views/portal/course/Detail.vue +++ b/src/views/portal/course/Detail.vue @@ -404,7 +404,7 @@ export default { } ::v-deep .el-tag { background-color: #ecf5ff; - border-color: #409EFF; + //border-color: #409EFF; display: inline-block; height: 28px; padding: 0 10px; From 99b315b503ae44fbdd8e82136c9b8fcdf7cc65d2 Mon Sep 17 00:00:00 2001 From: 670788339 <670788339@qq.com> Date: Sat, 8 Nov 2025 11:31:09 +0800 Subject: [PATCH 15/58] =?UTF-8?q?=E8=B0=83=E8=AF=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/portal/course/Detail.vue | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/views/portal/course/Detail.vue b/src/views/portal/course/Detail.vue index 048ef36b..586b69da 100644 --- a/src/views/portal/course/Detail.vue +++ b/src/views/portal/course/Detail.vue @@ -404,7 +404,7 @@ export default { } ::v-deep .el-tag { background-color: #ecf5ff; - //border-color: #409EFF; + border-color: #409EFF; display: inline-block; height: 28px; padding: 0 10px; @@ -472,6 +472,7 @@ export default { color: #2C68FF; height: 24px; background: rgba(44, 104, 255, 0.06); + border: none; // 或者使用 border-color: transparent; } } ::v-deep .el-rate__icon { From 9b11cc3f92881298d592d08bce28064294e82b71 Mon Sep 17 00:00:00 2001 From: 670788339 <670788339@qq.com> Date: Sat, 8 Nov 2025 11:42:43 +0800 Subject: [PATCH 16/58] =?UTF-8?q?=E8=AF=BE=E7=A8=8B=E8=AF=A6=E6=83=85?= =?UTF-8?q?=E9=A1=B5=E6=A0=87=E7=AD=BE=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/Detail.vue | 14 +++++++++++--- 1 file changed, 11 insertions(+), 3 deletions(-) diff --git a/src/views/portal/course/Detail.vue b/src/views/portal/course/Detail.vue index 2ede1ee4..7d8a0beb 100644 --- a/src/views/portal/course/Detail.vue +++ b/src/views/portal/course/Detail.vue @@ -420,7 +420,7 @@ export default { .course-title{ position: relative; - height: 60px; + height: auto; display: flex; justify-content: space-between; .title { @@ -462,9 +462,17 @@ export default { margin: 5px 0; min-height: 20px; .label-item { - padding: 0 7px; + padding: 0px 8px; + margin-top: 5px; + float: left; + line-height: 24px; + font-size: 12px; + border-radius: 2px; margin-right: 8px; - margin-bottom: 0px; + color: #2C68FF; + height: 24px; + background: rgba(44, 104, 255, 0.06); + border: none; // 或者使用 border-color: transparent; } } ::v-deep .el-rate__icon { From c8d11613de4f44913d3dece5ab2a83d72fc36b3e Mon Sep 17 00:00:00 2001 From: 670788339 <670788339@qq.com> Date: Sat, 8 Nov 2025 14:34:42 +0800 Subject: [PATCH 17/58] =?UTF-8?q?=E5=9C=A8=E7=BA=BF=E6=A0=87=E7=AD=BE?= =?UTF-8?q?=E8=B0=83=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Course/courseTag.vue | 1 + 1 file changed, 1 insertion(+) diff --git a/src/components/Course/courseTag.vue b/src/components/Course/courseTag.vue index 69a59981..f123ec19 100644 --- a/src/components/Course/courseTag.vue +++ b/src/components/Course/courseTag.vue @@ -11,6 +11,7 @@ :remote-method="debouncedSearch" :loading="loading" :placeholder="'回车创建新标签'" + :no-data-text="'无此标签，按回车键创建'" @remove-tag="handleTagRemove" @change="handleSelectionChange" @keyup.enter.native="handleEnterKey" From 73026b0ab55667f9de160feb6d85c00f847b0c27 Mon Sep 17 00:00:00 2001 From: 670788339 <670788339@qq.com> Date: Sat, 8 Nov 2025 14:46:53 +0800 Subject: [PATCH 18/58] =?UTF-8?q?=E5=9C=A8=E7=BA=BF=E6=A0=87=E7=AD=BE?= =?UTF-8?q?=E6=97=A0=E6=95=B0=E6=8D=AE=E6=98=BE=E7=A4=BA=E8=B0=83=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Course/courseTag.vue | 1 + 1 file changed, 1 insertion(+) diff --git a/src/components/Course/courseTag.vue b/src/components/Course/courseTag.vue index b87ac90a..cac8686e 100644 --- a/src/components/Course/courseTag.vue +++ b/src/components/Course/courseTag.vue @@ -11,6 +11,7 @@ :remote-method="debouncedSearch" :loading="loading" :placeholder="'回车创建新标签'" + :no-data-text="'无此标签，按回车键创建'" @remove-tag="handleTagRemove" @change="handleSelectionChange" @keyup.enter.native="handleEnterKey" From 48b76132023169747acc6945723accf441f82263 Mon Sep 17 00:00:00 2001 From: 670788339 <670788339@qq.com> Date: Sat, 8 Nov 2025 17:07:54 +0800 Subject: [PATCH 19/58] =?UTF-8?q?=E8=B0=83=E8=AF=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/portal/course/qualityCourse.vue | 797 ++++++++++------------ 1 file changed, 353 insertions(+), 444 deletions(-) diff --git a/src/views/portal/course/qualityCourse.vue b/src/views/portal/course/qualityCourse.vue index ccb17b11..cdae1b45 100644 --- a/src/views/portal/course/qualityCourse.vue +++ b/src/views/portal/course/qualityCourse.vue @@ -2,7 +2,7 @@
+ @showClass="showClass">
@@ -35,15 +35,15 @@
{{ one.name }}
+ @click.stop="handleOptionClick(twoList, 2, one.children)" + :class="{ courseTwoActive: twoList.id == twoId || twoList.checked }" @mouseleave.stop="leaveIndex" + @mouseenter.stop="changeIndex(twoList.id)"> + :disabled="!twoList.children.length" :open-delay="0" :close-delay="0" trigger="hover" + :visible-arrow="false" @hide="leaveIndex" @show="changeIndex(twoList.id)" transition="none">
{{ - twoList.name }}
+ twoList.name }}
@@ -51,8 +51,8 @@
+ :key="threeList.id" @click.stop="handleOptionClick(threeList, 3, twoList.children)" + class="course-three"> {{ threeList.name }}
@@ -70,49 +70,75 @@
-
-
-
- 全部 - +
+
+
+
+ 全部 + +
+
+ 内部专享 + +
+
+ 外部精选 + +
-
- 内部专享 - -
-
- 外部精选 - + +
+
+
+
+ 全部 + +
+
+ {{tag.tagName}} + +
+
+
-
- 请选择年份 - - - - +
+ 请选择年份 + + + +
- -
- 搜索条件 - {{ - tag.name }} + 搜索条件: + + {{ tag.tagName }} +
清除 @@ -125,13 +151,13 @@
全部课程 + :class="{ actice: course.orderField == 'DEFAULT' }">全部课程 最热 + :class="{ actice: course.orderField == 'HOT' }">最热 最新 + :class="{ actice: course.orderField == 'NEW' }">最新 好评率 + :class="{ actice: course.orderField == 'GOOD' }">好评率 共找到{{ count }}个结果 @@ -148,11 +174,23 @@ 学习项目
+ +
+ + {{ tag }} + +
+ :disabled="!keyword.showTitle"> @@ -160,7 +198,7 @@
- +
开课时间：{{ cinfo.startTime }}
@@ -176,7 +214,7 @@
+ :praises="false" :shares="false" :views="false">
{{ toScore(cinfo.courseScore) }}分
@@ -216,12 +254,12 @@ - +
当前分类下暂未标记精品课
+ layout="total, prev, pager, next, jumper" @change-page="currentChange">
@@ -234,7 +272,7 @@
- +
U选小课堂
@@ -247,7 +285,7 @@
- + 通用力专区
加厚职业素养，轻学习、快成长！
@@ -260,7 +298,7 @@
-
精品课程
-
@@ -70,48 +54,48 @@
-
-
-
-
- 全部 - -
-
- 内部专享 - -
-
- 外部精选 - -
+
+
+
+ 全部 +
- -
+
+ 内部专享 + +
+
+ 外部精选 + +
+
+ +
+ +
-
-
- 全部 - -
-
- {{tag.tagName}} - -
+
+ 全部 + +
+ +
+ {{tag.tagName}} +
@@ -130,15 +114,16 @@
+ +
- 搜索条件: - - {{ tag.tagName }} - + 搜索条件 + {{ + tag.name }}
清除 @@ -174,18 +159,6 @@ 学习项目
- -
- - {{ tag }} - -
@@ -254,7 +227,7 @@ - +
当前分类下暂未标记精品课
@@ -272,7 +245,7 @@
- +
U选小课堂
@@ -285,7 +258,7 @@
- + 通用力专区
加厚职业素养，轻学习、快成长！
@@ -296,17 +269,6 @@
创新力专区课程版权已到期！
-
@@ -335,7 +297,6 @@ import apiSearchterm from "@/api/modules/searchterm.js"; import apiPlace from "@/api/phase2/place.js" import {qualityCourseTimeMark, qualityPageList} from "@/api/phase2" import apiCourseTag from '@/api/modules/courseTag.js' - export default { name: "index", components: { @@ -355,45 +316,19 @@ export default { let list = []; }, + // 取消搜索条件标签展示 stagList() { //计算出选择的内容 let list = []; - - // 关键词 if (this.keyword) { list.push({ type: 0, id: 'keyword', name: this.keyword, - tagName: this.keyword, checked: true - }); + }) } - - // 课程类型 - this.ctypeList.forEach(item => { - if (item.checked) { - list.push({ - ...item, - tagName: item.name - }); - } - }); - - // 热点标签 - this.hotTagsList.forEach(item => { - if (item.checked) { - list.push({ - ...item, - name: item.tagName || item.name, - tagName: item.tagName || item.name, - type: 14 - }); - } - }); - - // 三级分类 this.oneList.forEach(one => { - var twoChildChecked = false; + var twoChildChecked = false;//是否有下级 one.children.forEach(two => { if (two.checked) { twoChildChecked = true; @@ -401,28 +336,18 @@ export default { var threeChildChecked = false; two.children.forEach(three => { if (three.checked) { - list.push({ - ...three, - tagName: three.name - }); + list.push(three); threeChildChecked = true; } }); if (two.checked && !threeChildChecked) { - list.push({ - ...two, - tagName: two.name - }); + list.push(two); } }); if (one.checked && !twoChildChecked) { - list.push({ - ...one, - tagName: one.name - }); + list.push(one); } - }); - + }) return list; }, ctypeTagAll() { @@ -431,14 +356,9 @@ export default { }); return !flag; }, - // 添加计算是否所有热点标签都未选中（即"全部"选中状态） - isAllHotTagsSelected() { - return !this.hotTagsList.some(tag => tag.checked); - } }, data() { return { - hotTagsList: [], /** 被选择的精品课程*/ courseChosen: void 0, yearChosen: [], @@ -503,7 +423,8 @@ export default { searchRecords: [], hotList: [], totalPages: 1, - localSessionKey: this.$xpage.constants.localCourseFiltersKey + localSessionKey: this.$xpage.constants.localCourseFiltersKey, + hotTagsList: [], }; }, // 受众需要每次刷新 @@ -516,15 +437,13 @@ export default { } else { console.log(rs.message); } - }); - - // 初始化热点标签 - this.initHotTags(); + }) }, mounted() { + qualityCourseTimeMark().then(response=>{ this.years = response.data.result - }); + }) let el_top = document.querySelector("#searchbar"); let el_search = document.querySelector("#searchbar"); @@ -532,16 +451,17 @@ export default { let flag = true; let $this = this; this.getAnkingData(); - + // window.addEventListener("scroll", this.handleScroll); + // if (this.$route.query !== {}) { if (this.$route.query.keyword) { this.keyword = this.$route.query.keyword; } this.loadTypeData();//加载分类 - + //this.getSceneData(); //已经没有场景了 if (this.keyword) { this.totalPages = 4; } - + //新加 this.refId = this.$route.query.recommendId; if (this.refId) { this.course.type = 'recommend' @@ -549,9 +469,10 @@ export default { this.loadSysTypes(); this.getScoreList(); this.getHotList(); - + //查询排行榜，页面打开只查询一次 let localKey = "user_" + this.userInfo.sysId + "_gids"; if (this.audiences.length == 0) { + //let hasIds; let hasIds = sessionStorage.getItem(localKey); if (hasIds && hasIds.length > 0) { this.audiences = hasIds.split(","); @@ -568,21 +489,16 @@ export default { }) } } - this.couresreso();//广告位 }, beforeDestroy() { // window.removeEventListener("scroll", this.handleScroll); }, methods: { - isTagMatched(tag) { - // 检查stagList中是否有匹配的标签 - return this.stagList.some(searchTag => - searchTag.tagName === tag || searchTag.name === tag - ); - }, - // 添加清除热点标签选中的方法 + isAllHotTagsSelected() { + return !this.hotTagsList.some(tag => tag.checked); + }, handleClearHotTags() { // 清除所有热点标签的选中状态 this.hotTagsList.forEach(tag => { @@ -594,22 +510,22 @@ export default { // 触发搜索 this.searchData(); }, + handleTagClick(item, list,type) { + item.checked = !item.checked; - // 初始化热点标签 - initHotTags() { - // 初始化:获取最新前10个热点标签 - apiCourseTag.getHotTagList(null).then(rs => { - if (rs.status == 200) { - this.hotTagsList = rs.result.map(tag => ({ - ...tag, - checked: false - })); - } else { - console.log(rs.message); - } + // 更新course.tags + const checkedTags = this.hotTagsList.filter(tag => tag.checked); + let tagIds = checkedTags.map(tag => tag.id).join(','); + this.course.tags = tagIds; + + // 强制触发stagList重新计算 + this.$nextTick(() => { + this.searchData(type); }); }, + + // 改变分页 currentChange(val) { this.course.pageIndex = val @@ -635,6 +551,7 @@ export default { } }, uClassClick() { + // this.showUClass = true; window.open("https://m.qingxuetang.com/x/?appId=qxtcorp306130") }, saveLocalFilters() { @@ -647,6 +564,7 @@ export default { }) }); let typeCodeString = JSON.stringify(typeCodeList); + //console.log(typeCodeString); sessionStorage.setItem(this.localSessionKey, typeCodeString); }, loadLocalFilters() { @@ -692,54 +610,10 @@ export default { stagClose(tag, tagIndex) { this.courseChosen = void 0; tag.checked = false; - - // 根据标签类型处理不同的清除逻辑 if (tag.type == 0) { - // 关键词类型 this.keyword = ''; - } else if (tag.type == 1) { - // 课程类型（全部、内部专享、外部精选） - this.ctypeList.forEach(item => { - if (item.id == tag.id) { - item.checked = false; - } - }); - } else if (tag.type == 14) { - // 热点标签类型 - this.hotTagsList.forEach(item => { - if (item.id == tag.id) { - item.checked = false; - } - }); - - // 更新course.tags，移除被删除的热点标签 - const checkedHotTags = this.hotTagsList.filter(tag => tag.checked); - let tagIds = checkedHotTags.map(tag => tag.id).join(','); - this.course.tags = tagIds; - - } else if (tag.type == 11 || tag.type == 12 || tag.type == 13) { - // 三级分类标签 - this.oneList.forEach(one => { - if (one.id == tag.id) { - one.checked = false; - } - one.children.forEach(two => { - if (two.id == tag.id) { - two.checked = false; - } - two.children.forEach(three => { - if (three.id == tag.id) { - three.checked = false; - } - }); - }); - }); } - - // 重置导航标题 - this.navTitle = []; - - // 触发搜索更新 + this.navTitle = [] this.searchData(); }, @@ -780,45 +654,36 @@ export default { handleClearTags() { //清空所有的条件 this.keyword = ''; - this.ctypeList.forEach(item => { - item.checked = false; - }); - this.hotTagsList.forEach(item => { - item.checked = false; - }); - this.course.tags = ''; // 清空标签ID - - // 添加清除三级分类的逻辑 + // 取消搜索条件标签展示 + // this.ctypeList.forEach(item => { + // item.checked = false; + // }); this.oneList.forEach(one => { one.checked = false; one.children.forEach(two => { two.checked = false; two.children.forEach(three => { three.checked = false; - }); - }); + }) + }) }); - - // 清空导航标题 - this.navTitle = []; + // 清除左侧被选中的内容 this.courseChosen = void 0; this.twoList = []; this.threeList = []; + this.navTitle = []; this.newData = false; sessionStorage.removeItem(this.localSessionKey) this.searchData(); }, - // 导航切换(全部、内部专享、外部精选) + // 导航切换(录播课，线下课，学习项目) handleTypeClick(item, list) { - item.checked = !item.checked; - const checkedTags = this.hotTagsList.filter(tag => tag.checked); - let tagIds = checkedTags.map(tag => tag.id).join(','); - this.course.tags = tagIds; + // item.checked = !item.checked; //使用上面一行是可以多选，使用下面是单选 - // list.forEach(row=>{ - // row.checked=false; - // }) - // item.checked=true; + list.forEach(row=>{ + row.checked=false; + }) + item.checked=true; this.searchData(); }, //三级分类 @@ -827,10 +692,6 @@ export default { this.newData = item.newData; this.courseChosen = item.id console.log(item, "---------"); - - // 点击左侧分类时，动态加载对应的标签 - this.loadTagsByCategory(item.id); - // 单选，排除法 this.oneList.forEach(one => { one.checked = false; @@ -853,27 +714,8 @@ export default { }) }) }) - this.searchData(); }, - - // 根据分类加载标签 - loadTagsByCategory(categoryId) { - // 根据分类ID加载对应的标签 - apiCourseTag.getHotTagList({ sysType: categoryId }).then(rs => { - if (rs.status == 200) { - // 保留已选中标签的状态 - const currentCheckedTags = this.hotTagsList.filter(tag => tag.checked); - this.hotTagsList = rs.result.map(tag => ({ - ...tag, - checked: currentCheckedTags.some(checkedTag => checkedTag.id === tag.id) - })); - } else { - console.log(rs.message); - } - }); - }, - // 无用 handleChangeTypes(item) { console.log(item); @@ -937,8 +779,11 @@ export default { }) } $this.oneList.push(newItem); + + }); this.loadLocalFilters(); + // this.search() } } catch (error) { console.log(error); @@ -974,8 +819,7 @@ export default { this.keyword = val; this.searchData(); }, - - toNeedCourse() {// 上传 + toNeedCourse() { this.$refs.floatTools.toNeedCourse(); }, searchData(type) { @@ -1016,7 +860,11 @@ export default { courseId = item.courseId; } if (item.source == 1) { + //return `${this.webBaseUrl}/course/boeframe?id=${item.id}&type=${item.type}`; + //location.href=`${this.webBaseUrl}/course/boeframe?id=${item.id}&type=${item.type}`; this.$router.push('/course/boeframe?id=' + courseId + '&type=' + item.type); + //此处使用window.open有问题 + //window.open(`${this.webBaseUrl}/course/boeframe?id=${item.id}&type=${item.type}`); } else if (item.source == 3) { //跳转到管理系统的页面 let manageApi = process.env.VUE_APP_MANAGER_API_PATH; @@ -1027,18 +875,23 @@ export default { } else if (item.type == 40) { //学习项目 let params = encodeURIComponent('projectId=' + courseId); this.$router.push('/forward?to=' + studentPath + '/projectdetails¶ms=' + params); + //this.$router.push('/forward?to='+manageApi+'/stu/project/redirectDetail¶ms='+params); } } else { if (item.type == 10) { + //return this.webBaseUrl + "/course/studyindex?id=" + item.id; this.$router.push("/course/studyindex?id=" + courseId); } else if (item.type == 20) { apiCourseStudy.hasSignup(courseId).then(rs => { if (rs.status == 200) { + //return $this.webBaseUrl + "/course/studyindex?id=" + item.id; this.$router.push("/course/studyindex?id=" + courseId); } else { + //return $this.webBaseUrl + "/course/detail?id=" + item.id; this.$router.push("/course/detail?id=" + courseId); } }) + //return $this.webBaseUrl + "/course/detail?id=" + item.id; } } }, @@ -1117,11 +970,6 @@ export default { list.push(item); } }); - this.hotTagsList.forEach(item => { - if (item.checked) { - list.push(item); - } - }); this.oneList.forEach(one => { one.children.forEach(two => { two.children.forEach(three => { @@ -1146,7 +994,6 @@ export default { return; } this.searching = true; - this.saveLocalFilters(); let that = this; if (this.keyword) { @@ -1156,14 +1003,13 @@ export default { if (this.audiences.length > 0) { this.course.audiences = this.audiences.join(","); } - + //console.log(this.userInfo) this.course.type = "";//不使用单查询了 this.course.types = ""; this.course.sysType1 = ""; this.course.sysType2 = ""; this.course.sysType3 = ""; this.course.keyword = this.keyword; - let allChecked = this.getAllChecked(); allChecked.forEach(item => { if (item.type == 1) { @@ -1180,9 +1026,7 @@ export default { that.course.sysType3 += item.id; } }); - - // 动态加载标签数据（如果不是标签点击触发的搜索） - if (!type || type !== 1){ + if (!type && type !== 1){ apiCourseTag.getHotTagList(that.course).then(rs => { if (rs.status == 200) { // 保留已选中标签的状态 @@ -1220,7 +1064,6 @@ export default { delete params.userId params.aid = userId params.sysType = this.courseChosen - params.tags = this. console.log(`params`, params) await qualityPageList(params).then(res => { @@ -1230,6 +1073,7 @@ export default { this.totalPages = res.data.result.pages; const list = res.data.result.records ?? [] + this.courseList = list if (this.newData) { this.courseList = [ @@ -1289,6 +1133,7 @@ export default { this.moreState = 2; }); }, + getAnkingData() { apiCourse.ranking().then(res => { if (res.status == 200) { @@ -1314,6 +1159,7 @@ export default { } }) this.scorelist = res.result; + // console.log(this.scorelist) } }); }, @@ -1332,12 +1178,36 @@ export default { }); }, jumpRouter(item) { + //console.log(item.type, "item.type"); + // return console.log(id,type,"fihkj1") + // if (item.type == 20) { + //录播课 + // window.open(`${this.webBaseUrl}/course/detail?id=${id}`) this.$router.push(`/course/detail?id=${item.id}`); + // } + // if (item.type == 10) { + //微课 + // window.open(`${this.webBaseUrl}/course/micro?id=${id}`) + // this.$router.push(`/course/micro?id=${item.id}`); + // } }, jumpRouter2(item) { + // console.log(item,"土豪包括九年") let type = item.courseType; let id = item.courseId; + + //console.log(item.type,type,'item.type'); + // return console.log(id,type,"fihkj1") + // if (type == 20) { + //录播课 + // window.open(`${this.webBaseUrl}/course/detail?id=${id}`) this.$router.push(`/course/detail?id=${id}`); + // } + // if (type == 10) { + //微课 + // window.open(`${this.webBaseUrl}/course/micro?id=${id}`) + // this.$router.push(`/course/micro?id=${id}`); + // } } }, watch:{ @@ -1398,6 +1268,15 @@ export default { color: #FFFFFF; font-weight: 500; } + + // & div:last-child { + // padding-left: 40px; + // font-size: 20px; + // color: #FFFFFF; + // opacity: .5; + // font-family: ArialMT !important; + // } + } } @@ -1488,6 +1367,7 @@ export default { .ClassBoxContent { width: 100%; height: 396px; + // background: red; border-radius: 15px; .ContentBox { @@ -1544,6 +1424,7 @@ export default { } .right { + // padding-left: 10px; width: 50%; .tyl { @@ -1560,6 +1441,11 @@ export default { padding-left: 20px; padding-top: 20px; + .tyl_title_img { + width: 18px; + height: 18px; + } + .tyl_title_msg { font-size: 20px; margin-left: 10px; @@ -1612,6 +1498,11 @@ export default { padding-left: 20px; padding-top: 20px; + .tyl_title_img { + width: 18px; + height: 18px; + } + .tyl_title_msg { font-size: 20px; margin-left: 10px; @@ -1646,6 +1537,15 @@ export default { } } } + + .img { + width: 835px; + height: 428px; + margin-left: -1px; + margin-top: -1px; + position: absolute; + top: 0px; + } } } @@ -1655,6 +1555,10 @@ export default { padding-top: 5px; font-size: 14px; color: #666; + // position: absolute; + // right:2px; + // height: 20px; + // bottom: 50px; } .interact-bar-value { @@ -1678,6 +1582,11 @@ export default { .notcoures { text-align: center; + img { + width: 360px; + height: 226px; + } + h5 { font-size: 14px; color: #333333; @@ -1755,10 +1664,13 @@ export default { & .keywordInfo:last-child { margin-right: 0 !important; } + } + .list-active { display: none; + // width: 458px; width: 135%; height: 165px; padding: 20px; @@ -1794,8 +1706,9 @@ export default { .course-type { position: absolute; right: 23.5%; + // bottom: 26%; top: 0; - height: 20; + height: 20px; line-height: 20px; font-size: 12px; color: #FFFFFF; @@ -1808,6 +1721,7 @@ export default { .list-text { flex: 1; + // margin-left: 12px; h6 { font-size: 14px; margin: 0px; @@ -1845,10 +1759,13 @@ export default { } .list-info:hover .list-active { + // transition: all 0.5s; display: block; } .course-banner { + // height: 240px; + // background: url('../../../../public/images/course-banner.png'); background-color: #0078FC; } @@ -1857,6 +1774,7 @@ export default { } ::v-deep .title-line-ellipsis { + // width: 100%; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; @@ -1897,6 +1815,16 @@ 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; @@ -1908,6 +1836,8 @@ export default { ::v-deep .el-radio-button:first-child .el-radio-button__inner { border-left: none; + // border-radius: 4px 0 0 4px; + //box-shadow: none!important; } .item-title { @@ -1950,6 +1880,9 @@ export default { .searchbar { background-color: #ffffff; + // border: 1px solid #f3f3f3; + // width: 900px; + // padding: 5px 20px; } .fixed { @@ -1962,6 +1895,8 @@ export default { .content-div { .quyer-tag { + + // margin-left: 10px; .order-class { margin: 30px 0; color: #6E7B84; @@ -2005,6 +1940,7 @@ export default { ::v-deep .el-input { width: 420px; height: 38px; + //margin-bottom: 13px; .el-input__inner { height: 38px; @@ -2037,6 +1973,14 @@ export default { } } + // .tip{ + // color:#999999; + // font-size: 12px; + // >span{ + // margin-right: 8px; + // cursor: pointer; + // } + // } .search-item { // padding: 10px 0; } @@ -2079,7 +2023,18 @@ export default { } } } - +.hot-tags-wrapper { + display: flex; + flex-wrap: wrap; + gap: 15px; + align-items: center; + padding-top: 2px; +} +.search-div.nav { + display: block; + width: 100%; + clear: both; +} .search-item-type { line-height: 25px; padding-right: 10px; @@ -2088,7 +2043,7 @@ export default { } .option-item { - font-family: "Menlo", "苹苹方-简" !important; + font-family: "Menlo", "苹方-简" !important; color: #3d3d3d; display: inline-block; font-size: 14px; @@ -2107,61 +2062,4 @@ export default { color: #387DF7; } -/* 添加标签样式 */ -.course-tags { - margin: 5px 0; - min-height: 20px; -} - -.hot-tags-wrapper { - display: flex; - flex-wrap: wrap; - gap: 15px; - align-items: center; - padding-top: 2px; -} - -.course-tag-item { - color: #333333; -} -.course-tag-item[style*="color: #387DF7"] { - color: #387DF7 !important; -} - -/* 调整option-item样式以适应换行布局 */ -.option-item { - position: relative; - cursor: pointer; - white-space: nowrap; -} - -/* 保持原有的导航底部横线样式 */ -.nav-bottbor { - position: absolute; - top: 130%; - left: 0; - width: 100%; - height: 4px; - background: #387DF7; - border-radius: 5px; -} - -/* 响应式调整，当屏幕较小时减小标签间距 */ -@media (max-width: 1600px) { - .hot-tags-wrapper { - gap: 10px; - } -} - -@media (max-width: 1400px) { - .hot-tags-wrapper { - gap: 5px; - } -} - -.search-div.nav { - display: block; - width: 100%; - clear: both; -} From 89a9be76d471a28724093d87040142d03f628dcf Mon Sep 17 00:00:00 2001 From: 670788339 <670788339@qq.com> Date: Sun, 9 Nov 2025 15:25:13 +0800 Subject: [PATCH 23/58] =?UTF-8?q?=E5=BC=80=E5=8F=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/portal/course/qualityCourse.vue | 21 +++++++++++++++++++-- 1 file changed, 19 insertions(+), 2 deletions(-) diff --git a/src/views/portal/course/qualityCourse.vue b/src/views/portal/course/qualityCourse.vue index ccb17b11..8f2d1e96 100644 --- a/src/views/portal/course/qualityCourse.vue +++ b/src/views/portal/course/qualityCourse.vue @@ -148,6 +148,18 @@ 学习项目
+ +
+ + {{ tag }} + +
@@ -653,7 +665,12 @@ export default { this.navTitle = [] this.searchData(); }, - + isTagMatched(tag) { + // 检查stagList中是否有匹配的标签 + return this.stagList.some(searchTag => + searchTag.tagName === tag || searchTag.name === tag + ); + }, // 导航全选 handleTypeAllClick(t) { if (t == 1) { @@ -1887,7 +1904,7 @@ export default { right: 23.5%; // bottom: 26%; top: 0; - height: 20; + height: 20px; line-height: 20px; font-size: 12px; color: #FFFFFF; From 29ece965288430534c32f3fc5906650a91897dd9 Mon Sep 17 00:00:00 2001 From: 670788339 <670788339@qq.com> Date: Sun, 9 Nov 2025 15:50:53 +0800 Subject: [PATCH 24/58] =?UTF-8?q?=E5=BC=80=E5=8F=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/portal/course/qualityCourse.vue | 73 ++++++++++++++++++++++- 1 file changed, 72 insertions(+), 1 deletion(-) diff --git a/src/views/portal/course/qualityCourse.vue b/src/views/portal/course/qualityCourse.vue index 7921f98f..63901ed4 100644 --- a/src/views/portal/course/qualityCourse.vue +++ b/src/views/portal/course/qualityCourse.vue @@ -329,7 +329,7 @@ export default { }, // 取消搜索条件标签展示 - stagList() { //计算出选择的内容 + /*stagList() { //计算出选择的内容 let list = []; if (this.keyword) { list.push({ @@ -360,6 +360,77 @@ export default { list.push(one); } }) + return list; + },*/ + + stagList() { + let list = []; + + // 关键词 + if (this.keyword) { + list.push({ + type: 0, + id: 'keyword', + name: this.keyword, + tagName: this.keyword, + checked: true + }); + } + + // 课程类型 + this.ctypeList.forEach(item => { + if (item.checked) { + list.push({ + ...item, + tagName: item.name + }); + } + }); + + // 热点标签 - 这是关键修复 + this.hotTagsList.forEach(item => { + if (item.checked) { + list.push({ + ...item, + name: item.tagName || item.name, + tagName: item.tagName || item.name, + type: 14 + }); + } + }); + + // 三级分类 + this.oneList.forEach(one => { + var twoChildChecked = false; + one.children.forEach(two => { + if (two.checked) { + twoChildChecked = true; + } + var threeChildChecked = false; + two.children.forEach(three => { + if (three.checked) { + list.push({ + ...three, + tagName: three.name + }); + threeChildChecked = true; + } + }); + if (two.checked && !threeChildChecked) { + list.push({ + ...two, + tagName: two.name + }); + } + }); + if (one.checked && !twoChildChecked) { + list.push({ + ...one, + tagName: one.name + }); + } + }); + return list; }, ctypeTagAll() { From 78b8b76dc3bdbd62025725d8c3e9f8673e4f60ae Mon Sep 17 00:00:00 2001 From: 670788339 <670788339@qq.com> Date: Sun, 9 Nov 2025 16:03:20 +0800 Subject: [PATCH 25/58] =?UTF-8?q?=E5=BC=80=E5=8F=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/portal/course/qualityCourse.vue | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/src/views/portal/course/qualityCourse.vue b/src/views/portal/course/qualityCourse.vue index 63901ed4..42ac03e3 100644 --- a/src/views/portal/course/qualityCourse.vue +++ b/src/views/portal/course/qualityCourse.vue @@ -600,15 +600,16 @@ export default { const checkedTags = this.hotTagsList.filter(tag => tag.checked); let tagIds = checkedTags.map(tag => tag.id).join(','); this.course.tags = tagIds; + this.$forceUpdate(); + this.searchData(type); // 强制触发stagList重新计算 - this.$nextTick(() => { - this.searchData(type); - }); + // this.$nextTick(() => { + // this.searchData(type); + // }); }, - // 改变分页 currentChange(val) { this.course.pageIndex = val From d5ec4c1833b3954fa11fbbe49413c1204f06e525 Mon Sep 17 00:00:00 2001 From: 670788339 <670788339@qq.com> Date: Sun, 9 Nov 2025 16:25:03 +0800 Subject: [PATCH 26/58] =?UTF-8?q?=E5=BC=80=E5=8F=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/portal/course/qualityCourse.vue | 167 +++++++++++++++------- 1 file changed, 113 insertions(+), 54 deletions(-) diff --git a/src/views/portal/course/qualityCourse.vue b/src/views/portal/course/qualityCourse.vue index 8f2d1e96..41013f36 100644 --- a/src/views/portal/course/qualityCourse.vue +++ b/src/views/portal/course/qualityCourse.vue @@ -89,6 +89,32 @@
+
+ +
+
+
+ 全部 + +
+ +
+ {{tag.tagName}} + +
+
+
+
@@ -328,25 +354,45 @@ export default { let list = []; }, - // 取消搜索条件标签展示 - stagList() { //计算出选择的内容 + stagList() { let list = []; + + // 关键词 if (this.keyword) { list.push({ type: 0, id: 'keyword', name: this.keyword, + tagName: this.keyword, checked: true - }) + }); } - // 取消 全部 内部专享 外部精选 三种的显示 - // this.ctypeList.forEach(item => { - // if (item.checked) { - // list.push(item); - // } - // }); + + // 课程类型 + this.ctypeList.forEach(item => { + if (item.checked) { + list.push({ + ...item, + tagName: item.name + }); + } + }); + + // 热点标签 - 这是关键修复 + this.hotTagsList.forEach(item => { + if (item.checked) { + list.push({ + ...item, + name: item.tagName || item.name, + tagName: item.tagName || item.name, + type: 14 + }); + } + }); + + // 三级分类 this.oneList.forEach(one => { - var twoChildChecked = false;//是否有下级 + var twoChildChecked = false; one.children.forEach(two => { if (two.checked) { twoChildChecked = true; @@ -354,34 +400,28 @@ export default { var threeChildChecked = false; two.children.forEach(three => { if (three.checked) { - list.push(three); + list.push({ + ...three, + tagName: three.name + }); threeChildChecked = true; } }); if (two.checked && !threeChildChecked) { - list.push(two); + list.push({ + ...two, + tagName: two.name + }); } }); if (one.checked && !twoChildChecked) { - list.push(one); + list.push({ + ...one, + tagName: one.name + }); } - }) - // this.oneList.forEach(item=>{ - // if(item.checked){ - // list.push(item); - // } - // }); - // this.twoList.forEach(item=>{ - // if(item.checked){ - // list.push(item); - // } - // }); - // this.threeList.forEach(item=>{ - // if(item.checked){ - // list.push(item); - // } - // }); - //console.log(list,'list'); + }); + return list; }, ctypeTagAll() { @@ -575,6 +615,37 @@ export default { // window.removeEventListener("scroll", this.handleScroll); }, methods: { + isAllHotTagsSelected() { + return !this.hotTagsList.some(tag => tag.checked); + }, + handleClearHotTags() { + // 清除所有热点标签的选中状态 + this.hotTagsList.forEach(tag => { + tag.checked = false; + }); + // 清空course.tags + this.course.tags = ''; + + // 触发搜索 + this.searchData(); + }, + handleTagClick(item, list,type) { + item.checked = !item.checked; + + // 更新course.tags + const checkedTags = this.hotTagsList.filter(tag => tag.checked); + let tagIds = checkedTags.map(tag => tag.id).join(','); + this.course.tags = tagIds; + this.$forceUpdate(); + this.searchData(type); + + // 强制触发stagList重新计算 + // this.$nextTick(() => { + // this.searchData(type); + // }); + }, + + // 改变分页 currentChange(val) { this.course.pageIndex = val @@ -2219,30 +2290,18 @@ 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; -// } -// }] +.hot-tags-wrapper { + display: flex; + flex-wrap: wrap; + gap: 15px; + align-items: center; + padding-top: 2px; +} +.search-div.nav { + display: block; + width: 100%; + clear: both; +} .search-item-type { line-height: 25px; padding-right: 10px; From 441cbed98e5b9283c6383a4e624ec10da914e13e Mon Sep 17 00:00:00 2001 From: 670788339 <670788339@qq.com> Date: Sun, 9 Nov 2025 16:28:43 +0800 Subject: [PATCH 27/58] =?UTF-8?q?=E8=B0=83=E8=AF=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/portal/course/qualityCourse.vue | 16 +++++++++++++++- 1 file changed, 15 insertions(+), 1 deletion(-) diff --git a/src/views/portal/course/qualityCourse.vue b/src/views/portal/course/qualityCourse.vue index 42ac03e3..c3392889 100644 --- a/src/views/portal/course/qualityCourse.vue +++ b/src/views/portal/course/qualityCourse.vue @@ -72,6 +72,18 @@ 外部精选
+
+ 请选择年份 + + + + +
@@ -102,6 +114,7 @@
+
@@ -594,6 +607,7 @@ export default { this.searchData(); }, handleTagClick(item, list,type) { + console.info('切换标签 item = ' + item) item.checked = !item.checked; // 更新course.tags From 6cdfe519412fdbcc39741a035a41e6b6b323b4cc Mon Sep 17 00:00:00 2001 From: 670788339 <670788339@qq.com> Date: Sun, 9 Nov 2025 16:35:59 +0800 Subject: [PATCH 28/58] =?UTF-8?q?=E8=B0=83=E8=AF=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/portal/course/qualityCourse.vue | 39 +++++++++++++---------- 1 file changed, 22 insertions(+), 17 deletions(-) diff --git a/src/views/portal/course/qualityCourse.vue b/src/views/portal/course/qualityCourse.vue index c3392889..a95676c1 100644 --- a/src/views/portal/course/qualityCourse.vue +++ b/src/views/portal/course/qualityCourse.vue @@ -55,26 +55,30 @@
-
-
- 全部 - + +
+
+
+ 全部 + +
+ +
+ 内部专享 + +
+
+ 外部精选 + +
-
- 内部专享 - -
-
- 外部精选 - -
-
+
请选择年份 - +
+
From 918c27c57fd40f7e5b73ac0a0237a6fe73d0aa92 Mon Sep 17 00:00:00 2001 From: 670788339 <670788339@qq.com> Date: Sun, 9 Nov 2025 16:48:44 +0800 Subject: [PATCH 29/58] =?UTF-8?q?=E8=B0=83=E8=AF=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/portal/course/qualityCourse.vue | 65 +++++++++++++++++++++-- 1 file changed, 60 insertions(+), 5 deletions(-) diff --git a/src/views/portal/course/qualityCourse.vue b/src/views/portal/course/qualityCourse.vue index a95676c1..457109db 100644 --- a/src/views/portal/course/qualityCourse.vue +++ b/src/views/portal/course/qualityCourse.vue @@ -710,15 +710,55 @@ export default { } }, //搜索条件 + // 搜索条件 stagClose(tag, tagIndex) { this.courseChosen = void 0; tag.checked = false; + if (tag.type == 0) { + // 关键词类型 this.keyword = ''; + } else if (tag.type == 1) { + // 课程类型 + this.ctypeList.forEach(item => { + if (item.id == tag.id) { + item.checked = false; + } + }); + } else if (tag.type == 14) { + // 热点标签类型 + this.hotTagsList.forEach(item => { + if (item.id == tag.id) { + item.checked = false; + } + }); + // 更新course.tags + const checkedHotTags = this.hotTagsList.filter(tag => tag.checked); + let tagIds = checkedHotTags.map(tag => tag.id).join(','); + this.course.tags = tagIds; + } else if (tag.type == 11 || tag.type == 12 || tag.type == 13) { + // 三级分类标签 + this.oneList.forEach(one => { + if (one.id == tag.id) { + one.checked = false; + } + one.children.forEach(two => { + if (two.id == tag.id) { + two.checked = false; + } + two.children.forEach(three => { + if (three.id == tag.id) { + three.checked = false; + } + }); + }); + }); } + this.navTitle = [] this.searchData(); }, + isTagMatched(tag) { // 检查stagList中是否有匹配的标签 return this.stagList.some(searchTag => @@ -762,10 +802,23 @@ export default { handleClearTags() { //清空所有的条件 this.keyword = ''; - // 取消搜索条件标签展示 - // this.ctypeList.forEach(item => { - // item.checked = false; - // }); + + // 清除课程类型 + this.ctypeList.forEach(item => { + item.checked = false; + }); + + // 清除热点标签 + this.hotTagsList.forEach(item => { + item.checked = false; + }); + // 清空course.tags + this.course.tags = ''; + + // 清除年份选择 + this.yearChosen = []; + + // 清除三级分类 this.oneList.forEach(one => { one.checked = false; one.children.forEach(two => { @@ -775,7 +828,8 @@ export default { }) }) }); - // 清除左侧被选中的内容 + + // 清除左侧被选中的内容 this.courseChosen = void 0; this.twoList = []; this.threeList = []; @@ -784,6 +838,7 @@ export default { sessionStorage.removeItem(this.localSessionKey) this.searchData(); }, + // 导航切换(录播课，线下课，学习项目) handleTypeClick(item, list) { // item.checked = !item.checked; From 50c873869bfdd31428bbbe8594eeb1a9b21c45f2 Mon Sep 17 00:00:00 2001 From: 670788339 <670788339@qq.com> Date: Sun, 9 Nov 2025 17:05:42 +0800 Subject: [PATCH 30/58] =?UTF-8?q?=E8=B0=83=E8=AF=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/portal/course/qualityCourse.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/views/portal/course/qualityCourse.vue b/src/views/portal/course/qualityCourse.vue index 457109db..9ffa05f3 100644 --- a/src/views/portal/course/qualityCourse.vue +++ b/src/views/portal/course/qualityCourse.vue @@ -2101,7 +2101,7 @@ export default { border-radius: 8px; ::v-deep .el-input { - width: 420px; + //width: 420px; height: 38px; //margin-bottom: 13px; From 66e9d8c8b7860ff3c731f443cd9b135a2f273e1f Mon Sep 17 00:00:00 2001 From: 670788339 <670788339@qq.com> Date: Sun, 9 Nov 2025 17:46:28 +0800 Subject: [PATCH 31/58] =?UTF-8?q?=E8=B0=83=E8=AF=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/portal/course/qualityCourse.vue | 41 ++++++++--------------- 1 file changed, 14 insertions(+), 27 deletions(-) diff --git a/src/views/portal/course/qualityCourse.vue b/src/views/portal/course/qualityCourse.vue index 9ffa05f3..e62ca1e2 100644 --- a/src/views/portal/course/qualityCourse.vue +++ b/src/views/portal/course/qualityCourse.vue @@ -54,8 +54,8 @@
+
-
-
-
-
+
+
@@ -105,7 +105,8 @@
-
@@ -2186,13 +2173,13 @@ export default { } } } -.hot-tags-wrapper { - display: flex; - flex-wrap: wrap; - gap: 15px; - align-items: center; - padding-top: 2px; -} +//.hot-tags-wrapper { +// display: flex; +// flex-wrap: wrap; +// gap: 15px; +// align-items: center; +// padding-top: 2px; +//} .search-div.nav { display: block; width: 100%; From ccfe183192edb6fbb2e55d7bb1cf026b49a0a657 Mon Sep 17 00:00:00 2001 From: 670788339 <670788339@qq.com> Date: Sun, 9 Nov 2025 17:50:02 +0800 Subject: [PATCH 32/58] =?UTF-8?q?=E8=B0=83=E8=AF=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/portal/course/qualityCourse.vue | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/src/views/portal/course/qualityCourse.vue b/src/views/portal/course/qualityCourse.vue index e62ca1e2..feedcf3d 100644 --- a/src/views/portal/course/qualityCourse.vue +++ b/src/views/portal/course/qualityCourse.vue @@ -2173,13 +2173,13 @@ export default { } } } -//.hot-tags-wrapper { -// display: flex; -// flex-wrap: wrap; -// gap: 15px; -// align-items: center; -// padding-top: 2px; -//} +.hot-tags-wrapper { + display: flex; + flex-wrap: wrap; + gap: 15px; + align-items: center; + padding-top: 2px; +} .search-div.nav { display: block; width: 100%; From 1720f91da1532ced5f42d0fbde096b4d5bac4d5b Mon Sep 17 00:00:00 2001 From: 670788339 <670788339@qq.com> Date: Sun, 9 Nov 2025 17:57:01 +0800 Subject: [PATCH 33/58] =?UTF-8?q?=E8=B0=83=E8=AF=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/portal/course/qualityCourse.vue | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/views/portal/course/qualityCourse.vue b/src/views/portal/course/qualityCourse.vue index feedcf3d..a6ed2b20 100644 --- a/src/views/portal/course/qualityCourse.vue +++ b/src/views/portal/course/qualityCourse.vue @@ -65,7 +65,7 @@
+ :class="{ 'option-active': ctypeList[1].checked }" style="padding-left: 15px;"> 内部专享
@@ -96,7 +96,7 @@
From 117f80850e243300bca64690d1f8ce51df810b2f Mon Sep 17 00:00:00 2001 From: 670788339 <670788339@qq.com> Date: Mon, 10 Nov 2025 08:50:47 +0800 Subject: [PATCH 34/58] =?UTF-8?q?=E7=B2=BE=E5=93=81=E7=B1=BB=E5=9E=8B?= =?UTF-8?q?=E6=9C=AA=E9=80=89=E4=B8=AD=E6=97=B6=E9=BB=98=E8=AE=A4=E5=85=A8?= =?UTF-8?q?=E9=83=A8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/portal/course/qualityCourse.vue | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/views/portal/course/qualityCourse.vue b/src/views/portal/course/qualityCourse.vue index a6ed2b20..0a58f422 100644 --- a/src/views/portal/course/qualityCourse.vue +++ b/src/views/portal/course/qualityCourse.vue @@ -1209,6 +1209,9 @@ export default { params.pageNum = pageIndex params.orderByType = orderField params.courseSource = this.ctypeList.findIndex(e => e.checked) + if (params.courseSource === -1) { + params.courseSource = 0 + } this.yearChosen.length && (params.years = this.yearChosen) params.courseName = this.keyword delete params.userId From 1d20f1186182adb8ab4710e2f6012ca85c743c66 Mon Sep 17 00:00:00 2001 From: 670788339 <670788339@qq.com> Date: Mon, 10 Nov 2025 08:54:17 +0800 Subject: [PATCH 35/58] =?UTF-8?q?=E7=B2=BE=E5=93=81=E7=B1=BB=E5=9E=8B?= =?UTF-8?q?=E5=8A=A0=E6=A0=87=E7=AD=BE?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/portal/course/qualityCourse.vue | 476 +++++++++------------- 1 file changed, 182 insertions(+), 294 deletions(-) diff --git a/src/views/portal/course/qualityCourse.vue b/src/views/portal/course/qualityCourse.vue index 41013f36..0a58f422 100644 --- a/src/views/portal/course/qualityCourse.vue +++ b/src/views/portal/course/qualityCourse.vue @@ -2,48 +2,32 @@
+ @showClass="showClass">
-
-
精品课程
-
{{ one.name }}
+ @click.stop="handleOptionClick(twoList, 2, one.children)" + :class="{ courseTwoActive: twoList.id == twoId || twoList.checked }" @mouseleave.stop="leaveIndex" + @mouseenter.stop="changeIndex(twoList.id)"> + :disabled="!twoList.children.length" :open-delay="0" :close-delay="0" trigger="hover" + :visible-arrow="false" @hide="leaveIndex" @show="changeIndex(twoList.id)" transition="none">
{{ - twoList.name }}
+ twoList.name }}
@@ -51,8 +35,8 @@
+ :key="threeList.id" @click.stop="handleOptionClick(threeList, 3, twoList.children)" + class="course-three"> {{ threeList.name }}
@@ -70,31 +54,49 @@
-
-
-
- 全部 - + +
+
+
+
+ 全部 + +
+ +
+ 内部专享 + +
+
+ 外部精选 + +
-
- 内部专享 - -
-
- 外部精选 - +
+ 请选择年份 + + + +
+
-
-
+
+
@@ -103,7 +105,8 @@
-
- 请选择年份 - - - - -
-
@@ -138,7 +128,7 @@
搜索条件 {{ - tag.name }} + tag.name }}
清除 @@ -151,13 +141,13 @@
全部课程 + :class="{ actice: course.orderField == 'DEFAULT' }">全部课程 最热 + :class="{ actice: course.orderField == 'HOT' }">最热 最新 + :class="{ actice: course.orderField == 'NEW' }">最新 好评率 + :class="{ actice: course.orderField == 'GOOD' }">好评率 共找到{{ count }}个结果 @@ -190,7 +180,7 @@
+ :disabled="!keyword.showTitle"> @@ -198,7 +188,7 @@
- +
开课时间：{{ cinfo.startTime }}
@@ -214,7 +204,7 @@
+ :praises="false" :shares="false" :views="false">
{{ toScore(cinfo.courseScore) }}分
@@ -259,7 +249,7 @@
+ layout="total, prev, pager, next, jumper" @change-page="currentChange">
@@ -296,17 +286,6 @@
创新力专区课程版权已到期！
-
@@ -334,7 +313,7 @@ import {formatDate, formatUserNumber, toScore} from "@/utils/tools.js"; import apiSearchterm from "@/api/modules/searchterm.js"; import apiPlace from "@/api/phase2/place.js" import {qualityCourseTimeMark, qualityPageList} from "@/api/phase2" - +import apiCourseTag from '@/api/modules/courseTag.js' export default { name: "index", components: { @@ -354,6 +333,41 @@ export default { let list = []; }, + // 取消搜索条件标签展示 + /*stagList() { //计算出选择的内容 + let list = []; + if (this.keyword) { + list.push({ + type: 0, + id: 'keyword', + name: this.keyword, + checked: true + }) + } + this.oneList.forEach(one => { + var twoChildChecked = false;//是否有下级 + one.children.forEach(two => { + if (two.checked) { + twoChildChecked = true; + } + var threeChildChecked = false; + two.children.forEach(three => { + if (three.checked) { + list.push(three); + threeChildChecked = true; + } + }); + if (two.checked && !threeChildChecked) { + list.push(two); + } + }); + if (one.checked && !twoChildChecked) { + list.push(one); + } + }) + return list; + },*/ + stagList() { let list = []; @@ -430,24 +444,6 @@ export default { }); return !flag; }, - // oneTagAll() { - // let flag = this.oneList.some(item => { - // return item.checked; - // }); - // return !flag; - // }, - // twoTagAll() { - // let flag = this.twoList.some(item => { - // return item.checked; - // }); - // return !flag; - // }, - // threeTagAll() { - // let flag = this.threeList.some(item => { - // return item.checked; - // }); - // return !flag; - // } }, data() { return { @@ -515,7 +511,8 @@ export default { searchRecords: [], hotList: [], totalPages: 1, - localSessionKey: this.$xpage.constants.localCourseFiltersKey + localSessionKey: this.$xpage.constants.localCourseFiltersKey, + hotTagsList: [], }; }, // 受众需要每次刷新 @@ -535,17 +532,6 @@ export default { qualityCourseTimeMark().then(response=>{ this.years = response.data.result }) - // let screenWidth = window.screen.availWidth; - // if (screenWidth < 1280) { - // this.course.pageSize = 9; - // this.columns = 3; - // } else if (screenWidth < 1600) { - // this.course.pageSize = 12; - // this.columns = 3; - // } else if (screenWidth >= 1600) { - // this.course.pageSize = 15; - // this.columns = 3; - // } let el_top = document.querySelector("#searchbar"); let el_search = document.querySelector("#searchbar"); @@ -571,8 +557,6 @@ export default { this.loadSysTypes(); this.getScoreList(); this.getHotList(); - // this.toCourseDetail(item); - // this.orderChange(id); //查询排行榜，页面打开只查询一次 let localKey = "user_" + this.userInfo.sysId + "_gids"; if (this.audiences.length == 0) { @@ -591,30 +575,15 @@ export default { } this.search(); }) - // Promise.all([apiOldCourse.audience(this.userInfo.sysId),apiUserGroup.userGroupIds()]).then(rs=>{ - // //console.log(rs,'rs'); - // let aids=[]; - // if(rs[0].status==200){ - // aids.push(rs[0].result); - // } - // if(rs[1].status==200){ - // aids.push(rs[1].result); - // } - // this.audiences=aids; - // sessionStorage.setItem(localKey,this.audiences); - // this.search(); - // }) } } - - //this.searchterm();//搜索词已经没有了 this.couresreso();//广告位 - }, beforeDestroy() { // window.removeEventListener("scroll", this.handleScroll); }, methods: { + isAllHotTagsSelected() { return !this.hotTagsList.some(tag => tag.checked); }, @@ -630,6 +599,7 @@ export default { this.searchData(); }, handleTagClick(item, list,type) { + console.info('切换标签 item = ' + item) item.checked = !item.checked; // 更新course.tags @@ -727,15 +697,55 @@ export default { } }, //搜索条件 + // 搜索条件 stagClose(tag, tagIndex) { this.courseChosen = void 0; tag.checked = false; + if (tag.type == 0) { + // 关键词类型 this.keyword = ''; + } else if (tag.type == 1) { + // 课程类型 + this.ctypeList.forEach(item => { + if (item.id == tag.id) { + item.checked = false; + } + }); + } else if (tag.type == 14) { + // 热点标签类型 + this.hotTagsList.forEach(item => { + if (item.id == tag.id) { + item.checked = false; + } + }); + // 更新course.tags + const checkedHotTags = this.hotTagsList.filter(tag => tag.checked); + let tagIds = checkedHotTags.map(tag => tag.id).join(','); + this.course.tags = tagIds; + } else if (tag.type == 11 || tag.type == 12 || tag.type == 13) { + // 三级分类标签 + this.oneList.forEach(one => { + if (one.id == tag.id) { + one.checked = false; + } + one.children.forEach(two => { + if (two.id == tag.id) { + two.checked = false; + } + two.children.forEach(three => { + if (three.id == tag.id) { + three.checked = false; + } + }); + }); + }); } + this.navTitle = [] this.searchData(); }, + isTagMatched(tag) { // 检查stagList中是否有匹配的标签 return this.stagList.some(searchTag => @@ -779,10 +789,23 @@ export default { handleClearTags() { //清空所有的条件 this.keyword = ''; - // 取消搜索条件标签展示 - // this.ctypeList.forEach(item => { - // item.checked = false; - // }); + + // 清除课程类型 + this.ctypeList.forEach(item => { + item.checked = false; + }); + + // 清除热点标签 + this.hotTagsList.forEach(item => { + item.checked = false; + }); + // 清空course.tags + this.course.tags = ''; + + // 清除年份选择 + this.yearChosen = []; + + // 清除三级分类 this.oneList.forEach(one => { one.checked = false; one.children.forEach(two => { @@ -792,7 +815,8 @@ export default { }) }) }); - // 清除左侧被选中的内容 + + // 清除左侧被选中的内容 this.courseChosen = void 0; this.twoList = []; this.threeList = []; @@ -801,6 +825,7 @@ export default { sessionStorage.removeItem(this.localSessionKey) this.searchData(); }, + // 导航切换(录播课，线下课，学习项目) handleTypeClick(item, list) { // item.checked = !item.checked; @@ -839,57 +864,6 @@ export default { }) }) }) - - // item.checked = !item.checked; - //使用上面一行是可以多选，使用下面是单选 - // list.forEach(row => { - // row.checked = false; - // }) - // item.checked = true; - // //以下是新的规则的修改， - // if (!item.checked) { - // //清空它下面的所有的中的 - // item.children.forEach(subItem => { - // subItem.checked = false; - // if (subItem.children) { - // subItem.children.forEach(sub => { - // sub.checked = false; - // }) - // } - // }); - // if (level == 1) { - // this.twoList = []; - // this.threeList = []; - // } - // if (level == 2) { - // this.threeList = []; - // } - // this.searchData(); - // return; - // } - - // let $this = this; - // if (level == 1) { //一级的情况 - // this.twoList = []; - // this.threeList = []; - // let lastCheked = null; - // item.children.forEach(two => { - // $this.twoList.push(two); - // if (two.checked) { - // lastCheked = two; - // } - // }); - // if (lastCheked != null) { - // $this.threeList = lastCheked.children; - // item.children.forEach(three => { - // }); - // } - // } else if (level == 2) { //二级的情况 - // this.threeList = item.children; - // } else if (level == 3) { //三级的情况 - - // } - //this.handleChangeTypes(item); this.searchData(); }, // 无用 @@ -899,18 +873,6 @@ export default { this.twoList = []; this.threeList = []; let $this = this; - // this.oneList.forEach(one=>{ - // if(one.checked){ - // one.children.forEach(two=>{ - // $this.twoList.push(two); - // if(two.checked){ - // two.children.forEach(three=>{ - // $this.threeList.push(three); - // }) - // } - // }); - // } - // }) this.oneList.forEach(one => { if (one.checked) { one.children.forEach(two => { @@ -941,15 +903,6 @@ export default { checked: false } if (item.children) { - //增加死数据 - // item.children.push({ - // type: 12, - // id: item.id * (index + 200), - // name: '线上品牌系列课程', - // children: [], - // checked: false, - // newData: true - // }) item.children.forEach(subItem => { let newSubItem = { type: 12, @@ -1016,47 +969,16 @@ export default { this.keyword = val; this.searchData(); }, - - // 滚动 - // handleScroll() { - // if (this.courseList.length > 6) { - - // let innerHeight = document.querySelector("#couser-list-content").clientHeight; - // let outerHeight = document.documentElement.clientHeight; - // let scrollTop = document.documentElement.scrollTop; - // let outerWidth = document.querySelector(".xcontent2-minor").clientWidth; - // if (outerHeight + scrollTop + 350 >= innerHeight) { - // if (this.moreState == 1 && this.course.pageIndex < 4) { - // this.loadMore(); - // } - // } - // //console.log(this.course.pageIndex,'this.course.pageIndex'); - // //加此判断，是为了没有数据时的闪动问题 - // //if(this.course.pageIndex >1){ - // if (scrollTop > 1176) { - // document.querySelector("#fixd-box").style.cssText = - // "position: fixed;top: -882px;width:" + outerWidth + "px"; - // } else { - // document.querySelector("#fixd-box").style.cssText = "position: static"; - // } - // //} - // } - // }, - - toNeedCourse() {// 上传 - // 需要先切换标签 - //this.$store.dispatch('SetCurIdentity',2); - //this.$router.push('/need/course?open=new'); + toNeedCourse() { this.$refs.floatTools.toNeedCourse(); - }, - searchData() { + searchData(type) { this.course.pageIndex = 1; this.noPageList = true; //判断接口是否还有数据 this.noDataList = true; //判断接口是否还有数据 this.courseList = []; this.totalPages = 4; - this.search(); + this.search(type); }, inputOn() { this.$forceUpdate(); @@ -1216,17 +1138,12 @@ export default { return list; }, // 查询 - async search () { - // + async search (type) { if (this.searching) { this.$message.warning("正在搜索中，请待搜索完成后再重新搜索"); return; } this.searching = true; - //测试时间格式化 - // let s=1650973801; - // var d = new Date(1650973801*1000); - // console.log(formatDateByFmt(d,'yyyy-MM-dd hh:mm'),'data'); this.saveLocalFilters(); let that = this; if (this.keyword) { @@ -1237,7 +1154,6 @@ export default { this.course.audiences = this.audiences.join(","); } //console.log(this.userInfo) - //this.course.companyId=this.userInfo.companyId; this.course.type = "";//不使用单查询了 this.course.types = ""; this.course.sysType1 = ""; @@ -1260,6 +1176,20 @@ export default { that.course.sysType3 += item.id; } }); + if (!type && type !== 1){ + apiCourseTag.getHotTagList(that.course).then(rs => { + if (rs.status == 200) { + // 保留已选中标签的状态 + const currentCheckedTags = this.hotTagsList.filter(tag => tag.checked); + this.hotTagsList = rs.result.map(tag => ({ + ...tag, + checked: currentCheckedTags.some(checkedTag => checkedTag.id === tag.id) + })); + } else { + console.log(rs.message); + } + }) + } this.isFind = true; this.course.device = 1; @@ -1279,6 +1209,9 @@ export default { params.pageNum = pageIndex params.orderByType = orderField params.courseSource = this.ctypeList.findIndex(e => e.checked) + if (params.courseSource === -1) { + params.courseSource = 0 + } this.yearChosen.length && (params.years = this.yearChosen) params.courseName = this.keyword delete params.userId @@ -1291,44 +1224,8 @@ export default { console.log(res.status) if (res.status === 200) { this.totalPages = res.data.result.pages; - // res.result.list.forEach(item => { - // if (item.startTime != '') { - // item.startTime = formatDateByFmt(new Date(item.startTime * 1000), 'yyyy-MM-dd hh:mm') - // //let time = item.startTime.split('-'); - // //item.startTime = `${time[0]}年${time[1]}月${time[2]}日` - // } - // //教师转化 - // if (item.teacher) { - // item.teacher = item.teacher.split(',').filter(itemValue => itemValue !== 'BOE教师').join(','); - // // if (dotIdx > 0) { - // // item.teacher = item.teacher.substring(0, dotIdx); - // // } - // } - // if (item.teacher && item.teacher == 'BOE教师') { - // item.teacher = ''; - // } - // - // //转化标红显示 - // item.title = item.name; - // if (that.course.keyword) { - // item.name = that.brightenKeyword(item.name, that.course.keyword); - // item.keywordsActive = that.brightenKeywords(item.keywordsList, that.course.keyword) - // console.log(item.keywordsActive); - // } else { - // item.name = item.name; - // } - // }); const list = res.data.result.records ?? [] - // list.forEach(course=>{ - // const id = course.courseId - // - // apiCourse.getTeacherByCourseIDs([id]).then(res=>{ - // console.log(res, "ids res") - // course.teacher = res.result[0].names[0] - // console.log(`course.teacher`, course.teacher) - // }) - // }) this.courseList = list if (this.newData) { @@ -1389,18 +1286,7 @@ export default { this.moreState = 2; }); }, - // showInApply() { - // this.inapply.show = true; - // }, - // pushEnter(type) { - // this.type1.push(type); - // }, - // deleteOut(type) { - // this.type1 = this.type.filter(item => item != type); - // }, - // chooseShow(type) { - // return this.type1.some(item => item == type); - // }, + getAnkingData() { apiCourse.ranking().then(res => { if (res.status == 200) { @@ -2205,7 +2091,7 @@ export default { border-radius: 8px; ::v-deep .el-input { - width: 420px; + //width: 420px; height: 38px; //margin-bottom: 13px; @@ -2327,4 +2213,6 @@ export default { .option-active { color: #387DF7; -} +} + + From be0763d62be687a8f1ea47c634d586247e7d3347 Mon Sep 17 00:00:00 2001 From: 670788339 <670788339@qq.com> Date: Mon, 10 Nov 2025 10:10:47 +0800 Subject: [PATCH 36/58] =?UTF-8?q?=E6=8F=90=E7=A4=BA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Course/courseForm.vue | 90 +++++++++++++++++++++++++++- 1 file changed, 89 insertions(+), 1 deletion(-) diff --git a/src/components/Course/courseForm.vue b/src/components/Course/courseForm.vue index 1641dfc3..5cfd48ca 100644 --- a/src/components/Course/courseForm.vue +++ b/src/components/Course/courseForm.vue @@ -75,6 +75,13 @@ + +
+

请选择适合课程内容的标签，最多可选择5个

+

点击任意处关闭此提示

+
@@ -258,6 +265,13 @@ + +
+

请选择适合课程内容的标签，最多可选择5个

+

点击任意处关闭此提示

+
@@ -536,7 +550,9 @@ export default { dlgShow: false }, rightTypeId: {}, - catalogSortDialogShow: false + catalogSortDialogShow: false, + tagTipDialogVisible: false, + isFirstTime: true, }; }, created() { @@ -588,8 +604,52 @@ export default { this.loadResOwners(); this.loadSysTypes(); this.loadUserGroup(); + + // 初始化标签提示 + this.$nextTick(() => { + // 监听 courseTag 组件的焦点事件 + if (this.$refs.courseTag && this.$refs.courseTag.$el) { + this.$refs.courseTag.$el.addEventListener('focus', this.showTagTip, true); + } + }); }, + + beforeDestroy() { + // 清理事件监听器 + document.removeEventListener('click', this.handleGlobalClick); + if (this.$refs.courseTag && this.$refs.courseTag.$el) { + this.$refs.courseTag.$el.removeEventListener('focus', this.showTagTip, true); + } + }, + methods: { + // 显示标签提示对话框 + showTagTip() { + if (this.isFirstTime) { + this.tagTipDialogVisible = true; + // 添加全局点击监听器 + document.addEventListener('click', this.handleGlobalClick); + } + }, + + // 关闭标签提示对话框 + closeTagTip() { + this.tagTipDialogVisible = false; + this.isFirstTime = false; + document.removeEventListener('click', this.handleGlobalClick); + }, + + // 处理全局点击事件 + handleGlobalClick(event) { + // 如果点击的不是标签提示框内部，则关闭提示框 + if (this.tagTipDialogVisible) { + const tipDialog = document.querySelector('.tag-tip-dialog'); + if (tipDialog && !tipDialog.contains(event.target)) { + this.closeTagTip(); + } + } + }, + // 关键字的更改 changeKeywords(option){ if(option.target.value){ @@ -1816,4 +1876,32 @@ export default { } } } + +.tag-tip-dialog { + position: absolute; + top: 100%; + left: 0; + background-color: #fff; + border: 1px solid #ebeef5; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 4px; + padding: 12px; + z-index: 2000; + width: 300px; + margin-top: 5px; + + p { + margin: 0; + line-height: 1.5; + font-size: 14px; + color: #606266; + } + + p:first-child { + color: #303133; + font-weight: 500; + margin-bottom: 5px; + } +} + From df3e246d25483218254339ec15a76194a9d9cf24 Mon Sep 17 00:00:00 2001 From: 670788339 <670788339@qq.com> Date: Mon, 10 Nov 2025 10:24:02 +0800 Subject: [PATCH 37/58] =?UTF-8?q?=E7=B2=BE=E5=93=81=E8=AF=BE=E6=A0=87?= =?UTF-8?q?=E7=AD=BE=E5=AF=BC=E8=88=AA=E5=8F=96=E6=B6=88=E5=8A=A0=E7=B2=97?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/portal/course/qualityCourse.vue | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/views/portal/course/qualityCourse.vue b/src/views/portal/course/qualityCourse.vue index 0a58f422..aea5e904 100644 --- a/src/views/portal/course/qualityCourse.vue +++ b/src/views/portal/course/qualityCourse.vue @@ -96,7 +96,7 @@
@@ -106,7 +106,7 @@
Date: Mon, 10 Nov 2025 10:29:56 +0800 Subject: [PATCH 38/58] =?UTF-8?q?=E7=B2=BE=E5=93=81=E8=AF=BE=E6=A0=87?= =?UTF-8?q?=E7=AD=BE=E5=AF=BC=E8=88=AA=E8=B0=83=E6=95=B4=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 | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/views/portal/course/qualityCourse.vue b/src/views/portal/course/qualityCourse.vue index aea5e904..fc55ffa4 100644 --- a/src/views/portal/course/qualityCourse.vue +++ b/src/views/portal/course/qualityCourse.vue @@ -70,7 +70,7 @@
+ :class="{ 'option-active': ctypeList[2].checked }" style="padding-left: 15px;"> 外部精选
From 2ab809a70f15eb92660a952589dabb50e1a0bb31 Mon Sep 17 00:00:00 2001 From: 670788339 <670788339@qq.com> Date: Mon, 10 Nov 2025 13:16:28 +0800 Subject: [PATCH 39/58] =?UTF-8?q?=E6=8F=90=E7=A4=BA=E6=B5=8B=E8=AF=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Course/SmartTagHint.vue | 198 +++++++++++++++++++++++++ src/components/Course/courseForm.vue | 2 +- src/components/Course/courseTag.vue | 63 ++++++++ 3 files changed, 262 insertions(+), 1 deletion(-) create mode 100644 src/components/Course/SmartTagHint.vue diff --git a/src/components/Course/SmartTagHint.vue b/src/components/Course/SmartTagHint.vue new file mode 100644 index 00000000..af108802 --- /dev/null +++ b/src/components/Course/SmartTagHint.vue @@ -0,0 +1,198 @@ + + + + + diff --git a/src/components/Course/courseForm.vue b/src/components/Course/courseForm.vue index 5cfd48ca..cdd0efc6 100644 --- a/src/components/Course/courseForm.vue +++ b/src/components/Course/courseForm.vue @@ -74,7 +74,7 @@ :options="sysTypeListMap"> - +
+ + + +
{{ selectedTags.length }}/5 @@ -38,9 +51,17 @@ import { debounce } from 'lodash' import apiCourseTag from '@/api/modules/courseTag.js' import { mapGetters } from 'vuex'; +import SmartTagHint from './SmartTagHint.vue'; export default { + components: { + SmartTagHint + }, props: { + courseName: { + type: String, + default: '' + }, courseId:{ type:String, require:true, @@ -62,6 +83,7 @@ export default { }, data() { return { + showSmartHint: false, selectedTags: [], searchResults: [], loading: false, @@ -138,11 +160,38 @@ export default { // 新增：处理输入框获得焦点事件 async handleFocus() { this.previousTags = [...this.selectedTags]; + this.showSmartHint = true; + setTimeout(() => { + if (this.$refs.smartHint) { + this.$refs.smartHint.showSmartHint(); + } + }, 300); + // 当输入框获得焦点时，加载默认的搜索结果 if (this.sysTypeList.length > 0) { await this.doSearch(''); } }, + handleBlur() { + // 延迟隐藏以避免点击建议标签时立即隐藏 + setTimeout(() => { + this.showSmartHint = false; + }, 200); + }, + handleSmartTagSelect(tag) { + if (this.selectedTags.length >= this.maxTags) { + this.$message.warning(`最多只能添加${this.maxTags}个标签`); + return; + } + + const isDuplicate = this.selectedTags.some(t => t.id === tag.id); + if (!isDuplicate) { + this.selectedTags = [...this.selectedTags, tag]; + this.$emit('change', this.displayTags); + } + }, + + // 新增：重置标签状态的方法 resetTagState() { this.selectedTags = []; @@ -316,10 +365,24 @@ export default { if (tags.length === 0) { this.$message.info('无此标签，按回车键创建') } + // 如果有查询词，显示智能匹配提示 + if (query.trim()) { + this.showSmartMatching(query); + } } finally { this.loading = false } + }, + showSmartMatching(query) { + // 在搜索结果中高亮匹配项 + this.searchResults = this.searchResults.map(tag => { + return { + ...tag, + isSmartMatch: tag.tagName.toLowerCase().includes(query.toLowerCase()) + }; + }); } + } } From 90c2724f7a7a8598838f74f9f225dad0e2c45759 Mon Sep 17 00:00:00 2001 From: 670788339 <670788339@qq.com> Date: Mon, 10 Nov 2025 14:51:53 +0800 Subject: [PATCH 40/58] =?UTF-8?q?=E6=8F=90=E7=A4=BA=E6=B5=8B=E8=AF=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Course/SmartTagHint.vue | 33 ++++++++++++++------------ src/components/Course/courseTag.vue | 7 +----- 2 files changed, 19 insertions(+), 21 deletions(-) diff --git a/src/components/Course/SmartTagHint.vue b/src/components/Course/SmartTagHint.vue index af108802..a6ee84fb 100644 --- a/src/components/Course/SmartTagHint.vue +++ b/src/components/Course/SmartTagHint.vue @@ -85,24 +85,27 @@ export default { async fetchSuggestedTags() { try { // 基于分类获取推荐标签 - if (this.sysTypeList.length > 0) { - const typeId = this.sysTypeList[this.sysTypeList.length - 1]; - const { result } = await apiCourseTag.getTagsByCategory(typeId); - this.categoryBasedTags = result.slice(0, 3); - } - + // if (this.sysTypeList.length > 0) { + // const typeId = this.sysTypeList[this.sysTypeList.length - 1]; + // const { result } = await apiCourseTag.getTagsByCategory(typeId); + // this.categoryBasedTags = result.slice(0, 3); + // this.categoryBasedTags = ['园区物联','工业互联网','智能制造解决方案']; + // } + this.nameBasedTags = ['园区物联','工业互联网','智能制造解决方案']; + this.categoryBasedTags = ['工业互联网','中祥英工业互联网','智能制造解决方案']; + this.categoryBasedTags = ['工业互联网','中祥英工业互联网','智能制造解决方案']; // 基于课程名称关键词获取推荐 - if (this.courseName) { - const keywords = this.extractKeywords(this.courseName); - if (keywords.length > 0) { - const { result } = await apiCourseTag.getTagsByKeywords(keywords); - this.nameBasedTags = result.slice(0, 3); - } - } + // if (this.courseName) { + // const keywords = this.extractKeywords(this.courseName); + // if (keywords.length > 0) { + // const { result } = await apiCourseTag.getTagsByKeywords(keywords); + // this.nameBasedTags = result.slice(0, 3); + // } + // } // 获取热门标签 - const { result } = await apiCourseTag.getHotTags(); - this.hotTags = result.slice(0, 3); + // const { result } = await apiCourseTag.getHotTags(); + // this.hotTags = result.slice(0, 3); } catch (error) { console.error('获取推荐标签失败:', error); diff --git a/src/components/Course/courseTag.vue b/src/components/Course/courseTag.vue index 3c0e63b1..5c97932f 100644 --- a/src/components/Course/courseTag.vue +++ b/src/components/Course/courseTag.vue @@ -105,8 +105,7 @@ export default { }, created() { this.debouncedSearch = debounce(this.doSearch, 500) - console.log("----------sysTypeList.length---------->"+this.sysTypeList.length) - console.log("----------sysTypeList.length---------->"+(this.sysTypeList.length===0)) + this.showSmartMatching(); }, // 添加：挂载时初始化标签数据 mounted() { @@ -365,10 +364,6 @@ export default { if (tags.length === 0) { this.$message.info('无此标签，按回车键创建') } - // 如果有查询词，显示智能匹配提示 - if (query.trim()) { - this.showSmartMatching(query); - } } finally { this.loading = false } From 599370aded40dade952ee4393d1ceefe97079e06 Mon Sep 17 00:00:00 2001 From: 670788339 <670788339@qq.com> Date: Mon, 10 Nov 2025 15:17:33 +0800 Subject: [PATCH 41/58] =?UTF-8?q?=E6=8F=90=E7=A4=BA=E6=B5=8B=E8=AF=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Course/GuideOverlay.vue | 203 +++++++++++++++++++++++++ src/components/Course/SmartTagHint.vue | 201 ------------------------ src/components/Course/courseForm.vue | 77 +++++++++- src/components/Course/courseTag.vue | 119 ++++++--------- 4 files changed, 323 insertions(+), 277 deletions(-) create mode 100644 src/components/Course/GuideOverlay.vue delete mode 100644 src/components/Course/SmartTagHint.vue diff --git a/src/components/Course/GuideOverlay.vue b/src/components/Course/GuideOverlay.vue new file mode 100644 index 00000000..4cf1baef --- /dev/null +++ b/src/components/Course/GuideOverlay.vue @@ -0,0 +1,203 @@ + + + + + diff --git a/src/components/Course/SmartTagHint.vue b/src/components/Course/SmartTagHint.vue deleted file mode 100644 index a6ee84fb..00000000 --- a/src/components/Course/SmartTagHint.vue +++ /dev/null @@ -1,201 +0,0 @@ - - - - - diff --git a/src/components/Course/courseForm.vue b/src/components/Course/courseForm.vue index cdd0efc6..50fec195 100644 --- a/src/components/Course/courseForm.vue +++ b/src/components/Course/courseForm.vue @@ -74,7 +74,7 @@ :options="sysTypeListMap"> - +
+ + +
@@ -433,4 +391,17 @@ export default { flex: 1; min-width: 60px; } + +.tag-container { + position: relative; +} + +.guide-trigger { + position: absolute; + right: -30px; + top: 50%; + transform: translateY(-50%); + color: #409EFF; +} + From c2fbbeeefa0318394db109e8756b5b21ee453685 Mon Sep 17 00:00:00 2001 From: 670788339 <670788339@qq.com> Date: Mon, 10 Nov 2025 15:29:21 +0800 Subject: [PATCH 42/58] =?UTF-8?q?=E8=BF=98=E5=8E=9F=E6=8F=90=E7=A4=BA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Course/GuideOverlay.vue | 203 ------------------------- src/components/Course/courseForm.vue | 165 +------------------- src/components/Course/courseTag.vue | 30 +--- 3 files changed, 3 insertions(+), 395 deletions(-) delete mode 100644 src/components/Course/GuideOverlay.vue diff --git a/src/components/Course/GuideOverlay.vue b/src/components/Course/GuideOverlay.vue deleted file mode 100644 index 4cf1baef..00000000 --- a/src/components/Course/GuideOverlay.vue +++ /dev/null @@ -1,203 +0,0 @@ - - - - - diff --git a/src/components/Course/courseForm.vue b/src/components/Course/courseForm.vue index 50fec195..1641dfc3 100644 --- a/src/components/Course/courseForm.vue +++ b/src/components/Course/courseForm.vue @@ -75,13 +75,6 @@ - -
-

请选择适合课程内容的标签，最多可选择5个

-

点击任意处关闭此提示

-
@@ -265,13 +258,6 @@ - -
-

请选择适合课程内容的标签，最多可选择5个

-

点击任意处关闭此提示

-
@@ -419,14 +405,6 @@ - - -
diff --git a/src/components/Course/courseTag.vue b/src/components/Course/courseTag.vue index cac8686e..5c6257c1 100644 --- a/src/components/Course/courseTag.vue +++ b/src/components/Course/courseTag.vue @@ -1,23 +1,22 @@ -