From d8d858764d86964e8d5d41e9344275e9fcd4c8d3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=8E=8B=E5=8D=93=E7=85=9C?= <2210102150@qq.com> Date: Wed, 3 Sep 2025 10:29:09 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=AD=A6=E5=91=98=E5=89=8D?= =?UTF-8?q?=E7=AB=AF=E6=A0=87=E7=AD=BE=E7=82=B9=E5=87=BB=E6=A0=B7=E5=BC=8F?= =?UTF-8?q?=E9=94=99=E8=AF=AF=E7=9A=84=E9=97=AE=E9=A2=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/portal/course/Index.vue | 178 ++++++++++++++++++------------ 1 file changed, 106 insertions(+), 72 deletions(-) diff --git a/src/views/portal/course/Index.vue b/src/views/portal/course/Index.vue index 01055e11..71e0ecb9 100644 --- a/src/views/portal/course/Index.vue +++ b/src/views/portal/course/Index.vue @@ -333,7 +333,7 @@
- 搜索条件 + 搜索条件: {{ tag.tagName }}
@@ -570,26 +570,43 @@ export default { }, 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); + list.push({ + ...item, + tagName: item.name + }); } }); + + // 热点标签 - 这是关键修复 this.hotTagsList.forEach(item => { if (item.checked) { - list.push(item); + 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; @@ -597,34 +614,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() { @@ -733,7 +744,10 @@ export default { //初始化:获取最新前10个热点标签 apiCourseTag.getHotTagList(null).then(rs => { if (rs.status == 200) { - this.hotTagsList = rs.result; + this.hotTagsList = rs.result.map(tag => ({ + ...tag, + checked: false + })); } else { console.log(rs.message); } @@ -921,10 +935,54 @@ export default { //搜索条件 stagClose(tag, tagIndex) { 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(); }, @@ -962,31 +1020,18 @@ export default { this.searchData(); }, // 清除 - handleClearTags() { - //清空所有的条件 - this.keyword = ''; - this.ctypeList.forEach(item => { - item.checked = false; - }); - this.hotTagsList.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.twoList = []; - this.threeList = []; - this.navTitle = []; - this.newData = false; - sessionStorage.removeItem(this.localSessionKey) - this.searchData(); - }, +handleClearTags() { + //清空所有的条件 + this.keyword = ''; + this.ctypeList.forEach(item => { + item.checked = false; + }); + this.hotTagsList.forEach(item => { + item.checked = false; + }); + this.course.tags = ''; // 清空标签ID + this.searchData(); +}, // 导航切换(录播课，线下课，学习项目) handleTypeClick(item, list) { item.checked = !item.checked; @@ -1001,27 +1046,16 @@ export default { //点击标签 handleTagClick(item, list) { item.checked = !item.checked; - // 收集所有选中的标签，只保留需要传递的字段（如id、tagName等） - const checkedTags = list.filter(item => item.checked).map(item => ({ - id: item.id, - tagName: item.tagName, - // 其他需要传递的字段 - })); - // 正确的实现方式： - let tagIds = ''; - checkedTags.forEach(tag => { - tagIds += tag.id + ','; + + // 更新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(); }); - // // 移除末尾可能的逗号 - // if (tagIds.length > 0) { - // tagIds = tagIds.slice(0, -1); - // } - this.course.tags = tagIds - // 打印当前选中的标签ID数组，用于调试 - console.log("当前选中的标签ID:", this.course.tags); - - // 调用搜索方法 - this.searchData(); }, //三级分类 handleOptionClick(item, level, list) {