Merge remote-tracking branch 'origin/20250708_add_wzy' into 20250708_add_wzy

src/components/Course/courseForm.vue

@@ -254,7 +254,7 @@
                   <choice :teacherValue="teacherValues" @getTeacherList="getTeacherList"></choice>
                 </el-form-item>
                 <el-form-item label="标签" required>
-                  <courseTag :courseId="curCourseId" :sysTypeList="sysTypeList"></courseTag>
+                  <courseTag ref="courseTag" :courseId="curCourseId" :sysTypeList="sysTypeList" :initialTags="courseTags" @change="handleTagsChange"></courseTag>
                 </el-form-item>
                 <el-form-item label="关键字">
                   <el-input v-model.trim="keywords" maxlength="100" @keyup.enter.native="changeKeywords"  placeholder="请输入关键字"></el-input>
@@ -422,6 +422,7 @@ import apiCourse from '../../api/modules/course.js';
 import apiCourseAudit from '../../api/modules/courseAudit.js';
 import apiOrg from '../../api/system/organiza.js';
 import apiUser from '../../api/system/user.js';
+import apiCourseTag from '../../api/modules/courseTag.js';
 import WxEditor from '@/components/Editor/index.vue';
 import catalogSort from '@/components/Course/catalogSort.vue';
 import { courseType, getType } from '../../utils/tools.js';
