hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-06 17:36:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

热点标签+保存标签调试

Browse Source
This commit is contained in:
670788339
2025-10-31 16:36:07 +08:00
parent 4d5b462b61
commit f34d2a6e94
2 changed files with 59 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/Course/courseForm.vue
View File

@@ -1402,6 +1402,9 @@ export default {
return true;
},
submitCourse() {
console.log("courseForm 课程提交审核 this.showTags = " + this.showTags);
console.log("courseForm 课程提交审核 this.courseInfo.tags = " + this.courseInfo.tags);
if(this.biaoke.dlgShow && !this.unsavedContent()){
this.$message.error('您有未保存的内容，请先保存');
return;
@@ -1439,7 +1442,7 @@ export default {
return;
}
if (this.showTags.length > 0) {
this.courseInfo.tags = this.showTags.join();
// this.courseInfo.tags = this.showTags.join();
}
if (this.sysTypeList.length < 1) {
this.$message.error('请选择内容分类');

61
src/views/portal/course/Index.vue
View File

@@ -311,16 +311,17 @@
</span>
</a>
<!-- 热点标签 add by zhengsongbo on 2025-08-01 -->
<div style="margin-top:10px;flex: 1;">
<!-- <div style="margin-top:10px;flex: 1;">
<div class="search-item-type" style="padding-top: 2px; float: left;">
<span class="item-title" style="padding-right: 5px;">热点标签:</span>
</div>
<!-- <div class="option-item" style="padding-top: 2px"
v-for="tag in hotTagsList" :key="tag.id"
@click="handleTagClick(tag, hotTagsList)">
<a class="custom" :class="tag.checked ? 'custom2' : ''">{{tag.tagName}}</a>
</div>-->
<div class="hot-tags-container">
<div
class="option-item" style="padding-top: 2px; display: inline-block;"
@click="handleClearHotTags"
>
<a class="custom" :class="isAllHotTagsSelected ? '' : 'custom2'">全部</a>
</div>
<div
class="option-item"
style="padding-top: 2px; display: inline-block;"
@@ -331,6 +332,36 @@
<a class="custom" :class="tag.checked ? 'custom2' : ''">{{tag.tagName}}</a>
</div>
</div>
</div>-->
<!-- 修改热点标签区域 -->
<div style="margin-top:10px;flex: 1;">
<div class="search-item-type" style="padding-top: 2px; float: left;">
<span class="item-title" style="padding-right: 5px;">热点标签:</span>
</div>
<div class="hot-tags-container">
<!-- "全部"选项，样式与上方选项一致 -->
<div
class="option-item"
style="font-weight: bold; padding-top: 2px; display: inline-block;"
:class="{ 'option-active': isAllHotTagsSelected }"
@click="handleClearHotTags"
>
<a>全部</a>
<span :class="isAllHotTagsSelected ? 'nav-bottbor' : ''"></span>
</div>
<!-- 热点标签循环，样式与上方选项一致 -->
<div
class="option-item" style="font-weight: bold; padding-top: 2px; display: inline-block;"
v-for="tag in hotTagsList"
:key="tag.id"
@click="handleTagClick(tag, hotTagsList)"
:class="{ 'option-active': tag.checked }"
>
<a>{{tag.tagName}}</a>
<span :class="tag.checked ? 'nav-bottbor' : ''"></span>
</div>
</div>
</div>
</div>
<!-- <div id="fixd-box" class="upload" style="margin-left: 26px;">
@@ -663,6 +694,11 @@ export default {
// });
// return !flag;
// }
// 添加计算是否所有热点标签都未选中（即"全部"选中状态）
isAllHotTagsSelected() {
return !this.hotTagsList.some(tag => tag.checked);
}
},
data() {
return {
@@ -835,6 +871,19 @@ export default {
// window.removeEventListener("scroll", this.handleScroll);
},
methods: {
// 添加清除热点标签选中的方法
handleClearHotTags() {
// 清除所有热点标签的选中状态
this.hotTagsList.forEach(tag => {
tag.checked = false;
});
// 清空course.tags
this.course.tags = '';
// 触发搜索
this.searchData();
}
// 改变分页
currentChange(val) {
this.course.pageIndex = val