热点标签+保存标签调试

src/components/Course/courseForm.vue

@@ -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('请选择内容分类');

src/views/portal/course/Index.vue

@@ -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