@@ -470,6 +471,7 @@ export default {
       orgName:'',
       orgNamePath:'',
       orgKid:'',
+      courseTags:[],
       courseInfo: {
         id: '',
         name: '',
@@ -596,6 +598,15 @@ export default {
     closeKeywordsTag(item,index){
       this.tips.splice(index, 1);
     },
+    // 处理标签变化事件
+    handleTagsChange(tags) {
+      console.log("父组件:",tags)
+      let ids = "";
+      tags.forEach(tag=>{
+        ids += tag.id + ',';
+      })
+      this.courseInfo.tags = ids;
+    },
     showChooseOrg(){
        this.$refs.refChooseOrg.dlgShow = true;
     },
@@ -726,6 +737,7 @@ export default {
       this.$emit('close');
     },
     initShow(editData) {
+      console.log('初始化显示内容============', editData)
       //console.log(this.$refs.weikePanel,'this.$refs.weikePanel');
       //this.$refs.weikePanel.init();
       //this.$refs.onlineCourse.resetData();
@@ -773,6 +785,8 @@ export default {
       this.tips=[];
 
       if (!editData) {
+        this.tips=[];
+        this.courseTags=[],
         //console.log("新建课程？");
         //以下为了保证初始化处理
         this.weikeReset = Math.round(Math.random()) + '';
@@ -869,6 +883,8 @@ export default {
         if (rs.status == 200) {
           this.courseChooseShow = false;
           this.courseInfo = rs.result;
+          this.curCourseId = this.courseInfo.id
+          console.log('保存课程成功',this.curCourseId)
           if (this.courseChooseId == 1) {
             this.weike.dlgShow = true;
           } else {
@@ -897,6 +913,8 @@ export default {
       try {
         const { result, status } = await apiCourse.detail(id);
         if (status === 200) {
+          this.courseTags = result.tagList;
+          console.log('获取课程信息成功', this.courseTags);
           //把数据附给三个对象
           if(result.course.visible==''){
             result.course.visible=false;
@@ -962,7 +980,6 @@ export default {
                }
             });
           }
-
           this.resOwnerArray=[];
           if (result.course.resOwner1 == '') {
             this.resOwnerArray.push(result.course.resOwner1);
@@ -1247,7 +1264,7 @@ export default {
         teachers: saveTeachers,
         crowds:crowds
       };
-      //console.log(postData);
+      console.log(postData);
       //this.btnLoading=false;
       apiCourse
         .saveBase(postData)

src/components/Course/courseTag.vue

@@ -13,6 +13,7 @@
       :disabled="sysTypeList.length===0"
       placeholder="按回车键Enter创建标签"
       @remove-tag="handleTagRemove"
+      @change="handleSelectionChange"
       @keyup.enter.native="handleEnterKey"
     >
       <el-option
@@ -22,18 +23,6 @@
         :value="item"
       />
     </el-select>
-    <!--   预览  ---
-        <div class="tag-preview">
-          <el-tag
-            v-for="tag in displayTags"
-            :key="tag.id"
-            closable
-            @close="removeTag(tag.id)"
-          >
-            {{ tag.tagName }}
-          </el-tag>
-        </div>
-     -->
   </div>
 </template>
 
@@ -56,6 +45,11 @@ export default {
     maxTags: {
       type: Number,
       default: 10
+    },
+    // 添加：接收初始标签数据的props
+    initialTags: {
+      type: Array,
+      default: () => []
     }
   },
   data() {
@@ -65,7 +59,8 @@ export default {
       loading: false,
       tagMap: new Map(),
       inputBuffer: '',
-      params: {}
+      params: {},
+      tag: {}
     }
   },
   computed: {
@@ -81,7 +76,43 @@ export default {
     console.log("----------sysTypeList.length---------->"+this.sysTypeList.length)
     console.log("----------sysTypeList.length---------->"+(this.sysTypeList.length===0))
   },
+  // 添加：挂载时初始化标签数据
+  mounted() {
+    if (this.initialTags && this.initialTags.length > 0) {
+      this.selectedTags = this.initialTags;
+      this.searchResults = this.initialTags;
+      // 将初始标签添加到tagMap中，确保删除功能正常
+      this.initialTags.forEach(tag => {
+        if (tag.id) {
+          this.tagMap.set(tag.id, tag);
+        }
+      });
+    }
+  },
+  watch: {
+    // 监听课程ID变化，重置所有状态
+    courseId(newVal) {
+      this.resetTagState();
+    },
+    // 监听初始标签变化，重新加载
+    initialTags(newVal) {
+      this.selectedTags = newVal || [];
+      this.searchResults = newVal || [];
+      this.tagMap.clear(); // 清空旧缓存
+      newVal.forEach(tag => {
+        if (tag.id) this.tagMap.set(tag.id, tag);
+      });
+    }
+  },
   methods: {
+    // 新增：重置标签状态的方法
+    resetTagState() {
+      this.selectedTags = [];
+      this.searchResults = [];
+      this.tagMap.clear();
+      this.loading = false;
+      this.params = {};
+    },
     async doSearch(query) {
       if (!query.trim()) {
         this.searchResults = []
@@ -116,8 +147,17 @@ export default {
       }
     },
 
+    // 新增：处理选择变化事件
+    handleSelectionChange() {
+      this.$emit('change', this.displayTags)
+    },
     //创建新标签
     async createNewTag(tagName) {
+      // 标签不能超过八个字
+      if (tagName.length > 8) {
+        this.$message.error('标签不能超过8个字')
+        return;
+      }
       this.loading = true
       try {
         this.params.courseId = this.courseId;
@@ -133,9 +173,11 @@ export default {
           this.params.sysType3 = this.sysTypeList[2]; //三级的id
         }
         const {result:newTag} = await apiCourseTag.createTag(this.params)
+        this.$message.success('标签创建成功');
+        this.searchResults.push(newTag)
+        console.log("----------newTag---------->",this.searchResults)
         this.tagMap.set(newTag.id, newTag)
-        this.selectedTags.push(newTag.tagName)
-        this.$emit('change', this.selectedTags.map(tag => tag.id))
+        this.$emit('change', this.displayTags)
       } finally {
         this.loading = false
       }

src/components/Course/homework.vue

@@ -109,7 +109,7 @@ export default {
          if(res.status==200){
              this.info=res.result;
              //检查是否过期
-            if(res.result.deadTime!=''){
+            if(res.result.deadTime!='' && res.result.deadTime != null){
                var d = new Date(res.result.deadTime);
                var now=new Date();
                if(now.getTime() > d.getTime()){

src/components/VideoPlayer/index.vue

@@ -317,7 +317,7 @@ export default {
     }
 
     setInterval(() => {
-          //console.log('this.currentProgress::',this.currentProgress,this.isDrag,this.videoDom.currentTime , this.videoDom.duration)
+          console.log('当前状态:',this.currentProgress,this.isDrag,this.videoDom.currentTime , this.videoDom.duration)
           // 视频播放时本地记录视频实时播放时长,视频设置了禁止拖动时执行
           if(!this.isDrag){
             var time = localStorage.getItem('videoProgressData')
@@ -364,6 +364,11 @@ export default {
       }
       // 根据视频的readyState判断下一帧是否已加载，并控制loading的显示
       this.isShowLoading = this.videoDom.readyState < 3;
+      console.log("当前缓存:"+this.videoDom.readyState)
+      if (this.videoDom.readyState < 3){
+        console.log("详细信息",this.videoDom)
+        console.log("卡了",this.videoDom.readyState)
+      }
       //if()
       //console.log(this.videoDom.readyState,'this.videoDom.readyState');
     }, 1000);

src/views/portal/case/Index.vue

@@ -664,12 +664,6 @@ export default {
       return !this.speciData.some(item => item.fielclass);
     }
   },
-  formatDateTime(dateArray) {
-    if (!dateArray || dateArray.length !== 6) return '';
-    const [year, month, day, hour, minute, second] = dateArray;
-    const pad = (num) => num.toString().padStart(2, '0');
-    return `${year}-${pad(month)}-${pad(day)} ${pad(hour)}:${pad(minute)}:${pad(second)}`;
-  },
   beforeRouteLeave (to, from, next) {
     const isScroll = 'caseDetail,caseCharts,caseExcellent'
     if(!isScroll.includes(to.name)){
@@ -868,6 +862,12 @@ export default {
       this.popularityName = this.switch[e]
       this.getPopularity()
     },
+    formatDateTime(dateArray) {
+      if (!dateArray || dateArray.length !== 6) return '';
+      const [year, month, day, hour, minute, second] = dateArray;
+      const pad = (num) => num.toString().padStart(2, '0');
+      return `${year}-${pad(month)}-${pad(day)} ${pad(hour)}:${pad(minute)}:${pad(second)}`;
+    },
     handleType(msg){
       // this.queryCondition.type = msg
     },
@@ -2811,3 +2811,4 @@ export default {
   }
 }
 </style>
+

src/views/portal/course/Detail.vue

@@ -35,7 +35,7 @@
                 <!-- <div><span style="font-size:20px;color:#ff8e00">{{courseInfo.score ? courseInfo.score.toFixed(1) : 0}}</span><span style="font-size:12px;color:#ff8e00">分</span></div> -->
               </div>
               <div class="label-div">
-                <el-tag class="label-item" effect="plain" v-for="(item,tagIdx) in tagArray" :key="tagIdx">{{item}}</el-tag>
+<!--                <el-tag class="label-item" effect="plain" v-for="(item,tagIdx) in tagArray" :key="tagIdx">{{item}}</el-tag>-->
                </div>
               <!-- <div style="width:160px;height:50px"> -->
               <!-- </div> -->

src/views/portal/course/Index.vue

@@ -43,7 +43,7 @@
                   :disabled="!twoList.children.length" :open-delay="0" :close-delay="0" trigger="hover"
                   :visible-arrow="false" @hide="leaveIndex" @show="changeIndex(twoList.id)" transition="none">
                   <div class="course-two-content" slot="reference">{{
-                    twoList.name }}</div>
+                    twoList.name }}</div>-
                   <!-- 内容 -->
                   <div class="course-three-box">
                     <div class="course-three-box-title">
@@ -315,7 +315,7 @@
                 <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.name}}</a>
+                  <a class="custom" :class="tag.checked ? 'custom2' : ''">{{tag.tagName}}</a>
                 </div>
               </div>
             </div>
@@ -333,9 +333,9 @@
           <div v-if="stagList.length > 0 && !newData" class="search-div" style="padding: 0;margin-bottom: 20px;">
             <div class="searchbar" style="background-color:#f6f7fb;display: flex;justify-content: space-between;">
               <div style="line-height: 30px;">
-                <span class="item-title"> 搜索条件</span>
+                <span class="item-title"> 搜索条件:</span>
                 <el-tag closable v-for="(tag, tagIdx) in stagList" :key="'t' + tagIdx" @close="stagClose(tag, tagIdx)">{{
-                  tag.name }}</el-tag>
+                  tag.tagName }}</el-tag>
               </div>
               <div>
                 <el-button type="primary" size="mini" @click="handleClearTags">清除</el-button>
@@ -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() {
@@ -654,18 +665,7 @@ export default {
   },
   data() {
     return {
-      hotTagsList: [  //热点标签
-        {id:1,name:"数据库", checked: false },
-        {id:2,name:"Python", checked: false },
-        {id:3,name:"Java", checked: false },
-        {id:4,name:"Vue3.0", checked: false },
-        {id:5,name:"大数据", checked: false },
-        {id:6,name:"Bootstrap", checked: false },
-        {id:7,name:"营销学", checked: false },
-        {id:8,name:"芯片", checked: false },
-        {id:9,name:"火箭", checked: false },
-        {id:10,name:"感悟", checked: false }
-      ],
+      hotTagsList: [],
       newData: false,//线上品牌系列隐藏
       navTitle: [],
       // 设置高亮
@@ -744,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);
       }
@@ -932,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();
     },
 
@@ -973,31 +1020,33 @@ export default {
       this.searchData();
     },
     // 清除
-    handleClearTags() {
-      //清空所有的条件
-      this.keyword = '';
-      this.ctypeList.forEach(item => {
-        item.checked = false;
+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;
       });
-      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();
-    },
+    });
+  });
+  
+  // 清空导航标题
+  this.navTitle = [];
+  
+  this.searchData();
+},
     // 导航切换(录播课，线下课，学习项目)
     handleTypeClick(item, list) {
       item.checked = !item.checked;
@@ -1012,13 +1061,21 @@ export default {
     //点击标签
     handleTagClick(item, list) {
       item.checked = !item.checked;
-      this.searchData();
+
+      // 更新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();
+      });
     },
     //三级分类
     handleOptionClick(item, level, list) {
       // 线上品牌展示效果
       this.newData = item.newData;
-      console.log(this.newData);
       // 单选，排除法
       this.oneList.forEach(one => {
         one.checked = false;
@@ -1493,7 +1550,18 @@ export default {
           that.course.sysType3 += item.id;
         }
       });
-
+      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;
       if (this.course.pageIndex == 1) {

src/views/study/coursenew.vue

@@ -175,7 +175,7 @@
             </div>
             <!--   -->
             <div class="course-units" v-if="tab == 1">
-              <div :style="`height: ${controlHeight}px;overflow-y: auto;`">
+              <div style="min-height: 350px;max-height: 650px ;overflow-y: auto;">
                 <div class="catalog" v-if="courseInfo.type == 20">
                   <div  v-for="(item, index) in catalogTree" :key="index" :name="index">
                     <el-menu
@@ -805,7 +805,8 @@
             }else if(h>500){
               h=h+60;
             }
-            $this.controlHeight=h-95;
+            // 移除高度控制 防止内容塌陷
+            // $this.controlHeight=h-95;
         })
 
 
@@ -1746,7 +1747,7 @@
     margin: 20px auto;
     .course-playbox {
       background-color: #fff;
-      min-height: 400px;
+      //min-height: 400px;
       display: flex;
       justify-content: space-between;
       .course-player-container {