diff --git a/src/api/modules/course.js b/src/api/modules/course.js
index 39a88137..f76839c7 100644
--- a/src/api/modules/course.js
+++ b/src/api/modules/course.js
@@ -4,6 +4,7 @@
  *
  **/
 import ajax from '@/utils/xajax.js'
+import ajax2 from '../unionAjax.js';
 
 /**
  * 保存课程基本信息，新增和更新都是此方式
@@ -42,8 +43,8 @@ import ajax from '@/utils/xajax.js'
    ]
  }
  */
-const saveBase = function(data) {
-    return ajax.postJson('/xboe/m/course/manage/save', data);
+const saveBase = function (data) {
+  return ajax.postJson('/xboe/m/course/manage/save', data);
 }
 
 
@@ -52,39 +53,39 @@ const saveBase = function(data) {
  * 仅仅是保存课程信息，不包括教师信息
  * @param {Object} data
  */
-const saveOnlyCourse = function(data) {
-    return ajax.postJson('/xboe/m/course/manage/save-only-course', data);
+const saveOnlyCourse = function (data) {
+  return ajax.postJson('/xboe/m/course/manage/save-only-course', data);
 }
 
 /**提交课程*/
-const submitCourse = function(data) {
-    return ajax.postJson('/xboe/m/course/manage/submit', data);
+const submitCourse = function (data) {
+  return ajax.postJson('/xboe/m/course/manage/submit', data);
 }
 
 /**撤销已提交审核的课程*/
-const revokeSubmit = function(id) {
-    return ajax.post('/xboe/m/course/manage/revoke', {id});
+const revokeSubmit = function (id) {
+  return ajax.post('/xboe/m/course/manage/revoke', { id });
 }
 
 /**
  * 复制课程
  * @param {Object}
  */
-const copyCourse = function(data) {
-    return ajax.post('/xboe/m/course/manage/copy',data);
+const copyCourse = function (data) {
+  return ajax.post('/xboe/m/course/manage/copy', data);
 }
 /*
 查询课程是否有重复名称
  */
-const isRedoName=function(){
-	return ajax.get('/xboe/m/course/manage/isRedoName');
+const isRedoName = function () {
+  return ajax.get('/xboe/m/course/manage/isRedoName');
 }
 /*
 查询当前添加课程是否已有
 courseName 要添加的课程姓名
  */
-const isCourseName=function(courseName,courseId){
-	return ajax.get(`/xboe/m/course/manage/isCourseName?courseName=${courseName}&courseId=${courseId}`);
+const isCourseName = function (courseName, courseId) {
+  return ajax.get(`/xboe/m/course/manage/isCourseName?courseName=${courseName}&courseId=${courseId}`);
 }
 /**
  * 查询修改日志，列表，不分页
@@ -95,16 +96,16 @@ const isCourseName=function(courseName,courseId){
    name: 修改人
  }
  */
-const findUpdateLogs = function(params) {
-    return ajax.post('/xboe/m/course/manage/upldate-logs',params);
+const findUpdateLogs = function (params) {
+  return ajax.post('/xboe/m/course/manage/upldate-logs', params);
 }
 
 /**
  * 根据id获取修改的详细信息
  * @param {Object} id
  */
-const getUpdateLog = function(id) {
-    return ajax.get('/xboe/m/course/manage/upldate-log-detail?id='+id);
+const getUpdateLog = function (id) {
+  return ajax.get('/xboe/m/course/manage/upldate-log-detail?id=' + id);
 }
 
 /**
@@ -139,8 +140,8 @@ const getUpdateLog = function(id) {
    ]
  }
  */
-const saveContent = function(data) {
-    return ajax.postJson('/xboe/m/course/content/save', data);
+const saveContent = function (data) {
+  return ajax.postJson('/xboe/m/course/content/save', data);
 }
 
 
@@ -159,18 +160,18 @@ const saveContent = function(data) {
  * ]
  * @returns
  */
-const updateContentOrders = function(cid,items) {
-  return ajax.postJson('/xboe/m/course/content/update-orders/'+cid, items);
+const updateContentOrders = function (cid, items) {
+  return ajax.postJson('/xboe/m/course/content/update-orders/' + cid, items);
 }
 
 /**
  * 课程的详细信息
  * @param {String} id
  */
-const detail = function(id) {
-    return ajax.get('/xboe/m/course/manage/detail?id=' + id);
+const detail = function (id) {
+  return ajax.get('/xboe/m/course/manage/detail?id=' + id);
 }
-const getDictIds = function(pid,type) {
+const getDictIds = function (pid, type) {
   return ajax.get(`/xboe/m/course/manage/getDictIds?pid=${pid}&type=${type}`);
 }
 /**
@@ -181,8 +182,8 @@ const getDictIds = function(pid,type) {
    name:''
  }
  */
-const updateContentName = function(data) {
-    return ajax.post('/xboe/m/course/content/update-name', data);
+const updateContentName = function (data) {
+  return ajax.post('/xboe/m/course/content/update-name', data);
 }
 
 /**
@@ -194,8 +195,8 @@ const updateContentName = function(data) {
    erasable:是否物理删除，此值是课程信息中系统带过来的字段，直接使用它就可以了
  }
  */
-const delContent = function(data) {
-    return ajax.post('/xboe/m/course/content/delete', data);
+const delContent = function (data) {
+  return ajax.post('/xboe/m/course/content/delete', data);
 }
 
 /**
@@ -207,40 +208,40 @@ const delContent = function(data) {
    parentId： 上级id。如果没有可以填“-1”字符串
    orderIndex：显示顺序，顺序索引，整数
  */
-const saveSection = function(data) {
-    return ajax.post('/xboe/m/course/content/save-section', data);
+const saveSection = function (data) {
+  return ajax.post('/xboe/m/course/content/save-section', data);
 }
 
 /**
  * 删除章节目录，注意只有目录下没有学习内容时才允许删除
  * @param {Object} data
  */
-const delSection = function(id) {
-    return ajax.post('/xboe/m/course/content/delete-section?id=' + id);
+const delSection = function (id) {
+  return ajax.post('/xboe/m/course/content/delete-section?id=' + id);
 }
 
 /**
  * 根据课程学习内容的id。获取作业信息，只有学习内容是作业时才会有信息
  * @param {Object} ccid
  */
-const getHomework = function(ccid) {
-    return ajax.post('/xboe/m/course/content/homework?ccid=' + ccid);
+const getHomework = function (ccid) {
+  return ajax.post('/xboe/m/course/content/homework?ccid=' + ccid);
 }
 
 /**
  * 根据课程学习内容的id。获取考试信息，只有学习内容是考试时才会有信息
  * @param {Object} ccid
  */
-const getExam = function(ccid) {
-    return ajax.post('/xboe/m/course/content/exam?ccid=' + ccid);
+const getExam = function (ccid) {
+  return ajax.post('/xboe/m/course/content/exam?ccid=' + ccid);
 }
 
 /**
  * 根据课程学习内容的id。获取评估信息，评估内容可以获取
  * @param {Object} ccid
  */
-const getAssess = function(ccid) {
-    return ajax.post('/xboe/m/course/content/assess?ccid=' + ccid);
+const getAssess = function (ccid) {
+  return ajax.post('/xboe/m/course/content/assess?ccid=' + ccid);
 }
 
 /**
@@ -265,21 +266,21 @@ const getAssess = function(ccid) {
    name 课程名称
 
  */
-const pageList = function(query) {
-    return ajax.post('/xboe/m/course/manage/pagelist', query);
+const pageList = function (query) {
+  return ajax.post('/xboe/m/course/manage/pagelist', query);
 }
 
 /**
  * 课程管理分页查询（新）
  * @param {Object} query
  */
-const managePage = function(query) {
-    return ajax.postJson('/xboe/m/course/manage/page', query);
+const managePage = function (query) {
+  return ajax.postJson('/xboe/m/course/manage/page', query);
 }
 
 
 /**计算待审核课程*/
-const countWaitAudit = function() {
+const countWaitAudit = function () {
   return ajax.get('/xboe/m/course/manage/wait-audit-num');
 }
 
@@ -288,8 +289,8 @@ const countWaitAudit = function() {
  * 当前用户需要审核的课程列表
  * @param {Object} query 同pageList
  */
-const auditList = function(query) {
-    return ajax.post('/xboe/m/course/manage/audit-pagelist', query);
+const auditList = function (query) {
+  return ajax.post('/xboe/m/course/manage/audit-pagelist', query);
 }
 
 
@@ -297,8 +298,8 @@ const auditList = function(query) {
  * 【已移到courseAudit中】
  * 教师需要审核的课程列表
  */
-const teacherAuditList = function(query) {
-    return ajax.post('/xboe/m/course/audit/teacher-course', query);
+const teacherAuditList = function (query) {
+  return ajax.post('/xboe/m/course/audit/teacher-course', query);
 }
 
 /**
@@ -307,16 +308,16 @@ const teacherAuditList = function(query) {
  * @param {Object} data
  * {courseId:课程id,teacherId:指定的审核人教师的id,teacherName:教师名称,remark:备注}
  */
-const auditAppoint = function(data) {
-    return ajax.post('/xboe/m/course/audit/appoint', data);
+const auditAppoint = function (data) {
+  return ajax.post('/xboe/m/course/audit/appoint', data);
 }
 
 /**
  * 获取审核信息，上面教师点击审核课程时，用于查询，上面“转审”时，用户填写的备注信息
  * @param {courseId:'课程id',teacherId:'可以不填写,系统会查询当前人'} data
  */
-const getAuditInfo = function(data) {
-    return ajax.post('/xboe/m/course/audit/infos', data);
+const getAuditInfo = function (data) {
+  return ajax.post('/xboe/m/course/audit/infos', data);
 }
 
 
@@ -324,56 +325,56 @@ const getAuditInfo = function(data) {
  * 管理员的课程审核处理
  * @param {Object} query {id:课程id,title:课程的名称, Boolean pass 是否通过,remark 备注}
  */
-const audit = function(data) {
-    return ajax.post('/xboe/m/course/manage/audit', data);
+const audit = function (data) {
+  return ajax.post('/xboe/m/course/manage/audit', data);
 }
 
 /**
  * 审核记录列表，分页查询
  */
-const auditPageRecords = function(data) {
-    return ajax.post('/xboe/m/course/audit/page-records', data);
+const auditPageRecords = function (data) {
+  return ajax.post('/xboe/m/course/audit/page-records', data);
 }
 
 /**
  * 审核记录列表，要卖课程id，查询出审核列记录信息
  * { courseId:必须}
  */
-const auditCourseRecords = function(data) {
-    return ajax.post('/xboe/m/course/audit/course-records',data);
+const auditCourseRecords = function (data) {
+  return ajax.post('/xboe/m/course/audit/course-records', data);
 }
 
 /**
  * 管理员的课程发布，当前已经不再使用了
  * @param {Object} query {ids:课程id,多个使用逗号分隔,title:课程的名称, Boolean pass 是否发布}
  */
-const publish = function(data) {
-    return ajax.post('/xboe/m/course/manage/publish', data);
+const publish = function (data) {
+  return ajax.post('/xboe/m/course/manage/publish', data);
 }
 
-const auditAndPublish=function(data) {
-    return ajax.post('/xboe/m/course/manage/audit-publish', data);
+const auditAndPublish = function (data) {
+  return ajax.post('/xboe/m/course/manage/audit-publish', data);
 }
 
 /**
  * 设置top
  * @param {Object} query {ids:课程id,多个使用逗号分隔,title:课程的名称,Boolean top 是否置顶}
  */
-const setTop = function(data) {
-    return ajax.post('/xboe/m/course/manage/top', data);
+const setTop = function (data) {
+  return ajax.post('/xboe/m/course/manage/top', data);
 }
 
 /**
  * 是否展示置顶相关功能
  */
-const showSetTop = function() {
+const showSetTop = function () {
   return ajax.get('/xboe/m/course/manage/show-settop');
 }
 
 /**
  * 获取置顶课程列表
  */
-const fetchTopCourseList = function() {
+const fetchTopCourseList = function () {
   return ajax.get('/xboe/m/course/manage/topList');
 }
 
@@ -381,7 +382,7 @@ const fetchTopCourseList = function() {
  * 更新置顶课程排序
  * @param {Array<{id:string,sortWeight:number}>} data
  */
-const updateTopCourseSort = function(data) {
+const updateTopCourseSort = function (data) {
   return ajax.postJson('/xboe/m/course/manage/top-sortchange', data);
 }
 
@@ -389,8 +390,8 @@ const updateTopCourseSort = function(data) {
  * 管理员的设置启用停用
  * @param {Object} query {ids:课程id,多个使用逗号分隔,title:课程的名称, Boolean enabled 是否启用}
  */
-const setEnabled = function(data) {
-    return ajax.post('/xboe/m/course/manage/enabled', data);
+const setEnabled = function (data) {
+  return ajax.post('/xboe/m/course/manage/enabled', data);
 }
 
 /**
@@ -398,34 +399,34 @@ const setEnabled = function(data) {
  * erasable 此值是课程信息带过来的，直接传就可以
  * @param {Object} query {id:课程id,多个使用逗号分隔,Boolean erasable 是否物理删除,title:课程的名称, remark 备注}
  */
-const del = function(data) {
-    return ajax.post('/xboe/m/course/manage/delete', data);
+const del = function (data) {
+  return ajax.post('/xboe/m/course/manage/delete', data);
 }
 /*
 详情
  */
-const detailFew=function(id){
-	return ajax.get('/xboe/m/course/portal/detail-few?id=' + id);
+const detailFew = function (id) {
+  return ajax.get('/xboe/m/course/portal/detail-few?id=' + id);
 }
 
 /*
 直接审核，教师提交审核
  */
-const sumbits=function(data){
-	return ajax.post('/xboe/m/course/manage/sumbits',data);
+const sumbits = function (data) {
+  return ajax.post('/xboe/m/course/manage/sumbits', data);
 }
 /*
 教师授课记录
  */
-const teacherCourse=function(teacherId){
-	return ajax.get('/xboe/m/course/manage/teacher-course?teacherId='+teacherId);
+const teacherCourse = function (teacherId) {
+  return ajax.get('/xboe/m/course/manage/teacher-course?teacherId=' + teacherId);
 }
 /*
 教师授课记录导出
 @param teacherId 教师id
  */
-const exportTeacherCourse=function(teacherId){
-	return ajax.post('/xboe/m/course/manage/export-teacher-course?teacherId='+teacherId)
+const exportTeacherCourse = function (teacherId) {
+  return ajax.post('/xboe/m/course/manage/export-teacher-course?teacherId=' + teacherId)
 }
 /*
 *待审核课程记录导出
@@ -445,25 +446,25 @@ const exportTeacherCourse=function(teacherId){
    type：课程类型，10微课，21在线课(直播)；20:在线课( 录播)；30:面授课；40:混合式，
    name 课程名称
  */
-const exportCourseAudit=function(query){
-	return ajax.post('/xboe/m/course/manage/exportCourseAudit',query);
+const exportCourseAudit = function (query) {
+  return ajax.post('/xboe/m/course/manage/exportCourseAudit', query);
 }
 /*
 参数同上待审核课程记录导出
  课程的导出和已审核的课程导出
  */
-const exportCourse = function(query) {
-	return ajax.get({
-		url: '/xboe/m/course/manage/export',
-		method: 'get',
-		params: query,
-		responseType: 'blob'
-	});
+const exportCourse = function (query) {
+  return ajax.get({
+    url: '/xboe/m/course/manage/export',
+    method: 'get',
+    params: query,
+    responseType: 'blob'
+  });
 }
 
 //判断受众id是否有关联
-const queryCrowd=function(query){
-	return ajax.postJson('/xboe/m/course/manage/queryCrowd',query);
+const queryCrowd = function (query) {
+  return ajax.postJson('/xboe/m/course/manage/queryCrowd', query);
 }
 
 /**
@@ -472,69 +473,78 @@ const queryCrowd=function(query){
  *   ids
  * }
  * */
-const ids=function (data){
-  return ajax.postJson('/xboe/m/course/manage/ids',data);
+const ids = function (data) {
+  return ajax.postJson('/xboe/m/course/manage/ids', data);
 }
 
-const saveTip = function() {
+const saveTip = function () {
   return ajax.postJson('/xboe/m/course/manage/saveTip');
 }
 
 /**
  * 获取我开发的课程列表
  */
-const courseList = function(data) {
+const courseList = function (data) {
   return ajax.postJson('/xboe/m/course/manage/develop_page', data);
 }
 
+// ai播放器相关 -  批量AI设置
+const benchAiSet = function (data) {
+  return ajax.postJson('/xboe/m/course/manage/benchAiSet', data);
+}
+const listByUser = function (data) {
+  return ajax2.get('/manageApi/admin/thirdApi/permission/listByUser?permissionType=PAGE');
+}
 
 export default {
-    saveBase,
-    submitCourse,
-    revokeSubmit,
-    copyCourse,
-    findUpdateLogs,
-    getUpdateLog,
-    detail,
-    getDictIds,
-    saveContent,
-    pageList,
-    managePage,
-    setEnabled,
-    del,
-    publish,
-    saveSection,
-    getHomework,
-    countWaitAudit,
-    auditList,
-    teacherAuditList,
-    auditAppoint,
-    getAuditInfo,
-    audit,
-    auditPageRecords,
-    auditCourseRecords,
-    auditAndPublish,
-    getAssess,
-    setTop,
-    showSetTop,
-    fetchTopCourseList,
-    updateTopCourseSort,
-    delSection,
-    getExam,
-    delContent,
-    updateContentName,
-    updateContentOrders,
-    saveOnlyCourse,
-    isRedoName,
-    isCourseName,
-    detailFew,
-	sumbits,
-	teacherCourse,
-	exportTeacherCourse,
-	exportCourseAudit,
-	exportCourse,
-	queryCrowd,
+  saveBase,
+  submitCourse,
+  revokeSubmit,
+  copyCourse,
+  findUpdateLogs,
+  getUpdateLog,
+  detail,
+  getDictIds,
+  saveContent,
+  pageList,
+  managePage,
+  setEnabled,
+  del,
+  publish,
+  saveSection,
+  getHomework,
+  countWaitAudit,
+  auditList,
+  teacherAuditList,
+  auditAppoint,
+  getAuditInfo,
+  audit,
+  auditPageRecords,
+  auditCourseRecords,
+  auditAndPublish,
+  getAssess,
+  setTop,
+  showSetTop,
+  fetchTopCourseList,
+  updateTopCourseSort,
+  delSection,
+  getExam,
+  delContent,
+  updateContentName,
+  updateContentOrders,
+  saveOnlyCourse,
+  isRedoName,
+  isCourseName,
+  detailFew,
+  sumbits,
+  teacherCourse,
+  exportTeacherCourse,
+  exportCourseAudit,
+  exportCourse,
+  queryCrowd,
   ids,
   saveTip,
-  courseList
+  courseList,
+  benchAiSet,
+  listByUser,
 }
diff --git a/src/assets/images/course/courseAbstract.png b/src/assets/images/course/courseAbstract.png
new file mode 100644
index 00000000..180aeaac
Binary files /dev/null and b/src/assets/images/course/courseAbstract.png differ
diff --git a/src/assets/images/course/courseNew.png b/src/assets/images/course/courseNew.png
new file mode 100644
index 00000000..13d81fcd
Binary files /dev/null and b/src/assets/images/course/courseNew.png differ
diff --git a/src/assets/images/course/generationFailed.png b/src/assets/images/course/generationFailed.png
new file mode 100644
index 00000000..5ca255d5
Binary files /dev/null and b/src/assets/images/course/generationFailed.png differ
diff --git a/src/assets/images/course/languageIcon.png b/src/assets/images/course/languageIcon.png
new file mode 100644
index 00000000..454e67cb
Binary files /dev/null and b/src/assets/images/course/languageIcon.png differ
diff --git a/src/assets/images/course/noData.png b/src/assets/images/course/noData.png
new file mode 100644
index 00000000..822040e7
Binary files /dev/null and b/src/assets/images/course/noData.png differ
diff --git a/src/assets/images/course/selectLanguage.png b/src/assets/images/course/selectLanguage.png
new file mode 100644
index 00000000..f13efb3a
Binary files /dev/null and b/src/assets/images/course/selectLanguage.png differ
diff --git a/src/assets/images/course/wengaoTip.png b/src/assets/images/course/wengaoTip.png
new file mode 100644
index 00000000..f83ce6fb
Binary files /dev/null and b/src/assets/images/course/wengaoTip.png differ
diff --git a/src/assets/styles/btn.scss b/src/assets/styles/btn.scss
index e6ba1a8e..0cb69515 100644
--- a/src/assets/styles/btn.scss
+++ b/src/assets/styles/btn.scss
@@ -97,3 +97,29 @@
   font-size: 14px;
   border-radius: 4px;
 }
+// 已下架
+.custom-takeout{
+  display: inline-block;
+  padding: 3px 13px;
+  border-radius: 20px;
+  font-size: 12px;
+  background: rgba(254, 249, 195, 1);
+  color: rgba(133, 77, 14, 1);
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 17px;
+  letter-spacing: 0px;
+}
+// 已上架
+.custom-putaway{
+  display: inline-block;
+  padding: 3px 13px;
+  border-radius: 20px;
+  font-size: 12px;
+  background: rgba(220, 252, 231, 1);
+  color: rgba(22, 101, 52, 1);
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 17px;
+  letter-spacing: 0px;
+}
\ No newline at end of file
diff --git a/src/components/Course/aiScript.vue b/src/components/Course/aiScript.vue
new file mode 100644
index 00000000..7fd1c883
--- /dev/null
+++ b/src/components/Course/aiScript.vue
@@ -0,0 +1,439 @@
+<template>
+  <div class="ai-script">
+    <!-- 搜索和语言选择区域 -->
+    <div v-if="selectableLang && selectableLang.length > 0" class="search-container">
+      <el-input
+          v-model="searchKeyword"
+          placeholder="请输入关键词查找文稿内容"
+          class="search-input"
+          prefix-icon="el-icon-search"
+          @keyup.enter.native="searchContent"
+          @input="handleInputChange"
+          clearable
+          native-type="text"
+        />
+      <div class="language-selector">
+        <span class="language-label">语言</span>
+        <el-select v-model="selectedLanguage" class="language-select" @change="changeLanguage" placeholder="请选择语言">
+          <el-option v-for="lang in selectableLang" :key="lang.srclang" :label="getSelectLabel(lang)" :value="lang.srclang"></el-option>
+        </el-select>
+      </div>
+    </div>
+
+    <!-- 内容展示区域 -->
+    <div v-if="selectableLang && selectableLang.length > 0" class="content-container">
+      <!-- 动态渲染内容块 -->
+      <div v-for="(item, index) in contentList" :key="index" class="content-item" :class="{'active': currentTime >= item.start && currentTime <= item.end}">
+        <div class="timestamp">
+          <div class="timestamp-text">
+            <i class="el-icon-time"></i>
+            {{ formatTime(item.start) }}
+          </div>
+        </div>
+        <el-card class="content-text" @click.native="scrollToTime(item.start)">
+            <div v-html="item.highlightedContent || item.text"></div>
+          </el-card>
+      </div>
+    </div>
+    <div v-else class="no-data">
+      <img src="../../assets/images/course/noData.png" alt="">
+      <span >生成中，过程可能耗时较长，<br>无需在此等待哦～</span>
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapGetters, mapMutations } from 'vuex'
+export default {
+  props: {
+    // 视频链接对应的content Id
+    blobId: {
+      type: String,
+      default: ''
+    },
+    isDrag:{
+      type: Boolean,
+      default: true,
+    },
+  },
+  name: 'ai-script',
+  data() {
+    return {
+      searchKeyword: '',
+      selectedLanguage: 'zh-CN',
+      originalContentList: [],
+      contentList: [], // 用于显示的内容列表
+      isUserScrolling: false, // 用户是否正在滚动
+      userScrollTimeout: null // 滚动超时计时器
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'currentTime',
+      'selectableLang',
+      'duration'
+    ]),
+  },
+  mounted: function() {
+    // 添加滚动事件监听，检测用户手动滚动
+    const container = document.querySelector('.content-container');
+    if (container) {
+      container.addEventListener('scroll', this.handleUserScroll);
+    }
+  },
+  
+  beforeDestroy: function() {
+    // 清理事件监听和计时器
+    const container = document.querySelector('.content-container');
+    if (container) {
+      container.removeEventListener('scroll', this.handleUserScroll);
+    }
+    if (this.userScrollTimeout) {
+      clearTimeout(this.userScrollTimeout);
+    }
+  },
+  
+  watch: {
+    // 监听currentTime变化，自动滚动到当前激活项
+    currentTime: function(newTime) {
+      // 只有当用户没有手动滚动时才执行自动滚动
+      if (!this.isUserScrolling) {
+        this.$nextTick(function() {
+          const activeElement = document.querySelector('.content-item.active');
+          if (activeElement) {
+            // 获取内容容器
+            const container = document.querySelector('.content-container');
+            
+            // 计算元素是否在可视区域内
+            const containerRect = container.getBoundingClientRect();
+            const elementRect = activeElement.getBoundingClientRect();
+            
+            // 如果元素不在可视区域内，则滚动到可视区域
+            if (elementRect.top < containerRect.top || elementRect.bottom > containerRect.bottom) {
+              // 计算元素相对于容器的偏移量，而不是使用scrollIntoView
+              // 这样只会滚动content-container内部，不会影响页面滚动
+              
+              // 计算元素相对于容器的位置
+              const elementOffsetTop = activeElement.offsetTop;
+              const containerScrollTop = container.scrollTop;
+              const containerHeight = container.clientHeight;
+              const elementHeight = activeElement.clientHeight;
+              
+              // 计算目标滚动位置，使元素居中显示
+              // 考虑容器的内边距和元素本身的高度
+              let targetScrollTop = elementOffsetTop - (containerHeight / 2) + (elementHeight / 2);
+              
+              // 确保目标滚动位置不会小于0
+              targetScrollTop = Math.max(0, targetScrollTop);
+              
+              // 确保目标滚动位置不会导致元素超出容器底部
+              const maxScrollTop = container.scrollHeight - containerHeight;
+              targetScrollTop = Math.min(targetScrollTop, maxScrollTop);
+              
+              // 使用requestAnimationFrame实现平滑滚动
+              const startScrollTop = containerScrollTop;
+              const distance = targetScrollTop - startScrollTop;
+              const duration = 300; // 滚动持续时间，毫秒
+              let startTime = null;
+              
+              function animateScroll(currentTime) {
+                if (!startTime) startTime = currentTime;
+                const timeElapsed = currentTime - startTime;
+                container.scrollTo({
+                  top: startScrollTop + distance - elementHeight - 120,
+                  behavior: 'smooth'
+                });
+                
+                if (timeElapsed < duration) {
+                  requestAnimationFrame(animateScroll);
+                }
+              }
+              
+              requestAnimationFrame(animateScroll);
+            }
+          }
+        });
+      }
+    }
+  },
+  created() {
+    // 初始化时根据语言选择显示内容
+    this.changeLanguage(this.selectedLanguage)
+    
+  },
+  methods: {
+    // 动态获取选择框的标签
+    getSelectLabel(lang) {
+      if (lang.srclang == 'zh-CN') {
+        return lang.label;
+      }
+      return `${lang.name} (${lang.label})`;
+    },
+    formatTime (time) {
+      // 格式化时间为HH:MM:SS，如01:00:00
+      const hours = Math.floor(time / 3600);
+      const minutes = Math.floor((time % 3600) / 60);
+      const seconds = Math.floor(time % 60);
+      return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
+    },
+    // 跳转到指定时间点
+    scrollToTime(time) {
+      // console.log('scrollToTime', time , this.blobId, localStorage.getItem('videoProgressData'), this.duration)
+      if(!this.isDrag && this.duration){
+        var t = localStorage.getItem('videoProgressData')
+        var arr = t&&JSON.parse(t) || {}
+        if(arr[this.blobId] < time/this.duration || !arr[this.blobId]){
+         return
+        }
+      }
+      console.log('跳转到时间点:', time);
+      this.$emit('changeCurrentTime', time);
+      // 设置用户滚动状态，避免自动滚动干扰
+      this.isUserScrolling = true;
+      if (this.userScrollTimeout) {
+        clearTimeout(this.userScrollTimeout);
+      }
+      this.userScrollTimeout = setTimeout(() => {
+        this.isUserScrolling = false;
+      }, 3000);
+    },
+    // 处理用户滚动事件
+    handleUserScroll: function() {
+      this.isUserScrolling = true;
+      
+      // 清除之前的计时器
+      if (this.userScrollTimeout) {
+        clearTimeout(this.userScrollTimeout);
+      }
+      
+      // 设置新的计时器，3秒后恢复自动滚动
+      this.userScrollTimeout = setTimeout(() => {
+        this.isUserScrolling = false;
+      }, 3000);
+    },
+    
+    searchContent () {
+      // 搜索功能实现
+      if (!this.searchKeyword.trim()) {
+        // 如果搜索关键词为空，显示所有内容
+        this.contentList = this.originalContentList.map(item => ({ ...item }));
+        return;
+      }
+      
+      const keyword = this.searchKeyword.trim();
+      // 过滤包含关键词的内容
+      const filteredList = this.originalContentList.filter(item => 
+        item.text.includes(keyword)
+      );
+      
+      if (filteredList.length === 0) {
+        // 如果没有搜索到内容，显示提示
+        this.$message({
+          message: '未找到相关内容',
+          type: 'info'
+        });
+        this.contentList = this.originalContentList.map(item => ({ ...item }));
+      } else {
+        // 对搜索到的内容进行关键词高亮处理
+        this.contentList = filteredList.map(item => ({
+          ...item,
+          highlightedContent: this.highlightKeyword(item.text, keyword)
+        }));
+        console.log(this.contentList)
+      }
+    },
+    highlightKeyword(content, keyword) {
+      // 对关键词进行转义，防止正则表达式特殊字符的影响
+      const escapedKeyword = keyword.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+      // 使用正则表达式全局匹配关键词并添加高亮标记
+      const regex = new RegExp(`(${escapedKeyword})`, 'gi');
+      return content.replace(regex, '<span style="color: rgba(6, 125, 255, 1); background: rgba(6, 125, 255, 0.1);">$1</span>');
+    },
+    changeLanguage (event) {
+      // this.selectedLanguage = event
+      this.selectableLang.forEach(item => {
+        if (item.srclang === event) {
+          console.log('当前语言：', item)
+          if (!item.originalContentList) {
+            try {
+              item.originalContentList = JSON.parse(item.subtitleData)
+            } catch (error) {
+              console.error('ai文稿格式有问题！')
+            }
+          }
+          this.originalContentList = item.originalContentList || []
+          // 初始化时显示所有内容
+          this.contentList = this.originalContentList.map(item => ({ ...item }));
+          console.log('ai文稿数据：', this.originalContentList)
+        }
+      })
+      console.log('切换语言:', event)
+    },
+    handleInputChange() {
+      // 当输入框内容变化时，如果为空则重置显示所有内容
+      if (!this.searchKeyword.trim()) {
+        this.contentList = this.originalContentList.map(item => ({ ...item }));
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.ai-script {
+  padding: 15px 0;
+  background-color: #fff;
+  border-radius: 8px;
+}
+
+.search-container {
+  display: flex;
+  align-items: center;
+  gap: 20px;
+  margin: 0 20px 15px 20px;
+}
+
+.search-box {
+  position: relative;
+  flex: 1;
+  max-width: 400px;
+}
+
+.search-input {
+  flex: 1;
+}
+
+::v-deep .el-input__inner {
+  border-color: #2688FF;
+}
+
+::v-deep .el-input__inner:focus {
+  border-color: #1a6fe0;
+  box-shadow: 0 0 0 2px rgba(38, 136, 255, 0.2);
+}
+
+::v-deep .el-input__prefix {
+  left: 5px;
+}
+
+::v-deep .el-input__icon {
+  color: #2688FF;
+}
+
+.language-selector {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.language-label {
+  font-size: 14px;
+  color: #333;
+}
+
+.language-select {
+  width: 90px;
+}
+
+
+.content-container {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+  max-height: 410px;
+  overflow-y: auto;
+  padding: 0 20px;
+}
+
+.content-item {
+  display: flex;
+  flex-direction: column;
+  gap: 7px;
+}
+
+.timestamp {
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+  color: #666;
+  padding: 5px 0;
+  .timestamp-text{
+    display: flex;
+    align-items: center;
+    gap: 5px;
+    border-radius: 12px;
+    padding: 2px 12px;
+    font-size: 14px;
+    font-weight: 500;
+    line-height: 20px;
+    letter-spacing: 0.3px;
+  }
+}
+
+.content-text {
+  cursor: pointer;
+  line-height: 1.6;
+  font-size: 14px;
+  color: rgba(102, 102, 102, 1);
+  border-radius: 6px;
+  overflow: hidden;
+  background: rgba(250, 250, 250, 1);
+  line-height: 22px;
+    letter-spacing: 0.28px;
+  }
+  
+.active {
+  .timestamp-text{
+    color: rgba(6, 125, 255, 1);
+    background: rgba(6, 125, 255, 0.1);
+  }
+  .content-text{
+    border: 1px solid rgba(116, 182, 255, 1);
+    box-shadow: 0px 0px 7px 0px rgba(6, 125, 255, 0.24);
+    background: rgba(250, 250, 250, 1);
+  }
+}
+:deep(.el-card__body) {
+  padding: 15px;
+}
+
+:deep(.el-card.is-hover-shadow:focus, .el-card.is-hover-shadow:hover) {
+  box-shadow: 0 2px 12px 0 rgba(38, 136, 255, 0.2);
+}
+:deep(.el-input__inner) {
+  border-radius: 4px!important;
+}
+/* 响应式设计 */
+@media (max-width: 768px) {
+  .search-container {
+    flex-direction: column;
+    align-items: stretch;
+  }
+  
+  .search-box {
+    max-width: none;
+  }
+  
+  .language-selector {
+    justify-content: flex-end;
+  }
+}
+.no-data{
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 10px;
+  padding-top: 60px;
+  color: rgba(0, 0, 0, 0.34);
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 21px;
+  letter-spacing: 0.26px;
+  text-align: center;
+  img{
+    width: 96px;
+    height: 50px;
+  }
+}
+
+</style>
\ No newline at end of file
diff --git a/src/components/Course/courseForm.vue b/src/components/Course/courseForm.vue
index 05018a13..54a9da41 100644
--- a/src/components/Course/courseForm.vue
+++ b/src/components/Course/courseForm.vue
@@ -208,6 +208,44 @@
                         placeholder="请尽量填写课程简介，用于列表中显示，可以让用户更容易了解课程信息">
               </el-input>
             </el-form-item>
+            <!--     ai播放器相关     -->
+            <el-form-item v-show="aiPermission" label="AI设置">
+              <div style="margin-top: 7px;">
+                  <div style="display: flex; align-items: center;gap: 5px;">
+                    <el-switch v-model="courseInfo.aiSet" :active-value="1" :inactive-value="0"></el-switch>
+                    <el-tooltip class="item" effect="dark" :content="aiSetTip" placement="top">
+                      <i class="el-icon-question" style="margin-left: 5px; color: #909399; cursor: pointer;"></i>
+                    </el-tooltip>
+                  </div>
+                  <div v-show="courseInfo.aiSet==1" style="margin-left: -20px;">
+                    <div style="display: flex; justify-content: space-between;;align-items: center;gap: 5px;margin: 10px 0;">
+                      <div style="display: flex; align-items: center;gap: 5px;">
+                        <span>AI摘要</span>
+                        <el-switch v-model="courseInfo.aiAbstract" :active-value="1" :inactive-value="0"></el-switch>
+                        <el-tooltip class="item" effect="dark" :content="aiAbstractTip" placement="top">
+                          <i class="el-icon-question" style="margin-left: 5px; color: #909399; cursor: pointer;"></i>
+                        </el-tooltip>
+                      </div>
+                      <div style="display: flex; align-items: center;gap: 5px;">
+                        <span>AI文稿</span>
+                        <el-switch v-model="courseInfo.aiDraft" :active-value="1" :inactive-value="0"></el-switch>
+                        <el-tooltip class="item" effect="dark" :content="aiDraftTip" placement="top">
+                          <i class="el-icon-question" style="margin-left: 5px; color: #909399; cursor: pointer;"></i>
+                        </el-tooltip>
+                      </div>
+                    </div>
+                    <div style="display: flex; align-items: center;gap: 5px;margin: 10px 0;margin-left: -30px;">
+                      <span>AI翻译语种</span>
+                      <el-select v-model="courseInfo.languageCode" placeholder="请选择" multiple filterable style="width: 240px;">
+                        <el-option v-for="item in selectAllLang" :key="item.key"  :label="item.label" :value="item.srclang"> </el-option>
+                      </el-select>
+                      <el-tooltip class="item" effect="dark" :content="aiTranslateTip" placement="top">
+                        <i class="el-icon-question" style="margin-left: 5px; color: #909399; cursor: pointer;"></i>
+                      </el-tooltip>
+                    </div>
+                  </div>
+              </div>
+            </el-form-item>
           </el-col>
           <el-col :span="14">
             <div @click="checkCourse"><weikeContent ref="weikeContent" :reset="weikeReset" :contents="contentInfo.list" :course="courseInfo" min-height="644px"></weikeContent></div>
@@ -390,6 +428,44 @@
                 placeholder="请尽量填写课程简介，用于列表中显示，可以让用户更容易了解课程信息">
               </el-input>
             </el-form-item>
+            <!--     ai播放器相关     -->
+            <el-form-item v-show="aiPermission" label="AI设置">
+              <div style="margin-top: 7px;">
+                  <div style="display: flex; align-items: center;gap: 5px;">
+                    <el-switch v-model="courseInfo.aiSet" :active-value="1" :inactive-value="0"></el-switch>
+                    <el-tooltip class="item" effect="dark" :content="aiSetTip" placement="top">
+                      <i class="el-icon-question" style="margin-left: 5px; color: #909399; cursor: pointer;"></i>
+                    </el-tooltip>
+                  </div>
+                  <div v-show="courseInfo.aiSet==1" style="margin-left: -20px;">
+                    <div style="display: flex;align-items: center;gap: 80px;margin: 20px 0;">
+                      <div style="display: flex; align-items: center;gap: 5px;">
+                        <span>AI摘要</span>
+                        <el-switch v-model="courseInfo.aiAbstract" :active-value="1" :inactive-value="0"></el-switch>
+                        <el-tooltip class="item" effect="dark" :content="aiAbstractTip" placement="top">
+                          <i class="el-icon-question" style="margin-left: 5px; color: #909399; cursor: pointer;"></i>
+                        </el-tooltip>
+                      </div>
+                      <div style="display: flex; align-items: center;gap: 5px;">
+                        <span>AI文稿</span>
+                        <el-switch v-model="courseInfo.aiDraft" :active-value="1" :inactive-value="0"></el-switch>
+                        <el-tooltip class="item" effect="dark" :content="aiDraftTip" placement="top">
+                          <i class="el-icon-question" style="margin-left: 5px; color: #909399; cursor: pointer;"></i>
+                        </el-tooltip>
+                      </div>
+                    </div>
+                    <div style="display: flex; align-items: center;gap: 5px;margin: 20px 0;margin-left: -30px;">
+                      <span>AI翻译语种</span>
+                      <el-select v-model="courseInfo.languageCode" placeholder="请选择" multiple filterable style="flex:1">
+                        <el-option v-for="item in selectAllLang" :key="item.key"  :label="item.label" :value="item.srclang"> </el-option>
+                      </el-select>
+                      <el-tooltip class="item" effect="dark" :content="aiTranslateTip" placement="top">
+                        <i class="el-icon-question" style="margin-left: 5px; color: #909399; cursor: pointer;"></i>
+                      </el-tooltip>
+                    </div>
+                  </div>
+              </div>
+            </el-form-item>
             <!-- v-if="!weike.onlyRequired" -->
             <!-- <el-form-item  label="课程描述">
               <WxEditor v-model="courseInfo.overview" :minHeight="50"></WxEditor>
@@ -600,13 +676,23 @@ export default {
       highlightStyle: {},
       guidanceElements: [],
       isFirstCreate: false, // 标记是否为首次创建
+      selectedOrg: {
+        orgId: null,
+        name: ''
+      },
+      aiPermission: false, // ai播放器权限
+      aiSetTip: '是否将课程进行AI处理', //提示信息
+      aiAbstractTip: '一键提炼课程视频核心要点，助力学员课前高效掌握重点，快速筛选学习资源', // 提示信息
+      aiDraftTip: '分段展示视频内容并精准同步时间轴，实现视频进度与文稿双向定位，学习内容触手可及', //提示信息
+      aiTranslateTip: '智能转换视频字幕与语音为多语种，支持全球学员按需切换语言，打破学习边界', // 提示信息
     };
   },
   created() {
     this.getSceneData();
   },
   computed: {
-    ...mapGetters(['resOwnerMap', 'sysTypeMap','userInfo','identity']),
+    // ai播放器相关
+    ...mapGetters(['resOwnerMap', 'sysTypeMap','userInfo','identity', 'selectAllLang']),
     catalogTree() {
       let treeList = [];
       let $this = this;
@@ -632,6 +718,9 @@ export default {
     }
   },
   mounted() {
+    this.getDictIds();
+    // ai播放器相关
+    this.getAiPermission();
     let extendFlag=this.$route.query.f; //是否是管理端过来的
     this.extendRefId=this.$route.query.refId;
     this.extendRefType=this.$route.query.refType;
@@ -656,6 +745,16 @@ export default {
     handleTagHelp(){
       this.checkAndShowGuidance();
     },
+    getAiPermission() {
+      apiCourse.listByUser({}).then(res => {
+        console.log('res', res);
+        if(res.code === 200){
+          let index = res.data.findIndex(item => item.permissionCode === 'KjbAiSetCode');
+          this.aiPermission = index !== -1;
+           console.log('index', index, this.aiPermission);
+        }
+      })
+    },
     // 关键字的更改
     changeKeywords(option){
       if(option.target.value){
@@ -895,7 +994,7 @@ export default {
             }
           });
         }
-
+        this.initAiData();
       } else {
         console.log(editData,'editData');
         this.weikeReset = editData.id;
@@ -1082,6 +1181,45 @@ export default {
       this.courseCoverurl = '';
       this.courseInfo.coverImg = '';
     },
+    //获取字典信息
+    async getDictIds() {
+      console.log("--- 获取字典信息 1  = ", this.dicts);
+      try {
+        const response = await apiCourse.getDictIds(637, 1); // 确保返回 Promise
+        console.log("--- 获取字典信息 2 result= ", response);
+
+        if (response.status === 200) {
+          this.dicts = response.result.dicts; // 正确提取 dicts
+          console.log("--- 获取字典信息 3 = ", this.dicts);
+        }
+      } catch (error) {
+        console.error("获取字典信息失败：", error);
+      }
+    },
+    // ai播放器相关
+    // 初始化ai数据
+    initAiData() {
+      if (!this.aiPermission) {
+        // 如果ai设置为空则给默认值 - 会看成新增状态
+        if(this.courseInfo.aiSet === null || this.courseInfo.aiSet === '' || this.courseInfo.aiSet === undefined){
+          this.courseInfo.languageCode = ['zh-CN', 'en-US'];
+        }
+        return;
+      }
+      // 如果ai设置为空则给默认值 - 会看成新增状态
+      if(this.courseInfo.aiSet === null || this.courseInfo.aiSet === '' || this.courseInfo.aiSet === undefined){
+        this.courseInfo.isAddAI = 1; //暂时是否是新增
+        this.courseInfo.aiSet = 1;
+        this.courseInfo.aiAbstract = 1;
+        this.courseInfo.aiDraft = 1;
+        this.courseInfo.aiTranslate = 1;
+        this.courseInfo.languageStatus = 1;
+        this.courseInfo.languageCode = ['zh-CN', 'en-US'];
+      } else {
+        // 获取ai设置信息
+        this.courseInfo.isAddAI = 0;
+      }
+    },
     //获取课程信息
     async getDetail(id) {
       this.curCourseId = id;
@@ -1106,6 +1244,12 @@ export default {
           this.sectionInfo.list = result.sections;
           this.courseTeachers = result.teachers; //课程的老师信息
 
+          this.isPermission = result.isPermission; //课程的老师信息
+          this.dicts = result.dicts; //课程的老师信息
+          console.log("--- 编辑查看 this.isPermission  = ",this.isPermission)
+          console.log("--- 编辑查看 this.dicts  = ",this.dicts)
+          // ai播放器相关
+          this.initAiData()
           if(!this.courseInfo.orgId){
             //根据课程创建者获取机构id
             apiUser.getOrgSimpleByUserId(result.course.sysCreateAid).then(ors=>{
diff --git a/src/components/VideoPlayer/index.vue b/src/components/VideoPlayer/index.vue
index 13889a46..d802b803 100644
--- a/src/components/VideoPlayer/index.vue
+++ b/src/components/VideoPlayer/index.vue
@@ -119,7 +119,35 @@
             </div>
             <div class="player-time">{{ currentTimeFormat }} / {{ fullTimeFormat }}</div>
           </div>
+          <!--  ai播放器相关 -->
           <div class="player-controls-bottom-right">
+            <div v-if="isAiTranslate" class="player-controls-btn box-aiTranslate">
+              <div v-show="isSubtitle" class="player-controls-btn cursor-pointer btn-speed">
+                <span>{{!currentLang ? 'AI翻译' : currentLangLabel}}</span>
+                <div class="speed-control">
+                  <ul class="speed-control-list">
+                    <li
+                      v-for="item in selectableLang"
+                      :key="item.srclang"
+                      @click="changeLang(item)"
+                      :data-value="item.srclang"
+                      class="one-line-ellipsis"
+                      :title="item.label"
+                      :class="{'current': currentLang === item.srclang}"
+                    >{{ item.label }}</li>
+                  </ul>
+                </div>
+              </div>
+              <div v-show="isSubtitle" style="margin-top: -3px;">|</div>
+              <div class="player-controls-btn" style="display: flex;gap: 0.3rem;align-items: center;">
+                <span>字幕</span>
+                <el-switch
+                  @change="toggleSubtitle"
+                  v-model="isSubtitle">
+                </el-switch>
+              </div>
+              <div style="margin-top: -3px;">|</div>
+            </div>
             <div class="player-controls-btn cursor-pointer btn-speed">
               <span>{{currentSpeed === 1 ? '倍速' : `${currentSpeed}x`}}</span>
               <div class="speed-control">
@@ -224,6 +252,7 @@
 import volumeBar from "@/components/VideoPlayer/volume-bar.vue";
 import progressBar from "@/components/VideoPlayer/progress-bar.vue";
 import playerBarrageScreen from "@/components/VideoPlayer/player-barrage-screen.vue";
+import { mapGetters, mapMutations } from 'vuex';
 
 export default {
   name: "barrage-videoplayer",
@@ -301,12 +330,24 @@ export default {
       fullTimeFormat: "00:00:00", // 视频总长度的文字
       barrageTimelineStart: 0, // 弹幕时间轴的起始时间点（手动调整进度条触发更新）
       isInit:false, // 是否初始化过
+      // ai播放器相关
+      isSubtitle: true, // 是否开启字幕
+      currentLangLabel:'', // 当前字幕语言
     };
   },
+  // ai播放器相关
+  computed: {
+    ...mapGetters(['selectableLang','currentLang','courseInfo']),
+    isAiTranslate () {
+      return this.courseInfo?.aiSet == 1 && this.courseInfo?.aiTranslate == 1 && this.selectableLang && this.selectableLang.length > 0;
+    }
+  },
   created() {
-
+    // ai播放器相关
+    this.SET_currentLang('');
   },
   mounted() {
+    console.log('---',this.isAiTranslate,this.courseInfo,'courseInfo');
     this.videoDom = this.$refs.video;
     this.videoDom.focus({preventScroll: true});
     let speedValue=localStorage.getItem('boe_video_speed');
@@ -317,7 +358,8 @@ export default {
     }
 
     setInterval(() => {
-          console.log('当前状态:',this.currentProgress,this.isDrag,this.videoDom.currentTime , this.videoDom.duration)
+      this.SET_duration(this.videoDom.duration);
+          console.log('当前状态:',localStorage.getItem('videoProgressData'),this.currentProgress,this.isDrag,this.videoDom.currentTime , this.videoDom.duration)
           // 视频播放时本地记录视频实时播放时长,视频设置了禁止拖动时执行
           if(!this.isDrag){
             var time = localStorage.getItem('videoProgressData')
@@ -372,6 +414,7 @@ export default {
       //if()
       //console.log(this.videoDom.readyState,'this.videoDom.readyState');
     }, 1000);
+    
     // 视频dom监听器，用于控制鼠标的显示
     this.videoDom.addEventListener("mousemove", () => {
       this.isCursorStatic = false;
@@ -411,6 +454,13 @@ export default {
     // });
   },
   methods: {
+    // ai播放器相关
+    ...mapMutations({
+      SET_currentLang: 'video/SET_currentLang',
+      SET_currentTime: 'video/SET_currentTime',
+      SET_selectableLang: 'video/SET_selectableLang',
+      SET_duration: 'video/SET_duration',
+    }),
     //当视频由于需要缓冲下一帧而停止，解决一直计时的问题
     onWaiting(){
       console.log('触发了onWairing');
@@ -624,6 +674,8 @@ export default {
     },
     onAudioTimeUpdate() {
       const currentTime = this.$refs.video.currentTime;
+      // ai播放器相关
+      this.SET_currentTime(currentTime)
       this.$emit('onTimeUpdate', currentTime);
     },
     /**
@@ -641,9 +693,77 @@ export default {
           this.$emit('onFullscreen',false);//全屏
         }
       }
+    },
+    /** ai播放器相关
+     * 切换字幕
+     */
+    toggleSubtitle(value) {
+      if (this.videoDom && this.videoDom.textTracks && this.videoDom.textTracks.length >0) {
+        if (!value) {
+          // 关闭字幕
+          this.videoDom.textTracks[this.videoDom.textTracks.length - 1].mode = 'hidden';
+        } else {
+          // 打开字幕
+          this.videoDom.textTracks[this.videoDom.textTracks.length - 1].mode = 'showing';
+        }
+      }
+    },
+    /** ai播放器相关
+     * 切换字幕语言
+     */
+    changeLang(item = {}) {
+      this.SET_currentLang(item.srclang);
+      this.currentLangLabel = item.label;
+      console.log("changeLang",item);
+      // 先移除所有字幕轨道
+      Array.from(this.videoDom.querySelectorAll('track')).forEach(t => t.remove());
+      if(!item.vttContent){
+        console.log("字幕内容为空!")
+        return;
+      }
+      if(!item.srcUrl){
+        try{
+          const blob = new Blob([item.vttContent], { type: 'text/vtt' });
+          item.srcUrl = URL.createObjectURL(blob);
+        }catch(e){
+          console.log("字幕格式错误",e)
+        }
+      }
+      const trackEl = document.createElement('track');
+      trackEl.kind = 'subtitles';
+      trackEl.srclang = item.srclang;
+      trackEl.label = item.label;
+      trackEl.src = item.srcUrl;
+      trackEl.default = true; // 确保字幕默认启用
 
+      // 使用箭头函数保持this上下文
+      trackEl.addEventListener('load', () => {
+          console.log('字幕加载成功！');
+          // console.log('#########Track cues:', trackEl.track.cues);
+      });
+
+      trackEl.addEventListener('error', () => {
+          console.error('字幕加载失败！');
+      });
+
+      // 确保视频已加载到可添加轨道的状态
+      if (this.videoDom.readyState >= 1) {
+        this.videoDom.appendChild(trackEl);
+        this.videoDom.textTracks[this.videoDom.textTracks.length - 1].mode = 'showing';
+      } else {
+        this.videoDom.addEventListener('loadedmetadata', () => {
+          this.videoDom.appendChild(trackEl);
+          this.videoDom.textTracks[this.videoDom.textTracks.length - 1].mode = 'showing';
+        }, { once: true });
+      }
+    },
+    seekToTime(time) {
+      if (!this.videoDom) return;
+      this.videoDom.currentTime = time + 0.01;
+      this.isPlaying = true;
+      this.videoDom.play();
+    },
 
-    }
   },
   watch: {
     currentVolume: function () {
@@ -668,9 +788,37 @@ export default {
     //   }
     // },
     src: function () {
-      // 当视频地址变更时，重载视频
+      // 当视频地址变更时，先重置字幕再重载视频
+      this.isPlaying = false;
+      // 重置字幕相关状态
+      this.SET_currentLang('');
+      this.currentLangLabel = '';
+      
+      // 移除所有现有字幕轨道元素
+      Array.from(this.videoDom.querySelectorAll('track')).forEach(t => t.remove());
+      
+      // 更彻底地清除字幕：重置所有textTracks
+      Array.from(this.videoDom.textTracks).forEach(track => {
+        track.mode = 'hidden';
+        // 尝试移除所有cues（浏览器支持的话）
+        if (track.cues) {
+          while (track.cues.length > 0) {
+            track.cues.remove(0);
+          }
+        }
+      });
+      
+      // 重载视频
       this.videoDom.load();
-      this.isPlaying = false
+      
+      // 如果有默认语言且支持AI翻译，重新设置字幕
+      // if (this.isAiTranslate && this.selectableLang && this.selectableLang.length > 0) {
+      //   // 找到默认语言或第一个可用语言
+      //   const defaultLang = this.selectableLang.find(lang => lang.srclang === 'zh-CN') || this.selectableLang[0];
+      //   if (defaultLang) {
+      //     this.changeLang(defaultLang);
+      //   }
+      // }
     },
   },
 };
@@ -907,6 +1055,12 @@ export default {
   color: #fff;
   margin-bottom: 0.5rem;
 }
+.box-aiTranslate{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.4rem;
+}
 @media (device-width: 100vw) {
   .player-controls-btn .player-controls-icon {
     /* height: 26px; */
@@ -918,4 +1072,22 @@ export default {
     height: 100px;
   }
 }
+video::cue {
+  /* color: #fff; */
+  /* background-color: transparent; */
+  /* font-size: 0.85em; */
+  /* font-family: 'Arial', sans-serif;
+  -webkit-text-stroke: 4px #000;
+  text-stroke: 4px #000; */
+  
+  /* text-shadow:
+    2px 2px 0 #000,
+    -2px 2px 0 #000,
+    2px -2px 0 #000,
+    -2px -2px 0 #000,
+    0 2px 0 #000,
+    2px 0 0 #000,
+    0 -2px 0 #000,
+    -2px 0 0 #000; */
+}
 </style>
diff --git a/src/data/pages.js b/src/data/pages.js
index 87de1d28..3f1b8274 100644
--- a/src/data/pages.js
+++ b/src/data/pages.js
@@ -122,6 +122,8 @@ export const iframes=[
   {title:'课程管理', path:'/iframe/course/manages',hidden:false,component:'course/ManageList'},
   {title:'课程管理新版', path:'/iframe/course/manage-remote',hidden:false,component:'course/ManageListRemote'},
   {title:'课程管理新版', path:'/iframe/course/coursemanage-remote',hidden:false,component:'course/CourseManageRemote'},
+  {title:'ai摘要', path:'/iframe/course/aiAbstract',hidden:false,component:'course/aiSet/aiAbstract'},
+  {title:'ai翻译', path:'/iframe/course/aiTranslate',hidden:false,component:'course/aiSet/aiTranslate'},
   {title:'考试试题管理', path:'/iframe/exam/questions',hidden:false,component:'exam/Question'},
   {title:'查看答卷', path:'/iframe/exam/viewanswer',hidden:false,component:'exam/viewAnswer'},
   {title:'考试试卷管理', path:'/iframe/exam/papers',hidden:false,component:'exam/TestPaper'},
diff --git a/src/security.js b/src/security.js
index 9788cc03..a0fccc63 100644
--- a/src/security.js
+++ b/src/security.js
@@ -29,6 +29,19 @@ router.beforeEach((to, from, next) => {
     // 在免登录白名单，直接进入
     next()
   }else{
+    // if (!store.getters.init) {
+    //   store.commit('app/SET_INITDATA',true);
+    //   let myRouters=routers();
+    //   store.dispatch('GenerateRoutes',{routers:myRouters}).then(accessRoutes=>{
+    //     console.log('accessRoutes::',accessRoutes)
+    //       router.addRoutes(accessRoutes) // 动态添加可访问路由表
+    //       next({ ...to, replace: true }) // hack方法 确保addRoutes已完成
+    //   });
+    // } else {
+    //   to.meta.keepAlive = true
+    //   next();
+    // }
+    // return;
     if(getToken()){
       if(to.path === '/login'){
         // 如果是外部用户，把配置的路由跳转到个人中心
diff --git a/src/store/getters.js b/src/store/getters.js
index 999ef0c6..a9956d27 100644
--- a/src/store/getters.js
+++ b/src/store/getters.js
@@ -28,5 +28,12 @@ const getters = {
     studyTaskCount:state => state.user.studyTaskCount,
     praisesUnicom:state =>state.pdf.praisesUnicom,
     favoritesUnicom:state =>state.pdf.favoritesUnicom,
+    // ai播放器相关
+    selectAllLang:state => state.video.selectAllLang,
+    selectableLang:state => state.video.selectableLang,
+    currentLang:state => state.video.currentLang,
+    currentTime:state => state.video.currentTime,
+    courseInfo:state => state.video.courseInfo,
+    duration:state => state.video.duration,
 }
 export default getters
diff --git a/src/store/index.js b/src/store/index.js
index ff0d0868..a44d8dba 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -12,6 +12,7 @@ import resOwner from './modules/resOwner'
 import majorType from './modules/majorType'
 import orgDomain from './modules/orgDomain'
 import pdf from './modules/pdf'
+import video from './modules/video'  // ai播放器相关
 
 Vue.use(Vuex)
 
@@ -27,7 +28,8 @@ const store = new Vuex.Store({
     resOwner,
     majorType,
     orgDomain,
-    pdf
+    pdf,
+    video
   },
   getters
 })
diff --git a/src/store/modules/video.js b/src/store/modules/video.js
new file mode 100644
index 00000000..7227e9e7
--- /dev/null
+++ b/src/store/modules/video.js
@@ -0,0 +1,171 @@
+// ai播放器相关
+
+/** 
+ * 
+selectAllLang: [
+    {
+      key: 'ZH_CN',
+      srclang: 'zh-CN',
+      label: '中文',
+      name: '中文',
+    },
+    {
+      key: 'EN_US',
+      srclang: 'en-US',
+      label: '英语',
+      name: 'English',
+    },
+    {
+      key: 'JA_JP',
+      srclang: 'ja-JP',
+      label: '日语',
+      name: '日本語',
+    },
+    {
+      key: 'KO_KR',
+      srclang: 'ko-KR',
+      label: '韩语',
+      name: '한국어',
+    },
+    {
+      key: 'FR_FR',
+      srclang: 'fr-FR',
+      label: '法语',
+      name: 'français',
+    },
+    {
+      key: 'DE_DE',
+      srclang: 'de-DE',
+      label: '德语',
+      name: 'Deutsch',
+    },
+    {
+      key: 'ES_ES',
+      srclang: 'es-ES',
+      label: '西班牙语',
+      name: 'español',
+    },
+    {
+      key: 'RU_RU',
+      srclang: 'ru-RU',
+      label: '俄语',
+      name: 'русский',
+    },
+    {
+      key: 'PT_BR',
+      srclang: 'pt-BR',
+      label: '葡萄牙语',
+      name: 'português',
+    },
+    {
+      key: 'IT_IT',
+      srclang: 'it-IT',
+      label: '意大利语',
+      name: 'italiano',
+    },
+    {
+      key: 'AR_SA',
+      srclang: 'ar-SA',
+      label: '阿拉伯语',
+      name: 'العربية',
+    },
+    {
+      key: 'TH_TH',
+      srclang: 'th-TH',
+      label: '泰语',
+      name: 'ไทย',
+    },
+    {
+      key: 'VI_VN',
+      srclang: 'vi-VN',
+      label: '越南语',
+      name: 'tiếng Việt',
+    },
+    {
+      key: 'ID_ID',
+      srclang: 'id-ID',
+      label: '印度尼西亚语',
+      name: 'Bahasa Indonesia',
+    },
+    {
+      key: 'HI_IN',
+      srclang: 'hi-IN',
+      label: '印地语',
+      name: 'हिन्दी',
+    }
+  ], // 全部语言列表
+*/
+
+const state = {
+   selectAllLang: [
+    {
+      key: 'ZH_CN',
+      srclang: 'zh-CN',
+      label: '中文',
+      name: '中文',
+    },
+    {
+      key: 'EN_US',
+      srclang: 'en-US',
+      label: '英语',
+      name: 'English',
+    },
+    {
+      key: 'VI_VN',
+      srclang: 'vi-VN',
+      label: '越南语',
+      name: 'tiếng Việt',
+    },
+    {
+      key: 'ES_ES',
+      srclang: 'es-ES',
+      label: '西班牙语',
+      name: 'español',
+    },
+  ], // 一期语言列表
+  selectableLang: [], // 可选语言列表+字幕信息
+  currentLang: '', // 当前选中语言
+  currentTime: -1, // 当前视频时间
+  courseInfo: {},
+  duration: 0, // 视频时长
+}
+
+const mutations = {
+  SET_currentLang: (state, lang) => {
+    state.currentLang = lang
+  },
+  SET_selectableLang: (state, list = []) => {
+    let selectableLang = []
+    list.forEach(item => {
+      let selectItem = state.selectAllLang.find(selectItem => selectItem.srclang === item.language)
+      if (selectItem) {
+        selectableLang.push({
+          ...item,
+          ...selectItem,
+        })
+      }
+    })
+    state.selectableLang = selectableLang
+  },
+  SET_currentTime: (state, time) => {
+    state.currentTime = time
+  },
+  SET_courseInfo: (state, info) => {
+    state.courseInfo = info
+  },
+  SET_duration: (state, duration) => {
+    state.duration = duration
+  },
+}
+
+const actions = {
+  
+}
+
+export default {
+  namespaced: true,
+  state,
+  mutations,
+  actions
+}
+
diff --git a/src/views/course/ManageList.vue b/src/views/course/ManageList.vue
index d0c2b60d..f6f86a0e 100644
--- a/src/views/course/ManageList.vue
+++ b/src/views/course/ManageList.vue
@@ -60,101 +60,108 @@
           </div>
           <div style="width:390px">
               <el-button type="primary"  @click="searchData(true)" icon="el-icon-search" >搜索</el-button>
-               <el-button icon="el-icon-refresh-right" type="primary" style="margin-left:5px" @click="reset">重置</el-button>
+             <el-button icon="el-icon-refresh-right" type="primary" style="margin-left:5px" @click="reset">重置</el-button>
           </div>
         </div>
             <el-row :gutter="20" style="margin-top:10px">
-           <el-col :span="4">
-          <!-- <el-button icon="el-icon-folder" type="primary" size="small">导出</el-button> -->
-           <el-button class="Create-coures" type="primary" @click="addNewCourse()" icon="el-icon-plus">新建课程</el-button>
-          </el-col >
+            <!--     ai播放器相关        -->
+            <el-col :span="24">
+              <!-- <el-button icon="el-icon-folder" type="primary" size="small">导出</el-button> -->
+              <el-button class="Create-coures" type="primary" @click="addNewCourse()" icon="el-icon-plus">新建课程</el-button>
+              <el-button v-if="aiPermission" type="primary" @click="setLanguage()" icon="el-icon-connection" :disabled="selectedCourses.length === 0">设置语种</el-button>
+              <el-button v-if="aiPermission" type="primary" @click="enableAI()" icon="el-icon-switch-button" :disabled="selectedCourses.length === 0">开启AI处理</el-button>
+            </el-col >
         </el-row>
     </div>
     <div style="margin-right:30px;">
-      <el-table style="margin:10px 32px 10px 22px;" :data="pageData" border stripe>
-	  <el-table-column label="序号" type="index" width="50"></el-table-column>
-      <el-table-column v-if="forChoose" label="选择"  width="80">
-         <template slot-scope="scope" v-if="scope.row.published">
-            <el-button type="default" size="mini" @click="handleChoose(scope.row)">选择</el-button>
-         </template>
-      </el-table-column>
-      <el-table-column label="名称" prop="name" width="200" show-overflow-tooltip>
-        <template slot-scope="scope">
-          <span class="previewStyle" @click="viewTopic(scope.row)">{{ scope.row.name }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="内容分类" prop="sysType" sortable width="240px">
-        <template slot-scope="scope">
-          <span>{{sysTypeName(scope.row.sysType1)}}</span>
-          <span v-if="scope.row.sysType2 !=''">/{{sysTypeName(scope.row.sysType2)}}</span>
-          <span v-if="scope.row.sysType3 !=''">/{{sysTypeName(scope.row.sysType3)}}</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="关键字" :show-overflow-tooltip="true" prop="name" width="200px">
-        <template slot-scope="scope">
-          {{ scope.row.keywords }}
-        </template>
-      </el-table-column>
-      <!-- <el-table-column label="资源归属" sortable prop="author" width="240px">
-        <template slot-scope="scope">
-          <span>{{resOwnerName(scope.row.resOwner1)}}</span>
-          <span v-if="scope.row.resOwner2 != ''">/{{resOwnerName(scope.row.resOwner2)}}</span>
-          <span v-if="scope.row.resOwner3 != ''">/{{resOwnerName(scope.row.resOwner3)}}</span>
-        </template>
-      </el-table-column> -->
-      <!-- <el-table-column label="授课方式" prop="type" width="120px">
-        <template slot-scope="scope">
-          {{ courseType(scope.row.type)}}
-        </template>
-      </el-table-column> -->
-      <el-table-column label="状态" prop="status" width="120px">
-        <template slot-scope="scope">
-          <!-- 1，未提交 2.已提交 = 未审核 5 已审核 -->
-          <span v-if="scope.row.status == 1">未提交</span>
-          <span v-if="scope.row.status == 2">待审核</span>
-          <span v-if="scope.row.status == 5">已审核</span>
-          <span v-if="scope.row.status == 3">审核未通过</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="是否发布" width="130px">
-        <template slot-scope="scope">
-          {{ scope.row.published == true ? '已发布' : '未发布' }}
-        </template>
-      </el-table-column>
-      <el-table-column label="创建人" prop="sysCreateBy"></el-table-column>
-      <el-table-column label="创建时间" prop="sysCreateTime" width="230px" show-overflow-tooltip></el-table-column>
-       <el-table-column label="是否停用" width="130px">
-        <template slot-scope="scope">
-         {{ scope.row.enabled == true ? '启用' : '停用' }}
-        </template>
-      </el-table-column>
-       <el-table-column label="是否置顶" width="130px">
-        <template slot-scope="scope">
-          {{ scope.row.isTop == true ? '置顶' : '未置顶' }}
-        </template>
-      </el-table-column>
-      <el-table-column label="操作" width="180px" fixed="right">
-        <template slot-scope="scope" class="btn-gl">
-          <!-- 20240621 修改scope.row.isPermission = fasle 时不展示操作按钮-->
-          <el-button type="text" size="mini" v-if="scope.row.isPermission && scope.row.status == 5 && !scope.row.published" @click="releaseData(scope.row)">发布</el-button>
-          <el-button v-if="scope.row.isPermission && pageManage && scope.row.published" @click="showStudent(scope.row)" type="text" size="mini">学员</el-button>
-          <el-button v-if="scope.row.isPermission && !forChoose && scope.row.published" @click="showManageStudy(scope.row)" type="text" size="mini">管理</el-button>
-          <el-button v-if="scope.row.isPermission && !forChoose && scope.row.status == 2" @click="withdraw(scope.row)" type="text" size="mini">撤回</el-button>
-          <el-button v-if="scope.row.isPermission && scope.row.status != 2" type="text" size="mini" @click="editCurriculum(scope.row)">编辑</el-button>
-          <el-button v-if="scope.row.isPermission && (scope.row.status != 2 && !scope.row.published) || scope.row.isPermission &&!scope.row.enabled" type="text" size="mini" @click="delItem(scope.row)">删除</el-button>
-          <el-dropdown v-if="scope.row.isPermission && scope.row.published" type="text" size="mini" style="margin-left:10px">
-            <el-button type="text" size="mini">更多<i class="el-icon-arrow-down el-icon--right"></i></el-button>
-            <el-dropdown-menu slot="dropdown">
-              <el-dropdown-item @click.native="copyCourse(scope.row)">复制</el-dropdown-item>
-              <el-dropdown-item v-if="scope.row.published" @click.native="isDisable(scope.row)">{{scope.row.enabled? '停用':'启用'}}</el-dropdown-item>
-              <el-dropdown-item v-if="scope.row.published" @click.native="showQrimage(scope.row)">二维码</el-dropdown-item><!--发布之后才可以查看二维码-->
-              <el-dropdown-item v-if="scope.row.published" @click.native="setTop(scope.row)">{{scope.row.isTop? '取消置顶':'置顶'}}</el-dropdown-item>
+    <!--     ai播放器相关        -->
+      <el-table style="margin:10px 32px 10px 22px;" :data="pageData" border stripe @selection-change="handleSelectionChange">
+        <el-table-column v-if="aiPermission" type="selection" width="55"></el-table-column>
+        <el-table-column label="序号" type="index" width="50"></el-table-column>
+        <el-table-column v-if="forChoose" label="选择"  width="80">
+          <template slot-scope="scope" v-if="scope.row.published">
+              <el-button type="default" size="mini" @click="handleChoose(scope.row)">选择</el-button>
+          </template>
+        </el-table-column>
+        <el-table-column label="名称" prop="name" width="200" show-overflow-tooltip>
+          <template slot-scope="scope">
+            <span class="previewStyle" @click="viewTopic(scope.row)">{{ scope.row.name }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="内容分类" prop="sysType" sortable width="240px">
+          <template slot-scope="scope">
+            <span>{{sysTypeName(scope.row.sysType1)}}</span>
+            <span v-if="scope.row.sysType2 !=''">/{{sysTypeName(scope.row.sysType2)}}</span>
+            <span v-if="scope.row.sysType3 !=''">/{{sysTypeName(scope.row.sysType3)}}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="关键字" :show-overflow-tooltip="true" prop="name" width="200px">
+          <template slot-scope="scope">
+            {{ scope.row.keywords }}
+          </template>
+        </el-table-column>
+        <!-- <el-table-column label="资源归属" sortable prop="author" width="240px">
+          <template slot-scope="scope">
+            <span>{{resOwnerName(scope.row.resOwner1)}}</span>
+            <span v-if="scope.row.resOwner2 != ''">/{{resOwnerName(scope.row.resOwner2)}}</span>
+            <span v-if="scope.row.resOwner3 != ''">/{{resOwnerName(scope.row.resOwner3)}}</span>
+          </template>
+        </el-table-column> -->
+        <!-- <el-table-column label="授课方式" prop="type" width="120px">
+          <template slot-scope="scope">
+            {{ courseType(scope.row.type)}}
+          </template>
+        </el-table-column> -->
+        <el-table-column label="状态" prop="status" width="120px">
+          <template slot-scope="scope">
+            <!-- 1，未提交 2.已提交 = 未审核 5 已审核 -->
+            <span v-if="scope.row.status == 1">未提交</span>
+            <span v-if="scope.row.status == 2">待审核</span>
+            <span v-if="scope.row.status == 5">已审核</span>
+            <span v-if="scope.row.status == 3">审核未通过</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="是否发布" width="130px">
+          <template slot-scope="scope">
+            {{ scope.row.published == true ? '已发布' : '未发布' }}
+          </template>
+        </el-table-column>
+        <el-table-column label="创建人" prop="sysCreateBy"></el-table-column>
+        <el-table-column label="创建时间" prop="sysCreateTime" width="230px" show-overflow-tooltip></el-table-column>
+        <el-table-column label="是否停用" width="130px">
+          <template slot-scope="scope">
+          {{ scope.row.enabled == true ? '启用' : '停用' }}
+          </template>
+        </el-table-column>
+        <el-table-column label="是否置顶" width="130px">
+          <template slot-scope="scope">
+            {{ scope.row.isTop == true ? '置顶' : '未置顶' }}
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" width="180px" fixed="right">
+          <template slot-scope="scope" class="btn-gl">
+            <!-- 20240621 修改scope.row.isPermission = fasle 时不展示操作按钮-->
+            <!--     ai播放器相关        -->
+            <el-button v-if="aiPermission && scope.row.isPermission && scope.row.status != 2" type="text" size="mini" @click="setAI(scope.row)">AI设置</el-button>
+            <el-button type="text" size="mini" v-if="scope.row.isPermission && scope.row.status == 5 && !scope.row.published" @click="releaseData(scope.row)">发布</el-button>
+            <el-button v-if="scope.row.isPermission && pageManage && scope.row.published" @click="showStudent(scope.row)" type="text" size="mini">学员</el-button>
+            <el-button v-if="scope.row.isPermission && !forChoose && scope.row.published" @click="showManageStudy(scope.row)" type="text" size="mini">管理</el-button>
+            <el-button v-if="scope.row.isPermission && !forChoose && scope.row.status == 2" @click="withdraw(scope.row)" type="text" size="mini">撤回</el-button>
+            <el-button v-if="scope.row.isPermission && scope.row.status != 2" type="text" size="mini" @click="editCurriculum(scope.row)">编辑</el-button>
+            <el-button v-if="scope.row.isPermission && (scope.row.status != 2 && !scope.row.published) || scope.row.isPermission &&!scope.row.enabled" type="text" size="mini" @click="delItem(scope.row)">删除</el-button>
+            <el-dropdown v-if="scope.row.isPermission && scope.row.published" type="text" size="mini" style="margin-left:10px">
+              <el-button type="text" size="mini">更多<i class="el-icon-arrow-down el-icon--right"></i></el-button>
+              <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item @click.native="copyCourse(scope.row)">复制</el-dropdown-item>
+                <el-dropdown-item v-if="scope.row.published" @click.native="isDisable(scope.row)">{{scope.row.enabled? '停用':'启用'}}</el-dropdown-item>
+                <el-dropdown-item v-if="scope.row.published" @click.native="showQrimage(scope.row)">二维码</el-dropdown-item><!--发布之后才可以查看二维码-->
+                <el-dropdown-item v-if="scope.row.published" @click.native="setTop(scope.row)">{{scope.row.isTop? '取消置顶':'置顶'}}</el-dropdown-item>
 
-            </el-dropdown-menu>
-          </el-dropdown>
-        </template>
-      </el-table-column>
-    </el-table>
+              </el-dropdown-menu>
+            </el-dropdown>
+          </template>
+        </el-table-column>
+      </el-table>
     </div>
 
 
@@ -287,6 +294,236 @@
     <div>
       <course-form ref="courseForm" @submitSuccess="searchData" @close="searchData"></course-form>
     </div>
+
+    <!--     ai播放器相关        -->
+    <!-- 设置语种弹框 -->
+    <el-dialog
+      title="AI翻译"
+      :visible.sync="languageSetting.dlgShow"
+      width="500px"
+      :close-on-click-modal="false"
+    >
+      <div style="margin-bottom: 20px;">
+        <div style="margin-bottom: 15px;">请选择课程所支持语种</div>
+        <el-select
+          v-model="languageSetting.languageCode"
+          multiple
+          placeholder="请选择语种"
+          style="width: 100%;"
+        >
+          <el-option
+            v-for="lang in selectAllLang"
+            :key="lang.srclang"
+            :label="lang.label"
+            :value="lang.srclang"
+          ></el-option>
+        </el-select>
+      </div>
+      <div style="color: #ff4d4f; font-size: 12px;">
+        注：仅支持对已开启AI处理的课程进行批量语种设置；所选的课程中有{{languageSetting.aiSetNoNum}}个未开启AI处理的课程，以上配置仅对{{languageSetting.aiSetNum}}个已开启AI处理的课程生效。
+      </div>
+      <template #footer>
+        <el-button @click="languageSetting.dlgShow = false">取消</el-button>
+        <el-button type="primary" @click="confirmLanguageSetting">确认</el-button>
+      </template>
+    </el-dialog>
+
+    <!-- 开启AI处理弹框 -->
+    <el-dialog
+        title="开启AI处理"
+        :visible.sync="aiProcessSetting.dlgShow"
+        width="400px"
+      >
+        <div class="ai-process-dialog">
+          <!-- AI处理状态 -->
+          <div class="form-item">
+            <span class="form-label">
+              <el-tooltip class="item" effect="dark" :content="aiSetTip" placement="top">
+                <i class="el-icon-question"></i>
+              </el-tooltip>
+              AI处理：
+            </span>
+            <span class="status-text">
+              {{ aiProcessSetting.aiSet === 1 ? '开启' : '关闭' }}
+            </span>
+            <el-switch
+              v-model="aiProcessSetting.aiSet"
+              :active-value="1"
+              :inactive-value="0"
+            ></el-switch>
+          </div>
+
+          <div v-show="aiProcessSetting.aiSet === 1">
+            <!-- 是否生成AI摘要 -->
+            <div class="form-item">
+              <span class="form-label">
+                <el-tooltip class="item" effect="dark" :content="aiAbstractTip" placement="top">
+                  <i class="el-icon-question"></i>
+                </el-tooltip>
+                AI摘要：
+              </span>
+              <span class="status-text">
+                {{ aiProcessSetting.aiAbstract === 1 ? '开启' : '关闭' }}
+              </span>
+              <el-switch
+                v-model="aiProcessSetting.aiAbstract"
+                :active-value="1"
+                :inactive-value="0"
+              >
+              </el-switch>
+            </div>
+
+            <!-- 是否生成AI文稿 -->
+            <div class="form-item">
+              <span class="form-label">
+                <el-tooltip class="item" effect="dark" :content="aiDraftTip" placement="top">
+                  <i class="el-icon-question"></i>
+                </el-tooltip>
+                AI文稿：
+              </span>
+              <span class="status-text">
+                {{ aiProcessSetting.aiDraft === 1 ? '开启' : '关闭' }}
+              </span>
+              <el-switch
+                v-model="aiProcessSetting.aiDraft"
+                :active-value="1"
+                :inactive-value="0"
+              >
+              </el-switch>
+            </div>
+
+            <!-- 课程支持语种选择 -->
+            <div class="form-item" style="flex-flow: column;align-items: baseline;">
+              <span class="form-label">
+                <el-tooltip class="item" effect="dark" :content="aiTranslateTip" placement="top">
+                  <i class="el-icon-question"></i>
+                </el-tooltip>
+                AI翻译语种：
+              </span>
+              <el-select
+                v-model="aiProcessSetting.languageCode"
+                multiple
+                style="width: 100%;"
+                placeholder="请选择语种"
+              >
+                <el-option
+                  v-for="lang in selectAllLang"
+                  :key="lang.srclang"
+                  :label="lang.label"
+                  :value="lang.srclang"
+                ></el-option>
+              </el-select>
+            </div>
+          </div>
+
+          <!-- 提示信息 -->
+          <div class="tips">
+            <span>注：已跳过{{aiProcessSetting.aiSetNum}}个已开启AI处理的课程，仅更新剩余{{aiProcessSetting.aiSetNoNum}}个</span>
+          </div>
+        </div>
+        <span slot="footer" class="dialog-footer">
+          <el-button @click="aiProcessSetting.dlgShow = false">取消</el-button>
+          <el-button type="primary" @click="confirmAiProcess">确认</el-button>
+        </span>
+    </el-dialog>
+
+      <!-- AI设置弹框 -->
+      <el-dialog
+        title="AI设置"
+        :visible.sync="aiSetting.dlgShow"
+        width="500px"
+      >
+        <div class="ai-setting-dialog">
+
+          <!-- AI功能状态 -->
+          <div class="form-item">
+            <span class="form-label">
+              <el-tooltip class="item" effect="dark" content="是否将课程进行AI处理" placement="top">
+                <i class="el-icon-question"></i>
+              </el-tooltip>
+              AI功能状态：
+            </span>
+            <span class="status-text">
+              {{ aiSetting.aiSet === 1 ? '已开放' : '未开放' }}
+            </span>
+            <el-switch
+              v-model="aiSetting.aiSet"
+              :active-value="1"
+              :inactive-value="0"
+            ></el-switch>
+          </div>
+          <div v-show="aiSetting.aiSet === 1">
+            <!-- AI摘要状态 -->
+            <div class="form-item">
+              <span class="form-label">AI摘要状态：</span>
+              <span  :class="aiSetting.aiAbstract === 1 ? 'custom-putaway' : 'custom-takeout'">
+                {{ aiSetting.aiAbstract === 1 ? '已上架' : '已下架' }}
+              </span>
+              <div class="action-buttons">
+                <el-button type="text" @click="changeAIKey('aiAbstract')">
+                  {{ aiSetting.aiAbstract === 1 ? '下架' : '上架' }}
+                </el-button>
+                <el-button v-show="false" type="text" >编辑</el-button>
+              </div>
+            </div>
+
+            <!-- AI文稿状态 -->
+            <div class="form-item">
+              <span class="form-label">AI文稿状态：</span>
+              <span  :class="aiSetting.aiDraft === 1 ? 'custom-putaway' : 'custom-takeout'">
+                {{ aiSetting.aiDraft === 1 ? '已上架' : '已下架' }}
+              </span>
+              <div class="action-buttons">
+                <el-button type="text" @click="changeAIKey('aiDraft')">
+                  {{ aiSetting.aiDraft === 1 ? '下架' : '上架' }}
+                </el-button>
+              </div>
+            </div>
+
+            <!-- AI翻译状态 -->
+            <div class="form-item">
+              <span class="form-label">AI翻译状态：</span>
+              <span  :class="aiSetting.aiTranslate === 1 ? 'custom-putaway' : 'custom-takeout'">
+                {{ aiSetting.aiTranslate === 1 ? '已上架' : '已下架' }}
+              </span>
+              <div class="action-buttons">
+                <el-button type="text" @click="changeAIKey('aiTranslate')">
+                  {{ aiSetting.aiTranslate === 1 ? '下架' : '上架' }}
+                </el-button>
+                <el-button v-show="false" type="text" >编辑</el-button>
+              </div>
+            </div>
+
+            <!-- 支持语种 -->
+            <div class="form-item" style="align-items: flex-start;">
+              <span class="form-label" style="white-space: nowrap;">支持语种：</span>
+              <div class="languages-list" v-show="false">
+                <div v-for="lang in aiSetting.languageCode" :key="lang" class="language-tag">
+                  {{ getLanguageName(lang) }}
+                  <span class="custom-takeout">已下架</span>
+                </div>
+              </div>
+              <el-select
+                v-model="aiSetting.languageCode"
+                multiple
+                style="width: 100%;"
+                placeholder="请选择语种"
+              >
+                <el-option
+                  v-for="lang in selectAllLang"
+                  :key="lang.srclang"
+                  :label="lang.label"
+                  :value="lang.srclang"
+                ></el-option>
+              </el-select>
+            </div>
+          </div>
+        </div>
+        <span slot="footer" class="dialog-footer">
+          <el-button @click="aiSetting.dlgShow = false">取消</el-button>
+          <el-button type="primary" @click="confirmAISetting">确认</el-button>
+        </span>
+      </el-dialog>
   </div>
 </template>
 
@@ -299,7 +536,7 @@ import auditCourse2 from '@/components/Course/auditCourse2.vue';
 import adminPage from '@/components/Administration/adminPage.vue';
 import apiResowner from '../../api/modules/resowner.js';
 import apiType from '../../api/modules/type.js'
-import {courseType} from '../../utils/tools.js';
+import {courseType, deepCopy} from '../../utils/tools.js';
 import apiCourse from '../../api/modules/course.js';
 // import {resOwnerIndexName,sysTypeIndexName} from '@/utils/type.js';
 import { mapGetters,mapActions } from 'vuex';
@@ -307,8 +544,9 @@ import apiUserbasic from "@/api/boe/userbasic.js"
 export default {
   name: 'manageCourse',
   components: {courseForm, manager, auditCourse1, auditCourse2,adminPage},
+  // ai播放器相关
   computed: {
-      ...mapGetters(['resOwnerMap','sysTypeMap','userInfo']),
+      ...mapGetters(['resOwnerMap','sysTypeMap','userInfo', 'selectAllLang']),
   },
   data() {
     return {
@@ -392,9 +630,38 @@ export default {
       },
       extendRefId:'',
       extendRefType:'',
+      // ai播放器相关
+      aiPermission: false,
+      selectedCourses: [], //已选课程
+      languageSetting: { // 设置语种弹框
+        dlgShow: false,
+        languageCode: ['zh-CN', 'en-US'] // 默认选中的语种
+      },
+      aiProcessSetting: {  // 开启AI处理弹框
+        dlgShow: false,
+        aiSet: 1,
+        aiAbstract: 1,
+        aiDraft: 1,
+        languageCode: ['zh-CN', 'en-US'] // 默认选中的语种
+      },
+      aiSetting: { // AI设置弹框
+        dlgShow: false,
+        courseId: '',
+        aiSet: 1,
+        aiAbstract: 1, // 1:上架 0:下架
+        aiDraft: 1, // 1:上架 0:下架
+        aiTranslate: 1, // 1:上架 0:下架
+        languageCode: ['zh-CN', 'en-US', 'vi-VN'] // 支持的语种
+      },
+      aiSetTip: '是否将课程进行AI处理', //提示信息
+      aiAbstractTip: '一键提炼课程视频核心要点，助力学员课前高效掌握重点，快速筛选学习资源', // 提示信息
+      aiDraftTip: '分段展示视频内容并精准同步时间轴，实现视频进度与文稿双向定位，学习内容触手可及', //提示信息
+      aiTranslateTip: '智能转换视频字幕与语音为多语种，支持全球学员按需切换语言，打破学习边界', // 提示信息
     };
   },
   mounted() {
+    // ai播放器相关
+    this.getAiPermission();
     this.getAudiences()
     let chooseFlag=this.$route.query.f;
     this.extendRefId=this.$route.query.refId;
@@ -426,6 +693,7 @@ export default {
 
   },
   methods: {
+    
     getAudiences(){
       apiUserbasic.getInAudienceIds().then(res=>{
         if (res.status == 200) {
@@ -449,6 +717,7 @@ export default {
     inputOn() {
       this.$forceUpdate();
     },
+
     // 置顶
     setTop(row) {
        let params = {
@@ -885,6 +1154,150 @@ export default {
     saveNewCatalogZhang() {
       this.catalogs.addNewZhang = false;
     },
+
+
+    // ai播放器相关
+    getLanguageName(lang){
+      return this.selectAllLang.find(item => item.srclang === lang)?.label || '';
+    },
+    handleSelectionChange(val){
+      this.selectedCourses = val;
+      console.log(val);
+    },
+    // 获取选中课程的AI信息
+    getAIInfoByList(list = []) { 
+      let selectNum = 0; // 选中的课程数量
+      let aiSetNum = 0; // 已设置AI的课程数量
+      let aiSetNoNum = 0; // 未设置AI的课程数量
+      list.forEach(item => {
+        if(item.aiSet === 1){
+          aiSetNum++;
+        }else{
+          aiSetNoNum++;
+        }
+      });
+      return {
+        selectNum,
+        aiSetNum,
+        aiSetNoNum
+      }
+    },
+    // AI设置
+    setAI(row) {
+      console.log('row', row);
+      this.aiSetting = {
+        dlgShow: true,
+        ...row
+      };
+    },
+    changeAIKey(key) {
+      this.aiSetting[key] = this.aiSetting[key] === 1 ? 0 : 1;
+    },
+    // 确认AI设置
+    confirmAISetting() {
+      const item = deepCopy(this.aiSetting);
+      item.languageStatus = item.aiSet;
+      item.languageCode = item.languageCode || [];
+      if (!item.languageCode.includes('zh-CN')) {
+        item.languageCode.unshift('zh-CN'); // 默认添加中文 去重
+      }
+      this._benchAiSet([item], (res) => {
+        this.$message.success('AI设置保存成功');
+        this.aiSetting.dlgShow = false;
+        // 可以选择是否刷新列表数据
+        this.searchData();
+      }, (res) => {
+        this.$message.error('AI设置保存失败！');
+      })
+    },
+    setLanguage() {
+      if (this.selectedCourses.length > 0) {
+        this.languageSetting = {...{ 
+          dlgShow: true,
+          languageCode: ['zh-CN', 'en-US'] // 默认选中的语种
+        }, ...this.getAIInfoByList(this.selectedCourses)}
+      }
+    },
+    enableAI() {
+      // 开启AI处理按钮点击事件
+      if (this.selectedCourses.length > 0) {
+        this.aiProcessSetting = {...{
+          dlgShow: true,
+          aiSet: 1,
+          aiAbstract: 1,
+          aiDraft: 1,
+          languageCode: ['zh-CN', 'en-US'] // 默认选中的语种
+        }, ...this.getAIInfoByList(this.selectedCourses)} 
+      }
+    },
+    // 批量设置语种 - 确认
+    confirmLanguageSetting() {
+      const courseList = deepCopy(this.selectedCourses);
+      let languageCode = deepCopy(this.languageSetting.languageCode || []);
+      if (!languageCode.includes('zh-CN')) {
+        languageCode.unshift('zh-CN'); // 默认添加中文 去重
+      }
+      courseList.forEach(item => {
+        item.languageCode = languageCode;
+        item.aiTranslate = item.aiSet;
+        item.languageStatus = item.aiSet;
+      })
+      this._benchAiSet(courseList, (res) => {
+        this.$message.success('设置语种成功！');
+        this.languageSetting.dlgShow = false;
+        // 可以选择是否刷新列表数据
+        this.searchData();
+      }, (res) => {
+        this.$message.error('设置语种失败！');
+      })
+    },
+
+    // 批量开启AI处理 - 确认
+    confirmAiProcess() {
+      // 获取AI处理配置
+      let { aiSet, aiAbstract, aiDraft, languageCode } = this.aiProcessSetting;
+      const courseList = deepCopy(this.selectedCourses);
+      languageCode = languageCode || [];
+      if (!languageCode.includes('zh-CN')) {
+        languageCode.unshift('zh-CN'); // 默认添加中文 去重
+      }
+      courseList.forEach(item => {
+        item.aiSet = aiSet;
+        item.aiAbstract = aiAbstract;
+        item.aiDraft = aiDraft;
+        item.aiTranslate = aiSet;
+        item.languageStatus = aiSet;
+        item.languageCode = languageCode;
+      })
+      this._benchAiSet(courseList, (res) => {
+        this.$message.success('开启AI处理成功！');
+        this.aiProcessSetting.dlgShow = false;
+        // 可以选择是否刷新列表数据
+        this.searchData();
+      }, (res) => {
+        this.$message.error('开启AI处理失败！');
+      })
+    },
+
+    _benchAiSet(courseList, successCB, failCB) {
+      apiCourse.benchAiSet({courseList}).then(res => {
+        if(res.status === 200){
+          successCB && successCB(res);
+        }else{
+          failCB && failCB(res);
+        }
+      })
+    },
+    getAiPermission() {
+      apiCourse.listByUser({}).then(res => {
+        console.log('res', res);
+        if(res.code === 200){
+          let index = res.data.findIndex(item => item.permissionCode === 'KjbAiSetCode');
+          this.aiPermission = index !== -1;
+           console.log('index', index, this.aiPermission);
+        }
+      })
+    }
   }
 };
 </script>
@@ -953,4 +1366,22 @@ export default {
 .el-dialog__body {
   overflow: hidden;
 }
+
+ .form-item{
+   margin-bottom: 20px;
+   display: flex;
+   align-items: center;
+   gap: 10px;
+ }
+.tips {
+  color: #f56c6c;
+  font-size: 12px;
+  margin: 10px 0;
+  line-height: 1.5;
+}
+.languages-list{
+  display: flex;
+  flex-wrap: wrap;
+  gap: 20px;
+}
 </style>
diff --git a/src/views/course/aiSet/aiAbstract.vue b/src/views/course/aiSet/aiAbstract.vue
new file mode 100644
index 00000000..2efd2c32
--- /dev/null
+++ b/src/views/course/aiSet/aiAbstract.vue
@@ -0,0 +1,245 @@
+<template>
+  <div class="aiAbstract">
+    <div class="ai-left">
+      <div class="left-title">{{courseName}}</div>
+      <ul class="ai-list">
+        <li class="ai-item" v-for="(item, index) in videoList" @click="currentVideo = item" :class="{'active': currentVideo.id === item.id}" :key="index">
+          <div class="ai-item-title">{{item.name}}</div>
+        </li>
+      </ul>
+    </div>
+    <div class="ai-right">
+      <div class="right-title">
+        <h3>{{currentVideo.name}}</h3>
+        <div>
+          <el-button type="primary" @click="status = 1">下架本课程AI摘要</el-button>
+        </div>
+      </div>
+      <div class="ai-content">
+        <div class="videoBox">
+          <videoPlayer :src="testUrl" style="height: auto;"> </videoPlayer>
+          <div class="video-content">
+            <h4>视频摘要</h4>
+            <p>
+              {{currentVideo.aiAbstract}}
+            </p>
+          </div>
+        </div>
+        <div class="videoOperation">
+          <div class="opera-title">
+            <h4>课程摘要</h4>
+            <div class="opera-btn">
+              <el-button type="primary" plain round  size="mini" @click="status = 2">重新生成</el-button>
+              <el-button type="primary" plain round  size="mini" @click="status = 4">编辑</el-button>
+              <el-button plain round  size="mini" @click="status = 3">取消</el-button>
+            </div>
+          </div>
+          <div class="opera-content" v-show="status != 4">
+            <span v-show="status == 1">{{ aiAbstract }}</span>
+            <p v-show="status == 2" style="color: rgba(207, 207, 207, 1);text-align: center;margin-top: 48%;">AI 摘要重新生成中，过程可能耗时较长，<br>无需在此等待哦～</p>
+            <img v-show="status == 3" src="@/assets/images/course/generationFailed.png" alt="" width="150" height="159" style="display: flex;margin: 35% auto 0 auto;">
+          </div>
+          <el-input v-show="status == 4"
+            type="textarea"
+            placeholder="请输入内容"
+            autosize
+            v-model="aiAbstract">
+          </el-input>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import videoPlayer from "@/components/VideoPlayer/index.vue";
+export default {
+  name: 'aiAbstract',
+  // ai播放器相关
+  components: {
+    videoPlayer
+  },
+  data() {
+    return {
+      courseName: '企业经营法则--课程单元',
+      videoList: [
+        {
+          id: 1,
+          name: '1. 开源节流1',
+          aiAbstract: '人工智能（AI）是让计算机模拟人类智能的技术，核心包括机器学习、深度学习等。主要分为弱 AI（专注特定任务）和强 AI（通用智能）两类。应用涵盖医疗诊断、自动驾驶、语音助手等多个领域。它通过数据学习模式，实现预测和适应能力，正在改变生活方式和工作方式。未来发展需平衡创新与伦理考量，确保对人类社会有益。'
+        },
+        {
+          id: 2,
+          name: '2. 企业经营法则总述',
+          aiAbstract: '本课程将介绍企业经营法则的总述，包括企业经营的基本原理、经营策略、经营模式等。'
+        },
+        {
+          id: 3,
+          name: '3. 企业经营法则总述',
+          aiAbstract: '本课程将介绍企业经营法则的总述，包括企业经营的基本原理、经营策略、经营模式等。'
+        },
+        {
+          id: 4,
+          name: '4. 企业经营法则总述',
+          aiAbstract: '本课程将介绍企业经营法则的总述，包括企业经营的基本原理、经营策略、经营模式等。'
+        },
+      ],
+      testUrl: 'https://vjs.zencdn.net/v/oceans.mp4',
+      currentVideo: {},
+      aiAbstract: '人工智能（AI）是让计算机模拟人类智能的技术，核心包括机器学习、深度学习等。主要分为弱 AI（专注特定任务）和强 AI（通用智能）两类。应用涵盖医疗诊断、自动驾驶、语音助手等多个领域。它通过数据学习模式，实现预测和适应能力，正在改变生活方式和工作方式。未来发展需平衡创新与伦理考量，确保对人类社会有益。',
+      status: '1', // 1: 正常 2: 生成中 3: 错误 4: 编辑中
+    }
+  },
+  mounted() {
+    this.currentVideo = this.videoList[0];
+  },
+  methods: {}
+};
+</script>
+
+<style lang="scss" scoped>
+.aiAbstract{
+  height: 100%;
+  display: flex;
+  padding: 10px;
+  justify-content: space-between;
+  gap: 15px;
+  background: #f4f7fa;
+  .ai-left{
+    padding: 9px 10px;
+    width: 24%;
+    border-radius: 10px;
+    background: rgba(255, 255, 255, 1);
+    .left-title{
+      background: rgba(239, 244, 252, 1);
+      padding: 15px;
+      text-align: center;
+      color: rgba(75, 92, 118, 1);
+      font-family: Noto Sans SC;
+      font-size: 16px;
+      font-weight: 400;
+      line-height: 23px;
+      letter-spacing: 0px;
+    }
+    .ai-list{
+      margin: 0;
+      .ai-item{
+        cursor: pointer;
+        padding: 15px;
+        text-align: center;
+        color: rgba(75, 92, 118, 1);
+        font-family: Noto Sans SC;
+        font-size: 16px;
+        font-weight: 400;
+        line-height: 23px;
+        letter-spacing: 0px;
+        padding: 17px 31px;
+        border-bottom: 1px solid rgba(240, 240, 240, 1);
+        text-align: left;
+        &:hover{
+          background: rgba(240, 240, 240, 1);
+        }
+        &.active{
+          color: rgba(64, 158, 255, 1);
+          font-weight: 500;
+        }
+      }
+    }
+  }
+  .ai-right{
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    border-radius: 10px;
+    background: rgba(255, 255, 255, 1);
+    .right-title{
+      display: flex;
+      padding: 0 28px;
+      height: 76px;
+      border-bottom: 1px solid rgba(229, 231, 235, 1);
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      h3{
+        color: rgba(17, 24, 39, 1);
+        font-family: Noto Sans SC;
+        font-size: 18px;
+        font-weight: 600;
+        line-height: 26px;
+        margin: 0;
+      }
+    }
+    .ai-content{
+      flex: 1;
+      padding: 24px 30px;
+      display: flex;
+      gap: 30px;
+
+      .videoBox{
+        width: 55%;
+        display: flex;
+        flex-direction: column;
+        gap: 24px;
+        .video-content{
+          flex: 1;
+          h4{
+            margin: 0 0 10px 0;
+            color: rgba(17, 24, 39, 1);
+            font-family: Noto Sans SC;
+            font-size: 16px;
+            font-weight: 500;
+            line-height: 23px;
+          }
+          p{
+            color: rgba(17, 24, 39, 1);
+            font-family: Noto Sans SC;
+            font-size: 14px;
+            font-weight: 400;
+            line-height: 20px;
+          }
+        }
+      }
+      .videoOperation{
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+        gap: 15px;
+        .opera-title{
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          h4{
+            margin: 0;
+            color: rgba(17, 24, 39, 1);
+            font-family: Noto Sans SC;
+            font-size: 16px;
+            font-weight: 500;
+            line-height: 23px;
+          }
+          .opera-btn{
+            display: flex;
+          }
+        }
+        .opera-content{
+          flex: 1;
+          border-radius: 7px;
+          background: rgba(249, 250, 251, 1);
+          padding: 15px;
+          color: rgba(17, 24, 39, 1);
+          font-family: Noto Sans SC;
+          font-size: 14px;
+          font-weight: 400;
+          line-height: 20px;
+          letter-spacing: 0px;
+        }
+      }
+    }
+  }
+}
+::v-deep .el-textarea{
+  flex: 1;
+}
+::v-deep .el-textarea__inner{
+  height: 100%!important;
+}
+</style>
diff --git a/src/views/course/aiSet/aiTranslate.vue b/src/views/course/aiSet/aiTranslate.vue
new file mode 100644
index 00000000..28f146b6
--- /dev/null
+++ b/src/views/course/aiSet/aiTranslate.vue
@@ -0,0 +1,388 @@
+<template>
+  <div class="aiTranslate">
+    <div class="ai-left">
+      <div class="left-title">{{courseName}}</div>
+      <ul class="ai-list">
+        <li class="ai-item" v-for="(item, index) in videoList" @click="currentVideo = item" :class="{'active': currentVideo.id === item.id}" :key="index">
+          <div class="ai-item-title">{{item.name}}</div>
+        </li>
+      </ul>
+    </div>
+    <div class="ai-right">
+      <div class="right-title">
+        <h3>{{currentVideo.name}}</h3>
+        <div>
+          <el-button type="primary" @click="status = 1">下架本课程AI翻译</el-button>
+        </div>
+      </div>
+      <div class="ai-content">
+        <div class="videoBox">
+          <videoPlayer :src="testUrl" style="height: auto;"> </videoPlayer>
+          <div class="video-content">
+            <div class="select-lang">
+              <img src="@/assets/images/course/languageIcon.png" alt="" width="10" height="10">
+              <span>本课程支持语种：</span>
+              <el-button type="primary" @click="setLanguage()" icon="el-icon-connection">设置语种</el-button>
+            </div>
+            <div class="lang-content">
+              <div class="lang-item" v-for="(item, index) in selectedLang" :key="index">
+                <span>{{ item.label }}</span>
+                <span :class="item.aiTranslate == 1 ? 'custom-putaway' : 'custom-takeout'">{{ item.aiTranslate == 1 ? '已上架' : '已下架' }}</span>
+                <el-button  type="text" @click="item.aiTranslate = item.aiTranslate == 1 ? 0 : 1">{{ item.aiTranslate == 1 ? '下架' : '上架' }}</el-button>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="videoOperation">
+          <div class="opera-title">
+            <span>目标语种</span>
+             <el-select v-model="value" placeholder="请选择目标语种" style="flex: 1;">
+              <el-option
+                v-for="item in selectAllLang"
+                :key="item.srclang"
+                :label="item.label"
+                :value="item.srclang"
+                >
+              </el-option>
+            </el-select>
+            <el-button type="primary" @click="status = 2">加载字幕</el-button>
+          </div>
+          <div class="opera-content">
+            <div class="bg-gray" v-show="status != 4">
+              <p v-show="status == 1" v-html="aiTranslate"></p>
+              <p v-show="status == 2" style="color: rgba(207, 207, 207, 1);text-align: center;margin-top: 48%;">AI 翻译重新生成中，过程可能耗时较长，<br>无需在此等待哦～</p>
+              <img v-show="status == 3" src="@/assets/images/course/generationFailed.png" alt="" width="150" height="159" style="display: flex;margin: 35% auto 0 auto;">
+              <img v-show="status == 5" src="@/assets/images/course/selectLanguage.png" alt="" width="112" height="130" style="display: flex;margin: 35% auto 0 auto;">
+            </div>
+            <el-input v-show="status == 4"
+              type="textarea"
+              placeholder="请输入内容"
+              autosize
+              v-model="aiTranslate">
+            </el-input>
+            <div class="opera-btn">
+              <el-button v-show="status == 1" type="primary" plain round size="mini" @click="updateDialogVisible = true">重新生成</el-button>
+              <el-button v-show="status == 1" type="primary" plain round size="mini" @click="status = 4">编辑</el-button>
+              <el-button v-show="status == 4" plain round size="mini" @click="status = 1">取消</el-button>
+              <el-button v-show="status == 4" type="primary" plain round size="mini" @click="status = 1">确认</el-button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <el-dialog
+      title="确认同步更新吗"
+      :visible.sync="updateDialogVisible"
+      width="420px"
+      style="border-radius: 10px;"
+      center>
+      <p style="text-align: center;">系统将根据当前最新中文内容重新生成其他语种的翻译，您此前对翻译的修改将会丢失！</p>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="updateDialogVisible = false">取 消</el-button>
+        <el-button style="margin-left: 60px;" type="primary" @click="updateDialogVisible = false">确认同步更新</el-button>
+      </span>
+    </el-dialog>
+    <el-dialog
+      title="AIf翻译"
+      :visible.sync="selectDialogVisible"
+      width="500px"
+      class="select-dialog">
+      <div class="select-dialog-content">
+        <p>请选择该课程所支持语种</p>
+        <el-select v-model="selectLang" placeholder="请选择目标语种" style="width: 100%;" multiple>
+          <el-option
+            v-for="item in selectAllLang"
+            :key="item.srclang"
+            :label="item.label"
+            :value="item.srclang"
+            >
+          </el-option>
+        </el-select>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="selectDialogVisible = false">取 消</el-button>
+        <el-button style="" type="primary" @click="selectDialogVisible = false">确 认</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import videoPlayer from "@/components/VideoPlayer/index.vue";
+import { mapGetters } from 'vuex';
+export default {
+  name: 'aiTranslate',
+  // ai播放器相关
+  components: {
+    videoPlayer
+  },
+  data() {
+    return {
+      courseName: '企业经营法则--课程单元',
+      videoList: [
+        {
+          id: 1,
+          name: '1. 开源节流1',
+          aiTranslate: '人工智能（AI）是让计算机模拟人类智能的技术，核心包括机器学习、深度学习等。主要分为弱 AI（专注特定任务）和强 AI（通用智能）两类。应用涵盖医疗诊断、自动驾驶、语音助手等多个领域。它通过数据学习模式，实现预测和适应能力，正在改变生活方式和工作方式。未来发展需平衡创新与伦理考量，确保对人类社会有益。'
+        },
+        {
+          id: 2,
+          name: '2. 企业经营法则总述',
+          aiTranslate: '本课程将介绍企业经营法则的总述，包括企业经营的基本原理、经营策略、经营模式等。'
+        },
+        {
+          id: 3,
+          name: '3. 企业经营法则总述',
+          aiTranslate: '本课程将介绍企业经营法则的总述，包括企业经营的基本原理、经营策略、经营模式等。'
+        },
+        {
+          id: 4,
+          name: '4. 企业经营法则总述',
+          aiTranslate: '本课程将介绍企业经营法则的总述，包括企业经营的基本原理、经营策略、经营模式等。'
+        },
+      ],
+      testUrl: 'https://vjs.zencdn.net/v/oceans.mp4',
+      currentVideo: {},
+      aiTranslate: `
+00:00:01/00:00:03
+Hello everyone in the audience
+
+00:00:03/00:00:05
+today I want to share with you the topic of
+
+00:00:05/00:00:09
+"The Development History and Future Prospects of Computer Technology -
+      `,
+      status: '1', // 1: 正常 2: 生成中 3: 错误 4: 编辑中 5: 未选择语种
+      selectedLang: [
+        {
+          label: '英文',
+          srclang: 'en',
+          aiTranslate: 1,
+        },
+        {
+          label: '中文',
+          srclang: 'zh',
+          aiTranslate: 1,
+        },
+        {
+          label: '日文',
+          srclang: 'ja',
+          aiTranslate: 1,
+        },
+        {
+          label: '韩文',
+          srclang: 'ko',
+          aiTranslate: 1,
+        },
+        {
+          label: '法文',
+          srclang: 'fr',
+          aiTranslate: 0,
+        },
+      ],
+      updateDialogVisible: false,
+      selectDialogVisible: false,
+      selectLang: [],
+    }
+  },
+  computed: {
+      ...mapGetters(['selectAllLang']),
+  },
+  mounted() {
+    this.currentVideo = this.videoList[0];
+  },
+  methods: {
+    setLanguage(){
+      this.selectDialogVisible = true;
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.aiTranslate{
+  height: 100%;
+  display: flex;
+  padding: 10px;
+  justify-content: space-between;
+  gap: 15px;
+  background: #f4f7fa;
+  .ai-left{
+    padding: 9px 10px;
+    width: 24%;
+    border-radius: 10px;
+    background: rgba(255, 255, 255, 1);
+    .left-title{
+      background: rgba(239, 244, 252, 1);
+      padding: 15px;
+      text-align: center;
+      color: rgba(75, 92, 118, 1);
+      font-family: Noto Sans SC;
+      font-size: 16px;
+      font-weight: 400;
+      line-height: 23px;
+      letter-spacing: 0px;
+    }
+    .ai-list{
+      margin: 0;
+      .ai-item{
+        cursor: pointer;
+        padding: 15px;
+        text-align: center;
+        color: rgba(75, 92, 118, 1);
+        font-family: Noto Sans SC;
+        font-size: 16px;
+        font-weight: 400;
+        line-height: 23px;
+        letter-spacing: 0px;
+        padding: 17px 31px;
+        border-bottom: 1px solid rgba(240, 240, 240, 1);
+        text-align: left;
+        &:hover{
+          background: rgba(240, 240, 240, 1);
+        }
+        &.active{
+          color: rgba(64, 158, 255, 1);
+          font-weight: 500;
+        }
+      }
+    }
+  }
+  .ai-right{
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    border-radius: 10px;
+    background: rgba(255, 255, 255, 1);
+    .right-title{
+      display: flex;
+      padding: 0 28px;
+      height: 76px;
+      border-bottom: 1px solid rgba(229, 231, 235, 1);
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      h3{
+        color: rgba(17, 24, 39, 1);
+        font-family: Noto Sans SC;
+        font-size: 18px;
+        font-weight: 600;
+        line-height: 26px;
+        margin: 0;
+      }
+    }
+    .ai-content{
+      flex: 1;
+      padding: 24px 30px;
+      display: flex;
+      gap: 30px;
+
+      .videoBox{
+        width: 55%;
+        display: flex;
+        flex-direction: column;
+        gap: 24px;
+        .video-content{
+          flex: 1;
+          .select-lang{
+            display: flex;
+            align-items: center;
+            gap: 7px;
+            color: rgba(107, 114, 128, 1);
+            font-family: Noto Sans SC;
+            font-size: 12px;
+            font-weight: 400;
+            line-height: 17px;
+          }
+          .lang-content{
+            display: flex;
+            margin-top: 25px;
+            align-items: center;
+            gap: 25px 60px;
+            flex-wrap: wrap;
+            .lang-item{
+              display: flex;
+              justify-content: space-between;
+              align-items: center;
+              gap: 10px;
+              color: rgba(96, 98, 102, 1);
+              font-family: Noto Sans SC;
+              font-size: 14px;
+              font-weight: 400;
+              line-height: 20px;
+            }
+          }
+        }
+      }
+      .videoOperation{
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+        gap: 15px;
+        .opera-title{
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          gap: 15px;
+          >span{
+            color: rgba(75, 92, 118, 1);
+            font-family: Noto Sans SC;
+            font-size: 14px;
+            font-weight: 400;
+            line-height: 20px;
+          }
+        }
+        .opera-content{
+          position: relative;
+          flex: 1;
+          color: rgba(17, 24, 39, 1);
+          font-family: Noto Sans SC;
+          font-size: 14px;
+          font-weight: 400;
+          line-height: 20px;
+          letter-spacing: 0px;
+          white-space: pre-wrap;
+          .bg-gray{
+            border-radius: 7px;
+            background: rgba(249, 250, 251, 1);
+            height: 100%;
+            padding: 15px;
+          }
+          .opera-btn{
+            position: absolute;
+            top: 16px;
+            right: 20px;
+          }
+        }
+      }
+    }
+  }
+}
+::v-deep .el-textarea{
+  height: 100%!important;
+}
+::v-deep .el-textarea__inner{
+  height: 100%!important;
+}
+::v-deep .el-dialog {
+  border-radius: 10px;
+}
+
+.select-dialog{
+  ::v-deep .el-dialog__header{
+    border-bottom: 1px solid rgba(229, 231, 235, 1);
+  }
+  .select-dialog-content{
+    p{
+      color: rgba(17, 24, 39, 1);
+      font-family: Noto Sans SC;
+      font-size: 14px;
+      font-weight: 400;
+      line-height: 20px;
+      margin-bottom: 20px;
+    }
+  }
+}
+
+</style>
diff --git a/src/views/portal/course/Index.vue b/src/views/portal/course/Index.vue
index 336bc801..9dd9ff78 100644
--- a/src/views/portal/course/Index.vue
+++ b/src/views/portal/course/Index.vue
@@ -206,8 +206,25 @@
                     <div class="couresstartTime">
                       <span v-if="cinfo.type == 30 && cinfo.startTime">开课时间：{{ cinfo.startTime }}</span>
                     </div>
-
-                    <div class="course-info">
+                    <!--   ai播放器相关   -->
+                    <div class="course-info" style="align-items: center;">
+                      <el-popover
+                        placement="top-start"
+                        :width="cinfo.summaryContent && cinfo.summaryContent.length > 200 ? '402' : '253'"
+                        trigger="hover"
+                        popper-class="course-popover"
+                        >
+                        <div class="course-popover-content">
+                          <h4>课程摘要</h4>
+                          <div v-if="cinfo.summaryContent" class="course-popover-content-text" >{{ cinfo.summaryContent }}</div>
+                          <div v-else class="course-popover-noContent" >
+                            <img src="../../../assets/images/course/noData.png" alt="">
+                            <span>暂无数据</span>
+                          </div>
+                        </div>
+                        <!-- <img slot="reference" src="../../../assets/images/course/courseAbstract.png" alt="摘要" style="width: 94px;height: 44px;margin-left: -10px;"> -->
+                        <img v-show="cinfo.aiSet == 1 && cinfo.aiAbstract == 1" slot="reference" src="../../../assets/images/course/courseAbstract.png" alt="摘要" style="width: 94px;height: 44px;margin-left: -10px;">
+                      </el-popover>
                       <div class="course-info-user" style="max-width: 100px;" v-if="cinfo.teacher">
                         <el-tooltip :content="cinfo.teacher" placement="bottom" effect="light">
                           <span class="course-info-author">{{ cinfo.teacher }}</span>
@@ -217,13 +234,13 @@
                         <span class="course-info-studys">{{ formatNum(cinfo.studies) }}人学习</span>
                       </div>
                       <div class="course-info-score">
-                        <div style="display: flex;">
+                        <div style="display: flex; align-items: center;">
                           <interactBar :type="1" nodeWidth="20px" :data="cinfo" :courseExclusive="true" :comments="false"
                                        :praises="false" :shares="false" :views="false"></interactBar>
                           <div v-if="cinfo.score">
-                            <span class="course-score-value">{{ toScore(cinfo.score) }}分</span>
+                            <span class="course-score-value" style="white-space: nowrap;">{{ toScore(cinfo.score) }}分</span>
                           </div>
-                          <div v-else class="course-score-no">未评分</div>
+                          <div v-else class="course-score-no" style="white-space: nowrap;">未评分</div>
                         </div>
                       </div>
                     </div>
@@ -2710,3 +2727,43 @@ a.custom2 {
   }
 }
 </style>
+<!-- ai播放器相关 -->
+<style lang="scss">
+.course-popover{
+  border-radius: 12px;
+  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.12);
+  .course-popover-content{
+    h4{
+      margin: 0 0 7px 0;
+      font-size: 14px;
+      font-weight: 500;
+      line-height: 17px;
+      letter-spacing: 0.3px;
+      color: rgba(0, 0, 0, 1);
+    }
+    .course-popover-content-text{
+      font-size: 12px;
+      font-weight: 400;
+      line-height: 20px;
+      letter-spacing: 0.26px;
+      color: rgba(102, 102, 102, 1);
+    }
+    .course-popover-noContent{
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      flex-direction: column;
+      color: rgba(0, 0, 0, 0.34);
+      font-size: 12px;
+      font-weight: 400;
+      line-height: 14px;
+      letter-spacing: 0.26px;
+      padding-bottom: 20px;
+      img{
+        width: 96px;
+        height: 50px;
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/study/coursenew.vue b/src/views/study/coursenew.vue
index a6c6cbde..cd08ffc7 100644
--- a/src/views/study/coursenew.vue
+++ b/src/views/study/coursenew.vue
@@ -1,21 +1,21 @@
- <template>
+<template>
   <div>
     <div class="xpage-coures-banner">
       <portal-header current="course" textColor="#fff" :goSearch="1"></portal-header>
-      <div style="margin: 0px 80px;">
+      <div style="margin: 0px 80px">
         <div class="banner-crumbs">
           <router-link to="/course"><span class="crumbs-first">课程列表</span></router-link>
           <span class="crumbs-line"> &gt; </span>
           <span class="crumbs-last">课程详情</span>
         </div>
         <div class="bcourse-title">
-          <span>{{courseInfo.name}}</span>
+          <span>{{ courseInfo.name }}</span>
           <!-- <span>{{courseInfo.summary}}</span>  -->
           <!--
           <span class="bcourse-score" v-if="courseInfo.score>0">{{toScore(courseInfo.score)}} 分</span>
           <span class="bcourse-score" v-else>无评分</span>
           -->
-        </div> 
+        </div>
       </div>
     </div>
     <div class="course-content xcontent">
@@ -27,94 +27,114 @@
                 <!--先显示视频图片-->
                 <course-image v-if="courseInfo.id != ''" :course="courseInfo"></course-image>
               </div>
-              <div v-if="resType == 10" style="position: relative;">
-                <videoPlayer ref="myVideoPlayer" id="myVideoPlayer" @progress="progress" :src="blobUrl" :blobId="blobId" @onPlayerPlaying="onPlayerPlaying"
-                             :initTime="contentData.lastStudyTime" :notePlay="notePlay" @onPlayerPlay="onPlayerPlay"
-                             :isDrag="curriculumData.isDrag" @onFullscreen="onFullscreen" @onPlayerPause="onPlayerPause"
-                             @onPlayerEnded="onPlayerEnded" :isCrowd="isCrowd" @onTimeUpdate="handleAudioTimeUpdate"></videoPlayer>
+              <div v-if="resType == 10" style="position: relative">
+                <videoPlayer ref="myVideoPlayer" id="myVideoPlayer" @progress="progress" :src="blobUrl" :blobId="blobId"
+                  @onPlayerPlaying="onPlayerPlaying" :initTime="contentData.lastStudyTime" :notePlay="notePlay"
+                  @onPlayerPlay="onPlayerPlay" :isDrag="curriculumData.isDrag" @onFullscreen="onFullscreen"
+                  @onPlayerPause="onPlayerPause" @onPlayerEnded="onPlayerEnded" :isCrowd="isCrowd"
+                  @onTimeUpdate="handleAudioTimeUpdate"></videoPlayer>
                 <div class="player-box" v-if="playerBoxShow">
-                  <div class="player-praise" style="cursor: pointer;">
+                  <div class="player-praise" style="cursor: pointer">
                     <div @click="praiseContent">
-                      <img class="icon-small" v-if="isPraise" :src="require('@/assets/images/icon/praise-active.png')" />
+                      <img class="icon-small" v-if="isPraise"
+                        :src="require('@/assets/images/icon/praise-active.png')" />
                       <img class="icon-small" v-else :src="require('@/assets/images/icon/zhan.png')" />
                       <!-- {{ courseInfo.praises }} -->
-                      <div style="color:#fff;cursor: pointer;">赞</div>
+                      <div style="color: #fff; cursor: pointer">赞</div>
                     </div>
-                    <div style="margin-left: 15px;cursor: pointer;" @click="treadContent">
-                      <img class="icon-small" v-if="isTrample"
-                           :src="require('@/assets/images/icon/trample-active.png')" />
+                    <div style="margin-left: 15px; cursor: pointer" @click="treadContent">
+                      <img class="icon-small" v-if="isTrample" :src="require('@/assets/images/icon/trample-active.png')
+                        " />
                       <img class="icon-small" v-else :src="require('@/assets/images/icon/cai.png')" />
                       <!-- {{ courseInfo.trampleCount }} -->
-                      <div style="color:#fff;cursor: pointer;">踩</div>
+                      <div style="color: #fff; cursor: pointer">踩</div>
                     </div>
                   </div>
                   <div v-if="!scoreInfo.has" class="player-rate">
-
-                    <el-rate v-model="scoreInfo.score" text-color="#ff9900" score-template="{value}" void-color="#fff"  @change="addScore"></el-rate>
+                    <el-rate v-model="scoreInfo.score" text-color="#ff9900" score-template="{value}" void-color="#fff"
+                      @change="addScore"></el-rate>
                   </div>
-                  <div v-if="scoreInfo.has" style="padding-top: 5px;display: flex;">
-                    <div class="player-rate" style="padding-left: 35px;">
+                  <div v-if="scoreInfo.has" style="padding-top: 5px; display: flex">
+                    <div class="player-rate" style="padding-left: 35px">
                       <el-rate disabled v-model="courseInfo.score" :allow-half="true"></el-rate>
                     </div>
-                    <span class="score-text" style="margin-top:35px">
-                    <span style="color:#ffb30f;">{{ toScore(courseInfo.score) }}</span>
-                    <span style="font-size: 12px;color: #fff">分</span>
-                  </span>
-
+                    <span class="score-text" style="margin-top: 35px">
+                      <span style="color: #ffb30f">{{
+                        toScore(courseInfo.score)
+                      }}</span>
+                      <span style="font-size: 12px; color: #fff">分</span>
+                    </span>
                   </div>
                 </div>
               </div>
               <div v-if="resType == 20">
                 <div class="con-audio">
-                  <div class="con-audio-title">{{ contentData.contentName }}</div>
+                  <div class="con-audio-title">
+                    {{ contentData.contentName }}
+                  </div>
                   <div class="con-audio-player">
-                    <audioPlayer v-if="resType == 20" :url="blobUrl" :name="contentData.contentName" @onPlaying="audioPlaying" :isDrag="curriculumData.isDrag"
-                                 @onPlay="audioPlay" @onPause="audioPause" @onPlayEnd="audioEnd"></audioPlayer>
+                    <audioPlayer v-if="resType == 20" :url="blobUrl" :name="contentData.contentName"
+                      @onPlaying="audioPlaying" :isDrag="curriculumData.isDrag" @onPlay="audioPlay"
+                      @onPause="audioPause" @onPlayEnd="audioEnd"></audioPlayer>
                   </div>
                 </div>
               </div>
               <div v-if="resType == 40">
-                <div style="padding: 10px;color: #ed0000; " v-if="curCFile.converStatus < 2 && !contentData.content">
+                <div style="padding: 10px; color: #ed0000" v-if="curCFile.converStatus < 2 && !contentData.content">
                   <div>此课程内容无法预览，请联系管理员</div>
                 </div>
-                <div style="padding: 10px;color: #ed0000;" v-if="curCFile.converStatus == 3 && !contentData.content">
+                <div style="padding: 10px; color: #ed0000" v-if="curCFile.converStatus == 3 && !contentData.content">
                   此课程内容无法预览，请联系管理员
                 </div>
                 <pdfPreview :autoScroll="true" v-if="resType == 40" :filePath="fileBaseUrl + contentData.content">
                 </pdfPreview>
               </div>
               <div v-if="resType == 41">
-                <div style="padding: 20px;" v-html="contentData.content"></div>
+                <div style="padding: 20px" v-html="contentData.content"></div>
               </div>
-              <div v-if="resType == 50" style="min-height: 500px;">
-                <iframe v-if="scormUrl" :src="scormUrl" frameborder="0"  border="0px" style="width:100%;height:500px;border:0px;"></iframe>
+              <div v-if="resType == 50" style="min-height: 500px">
+                <iframe v-if="scormUrl" :src="scormUrl" frameborder="0" border="0px"
+                  style="width: 100%; height: 500px; border: 0px"></iframe>
               </div>
               <div v-if="resType == 52">
                 <div v-if="contentData.content != ''">
                   <div class="hyper-link" v-if="conLink.openType == 2">
-                    <div class="hyper-link-row">{{ contentData.contentName }}</div>
+                    <div class="hyper-link-row">
+                      {{ contentData.contentName }}
+                    </div>
                     <div class="hyper-link-row">{{ conLink.url }}</div>
                   </div>
-                  <div v-if="conLink.openType == 1"><iframe :src="conLink.url"
-                                                            style="width: 100%;border:0px;min-height: 473px;" frameborder="0"></iframe></div>
+                  <div v-if="conLink.openType == 1">
+                    <iframe :src="conLink.url" style="width: 100%; border: 0px; min-height: 473px"
+                      frameborder="0"></iframe>
+                  </div>
                 </div>
               </div>
               <div v-if="resType == 60">
-                <homework @submit="homeWorkSubmit" v-if="resType == 60 && studyId != ''" :studyId="studyId" :content="contentData"></homework>
+                <homework @submit="homeWorkSubmit" v-if="resType == 60 && studyId != ''" :studyId="studyId"
+                  :content="contentData"></homework>
               </div>
               <div v-if="resType == 61">
-                <exam @startTest="startTest" v-if="resType == 61 && studyId != '' " :studyId="studyId" :content="contentData"></exam>
+                <exam @startTest="startTest" v-if="resType == 61 && studyId != ''" :studyId="studyId"
+                  :content="contentData"></exam>
               </div>
-              <div v-if="resType == 62" style="padding:5px">
-                <assess v-if="resType == 62 && studyId != '' && contentData.id" :studyId="studyId" :content="contentData">
+              <div v-if="resType == 62" style="padding: 5px">
+                <assess v-if="resType == 62 && studyId != '' && contentData.id" :studyId="studyId"
+                  :content="contentData">
                 </assess>
               </div>
             </div>
-            <div v-if="!renderCourse && Internet ==2" style="margin:350px 250px" class="jianjie pdftext" id="pdfPreview">
-              <div style="margin-top:40px;font-weight:700;font-size: 22px;color: #ccc">
+            <div v-if="!renderCourse && Internet == 2" style="margin: 350px 250px" class="jianjie pdftext"
+              id="pdfPreview">
+              <div style="
+                  margin-top: 40px;
+                  font-weight: 700;
+                  font-size: 22px;
+                  color: #ccc;
+                ">
                 <span>十分抱歉，您当前的网络环境不符合观看要求。为了保障课程信息的安全，您需要接入公司内网才能观看。</span>
               </div>
-              <div style="margin-top:20px;text-align:center" @click="refreshPage">
+              <div style="margin-top: 20px; text-align: center" @click="refreshPage">
                 <el-button type="primary">重新检测</el-button>
               </div>
             </div>
@@ -122,1192 +142,1283 @@
           <!--交互部分-->
           <div>
             <div class="course-interact">
-              <div class="score" style="display: flex;">
-                <div style="margin-left:10px;cursor: pointer;padding-top:10px;display: flex;align-items: center;">
-                  <!-- <el-popover placement="top" width="300" trigger="hover"> -->
-                    <!-- <div style="text-align:center;line-height:50px;padding:20px 0px">
-
-                      <div style="padding-top:30px"><el-button @click="addScore">提交评分</el-button></div>
-                    </div> -->
-                  <div v-if="!canScore" style="display: flex;align-items: center;">
-                    <p style="margin-right:10px">课程评分</p>
-                    <el-rate v-model="courseInfo.score" :disabled="!canScore" :allow-half="true"></el-rate>
-         
-                        <span class="score-text">{{ newToScore(courseInfo.score) }}</span>
-                        <span style="font-size: 18px;">分</span>
-                        <el-button style="margin-left:10px" type="primary" size="mini" v-if="!scoreInfo.has" @click="canScore=true" >评分</el-button>
-      
-                    
+              <div class="score" style="display: flex">
+                <div
+                  style="margin-left: 10px; cursor: pointer; padding-top: 10px; display: flex; align-items: center"
+                >
+                  <div v-if="!canScore" style="display: flex; align-items: center">
+                    <p style="margin-right: 10px">课程评分</p>
+                    <el-rate v-model="courseInfo.score" :disabled="true" :allow-half="true"></el-rate>
+                    <span class="score-text">{{ newToScore(courseInfo.score) }}</span>
+                    <span style="font-size: 18px">分</span>
+                    <el-button
+                      style="margin-left: 10px"
+                      type="primary"
+                      size="mini"
+                      v-if="!scoreInfo.has"
+                      @click="canScore = true"
+                    >评分</el-button>
                   </div>
-                  <div v-else style="display: flex;align-items: center;">
-                      <p style="margin-right:10px">告诉我们您的喜欢程度</p>
-                      <el-rate v-model="scoreInfo.score" :allow-half="true"></el-rate>
-                      <span class="score-text">{{ newToScore(scoreInfo.score) }}</span>
-                        <span style="font-size: 18px;">分</span>
-                      <div style="margin-left:10px">
-                        <el-button style="margin-left:10px" type="primary" size="mini" @click="addScore" >确定</el-button>
-                        <el-button  size="mini" @click="handleCancelScore">取消</el-button>
-                      </div>
+                  <div v-else style="display: flex; align-items: center">
+                    <p style="margin-right: 10px">告诉我们您的喜欢程度</p>
+                    <el-rate v-model="scoreInfo.score" :allow-half="true"></el-rate>
+                    <span class="score-text">{{ newToScore(scoreInfo.score) }}</span>
+                    <span style="font-size: 18px">分</span>
+                    <div style="margin-left: 10px">
+                      <el-button style="margin-left: 10px" type="primary" size="mini" @click="addScore">确定</el-button>
+                      <el-button size="mini" @click="handleCancelScore">取消</el-button>
                     </div>
-                    <!-- <el-tag class="ref-score" slot="reference">去评分</el-tag> -->
-                  <!-- </el-popover> -->
+                  </div>
                 </div>
-                <!-- <div v-if="scoreInfo.has" style="padding-top: 5px;display: flex;">
-                   <div style="padding-top: 16px;">
-                    <el-rate disabled v-model="courseInfo.score" :allow-half="true" ></el-rate>
-                  </div>
-                  <div>
-                        <span class="score-text">{{ toScore(courseInfo.score) }}</span>
-                        <span style="font-size: 18px;">分</span>
-                  </div>
-                </div> -->
               </div>
-              <div style="display: flex;justify-content: flex-end;cursor: pointer;padding-top: 5px;">
+              <div style="
+                  display: flex;
+                  justify-content: flex-end;
+                  cursor: pointer;
+                  padding-top: 5px;
+                ">
                 <div @click="praiseContent">
-                  <el-tooltip class="item" effect="light" :content="isPraise?'取消点赞':'点赞'" placement="top-start" :visible-arrow="false" popper-class="text-tooltip">
+                  <el-tooltip class="item" effect="light" :content="isPraise ? '取消点赞' : '点赞'" placement="top-start"
+                    :visible-arrow="false" popper-class="text-tooltip">
                     <img class="icon-small" v-if="isPraise" :src="require('@/assets/images/icon/praise-active.png')" />
                     <img class="icon-small" v-else :src="require('@/assets/images/icon/praise.png')" />
                   </el-tooltip>
                   {{ courseInfo.praises }}
                 </div>
-                <div style="margin-left: 20px;" @click="treadContent">
-                 <el-tooltip class="item" effect="light" :content="isTrample?'取消踩':'踩'" placement="top-start" :visible-arrow="false" popper-class="text-tooltip">
-                  <img class="icon-small" v-if="isTrample" :src="require('@/assets/images/icon/trample-active.png')" />
-                  <img class="icon-small" v-else :src="require('@/assets/images/icon/trample.png')" />
-                 </el-tooltip>
+                <div style="margin-left: 20px" @click="treadContent">
+                  <el-tooltip class="item" effect="light" :content="isTrample ? '取消踩' : '踩'" placement="top-start"
+                    :visible-arrow="false" popper-class="text-tooltip">
+                    <img class="icon-small" v-if="isTrample"
+                      :src="require('@/assets/images/icon/trample-active.png')" />
+                    <img class="icon-small" v-else :src="require('@/assets/images/icon/trample.png')" />
+                  </el-tooltip>
                   {{ courseInfo.trampleCount }}
                 </div>
-                <div style="margin-left: 6px;">
-                    <interactBar :size="16" :type="1" :aid="courseInfo.sysCreateAid" :data="courseInfo" :praises="false" :favorites="true" :shares="true" :comments="false" :views="false"></interactBar>
+                <div style="margin-left: 6px">
+                  <interactBar :size="16" :type="1" :aid="courseInfo.sysCreateAid" :data="courseInfo" :praises="false"
+                    :favorites="true" :shares="true" :comments="false" :views="false"></interactBar>
                 </div>
               </div>
             </div>
-
           </div>
         </div>
         <div class="course-control">
-            <div class="control-tab" v-if="contentList.length>0" >
-              <div v-if="contentList.length>1" @click="heartabone" :class="tab == 1 ? 'control-tab-active' : ' '">
-                <i class="el-icon-reading" style="margin-right:9px;margin-left:9px"></i>课程单元
-              </div>
-              <div @click="heartabtwo" :class="tab == 2 ? 'control-tab-active' : ' '">
-                <i class="el-icon-edit" style="margin-right:9px;margin-left:9px"></i>我的笔记
-              </div>
+          <div class="control-tab" v-if="contentList.length > 0">
+            <div v-if="contentList.length > 1" @click="heartabone" :class="tab == 1 ? 'control-tab-active' : ' '">
+              <i class="el-icon-reading" style="margin-right: 9px; margin-left: 9px"></i>课程单元
             </div>
-            <!-- 课程单元  -->
-            <div class="course-units" v-if="tab == 1">
-              <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
-                      ref="menu"
-                      :default-openeds="defaultOpeneds"
-                      :default-active="activeId"
-                      :unique-opened="true"
-                      class="el-menu-vertical-demo"
-                      @open="handleOpen"
-                      @close="handleClose">
-                      <el-submenu :index="item.section.id" v-if="catalogTree.length > 1">
-                        <template slot="title">
-                          <div style="display: flex;justify-content: space-between;">
-                            <div style="width: 240px;font-weight: 700;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;" :title="item.section.name">{{item.section.name}}</div>
-                            <div style="margin-right: 23px;font-weight: 700;font-size: 16px;">({{ item.children.filter(item=>item.status == 9).length }}/{{ item.children.length }})</div>
+            <div @click="heartabtwo" :class="tab == 2 ? 'control-tab-active' : ' '">
+              <i class="el-icon-edit" style="margin-right: 9px; margin-left: 9px"></i>我的笔记
+            </div>
+            <!-- ai播放器相关 开发阶段先放开 v-if="courseInfo.aiDraft == 1" -->
+            <div @click="heartabthree"
+              v-if="courseInfo.aiSet == 1 && courseInfo.aiDraft == 1 && contentData.contentType == 10"
+              :class="tab == 3 ? 'control-tab-active' : ' '" style="position: relative">
+              <i class="el-icon-document" style="margin-right: 9px; margin-left: 9px"></i>AI文稿
+              <img src="@/assets/images/course/wengaoTip.png" alt="" style="
+                  position: absolute;
+                  top: -3px;
+                  right: -14px;
+                  width: 15px;
+                  height: 14px;
+                " />
+            </div>
+          </div>
+          <!-- 课程单元  -->
+          <div class="course-units" v-if="tab == 1">
+            <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 ref="menu" :default-openeds="defaultOpeneds" :default-active="activeId" :unique-opened="true"
+                    class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose">
+                    <el-submenu :index="item.section.id">
+                      <template slot="title">
+                        <div style="display: flex; justify-content: space-between">
+                          <div style="
+                              width: 240px;
+                              font-weight: 700;
+                              font-size: 16px;
+                              overflow: hidden;
+                              white-space: nowrap;
+                              text-overflow: ellipsis;
+                            " :title="item.section.name">
+                            {{ item.section.name }}
                           </div>
-                        </template>
-                        <el-menu-item-group v-for="(ele, i) in item.children" :key="i">
-                          <div class="units-info" :class="{'units-active':contentData.id == ele.id}" @click="showRes(ele,i,index,item)">
-                            <el-menu-item :index="ele.id" style="padding: 0;padding-left: 10px;">
-                              <div style="display: flex;justify-content: space-between;">
-                                <div style="width: 200px;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;" :title="ele.contentName">{{i+1}}. {{ ele.contentName }}</div>
-                                <div>
-                                  <span v-if="contentData.id == ele.id" style="color: #387DF7;font-size: 14px;margin-right: 4px;">学习中</span>
-                                  <!-- <img v-if="contentData.id == ele.id" :src="`${webBaseUrl}/images/playicon.png`" alt=""> -->
-                                  <img v-if="contentData.id == ele.id && ele.status == 9" style="width: 16px;height: 16px;" src="@/assets/images/over.png" alt="">
-                                  <img v-if="contentData.id == ele.id && ele.status == 0" style="width: 16px;height: 16px;" src="@/assets/images/nowNot.png" alt="">
-                                  <img v-if="contentData.id == ele.id && (ele.status != 9&&ele.status != 0)" style="width: 16px;height: 16px;" src="@/assets/images/ban1.png" alt="">
-                                  <img v-if="contentData.id != ele.id && ele.status == 9" style="width: 16px;height: 16px;" src="@/assets/images/notNew.png" alt="">
-                                  <img v-if="contentData.id != ele.id && ele.status == 0" style="width: 16px;height: 16px;" src="@/assets/images/not.png" alt="">
-                                  <img v-if="contentData.id != ele.id && (ele.status != 9&&ele.status != 0)" style="width: 16px;height: 16px;" src="@/assets/images/newBan.png" alt="">
-                                </div>
-                              </div>
-                          </el-menu-item>
+                          <div style="
+                              margin-right: 23px;
+                              font-weight: 700;
+                              font-size: 16px;
+                            ">
+                            ({{
+                              item.children.filter((item) => item.status == 9)
+                                .length
+                            }}/{{ item.children.length }})
                           </div>
-                        </el-menu-item-group>
-                      </el-submenu>
-                      <div v-else>
+                        </div>
+                      </template>
                       <el-menu-item-group v-for="(ele, i) in item.children" :key="i">
-                        <div class="units-info" :class="{'units-active':contentData.id == ele.id}" @click="showRes(ele,i,index,item)">
-                          <el-menu-item :index="ele.id" style="padding: 0;padding-left: 10px;">
-                            <div style="display: flex;justify-content: space-between;">
-                              <div style="width: 200px;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;" :title="ele.contentName">{{i+1}}. {{ ele.contentName }}</div>
+                        <div class="units-info" :class="{ 'units-active': contentData.id == ele.id }"
+                          @click="showRes(ele, i, index, item)">
+                          <el-menu-item :index="ele.id" style="padding: 0; padding-left: 10px">
+                            <div style="
+                                display: flex;
+                                justify-content: space-between;
+                              ">
+                              <div style="
+                                  width: 200px;
+                                  font-size: 16px;
+                                  overflow: hidden;
+                                  white-space: nowrap;
+                                  text-overflow: ellipsis;
+                                " :title="ele.contentName">
+                                {{ i + 1 }}. {{ ele.contentName }}
+                              </div>
                               <div>
-                                <span v-if="contentData.id == ele.id" style="color: #387DF7;font-size: 14px;margin-right: 4px;">学习中</span>
+                                <span v-if="contentData.id == ele.id" style="
+                                    color: #387df7;
+                                    font-size: 14px;
+                                    margin-right: 4px;
+                                  ">学习中</span>
                                 <!-- <img v-if="contentData.id == ele.id" :src="`${webBaseUrl}/images/playicon.png`" alt=""> -->
-                                <img v-if="contentData.id == ele.id && ele.status == 9" style="width: 16px;height: 16px;" src="@/assets/images/over.png" alt="">
-                                <img v-if="contentData.id == ele.id && ele.status == 0" style="width: 16px;height: 16px;" src="@/assets/images/nowNot.png" alt="">
-                                <img v-if="contentData.id == ele.id && (ele.status != 9&&ele.status != 0)" style="width: 16px;height: 16px;" src="@/assets/images/ban1.png" alt="">
-                                <img v-if="contentData.id != ele.id && ele.status == 9" style="width: 16px;height: 16px;" src="@/assets/images/notNew.png" alt="">
-                                <img v-if="contentData.id != ele.id && ele.status == 0" style="width: 16px;height: 16px;" src="@/assets/images/not.png" alt="">
-                                <img v-if="contentData.id != ele.id && (ele.status != 9&&ele.status != 0)" style="width: 16px;height: 16px;" src="@/assets/images/newBan.png" alt="">
+                                <img v-if="
+                                  contentData.id == ele.id && ele.status == 9
+                                " style="width: 16px; height: 16px" src="@/assets/images/over.png" alt="" />
+                                <img v-if="
+                                  contentData.id == ele.id && ele.status == 0
+                                " style="width: 16px; height: 16px" src="@/assets/images/nowNot.png" alt="" />
+                                <img v-if="
+                                  contentData.id == ele.id &&
+                                  ele.status != 9 &&
+                                  ele.status != 0
+                                " style="width: 16px; height: 16px" src="@/assets/images/ban1.png" alt="" />
+                                <img v-if="
+                                  contentData.id != ele.id && ele.status == 9
+                                " style="width: 16px; height: 16px" src="@/assets/images/notNew.png" alt="" />
+                                <img v-if="
+                                  contentData.id != ele.id && ele.status == 0
+                                " style="width: 16px; height: 16px" src="@/assets/images/not.png" alt="" />
+                                <img v-if="
+                                  contentData.id != ele.id &&
+                                  ele.status != 9 &&
+                                  ele.status != 0
+                                " style="width: 16px; height: 16px" src="@/assets/images/newBan.png" alt="" />
                               </div>
                             </div>
-                        </el-menu-item>
+                          </el-menu-item>
                         </div>
                       </el-menu-item-group>
-                      </div>
-                    </el-menu>
-                  </div>
-                  <!-- <div v-for="(item, index) in catalogTree" :key="index" :name="index">
+                    </el-submenu>
+                  </el-menu>
+                </div>
+                <!-- <div v-for="(item, index) in catalogTree" :key="index" :name="index">
                     <div style="margin: 10px 0px;font-weight: 700;">{{item.section.name}}</div>
                     <div class="units-info" :class="{'units-active':contentData.id == ele.id}"  v-for="(ele, i) in item.children" :key="i" @click="showRes(ele,i,index)">
                       <img v-if="contentData.id == ele.id" :src="`${webBaseUrl}/images/playicon.png`" alt=""> {{i+1}}.
                       <span>{{ ele.contentName }}</span>
                     </div>
                   </div> -->
-                </div>
-                <div v-else class="catalog">
-                  <!-- contentList -->
-                  <div class="units-info" style="display: flex;justify-content: space-between" v-for="(list, index) in contentList" :key="index" :name="index"  @click="showRes(list,-1,index)" :class="{'units-active':contentData.id == list.id}">
-                    <!-- <div class="units-info" :class="{'units-active':contentData.id == ele.id}" @click="showRes(ele,i,index)" v-for="(ele, i) in item.children" :key="i"> -->
-                    <!-- <img v-if="contentData.id == list.id" :src="`${webBaseUrl}/images/playicon.png`" alt="">  -->
-                     <div style="max-width: 193px;;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
-                       {{index+1}}.{{ list.contentName }}
-                     </div>
-                    <div style="margin-left: 5px">
-                      <span v-if="contentData.id == list.id" style="color: #387DF7;font-size: 14px;margin-right: 4px;">学习中</span>
-                      <img v-if="contentData.id == list.id && list.status == 9" style="width: 16px;height: 16px;" src="@/assets/images/over.png" alt="">
-                      <img v-if="contentData.id == list.id && list.status == 0" style="width: 16px;height: 16px;" src="@/assets/images/nowNot.png" alt="">
-                      <img v-if="contentData.id == list.id && (list.status != 9&&list.status != 0)" style="width: 16px;height: 16px;" src="@/assets/images/ban1.png" alt="">
-                      <img v-if="contentData.id != list.id && list.status == 9" style="width: 16px;height: 16px;" src="@/assets/images/notNew.png" alt="">
-                      <img v-if="contentData.id != list.id && list.status == 0" style="width: 16px;height: 16px;" src="@/assets/images/not.png" alt="">
-                      <img v-if="contentData.id != list.id && (list.status != 9&&list.status != 0)" style="width: 16px;height: 16px;" src="@/assets/images/newBan.png" alt="">
-                    </div>
-                    <!-- </div> -->
+              </div>
+              <div v-else class="catalog">
+                <!-- contentList -->
+                <div class="units-info" style="display: flex; justify-content: space-between"
+                  v-for="(list, index) in contentList" :key="index" :name="index" @click="showRes(list, -1, index)"
+                  :class="{ 'units-active': contentData.id == list.id }">
+                  <!-- <div class="units-info" :class="{'units-active':contentData.id == ele.id}" @click="showRes(ele,i,index)" v-for="(ele, i) in item.children" :key="i"> -->
+                  <!-- <img v-if="contentData.id == list.id" :src="`${webBaseUrl}/images/playicon.png`" alt="">  -->
+                  <div style="
+                      max-width: 193px;
+                      overflow: hidden;
+                      white-space: nowrap;
+                      text-overflow: ellipsis;
+                    ">
+                    {{ index + 1 }}.{{ list.contentName }}
                   </div>
+                  <div style="margin-left: 5px">
+                    <span v-if="contentData.id == list.id"
+                      style="color: #387df7; font-size: 14px; margin-right: 4px">学习中</span>
+                    <img v-if="contentData.id == list.id && list.status == 9" style="width: 16px; height: 16px"
+                      src="@/assets/images/over.png" alt="" />
+                    <img v-if="contentData.id == list.id && list.status == 0" style="width: 16px; height: 16px"
+                      src="@/assets/images/nowNot.png" alt="" />
+                    <img v-if="
+                      contentData.id == list.id &&
+                      list.status != 9 &&
+                      list.status != 0
+                    " style="width: 16px; height: 16px" src="@/assets/images/ban1.png" alt="" />
+                    <img v-if="contentData.id != list.id && list.status == 9" style="width: 16px; height: 16px"
+                      src="@/assets/images/notNew.png" alt="" />
+                    <img v-if="contentData.id != list.id && list.status == 0" style="width: 16px; height: 16px"
+                      src="@/assets/images/not.png" alt="" />
+                    <img v-if="
+                      contentData.id != list.id &&
+                      list.status != 9 &&
+                      list.status != 0
+                    " style="width: 16px; height: 16px" src="@/assets/images/newBan.png" alt="" />
+                  </div>
+                  <!-- </div> -->
                 </div>
               </div>
             </div>
-            <!-- 我的笔记 -->
-            <div class="mynote" v-show="tab == 2">
-              <my-note ref="mynote" :height="controlHeight" @change="noteChange" :data="courseInfo" @videoLocation="videoLocation" @onPlayVideo="onPlayVideo"
-                :score="courseInfo.score"></my-note>
-            </div>
+          </div>
+          <!-- 我的笔记 -->
+          <div class="mynote" v-show="tab == 2">
+            <my-note ref="mynote" :height="controlHeight" @change="noteChange" :data="courseInfo"
+              @videoLocation="videoLocation" @onPlayVideo="onPlayVideo" :score="courseInfo.score"></my-note>
+          </div>
+          <!--     ai播放器相关    -->
+          <!-- ai文稿 -->
+          <div class="ai-script" v-if="contentData.contentType == 10 && tab == 3">
+            <ai-script ref="aiscript" :blobId="blobId" :isDrag="curriculumData.isDrag"
+              @changeCurrentTime="changeCurrentTime"></ai-script>
+          </div>
         </div>
       </div>
       <div class="course-infobox">
         <div class="course-info">
-          <div style="background-color: #fff;">
-                <div class="course-info-tab">
-                  <div @click="coutab(1)" :class="courestab == 1? 'course-info-tab-active' : ''">内容简介<span class=""></span> </div>
-                  <div @click="coutab(2)" :class="courestab == 2? 'course-info-tab-active' : ''">课程评论<span class=""></span> </div>
-                  <div @click="coutab(3)" :class="courestab == 3? 'course-info-tab-active' : ''">课程笔记<span class=""></span> </div>
+          <div style="background-color: #fff">
+            <div class="course-info-tab">
+              <div @click="coutab(1)" :class="courestab == 1 ? 'course-info-tab-active' : ''">
+                内容简介<span class=""></span>
+              </div>
+              <!-- ai播放器相关 -->
+              <div @click="coutab(4)" v-if="courseInfo.aiSet == 1 && courseInfo.aiAbstract == 1"
+                style="position: relative;" :class="courestab == 4 ? 'course-info-tab-active' : ''">
+                AI摘要<span class=""></span>
+                <img style="position: absolute;top: -18px;right: -23px;width: 36px;height: 24px;"
+                  src="@/assets/images/course/courseNew.png" alt="">
+              </div>
+              <div @click="coutab(2)" :class="courestab == 2 ? 'course-info-tab-active' : ''">
+                课程评论<span class=""></span>
+              </div>
+              <div @click="coutab(3)" :class="courestab == 3 ? 'course-info-tab-active' : ''">
+                课程笔记<span class=""></span>
+              </div>
+            </div>
+            <div v-show="courestab == 1" style="margin-left: 17px; padding-top: 20px">
+              <div style="padding: 30px">
+                <div class="course-info-row">
+                  <img src="@/assets/images/icon/remark-iocn.png" alt="" srcset="" />
+                  目标人群：
+                  <div class="course-info-text">{{ courseInfo.forUsers }}</div>
                 </div>
-                <div v-show="courestab==1" style="margin-left:17px;padding-top: 20px;">
-                    <div style="padding: 30px;">
-                        <div class="course-info-row"><img src="@/assets/images/icon/remark-iocn.png" alt="" srcset=""> 目标人群：<div class="course-info-text">{{courseInfo.forUsers}}</div></div>
-                        <div class="course-info-row"><img src="@/assets/images/icon/remark-iocn.png" alt="" srcset=""> 课程价值：<div class="course-info-text">{{courseInfo.value}}</div></div>
-                        <div class="course-info-row"><img src="@/assets/images/icon/remark-iocn.png" alt="" srcset=""> 详细介绍：<div class="course-info-text"  v-html="courseInfo.summary"></div></div>
-                    </div>
+                <div class="course-info-row">
+                  <img src="@/assets/images/icon/remark-iocn.png" alt="" srcset="" />
+                  课程价值：
+                  <div class="course-info-text">{{ courseInfo.value }}</div>
                 </div>
-                <div v-show="courestab==2" class="coures-comments" style="margin-left:17px">
-                  <comments v-if="courseInfo.id && courseInfo.id != ''" :obj-type="1" :obj-id="courseInfo.id"  :toUsers="toUsers"></comments>
-                </div>
-                <div  v-show="courestab==3" class="coures-note">
-                  <note-comments  :key="timer" v-if="courseInfo.id && courseInfo.id != ''" :obj-type="6" :obj-id="courseInfo.id" :name="courseInfo.name"></note-comments>
+                <div class="course-info-row">
+                  <img src="@/assets/images/icon/remark-iocn.png" alt="" srcset="" />
+                  详细介绍：
+                  <div class="course-info-text" v-html="courseInfo.summary"></div>
                 </div>
+              </div>
+            </div>
+            <div v-show="courestab == 2" class="coures-comments" style="margin-left: 17px">
+              <comments v-if="courseInfo.id && courseInfo.id != ''" :obj-type="1" :obj-id="courseInfo.id"
+                :toUsers="toUsers">
+              </comments>
+            </div>
+            <div v-show="courestab == 3" class="coures-note">
+              <note-comments :key="timer" v-if="courseInfo.id && courseInfo.id != ''" :obj-type="6"
+                :obj-id="courseInfo.id" :name="courseInfo.name"></note-comments>
+            </div>
+          </div>
+          <!-- ai播放器相关 -->
+          <div v-show="courestab == 4" style="padding-left: 17px; padding-top: 20px;background-color: #fff;">
+            <div style="padding: 30px;line-height: 24px;letter-spacing: 0.3px;color: rgba(102, 102, 102, 1);">
+              {{ courseInfo.summaryContent || '' }}
+            </div>
           </div>
         </div>
         <div class="course-teacher">
           <div class="cteacher-top">
-              <div class="cteacher-top"><img width="100%" style="vertical-align: top;" height="10px" src="../../../public/images/tearch-top.png" alt=""></div>
-              <div class="cteacher-top-title">课程讲师</div>
+            <div class="cteacher-top">
+              <img width="100%" style="vertical-align: top" height="10px" src="../../../public/images/tearch-top.png"
+                alt="" />
+            </div>
+            <div class="cteacher-top-title">课程讲师</div>
           </div>
 
           <div class="cteacher-list">
             <div class="teacher" v-for="(item, idx) in teachers" :key="idx">
               <div class="teacher-avator" @click="toUserHome(item)" title="点击进入他的主页">
                 <!-- <div class="teacher-text" v-if="item.authorInfo.avatar == ''">{{userAvatarText(item.teacherName)}}</div> -->
-                 <div v-if="item.authorInfo.avatar !== ''">
-                    <el-avatar  :src="fileBaseUrl + item.authorInfo.avatar" shape="circle" :size="50"></el-avatar>
+                <div v-if="item.authorInfo && item.authorInfo.avatar">
+                  <el-avatar :src="fileBaseUrl + item.authorInfo.avatar" shape="circle" :size="50"></el-avatar>
+                </div>
+                <!--                <div v-else class="teacher-text">
+                                  <div v-if="item.authorInfo.sex === 1">
+                                    <img src="../../../public/images/Avatarman.png" alt="" />
+                                  </div>
+                                  <div v-else>
+                                    <img src="../../../public/images/Avatarwoman.png" alt="" />
+                                  </div>
+                                </div>-->
+                <div v-else-if="item.photo">
+                  <el-avatar :src="item.photo" shape="circle" :size="50"></el-avatar>
                 </div>
                 <div v-else class="teacher-text">
-                  <div v-if="item.authorInfo.sex === 1 "><img src="../../../public/images/Avatarman.png" alt=""></div>
-                  <div v-else><img src="../../../public/images/Avatarwoman.png" alt=""></div>
+                  <div v-if="item.authorInfo && item.authorInfo.sex === 1"><img
+                      src="../../../public/images/Avatarwoman.png" alt=""></div>
+                  <div v-else><img src="../../../public/images/Avatarman.png" alt=""></div>
                 </div>
+
               </div>
               <div class="teacher-info">
                 <div class="teacher-name">
-                    <span> {{ item.teacherName }}</span>
-                    <!-- <span style="font-size: 12px; color:#666666 ;">( {{cutOrgNamePath(item.authorInfo.orgInfo)}} )</span> -->
+                  <span> {{ item.teacherName }}</span>
+                  <!-- <span style="font-size: 12px; color:#666666 ;">( {{cutOrgNamePath(item.authorInfo.orgInfo)}} )</span> -->
                 </div>
                 <!-- <div class="teacher-remark" v-html="item.authorInfo.sign"></div> -->
-                <div v-if="item.teacherType === 1 " class="teacher-remark">{{cutOrgNamePath(item.authorInfo.orgInfo)}}</div>
-                <div v-else>{{item.supplier}}</div>
+                <div v-if="item.teacherType === 1" class="teacher-remark">
+                  {{ cutOrgNamePath(item.authorInfo.orgInfo) }}
+                </div>
+                <div v-else>{{ item.supplier }}</div>
               </div>
-              <div  style="padding-top:15px;width:70px;">
-                <followButton v-if="item.teacherName!=='BOE教师'" :auto="true" size="small" :aid="item.teacherId"></followButton>
+              <div style="padding-top: 15px; width: 70px">
+                <followButton v-if="item.teacherName !== 'BOE教师'" :auto="true" size="small" :aid="item.teacherId">
+                </followButton>
               </div>
             </div>
           </div>
-
         </div>
       </div>
     </div>
     <el-dialog class="protocol" :close-on-click-modal="false" :visible="protocolDialogVisible" width="30%"
-               :show-close="false">
-      <div class="protocol-title">{{warnTitle}}</div>
-      <div class="protocol-content">
-        &emsp;&emsp;{{warn}}
-      </div>
+      :show-close="false">
+      <div class="protocol-title">{{ warnTitle }}</div>
+      <div class="protocol-content">&emsp;&emsp;{{ warn }}</div>
       <span slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="protocolDialogVisible = false">确
-                定</el-button>
+        <el-button type="primary" @click="protocolDialogVisible = false">确 定</el-button>
       </span>
     </el-dialog>
     <!-- <div><portal-footer></portal-footer></div> -->
   </div>
 </template>
 <script>
-  import { mapGetters } from 'vuex';
-  import followButton from "@/components/Follow/button.vue";
-  import portalHeader from "@/components/PortalHeader.vue";
-  import portalFooter from "@/components/PortalFooter.vue";
-  import comments from "@/components/Portal/comments.vue";
-  import noteComments from "@/components/Portal/noteComment.vue";
-  import interactBar from "@/components/Portal/interactBar.vue";
-  import audioPlayer from '@/components/AudioPlayer/index.vue';
-  import videoPlayer from '@/components/VideoPlayer/index.vue';
-  import hyperLink from '@/components/Course/hyperLink.vue';
-  import studyUtil from '@/utils/study.js';
-  import { encrypt } from '@/utils/jsencrypt.js';
-  import cookies from 'vue-cookies';
-  import apiStat from '@/api/phase2/stat.js';
-  import apiStudy from '@/api/modules/courseStudy.js';
-  import apiVideoStudy from "@/api/modules/videoStudy.js";
-  import apiCourseGrade from '@/api/modules/courseGrade.js';
-  import apiPraises from '@/api/modules/praises.js';
-  import apiTrample from '@/api/modules/trample.js';
-  import apiCoursePortal from '@/api/modules/coursePortal.js';
-  import apiUser from '@/api/system/user.js';
-  import apiCourseFile from '@/api/modules/courseFile.js';
-  import {
-    resListMap,
-    resOwnerListMap,
-    courseType,
-    getType,
-    toScore,
-    newToScore,
-    cutOrgNamePath,
-    userAvatarText
-  } from '@/utils/tools.js';
-  import pdfPreview from '@/components/PdfPreview/index.vue';
-  import courseImage from '@/components/Course/courseImage.vue';
-  import exam from '@/components/Course/exam';
-  import homework from '@/components/Course/homework';
-  import assess from '@/components/Course/assess';
-  import myNote from '../../components/Course/myNote.vue';
-  import apiFollow from "@/api/phase2/userfollow.js";
-  import apiMessage from '@/api/system/message.js'
-  // import Vue from 'vue';
-  // Vue.forceUpdate();
-  export default {
-    name: "atticle",
-    components: {
-      courseImage,
-      portalHeader,
-      hyperLink,
-      comments,
-      homework,
-      exam,
-      interactBar,
-      assess,
-      pdfPreview,
-      audioPlayer,
-      videoPlayer,
-      myNote,
-      noteComments,
-      portalFooter,
-      followButton
-    },
-    data() {
-      return {
-        canScore: false,
-        isShowScoreConfirm: false,
-        protocolDialogVisible: false,
-        tentative: false,
-        isContentTypeTwo: null,
-        isContentType: null,
-        activeId: '',
-        isFalse: false,
-        defaultOpeneds: [],
-        sendEventProgress: 0,
-        trueFalse: true,
-        audiences:'',
-        isCrowd:false,
-        cutOrgNamePath,
-        scormUrl:'',//当前播放的scormUrl
-        loading:false,
-        controlHeight:400,//左边控制区域的内容高度
-        timer: '',
-        notePlay: null,
-        intTimeNote: '',
-        courestab: 2,//默认是课程评论
-        curCFile: {
-          converStatus: 4,
-        },
-        Internet: 3,//1是成功 2是是失败 3是检测中
-        radio: '',
-        interactRuning: false,
-        playerBoxShow: false,
-        userAvatarText,
-        publicPath: process.env.VUE_APP_PUBLIC_PATH,
-        showiframe: false,
-        toScore,
-        courseId: '', //当前课程的id
-        studyId: '', //当前学习的id
-        initContentId: '', //初始化当前学习的内容节
-        blobUrl: '', //播放的文件地址，新添加，采用blob方式
-        contentData: {
-          studyItemId: '',
-          status: 1
-        }, //当前的显示的内容
-        conLink: {
-          openType: 1,
-          url: ''
-        }, //对于超连接的内容
-        curriculumData: {
-          url: '',
-          isDrag: true,
-          completeSetup: 0,
-          setupTage: 0,
-          second: 0
-        }, // 课件内容
-        courseInfo: {
-          id: '',
-          name: ''
-        }, //课程信息
-        totalContent: 0, //课程内容数量
-        pageCount: 0,
-        currentPage: 0,
-        fileBaseUrl: this.$xpage.constants.fileBaseUrl,//使用动态的路径 ，不使用配置的路径了process.env.VUE_APP_FILE_BASE_URL,
-        contentList: [],
-        sectionList: [],
-        teachers: [],
-        toUsers: [], //对于@教师的处理
-        getType: getType,
-        ctabName: 'catalog',
-        resType: null,
-        renderCourse: true,
-        activeNames: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9],
-        scoreInfo: {
-          dlgShow: false,
-          score: 5,
-          has: false
-        },
-        isPraise: false,
-        isTrample: false,
-        appendStartTime: null, //记录追加的开始时间
-        appendHandle: null, //追加学习时长的timeout句柄
-        isAppendTime: false, //是否追加学习时长
-        appentId: '', //当前追加的学习时长的id,此字段已经不再使用
-        appentInterval: 15, //追加学习时间的间隔 5秒加一次
-        handleTimeout: null,
-        completed: [],
-        tab: 1,
-        notetab: 1,
-        localTimeKey:'boeu-study-time' ,//本地存储的学习时长的key   json格式
-        localTimeValue:0,//计算的时间
-        appendStudyOtherHandle:null,
-        cumulativeDuration:0, //非音频累计时长
-        maxDuration:0, //非音频最大时长
-        defaultMaxTime:1800, //非音频默认最大时间
-        warn:"测试内容",
-        warnTitle:"测试标题",
-        isFinishingStudyItem: false, // 防止重复调用完成状态更新接口
-      }
-    },
-    mounted() {
-      this.getInternet();
-      // 增加的用户受众id
-      let localKey = "user_" + this.userInfo.sysId + "_gids";
-      let hasIds = sessionStorage.getItem(localKey);
-      this.audiences = hasIds ?? ''
-      this.$watermark.set(this.userInfo.name + this.userInfo.loginName);
-      this.courseId = this.$route.query.id;
-      this.initContentId = this.$route.query.contentId;
-      this.stopStudyTime();//先关闭
-      this.cleanAppendTime();//
-      this.loadData();
-    },
-    computed: {
-      ...mapGetters(['userInfo']),
-      catalogTree(){
-        let treeList = [];
-        this.completed = [];
-        let $this = this;
-        $this.sectionList.forEach(sec => {
-          let treeNode = {
-            section: sec,
-            children: []
-          };
-          sec.status = 1;
-          let finishCount = 0;
-          $this.contentList.forEach(c => {
-            if (c.csectionId == sec.id) {
-              if (c.status > 1) {
-                sec.status = 2;
-                if (c.status == 9) {
-                  finishCount++;
-                }
-              }
+// ai播放器相关
+import { mapGetters, mapMutations } from "vuex";
+import followButton from "@/components/Follow/button.vue";
+import portalHeader from "@/components/PortalHeader.vue";
+import portalFooter from "@/components/PortalFooter.vue";
+import comments from "@/components/Portal/comments.vue";
+import noteComments from "@/components/Portal/noteComment.vue";
+import interactBar from "@/components/Portal/interactBar.vue";
+import audioPlayer from "@/components/AudioPlayer/index.vue";
+import videoPlayer from "@/components/VideoPlayer/index.vue";
+import hyperLink from "@/components/Course/hyperLink.vue";
+import studyUtil from "@/utils/study.js";
+import { encrypt } from "@/utils/jsencrypt.js";
+import cookies from "vue-cookies";
+import apiStat from "@/api/phase2/stat.js";
+import apiStudy from "@/api/modules/courseStudy.js";
+import apiVideoStudy from "@/api/modules/videoStudy.js";
+import apiCourseGrade from "@/api/modules/courseGrade.js";
+import apiPraises from "@/api/modules/praises.js";
+import apiTrample from "@/api/modules/trample.js";
+import apiCoursePortal from "@/api/modules/coursePortal.js";
+import apiUser from "@/api/system/user.js";
+import apiCourseFile from "@/api/modules/courseFile.js";
+import {
+  resListMap,
+  resOwnerListMap,
+  courseType,
+  getType,
+  toScore,
+  newToScore,
+  cutOrgNamePath,
+  userAvatarText,
+} from "@/utils/tools.js";
+import pdfPreview from "@/components/PdfPreview/index.vue";
+import courseImage from "@/components/Course/courseImage.vue";
+import exam from "@/components/Course/exam";
+import homework from "@/components/Course/homework";
+import assess from "@/components/Course/assess";
+import myNote from "../../components/Course/myNote.vue";
+// ai播放器相关
+import aiScript from "../../components/Course/aiScript.vue";
+import apiFollow from "@/api/phase2/userfollow.js";
+import apiMessage from "@/api/system/message.js";
+// import Vue from 'vue';
+// Vue.forceUpdate();
+export default {
+  name: "atticle",
+  components: {
+    courseImage,
+    portalHeader,
+    hyperLink,
+    comments,
+    homework,
+    exam,
+    interactBar,
+    assess,
+    pdfPreview,
+    audioPlayer,
+    videoPlayer,
+    myNote,
+    aiScript,
+    noteComments,
+    portalFooter,
+    followButton,
+  },
+  data() {
+    return {
+      protocolDialogVisible: false,
+      tentative: false,
+      isContentTypeTwo: null,
+      isContentType: null,
+      activeId: "",
+      isFalse: false,
+      defaultOpeneds: [],
+      sendEventProgress: 0,
+      trueFalse: true,
+      audiences: "",
+      isCrowd: false,
+      cutOrgNamePath,
+      scormUrl: "", //当前播放的scormUrl
+      loading: false,
+      controlHeight: 400, //左边控制区域的内容高度
+      timer: "",
+      notePlay: null,
+      intTimeNote: "",
+      courestab: 2, //默认是课程评论
+      curCFile: {
+        converStatus: 4,
+      },
+      Internet: 3, //1是成功 2是是失败 3是检测中
+      radio: "",
+      interactRuning: false,
+      playerBoxShow: false,
+      userAvatarText,
+      canScore: false,
+      publicPath: process.env.VUE_APP_PUBLIC_PATH,
+      showiframe: false,
+      toScore,
+      courseId: "", //当前课程的id
+      studyId: "", //当前学习的id
+      initContentId: "", //初始化当前学习的内容节
+      blobUrl: "", //播放的文件地址，新添加，采用blob方式
+      contentData: {
+        studyItemId: "",
+        status: 1,
+      }, //当前的显示的内容
+      conLink: {
+        openType: 1,
+        url: "",
+      }, //对于超连接的内容
+      curriculumData: {
+        url: "",
+        isDrag: true,
+        completeSetup: 0,
+        setupTage: 0,
+        second: 0,
+      }, // 课件内容
+      courseInfo: {
+        id: "",
+        name: "",
+      }, //课程信息
+      totalContent: 0, //课程内容数量
+      pageCount: 0,
+      currentPage: 0,
+      fileBaseUrl: this.$xpage.constants.fileBaseUrl, //使用动态的路径 ，不使用配置的路径了process.env.VUE_APP_FILE_BASE_URL,
+      contentList: [],
+      sectionList: [],
+      teachers: [],
+      toUsers: [], //对于@教师的处理
+      getType: getType,
+      ctabName: "catalog",
+      resType: null,
+      renderCourse: true,
+      activeNames: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9],
+      scoreInfo: {
+        dlgShow: false,
+        score: 5,
+        has: false,
+      },
+      isPraise: false,
+      isTrample: false,
+      appendStartTime: null, //记录追加的开始时间
+      appendHandle: null, //追加学习时长的timeout句柄
+      isAppendTime: false, //是否追加学习时长
+      appentId: "", //当前追加的学习时长的id,此字段已经不再使用
+      appentInterval: 15, //追加学习时间的间隔 5秒加一次
+      handleTimeout: null,
+      completed: [],
+      tab: 1,
+      notetab: 1,
+      localTimeKey: "boeu-study-time", //本地存储的学习时长的key   json格式
+      localTimeValue: 0, //计算的时间
+      appendStudyOtherHandle: null,
+      cumulativeDuration: 0, //非音频累计时长
+      maxDuration: 0, //非音频最大时长
+      defaultMaxTime: 1800, //非音频默认最大时间
+      warn: "测试内容",
+      warnTitle: "测试标题",
+      isFinishingStudyItem: false, // 防止重复调用完成状态更新接口
+    };
+  },
+  mounted() {
+    this.getInternet();
+    // 增加的用户受众id
+    let localKey = "user_" + this.userInfo.sysId + "_gids";
+    let hasIds = sessionStorage.getItem(localKey);
+    this.audiences = hasIds ?? "";
+    this.$watermark.set(this.userInfo.name + this.userInfo.loginName);
+    this.courseId = this.$route.query.id;
+    this.initContentId = this.$route.query.contentId;
+    this.stopStudyTime(); //先关闭
+    this.cleanAppendTime(); //
+    this.loadData();
+  },
+  computed: {
+    // ai播放器相关
+    ...mapGetters(["userInfo", 'selectableLang']),
+    catalogTree() {
+      let treeList = [];
+      this.completed = [];
+      let $this = this;
+      $this.sectionList.forEach((sec) => {
+        let treeNode = {
+          section: sec,
+          children: [],
+        };
+        sec.status = 1;
+        let finishCount = 0;
+        $this.contentList.forEach((c) => {
+          if (c.csectionId == sec.id) {
+            if (c.status > 1) {
+              sec.status = 2;
               if (c.status == 9) {
-                $this.completed.push(c.id);
+                finishCount++;
               }
-              treeNode.children.push(c);
             }
-          });
-          if (finishCount == treeNode.children.length) {
-            sec.status = 9;
+            if (c.status == 9) {
+              $this.completed.push(c.id);
+            }
+            treeNode.children.push(c);
           }
-          treeList.push(treeNode);
         });
-        // console.log(treeList,'treeList')
-        return treeList;
+        if (finishCount == treeNode.children.length) {
+          sec.status = 9;
+        }
+        treeList.push(treeNode);
+      });
+      // console.log(treeList,'treeList')
+      return treeList;
+    },
+  },
+  methods: {
+    // ai播放器相关
+    // 处理从AI文稿组件传递过来的时间跳转事件
+    changeCurrentTime(time) {
+      console.log(time, 'time')
+      this.$refs.myVideoPlayer && this.$refs.myVideoPlayer.seekToTime(time);
+    },
+    ...mapMutations({
+      SET_selectableLang: 'video/SET_selectableLang',
+      SET_courseInfo: 'video/SET_courseInfo',
+    }),
+    handleOpen(key, path) {
+      if (this.isFalse) {
+        this.defaultOpeneds = [key];
+      }
+      this.isFalse = false;
+    },
+    handleClose(key, path) { },
+    toUserHome(tea) {
+      this.$router.push({ path: this.$xpage.getHomePath(tea.teacherId) });
+    },
+    noteChange() {
+      //视频点定位，直接到播放的视频位置
+      this.timer = new Date().getTime();
+    },
+    //清空追加学习时长事件
+    cleanAppendTime() {
+      if (this.appendStudyOtherHandle) {
+        window.clearTimeout(this.appendStudyOtherHandle);
       }
     },
-    methods: {
-      newToScore,
-      handleCancelScore() {
-        this.isShowScoreConfirm = false;
-        this.canScore = false
-        this.scoreInfo.score = 5
-      },
-      showConfirmScore() {
-        this.isShowScoreConfirm = true;
-      },
-      handleOpen(key,path){
-        if(this.isFalse){
-          this.defaultOpeneds = [key]
+    //非音视频课学习时长的增加,每一分钟保存一次
+    appendStudyOtherTime() {
+      //console.log('开始追加学习时长',this.isAppendTime);
+      if (this.studyId == "") {
+        return;
+      }
+      if (!this.contentData.id) {
+        return;
+      }
+      //每一分钟保存一次
+      // 取消阅读的每分钟六十秒的计时，最多是设置的时间或默认时间
+      let $this = this;
+      let startTime = new Date().getTime();
+      this.appendStudyOtherHandle = setTimeout(function () {
+        let endTime = new Date().getTime();
+        let totalTime = Math.round((endTime - startTime) / 1000);
+        $this.cumulativeDuration += totalTime;
+        if ($this.cumulativeDuration <= $this.maxDuration) {
+          //发送时长
+          $this.sendStudyOtherTime(totalTime);
+          //递归调用
+          $this.appendStudyOtherTime();
+        } else {
+          clearTimeout(this.appendStudyOtherHandle);
+          $this.cumulativeDuration = 0;
+          $this.maxDuration = 0;
         }
-        this.isFalse = false
-      },
-      handleClose(key,path){
-      },
-      toUserHome(tea){
-        this.$router.push({path:this.$xpage.getHomePath(tea.teacherId)})
-      },
-      noteChange(){
-        //视频点定位，直接到播放的视频位置
-        this.timer = new Date().getTime()
-      },
-      //清空追加学习时长事件
-      cleanAppendTime(){
-        if(this.appendStudyOtherHandle){
-          window.clearTimeout(this.appendStudyOtherHandle);
-        }
-      },
-      //非音视频课学习时长的增加,每一分钟保存一次
-      appendStudyOtherTime() {
-        //console.log('开始追加学习时长',this.isAppendTime);
-        if (this.studyId == '') {
-          return;
-        }
-        if (!this.contentData.id) {
-          return;
-        }
-        //每一分钟保存一次
-        // 取消阅读的每分钟六十秒的计时，最多是设置的时间或默认时间
-        let $this=this;
-        let startTime = new Date().getTime();
-        this.appendStudyOtherHandle = setTimeout(function() {
-          let endTime = new Date().getTime();
-          let totalTime = Math.round((endTime - startTime) / 1000);
-          $this.cumulativeDuration += totalTime;
-          if($this.cumulativeDuration <= $this.maxDuration){
-            //发送时长
-            $this.sendStudyOtherTime(totalTime);
-            //递归调用
-            $this.appendStudyOtherTime();
-          }else{
-            clearTimeout(this.appendStudyOtherHandle);
-            $this.cumulativeDuration = 0;
-            $this.maxDuration = 0;
-          }
-        }, 1000*60);
-
-      },
-      sendStudyOtherTime(totalTime){
-        //静默处理
-        apiStat.sendEvent({
-          "key": "StudyCourseOther",//课程学习的key
-          "title": "非音视频课内容",//事件的标题
-          "parameters":"second:" + totalTime,//second:value 本次的学习时长
-          "content": "学习课程",//事件的内容
-          "objId": this.courseInfo.id,//课程的id
-          "objType": "1",//类型
-          "source":"page",
-          "objInfo": ""+this.courseInfo.name,
-          "aid":this.userInfo.aid, //当前登录人的id
-          "aname":this.userInfo.name,//当前人的姓名
-          "status": 1 //状态
-        }).then(rs=>{
-          if(rs.status != 200) {
+      }, 1000 * 60);
+    },
+    sendStudyOtherTime(totalTime) {
+      //静默处理
+      apiStat
+        .sendEvent({
+          key: "StudyCourseOther", //课程学习的key
+          title: "非音视频课内容", //事件的标题
+          parameters: "second:" + totalTime, //second:value 本次的学习时长
+          content: "学习课程", //事件的内容
+          objId: this.courseInfo.id, //课程的id
+          objType: "1", //类型
+          source: "page",
+          objInfo: "" + this.courseInfo.name,
+          aid: this.userInfo.aid, //当前登录人的id
+          aname: this.userInfo.name, //当前人的姓名
+          status: 1, //状态
+        })
+        .then((rs) => {
+          if (rs.status != 200) {
             console.log(rs.message);
           }
         });
-      },
-      //笔记组件触发，播放指定时间
-      onPlayVideo(contentId,time){
-        //这里需要根据contentId,是否切换到对应的内容的视频的时间
-        //如果 contentId已经不存在，需要提示
-        console.log(contentId,this.contentData.id,'两个内容id');
-        let $this=this;
-        if(this.contentData.id==contentId){
-          this.onPlayerPause()
-          this.contentData.lastStudyTime=time;
+    },
+    //笔记组件触发，播放指定时间
+    onPlayVideo(contentId, time) {
+      //这里需要根据contentId,是否切换到对应的内容的视频的时间
+      //如果 contentId已经不存在，需要提示
+      console.log(contentId, this.contentData.id, "两个内容id");
+      let $this = this;
+      if (this.contentData.id == contentId) {
+        this.onPlayerPause();
+        this.contentData.lastStudyTime = time;
+        setTimeout(() => {
+          $this.$refs.myVideoPlayer.startPlay(time);
+        }, 10);
+        console.log("开始播放1");
+      } else {
+        //通过contentId
+        let toResContent = null;
+        this.contentList.forEach((c) => {
+          if (c.id == contentId) {
+            c.lastStudyTime = time;
+            toResContent = c;
+          }
+        });
+        if (toResContent) {
+          this.changePlayRes(toResContent);
           setTimeout(() => {
             $this.$refs.myVideoPlayer.startPlay(time);
-          }, 10)
-          console.log('开始播放1');
-        }else{
-          //通过contentId
-          let toResContent=null;
-          this.contentList.forEach(c => {
-            if(c.id==contentId){
-              c.lastStudyTime=time;
-              toResContent=c;
-            }
-          });
-          if(toResContent){
+          }, 10);
 
-            this.changePlayRes(toResContent);
-            setTimeout(() => {
-              $this.$refs.myVideoPlayer.startPlay(time);
-            }, 10)
-
-            console.log('开始播放2');
-          }else{
-            this.$message.error('资源已不存在或更换过，已无法定位');
-          }
-        }
-        this.playerBoxShow = false;
-      },
-      //笔记组件触发,记录当前播放时间
-      videoLocation() {
-        this.$refs.mynote.setVideoTime(this.contentData.id,this.intTimeNote);
-      },
-      coutab(n) {
-        this.courestab =n;
-      },
-      createPlayUrl(fid, u) {
-        let nowDate = new Date();
-        let ctime = parseInt(nowDate.getTime() / 1000);
-        let beforeUrl = parseInt(nowDate.getTime() / 1000) + '/' + fid;
-        let urlSign = encodeURIComponent(encrypt(beforeUrl));
-        cookies.set('PLAYSIGN_TIME', ctime); //写客户端的cookie保存
-        //以下判断是为了区分本地环境和服务器环境
-        if (process.env.NODE_ENV == 'development') {
-          this.blobUrl = process.env.VUE_APP_FILE_BASE_URL + u;
+          console.log("开始播放2");
         } else {
-          this.blobUrl = process.env.VUE_APP_BASE_API + '/xboe/m/course/cware/resource?sign=' + urlSign;
+          this.$message.error("资源已不存在或更换过，已无法定位");
         }
-        this.blobId = this.contentData.id
-      },
-      widthOpen(url) {
-        window.open(url, '_blank');
-      },
-      //替换播放区域
-      changePlayRes(r,item){
-        this.tentative = false;
-        if(this.appendStudyOtherHandle!=null){
-          window.clearTimeout(this.appendStudyOtherHandle);
-        }
-        this.playerBoxShow = false;
-        //显示内容部分
-        this.$refs.mynote.showVideoTimeBtn(false);
-        let $this = this;
-        this.resType = r.contentType;
-        this.contentData = r;
-        this.activeId = this.contentData.id
-        if(item){
-          this.isFalse = true
-          this.handleOpen(item.section.id,[item.section.id])
-        }
-        this.contentData.name = this.courseInfo.name;
-        this.saveStudyDuration();
+      }
+      this.playerBoxShow = false;
+    },
+    //笔记组件触发,记录当前播放时间
+    videoLocation() {
+      this.$refs.mynote.setVideoTime(this.contentData.id, this.intTimeNote);
+    },
+    coutab(n) {
+      this.courestab = n;
+    },
+    createPlayUrl(fid, u) {
+      let nowDate = new Date();
+      let ctime = parseInt(nowDate.getTime() / 1000);
+      let beforeUrl = parseInt(nowDate.getTime() / 1000) + "/" + fid;
+      let urlSign = encodeURIComponent(encrypt(beforeUrl));
+      cookies.set("PLAYSIGN_TIME", ctime); //写客户端的cookie保存
+      //以下判断是为了区分本地环境和服务器环境
+      if (process.env.NODE_ENV == "development") {
+        this.blobUrl = process.env.VUE_APP_FILE_BASE_URL + u;
+      } else {
+        this.blobUrl =
+          process.env.VUE_APP_BASE_API +
+          "/xboe/m/course/cware/resource?sign=" +
+          urlSign;
+      }
+      this.blobId = this.contentData.id;
+    },
+    widthOpen(url) {
+      window.open(url, "_blank");
+    },
+    //替换播放区域
+    changePlayRes(r, item) {
+      this.tentative = false;
+      if (this.appendStudyOtherHandle != null) {
+        window.clearTimeout(this.appendStudyOtherHandle);
+      }
+      this.playerBoxShow = false;
+      //显示内容部分
+      this.$refs.mynote.showVideoTimeBtn(false);
+      let $this = this;
+      this.resType = r.contentType;
+      this.contentData = r;
+      this.activeId = this.contentData.id;
+      if (item) {
+        this.isFalse = true;
+        this.handleOpen(item.section.id, [item.section.id]);
+      }
+      this.contentData.name = this.courseInfo.name;
+      this.saveStudyDuration();
 
-        if (r.contentType == 10 || r.contentType == 20) {
-          this.trueFalse = true
-          if (r.content.startsWith('\{')) {
-            this.curriculumData = JSON.parse(r.content);
-          } else {
-            this.curriculumData.url = r.content;
-          }
-          this.$refs.mynote.showVideoTimeBtn(true);
-          this.createPlayUrl(r.contentRefId, this.curriculumData.url);
-        } else if (r.contentType == 40) {
-          // if (r.content != '' && r.content.indexOf('.pdf') == -1) {
-          apiCourseFile.detail(r.contentRefId).then(cfrs => {
-            if (cfrs.status == 200) {
-              r.content = cfrs.result.previewFilePath;
-              this.curCFile = cfrs.result;
-              if (cfrs.result.previewFilePath == '' && cfrs.result.filePath.indexOf('pdf') > -1) {
-                r.content = cfrs.result.filePath;
-                this.curCFile.converStatus = 2;
-              }
-              if (r.content && r.content.indexOf('.pdf') > -1) {
-                this.curCFile.converStatus = 2;
-              }
-            } else {
-              $this.$message.error('加载pdf课件文件失败');
+      if (r.contentType == 10 || r.contentType == 20) {
+        this.trueFalse = true;
+        if (r.content.startsWith("{")) {
+          this.curriculumData = JSON.parse(r.content);
+        } else {
+          this.curriculumData.url = r.content;
+        }
+        this.$refs.mynote.showVideoTimeBtn(true);
+        // ai播放器相关 - 视频类型加载ai相关功能
+        if (r.contentType == 10) {
+          this.handleAIVideo(r.boeaiSubtitleRspList, r);
+        }
+        this.createPlayUrl(r.contentRefId, this.curriculumData.url);
+      } else if (r.contentType == 40) {
+        // if (r.content != '' && r.content.indexOf('.pdf') == -1) {
+        apiCourseFile.detail(r.contentRefId).then((cfrs) => {
+          if (cfrs.status == 200) {
+            r.content = cfrs.result.previewFilePath;
+            this.curCFile = cfrs.result;
+            if (
+              cfrs.result.previewFilePath == "" &&
+              cfrs.result.filePath.indexOf("pdf") > -1
+            ) {
+              r.content = cfrs.result.filePath;
+              this.curCFile.converStatus = 2;
             }
-          });
-          // }
-        }else if(r.contentType==50){ //scorm
-          this.scormUrl='';
-          apiCourseFile.detail(r.contentRefId).then(cfrs => {
-            if(cfrs.status==200){
-              this.curCFile = cfrs.result;
-              //this.scormUrl=cfrs
-              let pars='?mode=normal&r='+Math.random();
-              pars+='&scormId='+this.curCFile.id;
-              pars+='&courseId='+this.courseId;
-              pars+='&contentId='+r.id;
-              pars+='&studentId='+this.userInfo.aid;
-              pars+='&studentName='+encodeURIComponent(this.userInfo.name);
-              pars+='&lmsId='+this.studyId;
-              pars+='&scoId=';//不指定，scorm模块自动根据学习记录定位
-              let urlPre=window.location.protocol;
-              let configUrl=process.env.VUE_APP_SCORM_URL;
-              configUrl=urlPre+configUrl.substring(configUrl.indexOf(':')+1);
-
-              this.scormUrl=configUrl+pars;//播放的首页
+            if (r.content && r.content.indexOf(".pdf") > -1) {
+              this.curCFile.converStatus = 2;
             }
-          });
-
-        }else if (r.contentType == 52) {
-          this.isAppendTime = false;
-          if (r.content.startsWith('\{')) {
-            this.conLink = JSON.parse(r.content);
           } else {
-            this.conLink.url = r.content;
-            this.conLink.openType = 1;
+            $this.$message.error("加载pdf课件文件失败");
           }
-          if (this.conLink.openType == 2) {
-            //直接设置完成状态
-            this.widthOpen(this.conLink.url);
+        });
+        // }
+      } else if (r.contentType == 50) {
+        //scorm
+        this.scormUrl = "";
+        apiCourseFile.detail(r.contentRefId).then((cfrs) => {
+          if (cfrs.status == 200) {
+            this.curCFile = cfrs.result;
+            //this.scormUrl=cfrs
+            let pars = "?mode=normal&r=" + Math.random();
+            pars += "&scormId=" + this.curCFile.id;
+            pars += "&courseId=" + this.courseId;
+            pars += "&contentId=" + r.id;
+            pars += "&studentId=" + this.userInfo.aid;
+            pars += "&studentName=" + encodeURIComponent(this.userInfo.name);
+            pars += "&lmsId=" + this.studyId;
+            pars += "&scoId="; //不指定，scorm模块自动根据学习记录定位
+            let urlPre = window.location.protocol;
+            let configUrl = process.env.VUE_APP_SCORM_URL;
+            configUrl =
+              urlPre + configUrl.substring(configUrl.indexOf(":") + 1);
+
+            this.scormUrl = configUrl + pars; //播放的首页
           }
-          //this.conLink=
-        } else if (r.contentType == 61) {
-          // 考试
-        } else if (r.contentType == 60) {
-          // 作业
-        } else if (r.contentType == 62) {
-          // 评估
-          //评估不需要查找，因为内容就是content中
-          //console.log('评估处理');
+        });
+      } else if (r.contentType == 52) {
+        this.isAppendTime = false;
+        if (r.content.startsWith("{")) {
+          this.conLink = JSON.parse(r.content);
+        } else {
+          this.conLink.url = r.content;
+          this.conLink.openType = 1;
         }
-        if (this.contentData.status < 2) {
-          // this.contentData.status = 2; //进行中
-          if(r.contentType != 61&&r.contentType != 20 && r.contentType != 10){
-            setTimeout(() => {
-              this.isContentTypeTwo = r.contentType
-              $this.isShowTime()
-            }, 2000);
-          }
+        if (this.conLink.openType == 2) {
+          //直接设置完成状态
+          this.widthOpen(this.conLink.url);
         }
-        //以下是学习记录,50是scorm项目
-        if (this.contentData.contentType > 20 && this.contentData.contentType !== 50) { //非视频类的
-          //用户的学习时长，非音视频课程学习,单独的处理
-          this.isAppendTime = false;
+        //this.conLink=
+      } else if (r.contentType == 61) {
+        // 考试
+      } else if (r.contentType == 60) {
+        // 作业
+      } else if (r.contentType == 62) {
+        // 评估
+        //评估不需要查找，因为内容就是content中
+        //console.log('评估处理');
+      }
+      if (this.contentData.status < 2) {
+        // this.contentData.status = 2; //进行中
+        if (r.contentType != 61 && r.contentType != 20 && r.contentType != 10) {
+          setTimeout(() => {
+            this.isContentTypeTwo = r.contentType;
+            $this.isShowTime();
+          }, 2000);
+        }
+      }
+      //以下是学习记录,50是scorm项目
+      if (
+        this.contentData.contentType > 20 &&
+        this.contentData.contentType !== 50
+      ) {
+        //非视频类的
+        //用户的学习时长，非音视频课程学习,单独的处理
+        this.isAppendTime = false;
 
-          this.appendStudyOtherHandle = setTimeout(function() {
-            // 开始之前把响应式清空
-            $this.maxDuration = 0;
-            $this.cumulativeDuration = 0;
-            // 没有设置默认时长三十分钟，
-            $this.maxDuration =  r.duration !== 0 ? r.duration * 2 : $this.defaultMaxTime;
-            $this.$store.dispatch("userTrigger", {
-              "key": "StudyCourseOther",//课程学习的key
-              "title": "非音视频课内容",//事件的标题
-              "parameters":"second:15",//second:value 本次的学习时长
-              "content": "学习课程",//事件的内容
-              "objId": $this.courseInfo.id,//课程的id
-              "objType": "1",//类型
-              "source":"page",
-              "objInfo": ""+$this.courseInfo.name,
-              "aid":$this.userInfo.aid, //当前登录人的id
-              "aname":$this.userInfo.name,//当前人的姓名
-              "status": 1 //状态
-            });
-            $this.appendStudyOtherTime();
-          }, 15000); //非音视频课程学习,十五秒后记录
-          this.isContentType = this.contentData.contentType
-          if (this.contentData.contentType != 50) {
-            this.handleTimeout = setTimeout(function(){
-              $this.saveStudyInfo();
-            }, 5000); //5秒后记录学习完成
-          }else{
-            //scorm课件不记录完成情况，由播放回调记录完成情况
-            //当前先保存学习记录，未学习状态
-            this.saveScormStudy();
-          }
+        this.appendStudyOtherHandle = setTimeout(function () {
+          // 开始之前把响应式清空
+          $this.maxDuration = 0;
+          $this.cumulativeDuration = 0;
+          // 没有设置默认时长三十分钟，
+          $this.maxDuration =
+            r.duration !== 0 ? r.duration * 2 : $this.defaultMaxTime;
+          $this.$store.dispatch("userTrigger", {
+            key: "StudyCourseOther", //课程学习的key
+            title: "非音视频课内容", //事件的标题
+            parameters: "second:15", //second:value 本次的学习时长
+            content: "学习课程", //事件的内容
+            objId: $this.courseInfo.id, //课程的id
+            objType: "1", //类型
+            source: "page",
+            objInfo: "" + $this.courseInfo.name,
+            aid: $this.userInfo.aid, //当前登录人的id
+            aname: $this.userInfo.name, //当前人的姓名
+            status: 1, //状态
+          });
+          $this.appendStudyOtherTime();
+        }, 15000); //非音视频课程学习,十五秒后记录
+        this.isContentType = this.contentData.contentType;
+        if (this.contentData.contentType != 50) {
+          this.handleTimeout = setTimeout(function () {
+            $this.saveStudyInfo();
+          }, 5000); //5秒后记录学习完成
+        } else {
+          //scorm课件不记录完成情况，由播放回调记录完成情况
+          //当前先保存学习记录，未学习状态
+          this.saveScormStudy();
+        }
+      }
+
+      this.$nextTick(function () {
+        if (r.contentType == 10) {
+          console.log("视频处理lastStudyTime", this.contentData.lastStudyTime);
+          console.log("视频处理progressVideo", this.contentData.progressVideo);
+          this.$refs.myVideoPlayer.updateProgressByClickBar2(
+            this.contentData.lastStudyTime,
+            this.contentData.progressVideo
+          );
         }
 
-
-        this.$nextTick(function(){
-          if (r.contentType == 10) {
-            console.log('视频处理lastStudyTime',this.contentData.lastStudyTime)
-            console.log('视频处理progressVideo',this.contentData.progressVideo)
-            this.$refs.myVideoPlayer.updateProgressByClickBar2(this.contentData.lastStudyTime,this.contentData.progressVideo);
-          }
-
-          let h=$this.$refs.coursePlayer.offsetHeight;
-          //解决获取高度不正的问题
-          if(h>400 && h<500){
-            h=h+40;
-          }else if(h>500){
-            h=h+60;
-          }
-          // 移除高度控制 防止内容塌陷
-            // $this.controlHeight=h-95;
-        })
-
-
-        // 视频设置禁用处理逻辑,如果用户已全部观看完该视频，则设置为能全部拖动的逻辑，把isDrag设置为true即可,同时删除本地存储的数据
-        if(this.contentData.progressVideo ===1){
-          var obj = JSON.parse(this.contentData.content)
-          obj.isDrag = true
-          this.contentData.content = JSON.stringify(obj)
-          this.curriculumData.isDrag = true
-          var time = localStorage.getItem('videoProgressData')
-          var arr = time&&JSON.parse(time) || {}
-          //alert(con.progressVideo+'--'+con.id + '--'+JSON.stringify(arr))
-          delete arr[this.contentData.id];
-          localStorage.setItem('videoProgressData',JSON.stringify(arr))
-        }
-        if(this.contentData.progressVideo>0 && this.contentData.progressVideo !==1){
-          var time = localStorage.getItem('videoProgressData')
-          var arr = time&&JSON.parse(time) || {}
-          arr[this.contentData.id] = this.contentData.progressVideo
-          localStorage.setItem('videoProgressData',JSON.stringify(arr))
+        let h = $this.$refs.coursePlayer.offsetHeight;
+        //解决获取高度不正的问题
+        if (h > 400 && h < 500) {
+          h = h + 40;
+        } else if (h > 500) {
+          h = h + 60;
         }
+        // 移除高度控制 防止内容塌陷
+        // $this.controlHeight=h-95;
+      });
 
-      },
-      isShowTime(){
-        if(this.isContentTypeTwo != this.contentData.contentType){
-          return
-        }
-        this.contentData.status = 2;
-      },
-      showRes(r, i, index,item) { //i:子节下标，index:章下标
-        // 无权限查看不能点击
-        if(!this.isCrowd){
-          return
-        }
-        if (i != undefined && i!=-1 && index != undefined && r.status < 9) {
-          if (this.courseInfo.orderStudy) {
-            //判断上个是否学完
-            if (i == 0) {
-              if (index > 0) { //第一章 第一节
-                let preCatalog = this.catalogTree[index - 1];
-                let last = preCatalog.children[preCatalog.children.length - 1];
-                if (last.status != 9) {
-                  this.$message.warning('请按顺序学习！');
-                  return;
-                }
-              }
-            } else {
-              let pre = this.catalogTree[index].children[i - 1];
-              if (pre.status != 9) {
-                this.$message.warning('请按顺序学习！');
+      // 视频设置禁用处理逻辑,如果用户已全部观看完该视频，则设置为能全部拖动的逻辑，把isDrag设置为true即可,同时删除本地存储的数据
+      if (this.contentData.progressVideo === 1) {
+        var obj = JSON.parse(this.contentData.content);
+        obj.isDrag = true;
+        this.contentData.content = JSON.stringify(obj);
+        this.curriculumData.isDrag = true;
+        var time = localStorage.getItem("videoProgressData");
+        var arr = (time && JSON.parse(time)) || {};
+        //alert(con.progressVideo+'--'+con.id + '--'+JSON.stringify(arr))
+        delete arr[this.contentData.id];
+        localStorage.setItem("videoProgressData", JSON.stringify(arr));
+      }
+      if (
+        this.contentData.progressVideo > 0 &&
+        this.contentData.progressVideo !== 1
+      ) {
+        var time = localStorage.getItem("videoProgressData");
+        var arr = (time && JSON.parse(time)) || {};
+        arr[this.contentData.id] = this.contentData.progressVideo;
+        localStorage.setItem("videoProgressData", JSON.stringify(arr));
+      }
+    },
+    // ai播放器相关 - 视频处理
+    handleAIVideo(list = [], r) {
+      console.log('触发了-----------list', list);
+      this.SET_selectableLang(list);
+      this.SET_courseInfo(this.courseInfo);
+      if (this.courseInfo.aiSet && this.courseInfo.aiAbstract == 1 && this.courseInfo.summaryContent) {
+        this.coutab(4);
+      }
+      console.log("ai处理", this.selectableLang);
+    },
+    isShowTime() {
+      if (this.isContentTypeTwo != this.contentData.contentType) {
+        return;
+      }
+      this.contentData.status = 2;
+    },
+    showRes(r, i, index, item) {
+      //i:子节下标，index:章下标
+      // 无权限查看不能点击
+      if (!this.isCrowd) {
+        return;
+      }
+      if (i != undefined && i != -1 && index != undefined && r.status < 9) {
+        if (this.courseInfo.orderStudy) {
+          //判断上个是否学完
+          if (i == 0) {
+            if (index > 0) {
+              //第一章 第一节
+              let preCatalog = this.catalogTree[index - 1];
+              let last = preCatalog.children[preCatalog.children.length - 1];
+              if (last.status != 9) {
+                this.$message.warning("请按顺序学习！");
                 return;
               }
             }
-            //判断是否是第一个未学完的
-            let isAllow = false;
-            let has = this.catalogTree.some(treeNode => {
-              let hasNo = treeNode.children.some(child => {
-                if (child.status < 9) {
-                  if (child.id == r.id) {
-                    isAllow = true;
-                  }
-                  return true;
-                } else {
-                  return false;
+          } else {
+            let pre = this.catalogTree[index].children[i - 1];
+            if (pre.status != 9) {
+              this.$message.warning("请按顺序学习！");
+              return;
+            }
+          }
+          //判断是否是第一个未学完的
+          let isAllow = false;
+          let has = this.catalogTree.some((treeNode) => {
+            let hasNo = treeNode.children.some((child) => {
+              if (child.status < 9) {
+                if (child.id == r.id) {
+                  isAllow = true;
                 }
-
-              });
-              return hasNo;
+                return true;
+              } else {
+                return false;
+              }
             });
-            if (has) {
-              if (!isAllow) {
-                this.$message.warning('请按顺序学习！');
-                return;
-              }
+            return hasNo;
+          });
+          if (has) {
+            if (!isAllow) {
+              this.$message.warning("请按顺序学习！");
+              return;
             }
           }
         }
-        this.changePlayRes(r,item);
-      },
-      loadScorePraiseAndTrample() {
-        //加载是否请过分
-        apiCourseGrade.has(this.courseId).then(rs => {
-          if (rs.status == 200 && rs.result) {
-            this.scoreInfo.has = true;
+      }
+      this.changePlayRes(r, item);
+    },
+    loadScorePraiseAndTrample() {
+      //加载是否请过分
+      apiCourseGrade.has(this.courseId).then((rs) => {
+        if (rs.status == 200 && rs.result) {
+          this.scoreInfo.has = true;
+        }
+      });
+      apiPraises.has(1, this.courseId).then((rs) => {
+        if (rs.status == 200 && rs.result) {
+          this.isPraise = true;
+        }
+      });
+      apiTrample.has(this.courseId).then((rs) => {
+        if (rs.status == 200 && rs.result) {
+          this.isTrample = true;
+        }
+      });
+    },
+    addScore() {
+      let that = this;
+      let postData = {
+        courseId: this.courseInfo.id,
+        studyId: this.studyId,
+        score: this.scoreInfo.score,
+      };
+      if (this.scoreInfo.score > 0) {
+        apiCourseGrade.grade(postData).then((rs) => {
+          if (rs.status == 200) {
+            this.$message.success("打分成功，谢谢您的打分");
+            that.scoreInfo.has = true;
+            that.courseInfo.score = rs.result;
+            that.canScore = false;
+            let event = {
+              key: "ScoreCourse", //后台的事件key  发布文章且审核通过
+              title: "完成课程评分", //事件的标题
+              parameters: "", //用户自定义参数 name:value,name:value
+              content: "给课程评分", //事件的内容
+              objId: this.courseInfo.id, //关联的id
+              objType: 1, //关联的类型
+              objInfo: this.courseInfo.name,
+              aid: this.userInfo.aid, //当前登录人的id
+              aname: this.userInfo.name, //当前人的姓名
+              status: 1, //状态，直接写1
+            };
+            this.$store.dispatch("userTrigger", event);
+          } else {
+            this.$message.error("打分处理失败，请稍后再试");
           }
         });
-        apiPraises.has(1, this.courseId).then(rs => {
-          if (rs.status == 200 && rs.result) {
-            this.isPraise = true;
-          }
-        });
-        apiTrample.has(this.courseId).then(rs => {
-          if (rs.status == 200 && rs.result) {
-            this.isTrample = true;
-          }
-        });
-      },
-      addScore() {
-        let that = this;
-        let postData = {
-          courseId: this.courseInfo.id,
-          studyId: this.studyId,
-          score: this.scoreInfo.score
-        };
-        if (this.scoreInfo.score > 0) {
-          apiCourseGrade.grade(postData).then(rs => {
-            if (rs.status == 200) {
-              this.canScore = false
-              this.$showMessage('打分成功，谢谢您的打分', "success");
-              that.scoreInfo.has = true;
-              that.courseInfo.score = rs.result;
-              let event = {
-                key: "ScoreCourse", //后台的事件key  发布文章且审核通过
-                title: "完成课程评分", //事件的标题
-                parameters: "", //用户自定义参数 name:value,name:value
-                content: "给课程评分", //事件的内容
-                objId: this.courseInfo.id, //关联的id
-                objType: 1, //关联的类型
-                objInfo: this.courseInfo.name,
-                aid: this.userInfo.aid, //当前登录人的id
-                aname: this.userInfo.name, //当前人的姓名
-                status: 1 //状态，直接写1
-              }
-              this.$store.dispatch("userTrigger", event);
-
-            } else {
-              this.$showMessage('打分处理失败，请稍后再试', "error");
-            }
-          });
-        }
-      },
-      praiseContent() {
-        if(this.isTrample) {
-          this.$message.error('您已踩过了，不能再赞了');
-          return;
-        }
-        if(this.interactRuning) {
-          return;
-        }
-        this.interactRuning = true;
-        let teacherId='';
-        if(this.teachers.length>0){
-          teacherId=this.teachers[0].teacherId;
-        }else{
-          teacherId=this.courseInfo.sysCreateAid
-        }
-        let postData = {
-          objType: 1,
-          objId: this.courseId,
-          title: this.courseInfo.name
-        };
-        if (this.isPraise) {
-          apiPraises.remove(1, this.courseInfo.id).then(res => {
-            this.interactRuning = false;
-            if (res.status == 200) {
-              this.$message.info('已取消点赞');
-              this.isPraise = false;
-              this.courseInfo.praises--;
-              let event = {
-                key: "CancelPraise",//点赞
-                title: "取消点赞",//事件的标题
-                parameters:"author:"+teacherId,//用户自定义参数 name:value,name:value
-                content: "取消点赞课程",//事件的内容
-                objId: this.courseId,//关联的id
-                objType: "1",//关联的类型
-                objInfo: this.courseInfo.name,
-                aid: this.userInfo.aid, //当前登录人的id
-                aname: this.userInfo.name,//当前人的姓名
-                status: 1 //状态，直接写1
-              }
-              this.$store.dispatch("userTrigger", event);
-            } else {
-              this.$message.error('取消点赞失败,请稍后再试');
-            }
-          });
-        } else {
-          apiPraises.save(postData).then(rs => {
-            this.interactRuning = false;
-            if (rs.status == 200) {
-              this.$message.success('点赞成功');
-              this.isPraise = true;
-              this.courseInfo.praises++;
-              let event = {
-                key: "Praise",//点赞
-                title: "点赞",//事件的标题
-                parameters:"author:"+teacherId,//用户自定义参数 name:value,name:value
-                content: "点赞了课程",//事件的内容
-                objId: this.courseId,//关联的id
-                objType: "1",//关联的类型
-                objInfo: this.courseInfo.name,
-                aid: this.userInfo.aid, //当前登录人的id
-                aname: this.userInfo.name,//当前人的姓名
-                status: 1 //状态，直接写1
-              }
-              this.$store.dispatch("userTrigger", event);
-              //发送点赞消息
-              let firstTeacher=this.teachers[0];
-              let message={
-                content:this.userInfo.name+'点赞了我的课程-'+this.courseInfo.name,
-                refId:this.courseInfo.id,
-                refType:1,
-                source:1,
-                pageType:1,
-                pageParams:this.courseInfo.id,
-                pageUrl:location.href,
-                sendAid:this.userInfo.aid,
-                sendName:this.userInfo.name,
-                acceptName:firstTeacher.teacherName,
-                acceptId:firstTeacher.teacherId,
-                title:'系统消息',
-                sendType:1,
-                conType:this.courseInfo.type,
-              }
-              apiMessage.save(message).then(res=>{
-                if(res.status!=200){ console.log('发送消息失败') }
-              })
-            } else {
-              this.$message.error('点赞失败,请稍后再试');
-            }
-          });
-        }
-      },
-      treadContent() {
-        if (this.isPraise) {
-          this.$message.error('您已赞过了，不能再踩了');
-          return;
-        }
-        if (this.interactRuning) {
-          return;
-        }
-        this.interactRuning = true;
-        if (this.isTrample) {
-          apiTrample.remove(this.courseInfo.id).then(rs => {
-            this.interactRuning = false;
-            if (rs.status == 200) {
-              this.$message.info('已取消踩');
-              this.isTrample = false;
-              this.courseInfo.trampleCount--;
-            } else {
-              this.$message.error('取消失败,请稍后再试');
-            }
-          });
-        } else {
-          apiTrample.trample(this.courseInfo.id).then(rs => {
-            this.interactRuning = false;
-            if (rs.status == 200) {
-              this.$message.success('已踩');
-              this.isTrample = true;
-              this.courseInfo.trampleCount++;
-            } else {
-              this.$message.error('踩失败,请稍后再试');
-            }
-          });
-        }
-      },
-      statusToContent(status) {
-        let data = null;
-        switch (status) {
-          case 1: {
-            data = {
-              text: '未开始',
-              class: 'catalog-cell-state1'
-            };
-            break;
-          }
-          case 2: {
-            data = {
-              text: '进行中',
-              class: 'catalog-cell-state2'
-            };
-            break;
-          }
-          case 9: {
-            data = {
-              text: '已完成',
-              class: 'catalog-cell-state9'
-            };
-            break;
-          }
-          default: {
-            data = {
-              text: '未开始',
-              class: 'catalog-cell-state1'
-            };
-          }
-            break;
-        }
-        return data;
-      },
-      loadAuthorInfo(list, ids) {
-        //加载作者信息，头像，机构信息
-        if (ids.length == 0) {
-          return;
-        }
-        apiUser.getByIds(ids).then(res => {
+      }
+    },
+    handleCancelScore() {
+      this.canScore = false;
+      this.scoreInfo.score = 5;
+    },
+    praiseContent() {
+      if (this.isTrample) {
+        this.$message.error("您已踩过了，不能再赞了");
+        return;
+      }
+      if (this.interactRuning) {
+        return;
+      }
+      this.interactRuning = true;
+      let teacherId = "";
+      if (this.teachers.length > 0) {
+        teacherId = this.teachers[0].teacherId;
+      } else {
+        teacherId = this.courseInfo.sysCreateAid;
+      }
+      let postData = {
+        objType: 1,
+        objId: this.courseId,
+        title: this.courseInfo.name,
+      };
+      if (this.isPraise) {
+        apiPraises.remove(1, this.courseInfo.id).then((res) => {
+          this.interactRuning = false;
           if (res.status == 200) {
-            list.forEach((item, index) => {
-              res.result.some(author => {
-                if (author.aid == item.teacherId) {
-                  item.authorInfo = author;
-                  if(author.avatar){
-                    item.avatar=this.fileBaseUrl + author.avatar;
-                  }
-                  return true;
-                } else {
-                  return false;
-                }
-              });
-
-            });
+            this.$message.info("已取消点赞");
+            this.isPraise = false;
+            this.courseInfo.praises--;
+            let event = {
+              key: "CancelPraise", //点赞
+              title: "取消点赞", //事件的标题
+              parameters: "author:" + teacherId, //用户自定义参数 name:value,name:value
+              content: "取消点赞课程", //事件的内容
+              objId: this.courseId, //关联的id
+              objType: "1", //关联的类型
+              objInfo: this.courseInfo.name,
+              aid: this.userInfo.aid, //当前登录人的id
+              aname: this.userInfo.name, //当前人的姓名
+              status: 1, //状态，直接写1
+            };
+            this.$store.dispatch("userTrigger", event);
           } else {
+            this.$message.error("取消点赞失败,请稍后再试");
           }
         });
-      },
-
-      onPlayerPlay() {
-        this.playerBoxShow = false;
-        let $this = this;
-        //这里有些不准备，如果文件未能加载，这个事件就是错误的
-        this.isAppendTime=true;
-        this.appendStudyTime();//启动追加学习时长
-      },
-
-      onFullscreen(full) {
-        let divId = 'videowatermark';
-        var div = document.getElementById('myVideoPlayer')
-        if (full) {
-          var div3 = document.createElement("div");
-          div3.id = divId;
-          div3.setAttribute("class", "fullmark");
-          div3.innerHTML = '';
-          //从父组件传过来的水印内容
-          //div3.innerText =this.userInfo.name+this.userInfo.code;
-          for (var i = 0; i < 8; i++) {
-            div3.innerHTML +=
-              '<div style="color:#ffffff;width: 40%;height: 155px;padding-left:60px;padding-top:50px; display: flex;justify-content: center; transform: rotate(-36deg);font-size:20px;">' +
-              this.userInfo.name + this.userInfo.loginName + '</div>';
-          }
-          div3.style.cssText =
-            "position:absolute;pointer-events: none; width: 100%;height: 100%;top:0;left:0;bottom: 0;right: 0; display: flex;justify-content: center;flex-wrap: wrap;overflow: hidden; opacity:0.3;padding-top:10px";
-          div.appendChild(div3);
-        } else {
-          console.log("去除水印 ---- gx ----");
-          var markDiv = div.querySelector("#" + divId);
-          console.log("去除水印 ---- gx markDiv ----",markDiv);
-          if (markDiv) {
-            console.log("执行去除水印 ---- gx markDiv ----",markDiv);
-            div.removeChild(markDiv);
-          }
-        }
-      },
-      onPlayerPause() {
-        this.stopStudyTime();
-      },
-      onPlayerEnded() {
-        this.playerBoxShow = true;
-        this.stopStudyTime();
-        if(this.contentData.status < 9) {
-          this.finishStudyItem();
-        }
-      },
-      onPlayerPlaying(itme) {
-        this.isAppendTime = true;//可以追加学习时长
-        this.intTimeNote = parseInt(itme);
-        if (this.contentData.contentType && this.contentData.contentType == 10) {
-          let intTime = parseInt(itme);
-          //判断是否完成
-          let completeType = this.curriculumData.completeSetup;
-          let completeSecond = this.curriculumData.second;
-          if (!completeSecond || completeType == 0) {
-            completeSecond = 5; //如果没有就采用默认的时间了
-          }
-          if (this.contentData.status < 9) { //因为1按进度，2按时长都是计算时间，所以这里直接大于0处理
-            if (completeType == 1) {
-              let finishPercent = this.curriculumData.setupTage;
-              let videDuration = this.contentData.duration;
-              let percent = intTime * 100 / videDuration;
-              if (percent >= finishPercent) {
-                this.finishStudyItem();
-              }
-            } else {
-              if (intTime >= completeSecond) {
-                this.finishStudyItem();
-              }
-            }
-          }
-          //下面是每隔10秒记录一下次
-          let saveTime = Math.floor(intTime % 10);
-          if (intTime > 10 && intTime != this.contentData.lastStudyTime && saveTime == 0 && this.contentData
-            .studyItemId != '') {
-            this.contentData.lastStudyTime = intTime;
-            let postData = {
-              itemId: this.contentData.studyItemId,
-              videoTime: intTime,
-              id: this.appentId,
-              studyId: this.studyId,
-              courseId: this.contentData.courseId,
-              contentId: this.contentData.id,
-              studyInfo: this.courseInfo.name +"-" +this.contentData.contentName,
-              duration: 10
+      } else {
+        apiPraises.save(postData).then((rs) => {
+          this.interactRuning = false;
+          if (rs.status == 200) {
+            this.$message.success("点赞成功");
+            this.isPraise = true;
+            this.courseInfo.praises++;
+            let event = {
+              key: "Praise", //点赞
+              title: "点赞", //事件的标题
+              parameters: "author:" + teacherId, //用户自定义参数 name:value,name:value
+              content: "点赞了课程", //事件的内容
+              objId: this.courseId, //关联的id
+              objType: "1", //关联的类型
+              objInfo: this.courseInfo.name,
+              aid: this.userInfo.aid, //当前登录人的id
+              aname: this.userInfo.name, //当前人的姓名
+              status: 1, //状态，直接写1
             };
-            //console.log('this.courseInfo:',this.contentData)
-            if(!this.curriculumData.isDrag && this.contentData.progressVideo !=1){
-              var time = localStorage.getItem('videoProgressData')
-              var arr = time&&JSON.parse(time) || {}
-              if(arr[this.blobId] && this.contentData.progressVideo<arr[this.blobId]) {
-                postData.progressVideo = arr[this.blobId]
-                // postData.contentId = this.contentData.id
-                // postData.courseId = this.contentData.courseId
-              }
-            }
-            //console.log('记录播放时间')
-            apiStudy.updateStudyVideoTime(postData).then(rs => {
-              if (rs.status != 200) {
-                console.log('记录播放时间错误');
-              }else{
-                studyUtil.clearStudyDuration(); //清除本地存储
+            this.$store.dispatch("userTrigger", event);
+            //发送点赞消息
+            let firstTeacher = this.teachers[0];
+            let message = {
+              content:
+                this.userInfo.name + "点赞了我的课程-" + this.courseInfo.name,
+              refId: this.courseInfo.id,
+              refType: 1,
+              source: 1,
+              pageType: 1,
+              pageParams: this.courseInfo.id,
+              pageUrl: location.href,
+              sendAid: this.userInfo.aid,
+              sendName: this.userInfo.name,
+              acceptName: firstTeacher.teacherName,
+              acceptId: firstTeacher.teacherId,
+              title: "系统消息",
+              sendType: 1,
+              conType: this.courseInfo.type,
+            };
+            apiMessage.save(message).then((res) => {
+              if (res.status != 200) {
+                console.log("发送消息失败");
               }
             });
+          } else {
+            this.$message.error("点赞失败,请稍后再试");
           }
+        });
+      }
+    },
+    treadContent() {
+      if (this.isPraise) {
+        this.$message.error("您已赞过了，不能再踩了");
+        return;
+      }
+      if (this.interactRuning) {
+        return;
+      }
+      this.interactRuning = true;
+      if (this.isTrample) {
+        apiTrample.remove(this.courseInfo.id).then((rs) => {
+          this.interactRuning = false;
+          if (rs.status == 200) {
+            this.$message.info("已取消踩");
+            this.isTrample = false;
+            this.courseInfo.trampleCount--;
+          } else {
+            this.$message.error("取消失败,请稍后再试");
+          }
+        });
+      } else {
+        apiTrample.trample(this.courseInfo.id).then((rs) => {
+          this.interactRuning = false;
+          if (rs.status == 200) {
+            this.$message.success("已踩");
+            this.isTrample = true;
+            this.courseInfo.trampleCount++;
+          } else {
+            this.$message.error("踩失败,请稍后再试");
+          }
+        });
+      }
+    },
+    statusToContent(status) {
+      let data = null;
+      switch (status) {
+        case 1: {
+          data = {
+            text: "未开始",
+            class: "catalog-cell-state1",
+          };
+          break;
         }
-      },
-      audioPlaying(item, currentTime) {
-        let intTime = parseInt(currentTime);
-        console.log("======音频播放"+intTime);
-        this.handleAudioTimeUpdate(intTime)
+        case 2: {
+          data = {
+            text: "进行中",
+            class: "catalog-cell-state2",
+          };
+          break;
+        }
+        case 9: {
+          data = {
+            text: "已完成",
+            class: "catalog-cell-state9",
+          };
+          break;
+        }
+        default:
+          {
+            data = {
+              text: "未开始",
+              class: "catalog-cell-state1",
+            };
+          }
+          break;
+      }
+      return data;
+    },
+    loadAuthorInfo(list, ids) {
+      //加载作者信息，头像，机构信息
+      if (ids.length == 0) {
+        return;
+      }
+      apiUser.getByIds(ids).then((res) => {
+        if (res.status == 200) {
+          list.forEach((item, index) => {
+            res.result.some((author) => {
+              if (author.aid == item.teacherId) {
+                item.authorInfo = author;
+                if (author.avatar) {
+                  item.avatar = this.fileBaseUrl + author.avatar;
+                }
+                return true;
+              } else {
+                return false;
+              }
+            });
+          });
+        } else {
+        }
+      });
+    },
+
+    onPlayerPlay() {
+      this.playerBoxShow = false;
+      let $this = this;
+      //这里有些不准备，如果文件未能加载，这个事件就是错误的
+      this.isAppendTime = true;
+      this.appendStudyTime(); //启动追加学习时长
+    },
+
+    onFullscreen(full) {
+      let divId = "videowatermark";
+      var div = document.getElementById("myVideoPlayer");
+      if (full) {
+        var div3 = document.createElement("div");
+        div3.id = divId;
+        div3.setAttribute("class", "fullmark");
+        div3.innerHTML = "";
+        //从父组件传过来的水印内容
+        //div3.innerText =this.userInfo.name+this.userInfo.code;
+        for (var i = 0; i < 8; i++) {
+          div3.innerHTML +=
+            '<div style="color:#ffffff;width: 40%;height: 155px;padding-left:60px;padding-top:50px; display: flex;justify-content: center; transform: rotate(-36deg);font-size:20px;">' +
+            this.userInfo.name +
+            this.userInfo.loginName +
+            "</div>";
+        }
+        div3.style.cssText =
+          "position:absolute;pointer-events: none; width: 100%;height: 100%;top:0;left:0;bottom: 0;right: 0; display: flex;justify-content: center;flex-wrap: wrap;overflow: hidden; opacity:0.3;padding-top:10px";
+        div.appendChild(div3);
+      } else {
+        console.log("去除水印 ---- gx ----");
+        var markDiv = div.querySelector("#" + divId);
+        console.log("去除水印 ---- gx markDiv ----", markDiv);
+        if (markDiv) {
+          console.log("执行去除水印 ---- gx markDiv ----", markDiv);
+          div.removeChild(markDiv);
+        }
+      }
+    },
+    onPlayerPause() {
+      this.stopStudyTime();
+    },
+    onPlayerEnded() {
+      this.playerBoxShow = true;
+      this.stopStudyTime();
+      if (this.contentData.status < 9) {
+        this.finishStudyItem();
+      }
+    },
+    onPlayerPlaying(itme) {
+      this.isAppendTime = true; //可以追加学习时长
+      this.intTimeNote = parseInt(itme);
+      if (this.contentData.contentType && this.contentData.contentType == 10) {
+        let intTime = parseInt(itme);
         //判断是否完成
         let completeType = this.curriculumData.completeSetup;
         let completeSecond = this.curriculumData.second;
         if (!completeSecond || completeType == 0) {
           completeSecond = 5; //如果没有就采用默认的时间了
         }
-        if (this.contentData.status < 9) { //因为1按进度，2按时长都是计算时间，所以这里直接大于0处理
+        if (this.contentData.status < 9) {
+          //因为1按进度，2按时长都是计算时间，所以这里直接大于0处理
           if (completeType == 1) {
             let finishPercent = this.curriculumData.setupTage;
             let videDuration = this.contentData.duration;
-            let percent = intTime * 100 / videDuration;
+            let percent = (intTime * 100) / videDuration;
             if (percent >= finishPercent) {
               this.finishStudyItem();
             }
@@ -1319,8 +1430,12 @@
         }
         //下面是每隔10秒记录一下次
         let saveTime = Math.floor(intTime % 10);
-        if (intTime > 10 && intTime != this.contentData.lastStudyTime && saveTime == 0 && this.contentData
-          .studyItemId) {
+        if (
+          intTime > 10 &&
+          intTime != this.contentData.lastStudyTime &&
+          saveTime == 0 &&
+          this.contentData.studyItemId != ""
+        ) {
           this.contentData.lastStudyTime = intTime;
           let postData = {
             itemId: this.contentData.studyItemId,
@@ -1329,120 +1444,207 @@
             studyId: this.studyId,
             courseId: this.contentData.courseId,
             contentId: this.contentData.id,
-            studyInfo: this.courseInfo.name +"-" +this.contentData.contentName,
-            duration: 10
+            studyInfo:
+              this.courseInfo.name + "-" + this.contentData.contentName,
+            duration: 10,
           };
           //console.log('this.courseInfo:',this.contentData)
-          if(!this.curriculumData.isDrag && this.contentData.progressVideo !=1){
-            var time = localStorage.getItem('videoProgressData')
-            var arr = time&&JSON.parse(time) || {}
-            if(arr[this.blobId] && this.contentData.progressVideo<arr[this.blobId]) {
-              postData.progressVideo = arr[this.blobId]
+          if (
+            !this.curriculumData.isDrag &&
+            this.contentData.progressVideo != 1
+          ) {
+            var time = localStorage.getItem("videoProgressData");
+            var arr = (time && JSON.parse(time)) || {};
+            if (
+              arr[this.blobId] &&
+              this.contentData.progressVideo < arr[this.blobId]
+            ) {
+              postData.progressVideo = arr[this.blobId];
               // postData.contentId = this.contentData.id
               // postData.courseId = this.contentData.courseId
             }
           }
           //console.log('记录播放时间')
-          apiStudy.updateStudyVideoTime(postData).then(rs => {
+          apiStudy.updateStudyVideoTime(postData).then((rs) => {
             if (rs.status != 200) {
-              console.log('记录播放时间错误');
-            }else{
+              console.log("记录播放时间错误");
+            } else {
               studyUtil.clearStudyDuration(); //清除本地存储
             }
           });
         }
-      },
-      audioPlay() {
-        let $this = this;
-        this.isAppendTime=true;
-        this.appendStudyTime();//启动追加学习时长
-      },
-      audioPause() {
-        //console.log("暂停");
-        this.stopStudyTime();//停止追加学习时长
-      },
-      audioEnd() {
-        //console.log("播放结束");
-        this.stopStudyTime();//启动追加学习时长
-        if (this.contentData.status < 9) {
-          this.finishStudyItem();
+      }
+    },
+    audioPlaying(item, currentTime) {
+      let intTime = parseInt(currentTime);
+      console.log("======音频播放" + intTime);
+      this.handleAudioTimeUpdate(intTime);
+      //判断是否完成
+      let completeType = this.curriculumData.completeSetup;
+      let completeSecond = this.curriculumData.second;
+      if (!completeSecond || completeType == 0) {
+        completeSecond = 5; //如果没有就采用默认的时间了
+      }
+      if (this.contentData.status < 9) {
+        //因为1按进度，2按时长都是计算时间，所以这里直接大于0处理
+        if (completeType == 1) {
+          let finishPercent = this.curriculumData.setupTage;
+          let videDuration = this.contentData.duration;
+          let percent = (intTime * 100) / videDuration;
+          if (percent >= finishPercent) {
+            this.finishStudyItem();
+          }
+        } else {
+          if (intTime >= completeSecond) {
+            this.finishStudyItem();
+          }
         }
-      },
-      // 获取数据信息
-      loadData() {
-        let $this=this;
-        apiStudy.studyIndexPost({
+      }
+      //下面是每隔10秒记录一下次
+      let saveTime = Math.floor(intTime % 10);
+      if (
+        intTime > 10 &&
+        intTime != this.contentData.lastStudyTime &&
+        saveTime == 0 &&
+        this.contentData.studyItemId
+      ) {
+        this.contentData.lastStudyTime = intTime;
+        let postData = {
+          itemId: this.contentData.studyItemId,
+          videoTime: intTime,
+          id: this.appentId,
+          studyId: this.studyId,
+          courseId: this.contentData.courseId,
+          contentId: this.contentData.id,
+          studyInfo: this.courseInfo.name + "-" + this.contentData.contentName,
+          duration: 10,
+        };
+        //console.log('this.courseInfo:',this.contentData)
+        if (
+          !this.curriculumData.isDrag &&
+          this.contentData.progressVideo != 1
+        ) {
+          var time = localStorage.getItem("videoProgressData");
+          var arr = (time && JSON.parse(time)) || {};
+          if (
+            arr[this.blobId] &&
+            this.contentData.progressVideo < arr[this.blobId]
+          ) {
+            postData.progressVideo = arr[this.blobId];
+            // postData.contentId = this.contentData.id
+            // postData.courseId = this.contentData.courseId
+          }
+        }
+        //console.log('记录播放时间')
+        apiStudy.updateStudyVideoTime(postData).then((rs) => {
+          if (rs.status != 200) {
+            console.log("记录播放时间错误");
+          } else {
+            studyUtil.clearStudyDuration(); //清除本地存储
+          }
+        });
+      }
+    },
+    audioPlay() {
+      let $this = this;
+      this.isAppendTime = true;
+      this.appendStudyTime(); //启动追加学习时长
+    },
+    audioPause() {
+      //console.log("暂停");
+      this.stopStudyTime(); //停止追加学习时长
+    },
+    audioEnd() {
+      //console.log("播放结束");
+      this.stopStudyTime(); //启动追加学习时长
+      if (this.contentData.status < 9) {
+        this.finishStudyItem();
+      }
+    },
+    // 获取数据信息
+    loadData() {
+      let $this = this;
+      apiStudy
+        .studyIndexPost({
           cid: this.courseId,
-          addView:true,
-          audiences:this.audiences
-        }).then(rs => {
+          addView: true,
+          audiences: this.audiences,
+        })
+        .then((rs) => {
           if (rs.status == 200) {
-            if(rs.result.isPermission){
-              this.protocolDialogVisible=true
+            if (rs.result.isPermission) {
+              this.protocolDialogVisible = true;
             }
-            if (!rs.result.isPermission || (rs.result.isPermission && this.Internet==1)){
+            if (
+              !rs.result.isPermission ||
+              (rs.result.isPermission && this.Internet == 1)
+            ) {
               // this.getInternet()
-              this.renderCourse = true
-            }else{
+              this.renderCourse = true;
+            } else {
               // this.Internet=1;
-              this.renderCourse = false
-              this.protocolDialogVisible=true
+              this.renderCourse = false;
+              this.protocolDialogVisible = true;
             }
-            if(rs.result.contents.length==0){
-              $this.$message.error('课程内容已删除或课程已不再使用');
+            if (rs.result.contents.length == 0) {
+              $this.$message.error("课程内容已删除或课程已不再使用");
               return;
             }
-            if(!rs.result.course.enabled){
-              $this.$message.error('十分抱歉，此课程已停用，如需使用，请联系管理员。');
+            if (!rs.result.course.enabled) {
+              $this.$message.error(
+                "十分抱歉，此课程已停用，如需使用，请联系管理员。"
+              );
               return;
             }
             //设置必须的字段
-            if(rs.result.contents.length==1){
-              $this.tab=2;
+            if (rs.result.contents.length == 1) {
+              $this.tab = 2;
               //console.log('内容只有一个');
             }
-            if(!rs.result.isCrowd){
-              $this.$message.error('您没有查看该课程的权限');
+            if (!rs.result.isCrowd) {
+              $this.$message.error("您没有查看该课程的权限");
             }
             // 是否播放
-            this.isCrowd = rs.result.isCrowd
-            if (rs.result.course.type == 20) { //有目录课程
+            this.isCrowd = rs.result.isCrowd;
+            if (rs.result.course.type == 20) {
+              //有目录课程
 
-              rs.result.sections.forEach(sec => {
+              rs.result.sections.forEach((sec) => {
                 sec.status = 0; //加入状态表未开始
-                rs.result.contents.forEach(c => {
+                rs.result.contents.forEach((c) => {
                   c.status = 0; //初始化状态 ，未开始
-                  c.studyItemId = ''; //初始化字段，学习条目id
+                  c.studyItemId = ""; //初始化字段，学习条目id
                   c.lastStudyTime = 0; //初始化上次一学习的时间，作用于视频插放
                 });
               });
               this.sectionList = rs.result.sections;
-            }else if(rs.result.course.type==10){ //无目录课程
+            } else if (rs.result.course.type == 10) {
+              //无目录课程
               //如果是多个的话，就需要过滤一下
-              let indexNum=0;
-              let delIndexs=[];
-              rs.result.contents.forEach((c,cidx) => {
+              let indexNum = 0;
+              let delIndexs = [];
+              rs.result.contents.forEach((c, cidx) => {
                 c.status = 0; //
-                c.studyItemId = '';
+                c.studyItemId = "";
                 c.lastStudyTime = 0;
-                if(c.sortIndex==1){
-                  c.contentName=rs.result.course.name;
+                if (c.sortIndex == 1) {
+                  c.contentName = rs.result.course.name;
                   indexNum++;
-                  if(indexNum>1){
+                  if (indexNum > 1) {
                     delIndexs.push(cidx);
                   }
-                }else if(c.sortIndex==2){
-                  c.contentName='作业';
-                }else if(c.sortIndex==3){
-                  c.contentName='考试';
-                }else if(c.sortIndex==4){
-                  c.contentName='评估';
+                } else if (c.sortIndex == 2) {
+                  c.contentName = "作业";
+                } else if (c.sortIndex == 3) {
+                  c.contentName = "考试";
+                } else if (c.sortIndex == 4) {
+                  c.contentName = "评估";
                 }
               });
-              if(delIndexs.length>0){
-                delIndexs.forEach(delIdx=>{
-                  rs.result.contents.splice(delIdx,1);
-                })
+              if (delIndexs.length > 0) {
+                delIndexs.forEach((delIdx) => {
+                  rs.result.contents.splice(delIdx, 1);
+                });
               }
             }
             this.courseInfo = rs.result.course;
@@ -1451,20 +1653,20 @@
             if (rs.result.teachers && rs.result.teachers.length > 0) {
               let userIds = [];
               let ctoUsers = [];
-              rs.result.teachers.forEach(item => {
+              rs.result.teachers.forEach((item) => {
                 item.authorInfo = {
-                  aid: '',
-                  name: '',
-                  orgInfo: '',
-                  avatar: '',
-                  code: '',
+                  aid: "",
+                  name: "",
+                  orgInfo: "",
+                  avatar: "",
+                  code: "",
                   sex: null,
-                  sign:''
+                  sign: "",
                 };
                 userIds.push(item.teacherId);
                 ctoUsers.push({
                   aid: item.teacherId,
-                  name: item.teacherName
+                  name: item.teacherName,
                 });
               });
               this.toUsers = ctoUsers;
@@ -1479,277 +1681,294 @@
           } else {
             this.$message.error(rs.message);
           }
-
         });
-      },
-      refreshPage() {
-        location.reload();
-        // this.getInternet();
-        // this.loadData();
-      },
-      getXmlHttpRequest() {
-        if (window.XMLHttpRequest) {
-          return new XMLHttpRequest();
-        }
-        else if (window.ActiveXObject) {
-          return new ActiveXObject("Microsoft.XMLHTTP");
-        }
-      },
-      // 检测是否为内网
-      getInternet() {
-        this.Internet = 3;
-        let $this = this;
-        let xmlhttp = this.getXmlHttpRequest();
-        let timedOut = false;
-        let timer = setTimeout(function () {
-          timedOut = true;
-          xmlhttp.abort();
-        }, 1000);
-        xmlhttp.open("HEAD", window.location.protocol + "//uapi.boe.com.cn/500.html", true);
-        xmlhttp.send();
-        xmlhttp.onreadystatechange = function () {
-          if (xmlhttp.readyState == 4) {
-            if (xmlhttp.status == 200) {
-              clearTimeout(timer);
-              $this.Internet = 1;
-            } else {
-              clearTimeout(timer);
-              // $this.protocolDialogVisible=true
-              $this.Internet = 2;
-            }
+    },
+    refreshPage() {
+      location.reload();
+      // this.getInternet();
+      // this.loadData();
+    },
+    getXmlHttpRequest() {
+      if (window.XMLHttpRequest) {
+        return new XMLHttpRequest();
+      } else if (window.ActiveXObject) {
+        return new ActiveXObject("Microsoft.XMLHTTP");
+      }
+    },
+    // 检测是否为内网
+    getInternet() {
+      this.Internet = 3;
+      let $this = this;
+      let xmlhttp = this.getXmlHttpRequest();
+      let timedOut = false;
+      let timer = setTimeout(function () {
+        timedOut = true;
+        xmlhttp.abort();
+      }, 1000);
+      // 1. 拼接随机参数（时间戳+随机数，确保URL唯一，破缓存）
+      const url =
+        window.location.protocol +
+        "//uapi.boe.com.cn/500.html?t=" +
+        Date.now() +
+        Math.random();
+      // // 2. 打开 HEAD 请求（URL已带随机参数）
+      xmlhttp.open("HEAD", url, true);
+      // xmlhttp.open(
+      //   "HEAD",
+      //   window.location.protocol + "//uapi.boe.com.cn/500.html",
+      //   true
+      // );
+      xmlhttp.send();
+      xmlhttp.onreadystatechange = function () {
+        if (xmlhttp.readyState == 4) {
+          if (xmlhttp.status == 200) {
+            clearTimeout(timer);
+            $this.Internet = 1;
           } else {
-            if (timedOut) return;//忽略中止请求
-            clearTimeout(timer);//取消等待的超时
+            clearTimeout(timer);
+            // $this.protocolDialogVisible=true
+            $this.Internet = 2;
           }
+        } else {
+          if (timedOut) return; //忽略中止请求
+          clearTimeout(timer); //取消等待的超时
         }
-      },
-      loadStudyData(result) {
-        let $this=this;
-        this.loadScorePraiseAndTrample();
-        this.studyId = result.studyId;
-        //对已学习的内容进行比对，重要的字段， 学习内容id，在后缀的
-        let playIndex = -1;
-        this.contentList.forEach((con, conIdx) => {
-          con.progressVideo = con.progressVideo || 0;
-          result.contentStudys.forEach((scon, sconIdx) => {
-            if (scon.contentId == con.id) {
-              //定位显示的内容
-              if ($this.initContentId != '' && $this.initContentId == scon.contentId) {
-                //定位当前学习的内容，是上一次学习的内容
+      };
+    },
+    loadStudyData(result) {
+      let $this = this;
+      this.loadScorePraiseAndTrample();
+      this.studyId = result.studyId;
+      //对已学习的内容进行比对，重要的字段， 学习内容id，在后缀的
+      let playIndex = -1;
+      this.contentList.forEach((con, conIdx) => {
+        con.progressVideo = con.progressVideo || 0;
+        result.contentStudys.forEach((scon, sconIdx) => {
+          if (scon.contentId == con.id) {
+            //定位显示的内容
+            if (
+              $this.initContentId != "" &&
+              $this.initContentId == scon.contentId
+            ) {
+              //定位当前学习的内容，是上一次学习的内容
+              playIndex = conIdx;
+            } else {
+              if (sconIdx == 0 && con.contentType < 52) {
                 playIndex = conIdx;
-              } else {
-                if (sconIdx == 0 && con.contentType < 52) {
-                  playIndex = conIdx;
-                }
               }
-              con.lastStudyTime = scon.lastStudyTime;
-              con.progressVideo = scon.progressVideo || 0;
-              //以下判断是为了兼容之前的问题，学习状态
-              if (scon.status) {
-                con.status = scon.status;
-              } else {
-                con.status = 9;
-              }
-              con.studyItemId = scon.id; //这个就是学习内容（条目）的id
             }
-          });
-        });
-
-        if (this.courseInfo.type == 10) {
-          this.showRes(this.contentList[0]);
-        } else {
-          //如果没有，就定位第一项内容
-          if (playIndex === -1) {
-            this.showRes(this.catalogTree[0].children[0])
-          } else {
-            this.showRes(this.contentList[playIndex]);
-          }
-        }
-      },
-      saveScormStudy() {
-        //只记录SCORM课件的学习
-        if (this.contentData.contentType != 50) {
-          return;
-        }
-        if (this.contentData.status == 9) {
-          //已学习完的，不会再记录
-          return;
-        }
-        let params = {
-          studyId: this.studyId, //学习id,
-          courseId: this.courseId, //课程id,
-          contentId: this.contentData.id, //内容id,
-          contentType: this.contentData.contentType,
-          contentName: this.contentData.contentName, //内容名称
-          progress: 1,
-          status: 2,
-          contentTotal: this.totalContent
-        };
-        apiStudy.studyContent(params).then(res => {
-          if (res.status == 200) {
-            this.contentData.status = 2; //进行中
-            this.contentData.studyItemId = res.result; //学习记录id
-          } else {
-            console.log('记录学习失败:' + res.message + '，' + res.error);
-          }
-        });
-      },
-      saveStudyInfo() {
-        this.tentative = true
-        if(this.isContentType){
-          if(this.isContentType != this.contentData.contentType){
-            //定时器产生的，不记录
-            return
-          }
-        }
-        //记录课件学习信息
-        if (this.contentData.contentType >= 60) {
-          //只有在课件页面停留超过5秒才会记录
-          return;
-        }
-        if (this.contentData.status == 9) {
-          //已学习完的，不用再添加
-          return;
-        }
-        let params = {
-          studyId: this.studyId, //学习id,
-          courseId: this.courseId, //课程id,
-          contentId: this.contentData.id, //内容id,
-          contentType: this.contentData.contentType,
-          contentName: this.contentData.contentName, //内容名称
-          progress: 100,
-          status: 9,
-          contentTotal: this.totalContent
-        };
-        apiStudy.studyContent(params).then(res => {
-          if (res.status == 200) {
-            this.contentData.status = 9; //完成
-            this.contentData.studyItemId = res.result; //学习记录id
-          } else {
-            console.log('记录学习失败:' + res.message + '，' + res.error);
-          }
-        });
-      },
-      homeWorkSubmit(){
-        if(this.contentData.contentType == 60){
-          this.contentData.status = 9;
-        }
-      },
-      startTest(val){
-        if(this.contentData.contentType == 61){
-          if(this.contentData.status < 2){
-            this.contentData.status = 2;
-          }
-        }
-      },
-      progress(val) {
-        const progressValue = parseFloat(val) * 100;
-        this.sendEventProgress = Number(progressValue.toFixed(2));
-      },
-      saveStudyDuration(duration) { //保存本地存储的学习时长
-        if (duration > 0) {
-          //发送用户学习事件
-          //console.log('保存到后台学习时长='+duration);
-          let postData={
-            "key": "StudyCourse",//课程学习的key
-            "title": "学习课程",//事件的标题
-            "parameters":"second:"+duration,//second:value,total:value 本次的学习时长
-            "content": "学习课程【"+this.courseInfo.name+"】",//事件的内容
-            "objId": this.courseInfo.id,//课程的id
-            "objType": "1",//类型
-            "source":"page",
-            "objInfo": ""+this.courseInfo.name,
-            "aid":this.userInfo.aid, //当前登录人的id
-            "aname":this.userInfo.name,//当前人的姓名
-            "status": 1, //状态
-            "contentId": this.contentData.id,
-          }
-          if(this.resType == 10){
-            postData.progress = this.sendEventProgress;
-          }
-          //静默处理
-          apiStat.sendEvent(postData).then(rs=>{
-            if(rs.status == 200) {
-              // this.appendStartTime = new Date();//重新计时
-              // studyUtil.clearStudyDuration(); //清除本地存储
+            con.lastStudyTime = scon.lastStudyTime;
+            con.progressVideo = scon.progressVideo || 0;
+            //以下判断是为了兼容之前的问题，学习状态
+            if (scon.status) {
+              con.status = scon.status;
             } else {
-              console.log(rs.message);
+              con.status = 9;
             }
-          });
-          // let postAppendData = {
-          //   id: this.appentId,
-          //   studyId: this.studyId,
-          //   courseId: this.courseInfo.id,
-          //   contentId: this.contentData.id,
-          //   studyInfo: this.courseInfo.name +"-" +this.contentData.contentName,
-          //   duration: duration,
-          //   type: 1
-          // };
-          // apiStudy.updateStudyVideoTime(postAppendData).then(rs => {
-          //   if (rs.status == 200) {
-          //     this.appentId = rs.result;
-          //     studyUtil.clearStudyDuration(); //清除本地存储
-          //   } else {
-          //     console.log(rs.message);
-          //   }
-          // });
-        }
-      },
-      //结束追加学习时长
-      stopStudyTime(){
-        //console.log('停止追加学习时长');
-        this.isAppendTime=false;
-        //暂停让他为空 从新计时
-        this.appendStartTime = null
-        if (this.appendHandle != null) {
-          window.clearTimeout(this.appendHandle);
-        }
-      },
-      appendStudyTime() {
-        // 暂停的时候重新从十五秒开始计时
-        if(!this.appendStartTime){
-          this.appentInterval = 15
-        }
-        //重新覆盖时间
-        this.appendStartTime = new Date().getTime();
-        //console.log('开始追加学习时长',this.isAppendTime);
-        if (this.studyId == '') {
-          return;
-        }
-        if (!this.contentData.id) {
-          return;
-        }
-        if (!this.isAppendTime) {
-          return;
-        }
-        this.appendHandle &&  window.clearTimeout(this.appendHandle);
-        //启动下次追加学习时长
-        this.appendHandle = setTimeout(() => {
-          let endTime = new Date().getTime();
-          this.appentInterval = 60
-          let totalTime = Math.round((endTime - this.appendStartTime) / 1000);
-          this.appendStudyTime();
-          this.saveStudyDuration(totalTime)
-        }, this.appentInterval * 1000);
-      },
+            con.studyItemId = scon.id; //这个就是学习内容（条目）的id
+          }
+        });
+      });
 
-      finishStudyItem() { //设置完成学习的内容,针对于音视频的内容
-        if (!this.contentData.studyItemId) {
-          //这种可能没有，不过这里也是为了万中那个1
-          !this.tentative && this.saveStudyInfo();
+      if (this.courseInfo.type == 10) {
+        this.showRes(this.contentList[0]);
+      } else {
+        //如果没有，就定位第一项内容
+        if (playIndex === -1) {
+          this.showRes(this.catalogTree[0].children[0]);
         } else {
-          // 如果正在处理完成请求，则直接返回，避免重复调用
-          if (this.isFinishingStudyItem) {
-            return;
+          this.showRes(this.contentList[playIndex]);
+        }
+      }
+    },
+    saveScormStudy() {
+      //只记录SCORM课件的学习
+      if (this.contentData.contentType != 50) {
+        return;
+      }
+      if (this.contentData.status == 9) {
+        //已学习完的，不会再记录
+        return;
+      }
+      let params = {
+        studyId: this.studyId, //学习id,
+        courseId: this.courseId, //课程id,
+        contentId: this.contentData.id, //内容id,
+        contentType: this.contentData.contentType,
+        contentName: this.contentData.contentName, //内容名称
+        progress: 1,
+        status: 2,
+        contentTotal: this.totalContent,
+      };
+      apiStudy.studyContent(params).then((res) => {
+        if (res.status == 200) {
+          this.contentData.status = 2; //进行中
+          this.contentData.studyItemId = res.result; //学习记录id
+        } else {
+          console.log("记录学习失败:" + res.message + "，" + res.error);
+        }
+      });
+    },
+    saveStudyInfo() {
+      this.tentative = true;
+      if (this.isContentType) {
+        if (this.isContentType != this.contentData.contentType) {
+          //定时器产生的，不记录
+          return;
+        }
+      }
+      //记录课件学习信息
+      if (this.contentData.contentType >= 60) {
+        //只有在课件页面停留超过5秒才会记录
+        return;
+      }
+      if (this.contentData.status == 9) {
+        //已学习完的，不用再添加
+        return;
+      }
+      let params = {
+        studyId: this.studyId, //学习id,
+        courseId: this.courseId, //课程id,
+        contentId: this.contentData.id, //内容id,
+        contentType: this.contentData.contentType,
+        contentName: this.contentData.contentName, //内容名称
+        progress: 100,
+        status: 9,
+        contentTotal: this.totalContent,
+      };
+      apiStudy.studyContent(params).then((res) => {
+        if (res.status == 200) {
+          this.contentData.status = 9; //完成
+          this.contentData.studyItemId = res.result; //学习记录id
+        } else {
+          console.log("记录学习失败:" + res.message + "，" + res.error);
+        }
+      });
+    },
+    homeWorkSubmit() {
+      if (this.contentData.contentType == 60) {
+        this.contentData.status = 9;
+      }
+    },
+    startTest(val) {
+      if (this.contentData.contentType == 61) {
+        if (this.contentData.status < 2) {
+          this.contentData.status = 2;
+        }
+      }
+    },
+    progress(val) {
+      const progressValue = parseFloat(val) * 100;
+      this.sendEventProgress = Number(progressValue.toFixed(2));
+    },
+    saveStudyDuration(duration) {
+      //保存本地存储的学习时长
+      if (duration > 0) {
+        //发送用户学习事件
+        //console.log('保存到后台学习时长='+duration);
+        let postData = {
+          key: "StudyCourse", //课程学习的key
+          title: "学习课程", //事件的标题
+          parameters: "second:" + duration, //second:value,total:value 本次的学习时长
+          content: "学习课程【" + this.courseInfo.name + "】", //事件的内容
+          objId: this.courseInfo.id, //课程的id
+          objType: "1", //类型
+          source: "page",
+          objInfo: "" + this.courseInfo.name,
+          aid: this.userInfo.aid, //当前登录人的id
+          aname: this.userInfo.name, //当前人的姓名
+          status: 1, //状态
+          contentId: this.contentData.id,
+        };
+        if (this.resType == 10) {
+          postData.progress = this.sendEventProgress;
+        }
+        //静默处理
+        apiStat.sendEvent(postData).then((rs) => {
+          if (rs.status == 200) {
+            // this.appendStartTime = new Date();//重新计时
+            // studyUtil.clearStudyDuration(); //清除本地存储
+          } else {
+            console.log(rs.message);
           }
-          let params = {
-            itemId: this.contentData.studyItemId,
-            studyId: this.studyId,
-            courseId: this.courseId,
-            cnum: this.totalContent
-          }
-          this.isFinishingStudyItem = true; // 设置标志位
-          apiVideoStudy.finishStudyItem(params).then(res => {
+        });
+        // let postAppendData = {
+        //   id: this.appentId,
+        //   studyId: this.studyId,
+        //   courseId: this.courseInfo.id,
+        //   contentId: this.contentData.id,
+        //   studyInfo: this.courseInfo.name +"-" +this.contentData.contentName,
+        //   duration: duration,
+        //   type: 1
+        // };
+        // apiStudy.updateStudyVideoTime(postAppendData).then(rs => {
+        //   if (rs.status == 200) {
+        //     this.appentId = rs.result;
+        //     studyUtil.clearStudyDuration(); //清除本地存储
+        //   } else {
+        //     console.log(rs.message);
+        //   }
+        // });
+      }
+    },
+    //结束追加学习时长
+    stopStudyTime() {
+      //console.log('停止追加学习时长');
+      this.isAppendTime = false;
+      //暂停让他为空 从新计时
+      this.appendStartTime = null;
+      if (this.appendHandle != null) {
+        window.clearTimeout(this.appendHandle);
+      }
+    },
+    appendStudyTime() {
+      // 暂停的时候重新从十五秒开始计时
+      if (!this.appendStartTime) {
+        this.appentInterval = 15;
+      }
+      //重新覆盖时间
+      this.appendStartTime = new Date().getTime();
+      //console.log('开始追加学习时长',this.isAppendTime);
+      if (this.studyId == "") {
+        return;
+      }
+      if (!this.contentData.id) {
+        return;
+      }
+      if (!this.isAppendTime) {
+        return;
+      }
+      this.appendHandle && window.clearTimeout(this.appendHandle);
+      //启动下次追加学习时长
+      this.appendHandle = setTimeout(() => {
+        let endTime = new Date().getTime();
+        this.appentInterval = 60;
+        let totalTime = Math.round((endTime - this.appendStartTime) / 1000);
+        this.appendStudyTime();
+        this.saveStudyDuration(totalTime);
+      }, this.appentInterval * 1000);
+    },
+
+    finishStudyItem() {
+      //设置完成学习的内容,针对于音视频的内容
+      if (!this.contentData.studyItemId) {
+        //这种可能没有，不过这里也是为了万中那个1
+        !this.tentative && this.saveStudyInfo();
+      } else {
+        // 如果正在处理完成请求，则直接返回，避免重复调用
+        if (this.isFinishingStudyItem) {
+          return;
+        }
+        let params = {
+          itemId: this.contentData.studyItemId,
+          studyId: this.studyId,
+          courseId: this.courseId,
+          cnum: this.totalContent,
+        };
+        this.isFinishingStudyItem = true; // 设置标志位
+        apiVideoStudy
+          .finishStudyItem(params)
+          .then((res) => {
             if (res.status == 200) {
               this.contentData.status = 9;
               this.contentData.progress = 100;
@@ -1757,785 +1976,823 @@
               console.log("记录完成学习失败:" + res.message + "，" + res.error);
             }
             this.isFinishingStudyItem = false; // 重置标志位
-          }).catch(error => {
+          })
+          .catch((error) => {
             console.error("记录完成学习出错:", error);
             this.isFinishingStudyItem = false; // 出错时也重置标志位
           });
-        }
-      },
+      }
+    },
 
-      saveStudyItem() { //先保存学习的内容,针对于音视频的内容
-        if (this.contentData.studyItemId) {
-          return; //已经有记录的，不需要再保存了
+    saveStudyItem() {
+      //先保存学习的内容,针对于音视频的内容
+      if (this.contentData.studyItemId) {
+        return; //已经有记录的，不需要再保存了
+      }
+      let params = {
+        studyId: this.studyId, //学习id,
+        courseId: this.courseId, //课程id,
+        contentId: this.contentData.id, //内容id,
+        contentType: this.contentData.contentType, //内容id,
+        contentName: this.contentData.contentName, //内容名称
+        progress: 0,
+        lastStudyTime: 0,
+        status: 2,
+        studyDuration: 0,
+        contentTotal: this.totalContent,
+      };
+      apiVideoStudy.saveStudyItem(params).then((res) => {
+        if (res.status == 200) {
+          this.contentData.studyItemId = res.result.id;
+          this.contentData.status = 2; //进行中状态
+        } else {
+          console.log("记录学习失败:" + res.message + "，" + res.error);
         }
-        let params = {
-          studyId: this.studyId, //学习id,
-          courseId: this.courseId, //课程id,
-          contentId: this.contentData.id, //内容id,
-          contentType: this.contentData.contentType, //内容id,
-          contentName: this.contentData.contentName, //内容名称
-          progress: 0,
-          lastStudyTime: 0,
-          status: 2,
-          studyDuration: 0,
-          contentTotal: this.totalContent
-        };
-        apiVideoStudy.saveStudyItem(params).then(res => {
-          if (res.status == 200) {
-            this.contentData.studyItemId = res.result.id;
-            this.contentData.status = 2; //进行中状态
-          } else {
-            console.log("记录学习失败:" + res.message + "，" + res.error);
+      });
+    },
+    formatTime(duration) {
+      let min = 0;
+      if (duration > 0) {
+        min = parseInt(duration / 60);
+      }
+      return min;
+    },
+    heartabone() {
+      this.tab = 1;
+    },
+    heartabtwo() {
+      this.tab = 2;
+    },
+    // ai播放器相关
+    heartabthree() {
+      this.tab = 3;
+    },
+    handleAudioTimeUpdate(currentTime) {
+      // if(this.contentStudysLength.length == 0){
+      let params = {
+        studyId: this.studyId, //学习id,
+        courseId: this.courseId, //课程id,
+        contentId: this.contentData.id, //内容id,
+        contentType: this.contentData.contentType,
+        contentName: this.contentData.contentName, //内容名称
+        progress: 1,
+        status: 2,
+        contentTotal: this.totalContent,
+      };
+      if (currentTime > 2 && this.trueFalse) {
+        apiStudy.studyContent(params).then(() => {
+          if (this.contentData.status < 2) {
+            this.contentData.status = 2;
           }
         });
-      },
-      formatTime(duration) {
-        let min = 0;
-        if (duration > 0) {
-          min = parseInt(duration / 60);
-        }
-        return min;
-      },
-      heartabone() {
-        this.tab = 1
-      },
-      heartabtwo() {
-        this.tab = 2
-      },
-      handleAudioTimeUpdate(currentTime) {
-        // if(this.contentStudysLength.length == 0){
-        let params = {
-          studyId: this.studyId, //学习id,
-          courseId: this.courseId, //课程id,
-          contentId: this.contentData.id, //内容id,
-          contentType: this.contentData.contentType,
-          contentName: this.contentData.contentName, //内容名称
-          progress: 1,
-          status: 2,
-          contentTotal: this.totalContent
-        };
-        if(currentTime > 2 && this.trueFalse){
-          apiStudy.studyContent(params).then(()=>{
-            if(this.contentData.status<2){
-              this.contentData.status = 2;
-            }
-          })
-          this.trueFalse = false
-        }
-      },
+        this.trueFalse = false;
+      }
     },
-    destroyed(){
-      this.cleanAppendTime();
-      this.stopStudyTime();
-    },
-  }
+  },
+  destroyed() {
+    this.cleanAppendTime();
+    this.stopStudyTime();
+  },
+};
 </script>
 
 <style lang="scss" scoped>
-::v-deep .el-icon-arrow-down{
+::v-deep .el-icon-arrow-down {
   color: #000;
   font-weight: 900;
   font-size: 16px;
 }
+
 .el-menu,
 .el-menu-item,
 .el-submenu__title {
-  background-color: transparent !important; /* 设置背景色为透明，以移除默认的背景颜色变化 */
-  color: inherit !important; /* 确保文字颜色不变，如果需要的话 */
+  background-color: transparent !important;
+  /* 设置背景色为透明，以移除默认的背景颜色变化 */
+  color: inherit !important;
+  /* 确保文字颜色不变，如果需要的话 */
 }
 
 /* 取消选中效果 */
 .el-menu-item.is-active,
 .el-submenu__title.is-active {
-  background-color: transparent !important; /* 移除选中时的背景色 */
-  color: inherit !important; /* 保持文字颜色与未选中时一致，如果需要的话 */
+  background-color: transparent !important;
+  /* 移除选中时的背景色 */
+  color: inherit !important;
+  /* 保持文字颜色与未选中时一致，如果需要的话 */
 }
 
 /* 如果有特定的 hover 样式，也可以取消 */
 .el-menu-item:hover,
 .el-submenu__title:hover {
-  background-color: transparent !important; /* 移除鼠标悬停时的背景色变化 */
-  color: inherit !important; /* 保持文字颜色不变 */
+  background-color: transparent !important;
+  /* 移除鼠标悬停时的背景色变化 */
+  color: inherit !important;
+  /* 保持文字颜色不变 */
 }
-  //内容块样式定义
-  .course-content {
-    min-height: 745px;
 
-    margin: 20px auto;
-    .course-playbox {
-      background-color: #fff;
-      //min-height: 400px;
+//内容块样式定义
+.course-content {
+  min-height: 745px;
+
+  margin: 20px auto;
+
+  .course-playbox {
+    background-color: #fff;
+    //min-height: 400px;
+    display: flex;
+    justify-content: space-between;
+
+    .course-player-container {
       display: flex;
-      justify-content: space-between;
-      .course-player-container {
-        display: flex;
-        flex-direction: column;
-        height: 100%;
-      }
-      .course-player{ //内容播放区域
-        flex: 4; // 80%高度
-        min-width: 700px;
-        // min-height: 400px;
-        // max-height: 800px;
-        height: 80%;
-        border: 1px solid #ffffff;
-        padding-right: 20px;
-        background-color: rgb(238, 238, 238);
-        // overflow: auto;
-      }
-      .course-control{ //内容控制区域
-        width: 420px;
-      }
+      flex-direction: column;
+      height: 100%;
     }
 
-    @media screen and (max-width: 1200px) {
-      .course-playbox,
-      .course-infobox {
-        flex-direction: column;
-      }
-      .course-player,
-      .course-info {
-        min-width: 100%;
-        padding-right: 0;
-      }
-      .course-control,
-      .course-teacher {
-        width: 100%;
-        margin-top: 20px;
-      }
+    .course-player {
+      //内容播放区域
+      flex: 4; // 80%高度
+      min-width: 700px;
+      // min-height: 400px;
+      // max-height: 800px;
+      height: 80%;
+      border: 1px solid #ffffff;
+      padding-right: 20px;
+      background-color: rgb(238, 238, 238);
+      // overflow: auto;
     }
+
+    .course-control {
+      //内容控制区域
+      width: 420px;
+    }
+  }
+
+  @media screen and (max-width: 1200px) {
+
+    .course-playbox,
     .course-infobox {
-      margin-top: 20px;
-      display: flex;
-      justify-content: space-between;
-      .course-info {
-        flex:1;
-        min-width: 700px;
-
-        min-height: 710px;
-        box-sizing: border-box;
-        padding-right: 20px;
-      }
-      .course-teacher{
-        width: 420px;
-      }
-    }
-  }
-
-  .control-tab {
-    margin: 35px 30px 10px 30px;
-
-    border-bottom: 1px solid #D8D8D8;
-    display: flex;
-    justify-content: space-around;
-    padding-bottom: 12px;
-    div {
-      color: #666666;
-      cursor: pointer;
-    }
-    .control-tab-active {
-      color: #333333;
-      font-weight: 600;
-    }
-  }
-
-  .course-info-tab {
-    display: flex;
-    padding-top: 30px;
-    margin-left: 47px;
-    div {
-      color: #333333;
-      font-size: 16px;
-      cursor: pointer;
-      margin-right: 50px;
+      flex-direction: column;
     }
 
-    .course-info-tab-active {
-      color: #333333;
-      font-weight: 600;
-      position: relative;
-      span {
-        display: inline-block;
-        width: 69px;
-        height: 4px;
-        background: #387DF7;
-        border-radius: 5px;
-        position: absolute;
-        left: 0;
-        top: 128%;
-      }
-
+    .course-player,
+    .course-info {
+      min-width: 100%;
+      padding-right: 0;
     }
 
-  }
-
-  .course-info-row{
-    padding: 10px 0;
-    font-size: 18px;
-    color: #343434;
-    img{
-      width:18px
-    }
-    .course-info-text{
-      margin: 10px 0;
-      font-size: 14px;
-      text-indent: 2em;
-      color: #666666;
-      word-break: break-all;
-    }
-  }
-  //右侧老师部分头部及标题
-  .cteacher-top {
-    background-color: #fff;
-    margin-top: 0px;
-    .cteacher-top-bar{
+    .course-control,
+    .course-teacher {
       width: 100%;
-      height: 15px;
-    }
-    .cteacher-top-title{
-      padding-left:30px;
-      padding-top:10px;
-      font-size: 16px;
-      font-weight: 600;
-      line-height: 50px;
-    }
-
-  }
-  //右侧老师部分 老师列表
-  .cteacher-list {
-    background-color: #fff;
-    padding: 10px 30px 30px 30px;
-  }
-
-//以下是未整理的样式，上面的整理之后的样式
-  .coures-note {
-    min-height: 500px;
-    padding-left: 17px;
-    padding-top: 10px;
-
-    .note-tole {
-      color: #333333;
-      font-size: 18px;
-      font-weight: 600;
-    }
-
-    .note-info {}
-  }
-
-  .player-box {
-    position: absolute;
-    width: 100%;
-    max-width: 300px;
-    margin: 20px auto;
-    height: 187px;
-    background: rgba(74, 74, 74, .8);
-    border-radius: 33px;
-    text-align: center;
-    padding: 20px;
-    top: 50%;
-    box-sizing: border-box;
-    left: 50%;
-    transform: translate(-50%, -50%);
-
-    .player-praise {
-      margin-top: 25px;
-      display: flex;
-      // justify-items: center;
-      justify-content: center;
-    }
-
-    .player-rate {
-      margin-top: 35px;
+      margin-top: 20px;
     }
   }
 
-  .score-text {
-    font-size: 18px;
-    // color: #ffb30f;
-    font-family: 'Arial';
-    margin-left: 23px;
-    // font-weight: 600;
+  .course-infobox {
+    margin-top: 20px;
+    display: flex;
+    justify-content: space-between;
+
+    .course-info {
+      flex: 1;
+      min-width: 700px;
+
+      min-height: 710px;
+      box-sizing: border-box;
+      padding-right: 20px;
+    }
+
+    .course-teacher {
+      width: 420px;
+    }
+  }
+}
+
+.control-tab {
+  margin: 35px 30px 10px 30px;
+
+  border-bottom: 1px solid #d8d8d8;
+  display: flex;
+  justify-content: space-around;
+  padding-bottom: 12px;
+
+  div {
+    color: #666666;
+    cursor: pointer;
   }
 
-  // .score {
-  //   display: flex;
-  //   justify-content: center;
-  //   align-items: center;
-
-  //   .el-rate {
-  //     display: inline-block;
-  //   }
-  //   // margin-bottom: 19px;
-  //   .score-no {
-  //     color: #ffb30f;
-  //     padding: 5px 0;
-  //     background: #efefef;
-  //     border-radius: 20px;
-  //     width: 65px;
-  //     font-size: 12px;
-  //     font-weight: 600;
-  //     text-align: center;
-  //   }
-  // }
-
-  .portal-content-title {
-    font-weight: 600;
-    padding: 10px;
-    font-size: 22px;
-    line-height: 40px;
+  .control-tab-active {
     color: #333333;
+    font-weight: 600;
+  }
+}
+
+.course-info-tab {
+  display: flex;
+  padding-top: 30px;
+  margin-left: 47px;
+
+  div {
+    color: #333333;
+    font-size: 16px;
+    cursor: pointer;
+    margin-right: 50px;
+  }
+
+  .course-info-tab-active {
+    color: #333333;
+    font-weight: 600;
+    position: relative;
+
+    span {
+      display: inline-block;
+      width: 69px;
+      height: 4px;
+      background: #387df7;
+      border-radius: 5px;
+      position: absolute;
+      left: 0;
+      top: 128%;
+    }
+  }
+}
+
+.course-info-row {
+  padding: 10px 0;
+  font-size: 18px;
+  color: #343434;
+
+  img {
+    width: 18px;
+  }
+
+  .course-info-text {
+    margin: 10px 0;
+    font-size: 14px;
+    text-indent: 2em;
+    color: #666666;
     word-break: break-all;
   }
+}
 
-  .type-kuang {
-    color: #666666;
-    border: 1px solid #666666;
+//右侧老师部分头部及标题
+.cteacher-top {
+  background-color: #fff;
+  margin-top: 0px;
+
+  .cteacher-top-bar {
+    width: 100%;
+    height: 15px;
   }
 
-  .type-click {
-    color: #ffb30f !important;
-    border: 1px solid #ffb30f !important;
+  .cteacher-top-title {
+    padding-left: 30px;
+    padding-top: 10px;
+    font-size: 16px;
+    font-weight: 600;
+    line-height: 50px;
+  }
+}
+
+//右侧老师部分 老师列表
+.cteacher-list {
+  background-color: #fff;
+  padding: 10px 30px 30px 30px;
+}
+
+//以下是未整理的样式，上面的整理之后的样式
+.coures-note {
+  min-height: 500px;
+  padding-left: 17px;
+  padding-top: 10px;
+
+  .note-tole {
+    color: #333333;
+    font-size: 18px;
+    font-weight: 600;
   }
 
-  ::v-deep .el-rate__icon {
-    font-size: 22px;
-    margin-right: 6px;
-    color: #ff8e00;
-    transition: 0.3s;
+  .note-info {}
+}
+
+.player-box {
+  position: absolute;
+  width: 100%;
+  max-width: 300px;
+  margin: 20px auto;
+  height: 187px;
+  background: rgba(74, 74, 74, 0.8);
+  border-radius: 33px;
+  text-align: center;
+  padding: 20px;
+  top: 50%;
+  box-sizing: border-box;
+  left: 50%;
+  transform: translate(-50%, -50%);
+
+  .player-praise {
+    margin-top: 25px;
+    display: flex;
+    // justify-items: center;
+    justify-content: center;
   }
 
-  .ref-score {
-    // background: #e4e4e4;
-    // width: 64px;
-    // height: 32px;
-    // border-radius: 17px;
-    // line-height: 32px;
-    // // opacity: 0.24;
-    // color: #000;
-    // font-size: 14px;
-    // border: none;
+  .player-rate {
+    margin-top: 35px;
+  }
+}
+
+.score-text {
+  font-size: 18px;
+  color: #ffb30f;
+  font-family: "Arial";
+  margin-left: 23px;
+  // font-weight: 600;
+}
+
+// .score {
+//   display: flex;
+//   justify-content: center;
+//   align-items: center;
+
+//   .el-rate {
+//     display: inline-block;
+//   }
+//   // margin-bottom: 19px;
+//   .score-no {
+//     color: #ffb30f;
+//     padding: 5px 0;
+//     background: #efefef;
+//     border-radius: 20px;
+//     width: 65px;
+//     font-size: 12px;
+//     font-weight: 600;
+//     text-align: center;
+//   }
+// }
+
+.portal-content-title {
+  font-weight: 600;
+  padding: 10px;
+  font-size: 22px;
+  line-height: 40px;
+  color: #333333;
+  word-break: break-all;
+}
+
+.type-kuang {
+  color: #666666;
+  border: 1px solid #666666;
+}
+
+.type-click {
+  color: #ffb30f !important;
+  border: 1px solid #ffb30f !important;
+}
+
+::v-deep .el-rate__icon {
+  font-size: 22px;
+  margin-right: 6px;
+  color: #ff8e00;
+  transition: 0.3s;
+}
+
+.ref-score {
+  // background: #e4e4e4;
+  // width: 64px;
+  // height: 32px;
+  // border-radius: 17px;
+  // line-height: 32px;
+  // // opacity: 0.24;
+  // color: #000;
+  // font-size: 14px;
+  // border: none;
+}
+
+.icon-small {
+  width: 16px;
+  height: 16px;
+  line-height: 16px;
+  vertical-align: middle;
+}
+
+.con-audio {
+  padding: 50px;
+  text-align: center;
+
+  .con-audio-title {
+    font-size: 16px;
+    font-weight: 700;
   }
 
-  .icon-small {
-    width: 16px;
-    height: 16px;
-    line-height: 16px;
-    vertical-align: middle;
+  .con-audio-player {
+    min-height: 300px;
+    padding: 60px 50px 80px 50px;
+  }
+}
+
+.hyper-link {
+  padding-left: 20px;
+  text-align: center;
+  padding-top: 100px;
+
+  .hyper-link-row {
+    padding: 20px;
+  }
+}
+
+.catalog-box {
+  background: #fff;
+
+  // padding: 15px 0px;
+  // box-shadow: 1px 1px 2px 2px #ededed;
+  .title {
+    font-size: 16px;
+    font-weight: 600;
+    color: #333333;
+    padding-left: 20px;
+  }
+}
+
+.collapse-title {
+  flex: 1 0 90%;
+  order: 1;
+}
+
+.el-collapse-item__header {
+  flex: 1 0 auto;
+  order: -1;
+}
+
+.course-interact {
+  flex: 1; // 20%高度
+  height: 54px;
+  // padding-top: 10px;
+  // padding-right: 10px;
+  padding: 0 20px;
+  line-height: 54px;
+  background-color: #ffffff;
+  display: flex;
+  justify-content: space-between;
+  box-sizing: border-box;
+}
+
+.interact-btn {
+  margin-right: 10px;
+}
+
+.uc-badge {
+  margin-top: 10px;
+  margin-right: 40px;
+}
+
+.cres-list {
+  list-style-type: decimal;
+  margin: 0px;
+
+  li {
+    line-height: 30px;
   }
 
-  .con-audio {
-    padding: 50px;
-    text-align: center;
+  .current {
+    color: #1ea0fa;
+  }
+}
 
-    .con-audio-title {
-      font-size: 16px;
+.uc-course {
+  display: flex;
+  justify-content: space-around;
+  border: 1px solid #f0f0f0;
+  padding: 10px;
+
+  .uc-course-img {
+    width: 200px;
+
+    img {
+      width: 200px;
+      border: 1px solid #f4f4f5;
+    }
+  }
+
+  .uc-course-info {
+    flex: 1;
+    line-height: 28px;
+    padding: 0px 10px;
+
+    .uc-course-name {
+      font-size: 18px;
       font-weight: 700;
     }
 
-    .con-audio-player {
-      min-height: 300px;
-      padding: 60px 50px 80px 50px;
+    .uc-course-text {
+      color: #747474;
     }
   }
 
-  .hyper-link {
-    padding-left: 20px;
-    text-align: center;
-    padding-top: 100px;
-
-    .hyper-link-row {
-      padding: 20px;
-    }
+  .uc-course-btns {
+    width: 150px;
   }
+}
 
-  .catalog-box {
-    background: #fff;
+.catalog-cell-state2 {
+  height: 24px;
+  width: 58px;
+  line-height: 20px;
+  border: 0px dotted #bed2f8;
+  padding: 3px 10px;
+  color: #ff8e00;
+  font-size: 12px;
+  border-radius: 6px;
+  margin-left: 2px;
+  background: #ffedd6;
+}
 
-    // padding: 15px 0px;
-    // box-shadow: 1px 1px 2px 2px #ededed;
-    .title {
-      font-size: 16px;
-      font-weight: 600;
-      color: #333333;
-      padding-left: 20px;
-    }
-  }
+.catalog-cell-state9 {
+  height: 24px;
+  width: 58px;
+  line-height: 20px;
+  border: 0px dotted #bed2f8;
+  padding: 3px 10px;
+  color: #3e7fff;
+  font-size: 12px;
+  border-radius: 6px;
+  margin-left: 2px;
+  background: #edf2fd;
+  // margin-left: 68%;
+  // background-color: #BED2F8;
+}
 
-  .collapse-title {
-    flex: 1 0 90%;
-    order: 1;
-  }
+.catalog-cell-state1 {
+  height: 24px;
+  width: 58px;
+  line-height: 20px;
+  border: 0px dotted #edf2fd;
+  border-radius: 6px;
+  padding: 3px 10px;
+  color: #ff3e3e;
+  font-size: 12px;
+  margin-left: 2px;
+  background: #fff0f0;
+}
 
-  .el-collapse-item__header {
-    flex: 1 0 auto;
-    order: -1;
-  }
+.catalog {
+  height: 100%;
+  max-width: 500px;
+  overflow: auto;
 
-  .course-interact {
-    flex: 1; // 20%高度
-    height: 54px;
-    // padding-top: 10px;
-    // padding-right: 10px;
-    padding: 0 20px;
-    line-height: 54px;
-    background-color: #FFFFFF;
-    display: flex;
-    justify-content: space-between;
-    box-sizing: border-box;
-  }
-
-  .interact-btn {
-    margin-right: 10px;
-  }
-
-  .uc-badge {
-    margin-top: 10px;
-    margin-right: 40px;
-  }
-
-  .cres-list {
-    list-style-type: decimal;
+  .catalog-row {
     margin: 0px;
+    padding: 0px 10px 10px 10px;
 
-    li {
-      line-height: 30px;
+    .title-type {
+      width: 36px;
+      height: 24px;
+      padding: 2px 5px;
+      color: #666666;
+      border: 1px solid #666666;
+      margin-right: 8px;
     }
 
-    .current {
-      color: #1ea0fa;
-    }
-  }
-
-  .uc-course {
-    display: flex;
-    justify-content: space-around;
-    border: 1px solid #f0f0f0;
-    padding: 10px;
-
-    .uc-course-img {
-      width: 200px;
-
-      img {
-        width: 200px;
-        border: 1px solid #f4f4f5;
-      }
-    }
-
-    .uc-course-info {
-      flex: 1;
-      line-height: 28px;
-      padding: 0px 10px;
-
-      .uc-course-name {
-        font-size: 18px;
-        font-weight: 700;
-      }
-
-      .uc-course-text {
-        color: #747474;
-      }
-    }
-
-    .uc-course-btns {
-      width: 150px;
-    }
-  }
-
-  .catalog-cell-state2 {
-    height: 24px;
-    width: 58px;
-    line-height: 20px;
-    border: 0px dotted #bed2f8;
-    padding: 3px 10px;
-    color: #ff8e00;
-    font-size: 12px;
-    border-radius: 6px;
-    margin-left: 2px;
-    background: #ffedd6;
-  }
-
-  .catalog-cell-state9 {
-    height: 24px;
-    width: 58px;
-    line-height: 20px;
-    border: 0px dotted #bed2f8;
-    padding: 3px 10px;
-    color: #3e7fff;
-    font-size: 12px;
-    border-radius: 6px;
-    margin-left: 2px;
-    background: #edf2fd;
-    // margin-left: 68%;
-    // background-color: #BED2F8;
-  }
-
-  .catalog-cell-state1 {
-    height: 24px;
-    width: 58px;
-    line-height: 20px;
-    border: 0px dotted #edf2fd;
-    border-radius: 6px;
-    padding: 3px 10px;
-    color: #ff3e3e;
-    font-size: 12px;
-    margin-left: 2px;
-    background: #fff0f0;
-  }
-
-  .catalog {
-    height: 100%;
-    max-width: 500px;
-    overflow: auto;
-
-    .catalog-row {
+    ul {
+      padding: 0px;
       margin: 0px;
-      padding: 0px 10px 10px 10px;
 
-      .title-type {
-        width: 36px;
-        height: 24px;
-        padding: 2px 5px;
-        color: #666666;
-        border: 1px solid #666666;
-        margin-right: 8px;
-      }
-
-      ul {
-        padding: 0px;
-        margin: 0px;
-
-        li {
-          padding: 6px 0;
-        }
-      }
-
-      .catalog-cell {
-        line-height: 32px;
-        cursor: pointer;
-        list-style: none;
-        margin: 0px;
-        padding-left: 20px;
-        color: #5c5c5c;
+      li {
+        padding: 6px 0;
       }
     }
-  }
 
-  .video-div {
-    position: absolute;
-    z-index: 999999999;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background: rgba(101, 101, 101, 0.9);
-
-    .good {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      margin-top: 200px;
-
-      div {
-        line-height: 1;
-        margin: 0 15px;
-
-        .svg-icon {
-          width: 30px;
-          height: 30px;
-        }
-      }
-
-      div:nth-of-type(2) {
-        .svg-icon {
-          transform: scaleX(-1);
-          transform: rotate(180deg);
-        }
-      }
+    .catalog-cell {
+      line-height: 32px;
+      cursor: pointer;
+      list-style: none;
+      margin: 0px;
+      padding-left: 20px;
+      color: #5c5c5c;
     }
   }
+}
 
-  ::v-deep .el-tag {
-    background-color: #ecf5ff;
-    border-color: #409EFF;
-    display: inline-block;
-    height: 28px;
-    padding: 0 10px;
-    line-height: 28px;
-    font-size: 12px;
-    color: #3e7fff;
-    border-width: 1px;
-    border-style: solid;
-    border-radius: 0px;
-    box-sizing: border-box;
-    white-space: nowrap;
-  }
+.video-div {
+  position: absolute;
+  z-index: 999999999;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(101, 101, 101, 0.9);
 
-  ::v-deep .teacher .teacher-avator .teacher-text {
-    background: none;
-    border: none;
-  }
-
-  .teacher {
-    background-color: #ffffff;
+  .good {
     display: flex;
-    width: 100%;
-    border-top: none;
-    padding: 10px 0px;
-    .teacher-avator {
-      cursor: pointer;
-      ::v-deep .el-avatar {
-        width: 60px !important;
-        height: 60px !important;
-        border-radius: 50%;
-         img{
-             width: 100% !important;
-             }
-      }
-      .teacher-text {
-        width: 68px;
-        height: 68px;
-
-        div {
-          img {
-            width: 68px;
-            height: 68px;
-          }
-        }
-      }
-    }
-    .teacher-info {
-      flex: 1;
-      .teacher-name {
-        padding: 5px 5px 10px 10px;
-      }
-      .teacher-remark {
-        padding: 0px 5px 0 10px;
-        font-size: 14px;
-        color: #666666;
-        line-height: 20px;
-        overflow:hidden;
-        text-overflow:ellipsis;
-        // white-space:nowrap;
-        word-break:break-all
-      }
-    }
-  }
-
-
-
-  .breadname {
-    margin-bottom: 15px;
-  }
-
-  //目录的样式更改
-  ::v-deep .el-collapse-item {
-    .el-collapse-item__header {
-      // position: relative;
-      direction: rtl;
-      display: flex;
-      // justify-content;
-      justify-content: space-between;
-
-      // .el-collapse-item__arrow{
-      //   float:right;
-      // }
-      // span{
-      //   float:right;
-      // }
-      i {
-        display: none
-      }
-    }
-  }
-
-  .course-units {
-    padding: 10px 30px;
-    .units-info {
-      padding: 0 30px;
-      height: 60px;
-      line-height: 60px;
-      font-size: 16px;
-      cursor: pointer;
-      overflow: hidden;
-      white-space:nowrap;
-      word-break:break-all;
-      text-overflow:ellipsis;
-    }
-
-    .units-active {
-      background: #F6F6F6;
-      color: #387DF7;
-      font-weight: 600;
-      cursor: text;
-      img {
-        width: 18px;
-        height: 20px;
-        vertical-align: middle;
-        // margin-right: 20px;
-      }
-    }
-  }
-
-  .more {
-    float: right;
-  }
-
-  .coures-title {
-    margin-left: 82px;
-    font-size: 20px;
-    font-weight: 600;
-    color: #FFFFFF;
-    margin-top: 25px;
+    justify-content: center;
+    align-items: center;
+    margin-top: 200px;
 
     div {
-      float: left;
-      font-size: 20px;
-      font-weight: 600;
-      color: #FFFFFF;
+      line-height: 1;
+      margin: 0 15px;
+
+      .svg-icon {
+        width: 30px;
+        height: 30px;
+      }
+    }
+
+    div:nth-of-type(2) {
+      .svg-icon {
+        transform: scaleX(-1);
+        transform: rotate(180deg);
+      }
+    }
+  }
+}
+
+::v-deep .el-tag {
+  background-color: #ecf5ff;
+  border-color: #409eff;
+  display: inline-block;
+  height: 28px;
+  padding: 0 10px;
+  line-height: 28px;
+  font-size: 12px;
+  color: #3e7fff;
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 0px;
+  box-sizing: border-box;
+  white-space: nowrap;
+}
+
+::v-deep .teacher .teacher-avator .teacher-text {
+  background: none;
+  border: none;
+}
+
+.teacher {
+  background-color: #ffffff;
+  display: flex;
+  width: 100%;
+  border-top: none;
+  padding: 10px 0px;
+
+  .teacher-avator {
+    cursor: pointer;
+
+    ::v-deep .el-avatar {
+      width: 60px !important;
+      height: 60px !important;
+      border-radius: 50%;
+
+      img {
+        width: 100% !important;
+      }
+    }
+
+    .teacher-text {
+      width: 68px;
+      height: 68px;
+
+      div {
+        img {
+          width: 68px;
+          height: 68px;
+        }
+      }
+    }
+  }
+
+  .teacher-info {
+    flex: 1;
+
+    .teacher-name {
+      padding: 5px 5px 10px 10px;
+    }
+
+    .teacher-remark {
+      padding: 0px 5px 0 10px;
+      font-size: 14px;
+      color: #666666;
       line-height: 20px;
-
-    }
-
-    span {
-      float: left;
-      font-size: 16px;
-      font-weight: 400;
-      color: #FFFFFF;
-      margin-left: 27px;
-    }
-
-    h6 {
-      float: left;
-      font-size: 16px;
-      font-weight: 600;
-      color: #FFFFFF;
-      margin: 0 20px;
-
+      overflow: hidden;
+      text-overflow: ellipsis;
+      // white-space:nowrap;
+      word-break: break-all;
     }
   }
+}
 
-  ::v-deep.el-breadcrumb__item:first-child .el-breadcrumb__inner a,
-  .el-breadcrumb__inner .is-link {
-    color: #fff !important;
+.breadname {
+  margin-bottom: 15px;
+}
+
+//目录的样式更改
+::v-deep .el-collapse-item {
+  .el-collapse-item__header {
+    // position: relative;
+    direction: rtl;
+    display: flex;
+    // justify-content;
+    justify-content: space-between;
+
+    // .el-collapse-item__arrow{
+    //   float:right;
+    // }
+    // span{
+    //   float:right;
+    // }
+    i {
+      display: none;
+    }
+  }
+}
+
+.course-units {
+  padding: 10px 30px;
+
+  .units-info {
+    padding: 0 30px;
+    height: 60px;
+    line-height: 60px;
+    font-size: 16px;
+    cursor: pointer;
+    overflow: hidden;
+    white-space: nowrap;
+    word-break: break-all;
+    text-overflow: ellipsis;
   }
 
-  ::v-deep.el-breadcrumb__item:last-child .el-breadcrumb__inner {
-    color: #fff !important;
+  .units-active {
+    background: #f6f6f6;
+    color: #387df7;
+    font-weight: 600;
+    cursor: text;
+
+    img {
+      width: 18px;
+      height: 20px;
+      vertical-align: middle;
+      // margin-right: 20px;
+    }
+  }
+}
+
+.more {
+  float: right;
+}
+
+.coures-title {
+  margin-left: 82px;
+  font-size: 20px;
+  font-weight: 600;
+  color: #ffffff;
+  margin-top: 25px;
+
+  div {
+    float: left;
+    font-size: 20px;
+    font-weight: 600;
+    color: #ffffff;
+    line-height: 20px;
   }
 
-  ::v-deep.hear-nav {
-    color: #fff !important;
+  span {
+    float: left;
+    font-size: 16px;
+    font-weight: 400;
+    color: #ffffff;
+    margin-left: 27px;
   }
 
-  .breadcrumb-nav {
-    color: #FFFFFF;
+  h6 {
+    float: left;
+    font-size: 16px;
+    font-weight: 600;
+    color: #ffffff;
+    margin: 0 20px;
   }
+}
 
-  .coures-bg {
-    width: 100%;
-    height: 200px;
-    background: url('../../../public/images/couresdetail.png');
-  }
+::v-deep.el-breadcrumb__item:first-child .el-breadcrumb__inner a,
+.el-breadcrumb__inner .is-link {
+  color: #fff !important;
+}
+
+::v-deep.el-breadcrumb__item:last-child .el-breadcrumb__inner {
+  color: #fff !important;
+}
+
+::v-deep.hear-nav {
+  color: #fff !important;
+}
+
+.breadcrumb-nav {
+  color: #ffffff;
+}
+
+.coures-bg {
+  width: 100%;
+  height: 200px;
+  background: url("../../../public/images/couresdetail.png");
+}
 
 .protocol {
   .protocol-title {
diff --git a/src/views/study/coursenew_v1.vue b/src/views/study/coursenew_v1.vue
new file mode 100644
index 00000000..741970d1
--- /dev/null
+++ b/src/views/study/coursenew_v1.vue
@@ -0,0 +1,3118 @@
+<template>
+  <div>
+    <div class="xpage-coures-banner">
+      <portal-header
+        current="course"
+        textColor="#fff"
+        :goSearch="1"
+      ></portal-header>
+      <div style="margin: 0px 80px">
+        <div class="banner-crumbs">
+          <router-link to="/course"
+          ><span class="crumbs-first">课程列表</span></router-link
+          >
+          <span class="crumbs-line"> &gt; </span>
+          <span class="crumbs-last">课程详情</span>
+        </div>
+        <div class="bcourse-title">
+          <span>{{ courseInfo.name }}</span>
+          <!-- <span>{{courseInfo.summary}}</span>  -->
+          <!--
+          <span class="bcourse-score" v-if="courseInfo.score>0">{{toScore(courseInfo.score)}} 分</span>
+          <span class="bcourse-score" v-else>无评分</span>
+          -->
+        </div>
+      </div>
+    </div>
+    <div class="course-content xcontent">
+      <div
+        class="course-playbox"
+        ref="coursePlayerBox"
+        id="id_course_player_box"
+      >
+        <div class="course-player" ref="coursePlayer" id="id_course_player">
+          <div>
+            <div v-if="renderCourse">
+              <div v-if="resType == null || resType == 0">
+                <!--先显示视频图片-->
+                <course-image
+                  v-if="courseInfo.id != ''"
+                  :course="courseInfo"
+                ></course-image>
+              </div>
+              <div v-if="resType == 10" style="position: relative">
+                <videoPlayer
+                  ref="myVideoPlayer"
+                  id="myVideoPlayer"
+                  @progress="progress"
+                  :src="blobUrl"
+                  :blobId="blobId"
+                  @onPlayerPlaying="onPlayerPlaying"
+                  :initTime="contentData.lastStudyTime"
+                  :notePlay="notePlay"
+                  @onPlayerPlay="onPlayerPlay"
+                  :isDrag="curriculumData.isDrag"
+                  @onFullscreen="onFullscreen"
+                  @onPlayerPause="onPlayerPause"
+                  @onPlayerEnded="onPlayerEnded"
+                  :isCrowd="isCrowd"
+                  @onTimeUpdate="handleAudioTimeUpdate"
+                ></videoPlayer>
+                <div class="player-box" v-if="playerBoxShow">
+                  <div class="player-praise" style="cursor: pointer">
+                    <div @click="praiseContent">
+                      <img
+                        class="icon-small"
+                        v-if="isPraise"
+                        :src="require('@/assets/images/icon/praise-active.png')"
+                      />
+                      <img
+                        class="icon-small"
+                        v-else
+                        :src="require('@/assets/images/icon/zhan.png')"
+                      />
+                      <!-- {{ courseInfo.praises }} -->
+                      <div style="color: #fff; cursor: pointer">赞</div>
+                    </div>
+                    <div
+                      style="margin-left: 15px; cursor: pointer"
+                      @click="treadContent"
+                    >
+                      <img
+                        class="icon-small"
+                        v-if="isTrample"
+                        :src="
+                          require('@/assets/images/icon/trample-active.png')
+                        "
+                      />
+                      <img
+                        class="icon-small"
+                        v-else
+                        :src="require('@/assets/images/icon/cai.png')"
+                      />
+                      <!-- {{ courseInfo.trampleCount }} -->
+                      <div style="color: #fff; cursor: pointer">踩</div>
+                    </div>
+                  </div>
+                  <div v-if="!scoreInfo.has" class="player-rate">
+                    <el-rate
+                      v-model="scoreInfo.score"
+                      text-color="#ff9900"
+                      score-template="{value}"
+                      void-color="#fff"
+                      @change="addScore"
+                    ></el-rate>
+                  </div>
+                  <div
+                    v-if="scoreInfo.has"
+                    style="padding-top: 5px; display: flex"
+                  >
+                    <div class="player-rate" style="padding-left: 35px">
+                      <el-rate
+                        disabled
+                        v-model="courseInfo.score"
+                        :allow-half="true"
+                      ></el-rate>
+                    </div>
+                    <span class="score-text" style="margin-top: 35px">
+                      <span style="color: #ffb30f">{{
+                        toScore(courseInfo.score)
+                      }}</span>
+                      <span style="font-size: 12px; color: #fff">分</span>
+                    </span>
+                  </div>
+                </div>
+              </div>
+              <div v-if="resType == 20">
+                <div class="con-audio">
+                  <div class="con-audio-title">
+                    {{ contentData.contentName }}
+                  </div>
+                  <div class="con-audio-player">
+                    <audioPlayer
+                      v-if="resType == 20"
+                      :url="blobUrl"
+                      :name="contentData.contentName"
+                      @onPlaying="audioPlaying"
+                      :isDrag="curriculumData.isDrag"
+                      @onPlay="audioPlay"
+                      @onPause="audioPause"
+                      @onPlayEnd="audioEnd"
+                    ></audioPlayer>
+                  </div>
+                </div>
+              </div>
+              <div v-if="resType == 40">
+                <div
+                  style="padding: 10px; color: #ed0000"
+                  v-if="curCFile.converStatus < 2 && !contentData.content"
+                >
+                  <div>此课程内容无法预览，请联系管理员</div>
+                </div>
+                <div
+                  style="padding: 10px; color: #ed0000"
+                  v-if="curCFile.converStatus == 3 && !contentData.content"
+                >
+                  此课程内容无法预览，请联系管理员
+                </div>
+                <pdfPreview
+                  :autoScroll="true"
+                  v-if="resType == 40"
+                  :filePath="fileBaseUrl + contentData.content"
+                >
+                </pdfPreview>
+              </div>
+              <div v-if="resType == 41">
+                <div style="padding: 20px" v-html="contentData.content"></div>
+              </div>
+              <div v-if="resType == 50" style="min-height: 500px">
+                <iframe
+                  v-if="scormUrl"
+                  :src="scormUrl"
+                  frameborder="0"
+                  border="0px"
+                  style="width: 100%; height: 500px; border: 0px"
+                ></iframe>
+              </div>
+              <div v-if="resType == 52">
+                <div v-if="contentData.content != ''">
+                  <div class="hyper-link" v-if="conLink.openType == 2">
+                    <div class="hyper-link-row">
+                      {{ contentData.contentName }}
+                    </div>
+                    <div class="hyper-link-row">{{ conLink.url }}</div>
+                  </div>
+                  <div v-if="conLink.openType == 1">
+                    <iframe
+                      :src="conLink.url"
+                      style="width: 100%; border: 0px; min-height: 473px"
+                      frameborder="0"
+                    ></iframe>
+                  </div>
+                </div>
+              </div>
+              <div v-if="resType == 60">
+                <homework
+                  @submit="homeWorkSubmit"
+                  v-if="resType == 60 && studyId != ''"
+                  :studyId="studyId"
+                  :content="contentData"
+                ></homework>
+              </div>
+              <div v-if="resType == 61">
+                <exam
+                  @startTest="startTest"
+                  v-if="resType == 61 && studyId != ''"
+                  :studyId="studyId"
+                  :content="contentData"
+                ></exam>
+              </div>
+              <div v-if="resType == 62" style="padding: 5px">
+                <assess
+                  v-if="resType == 62 && studyId != '' && contentData.id"
+                  :studyId="studyId"
+                  :content="contentData"
+                >
+                </assess>
+              </div>
+            </div>
+            <div
+              v-if="!renderCourse && Internet == 2"
+              style="margin: 350px 250px"
+              class="jianjie pdftext"
+              id="pdfPreview"
+            >
+              <div
+                style="
+                  margin-top: 40px;
+                  font-weight: 700;
+                  font-size: 22px;
+                  color: #ccc;
+                "
+              >
+                <span
+                >十分抱歉，您当前的网络环境不符合观看要求。为了保障课程信息的安全，您需要接入公司内网才能观看。</span
+                >
+              </div>
+              <div
+                style="margin-top: 20px; text-align: center"
+                @click="refreshPage"
+              >
+                <el-button type="primary">重新检测</el-button>
+              </div>
+            </div>
+          </div>
+          <!--交互部分-->
+          <div>
+            <div class="course-interact">
+              <div class="score" style="display: flex">
+                <div
+                  v-if="!scoreInfo.has"
+                  style="margin-left: 10px; cursor: pointer; padding-top: 18px"
+                >
+                  <!-- <el-popover placement="top" width="300" trigger="hover"> -->
+                  <!-- <div style="text-align:center;line-height:50px;padding:20px 0px">
+
+                      <div style="padding-top:30px"><el-button @click="addScore">提交评分</el-button></div>
+                    </div> -->
+                  <el-rate
+                    v-model="scoreInfo.score"
+                    @change="addScore"
+                  ></el-rate>
+                  <!-- <el-tag class="ref-score" slot="reference">去评分</el-tag> -->
+                  <!-- </el-popover> -->
+                </div>
+                <div
+                  v-if="scoreInfo.has"
+                  style="padding-top: 5px; display: flex"
+                >
+                  <div style="padding-top: 16px">
+                    <el-rate
+                      disabled
+                      v-model="courseInfo.score"
+                      :allow-half="true"
+                    ></el-rate>
+                  </div>
+                  <div>
+                    <span class="score-text">{{
+                      toScore(courseInfo.score)
+                    }}</span>
+                    <span style="font-size: 18px">分</span>
+                  </div>
+                </div>
+              </div>
+              <div
+                style="
+                  display: flex;
+                  justify-content: flex-end;
+                  cursor: pointer;
+                  padding-top: 5px;
+                "
+              >
+                <div @click="praiseContent">
+                  <el-tooltip
+                    class="item"
+                    effect="light"
+                    :content="isPraise ? '取消点赞' : '点赞'"
+                    placement="top-start"
+                    :visible-arrow="false"
+                    popper-class="text-tooltip"
+                  >
+                    <img
+                      class="icon-small"
+                      v-if="isPraise"
+                      :src="require('@/assets/images/icon/praise-active.png')"
+                    />
+                    <img
+                      class="icon-small"
+                      v-else
+                      :src="require('@/assets/images/icon/praise.png')"
+                    />
+                  </el-tooltip>
+                  {{ courseInfo.praises }}
+                </div>
+                <div style="margin-left: 20px" @click="treadContent">
+                  <el-tooltip
+                    class="item"
+                    effect="light"
+                    :content="isTrample ? '取消踩' : '踩'"
+                    placement="top-start"
+                    :visible-arrow="false"
+                    popper-class="text-tooltip"
+                  >
+                    <img
+                      class="icon-small"
+                      v-if="isTrample"
+                      :src="require('@/assets/images/icon/trample-active.png')"
+                    />
+                    <img
+                      class="icon-small"
+                      v-else
+                      :src="require('@/assets/images/icon/trample.png')"
+                    />
+                  </el-tooltip>
+                  {{ courseInfo.trampleCount }}
+                </div>
+                <div style="margin-left: 6px">
+                  <interactBar
+                    :size="16"
+                    :type="1"
+                    :aid="courseInfo.sysCreateAid"
+                    :data="courseInfo"
+                    :praises="false"
+                    :favorites="true"
+                    :shares="true"
+                    :comments="false"
+                    :views="false"
+                  ></interactBar>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="course-control">
+          <div class="control-tab" v-if="contentList.length > 0">
+            <div
+              v-if="contentList.length > 1"
+              @click="heartabone"
+              :class="tab == 1 ? 'control-tab-active' : ' '"
+            >
+              <i
+                class="el-icon-reading"
+                style="margin-right: 9px; margin-left: 9px"
+              ></i
+              >课程单元
+            </div>
+            <div
+              @click="heartabtwo"
+              :class="tab == 2 ? 'control-tab-active' : ' '"
+            >
+              <i
+                class="el-icon-edit"
+                style="margin-right: 9px; margin-left: 9px"
+              ></i
+              >我的笔记
+            </div>
+            <!-- ai播放器相关 开发阶段先放开 v-if="courseInfo.aiDraft == 1" -->
+            <div
+              @click="heartabthree"
+              v-if="courseInfo.aiDraft == 1 && contentData.contentType == 10"
+              :class="tab == 3 ? 'control-tab-active' : ' '"
+              style="position: relative"
+            >
+              <i
+                class="el-icon-document"
+                style="margin-right: 9px; margin-left: 9px"
+              ></i
+              >ai文稿
+              <img
+                src="@/assets/images/course/wengaoTip.png"
+                alt=""
+                style="
+                  position: absolute;
+                  top: -3px;
+                  right: -14px;
+                  width: 15px;
+                  height: 14px;
+                "
+              />
+            </div>
+          </div>
+          <!-- 课程单元  -->
+          <div class="course-units" v-if="tab == 1">
+            <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
+                    ref="menu"
+                    :default-openeds="defaultOpeneds"
+                    :default-active="activeId"
+                    :unique-opened="true"
+                    class="el-menu-vertical-demo"
+                    @open="handleOpen"
+                    @close="handleClose"
+                  >
+                    <el-submenu :index="item.section.id">
+                      <template slot="title">
+                        <div
+                          style="display: flex; justify-content: space-between"
+                        >
+                          <div
+                            style="
+                              width: 240px;
+                              font-weight: 700;
+                              font-size: 16px;
+                              overflow: hidden;
+                              white-space: nowrap;
+                              text-overflow: ellipsis;
+                            "
+                            :title="item.section.name"
+                          >
+                            {{ item.section.name }}
+                          </div>
+                          <div
+                            style="
+                              margin-right: 23px;
+                              font-weight: 700;
+                              font-size: 16px;
+                            "
+                          >
+                            ({{
+                            item.children.filter((item) => item.status == 9)
+                            .length
+                            }}/{{ item.children.length }})
+                          </div>
+                        </div>
+                      </template>
+                      <el-menu-item-group
+                        v-for="(ele, i) in item.children"
+                        :key="i"
+                      >
+                        <div
+                          class="units-info"
+                          :class="{ 'units-active': contentData.id == ele.id }"
+                          @click="showRes(ele, i, index, item)"
+                        >
+                          <el-menu-item
+                            :index="ele.id"
+                            style="padding: 0; padding-left: 10px"
+                          >
+                            <div
+                              style="
+                                display: flex;
+                                justify-content: space-between;
+                              "
+                            >
+                              <div
+                                style="
+                                  width: 200px;
+                                  font-size: 16px;
+                                  overflow: hidden;
+                                  white-space: nowrap;
+                                  text-overflow: ellipsis;
+                                "
+                                :title="ele.contentName"
+                              >
+                                {{ i + 1 }}. {{ ele.contentName }}
+                              </div>
+                              <div>
+                                <span
+                                  v-if="contentData.id == ele.id"
+                                  style="
+                                    color: #387df7;
+                                    font-size: 14px;
+                                    margin-right: 4px;
+                                  "
+                                >学习中</span
+                                >
+                                <!-- <img v-if="contentData.id == ele.id" :src="`${webBaseUrl}/images/playicon.png`" alt=""> -->
+                                <img
+                                  v-if="
+                                    contentData.id == ele.id && ele.status == 9
+                                  "
+                                  style="width: 16px; height: 16px"
+                                  src="@/assets/images/over.png"
+                                  alt=""
+                                />
+                                <img
+                                  v-if="
+                                    contentData.id == ele.id && ele.status == 0
+                                  "
+                                  style="width: 16px; height: 16px"
+                                  src="@/assets/images/nowNot.png"
+                                  alt=""
+                                />
+                                <img
+                                  v-if="
+                                    contentData.id == ele.id &&
+                                    ele.status != 9 &&
+                                    ele.status != 0
+                                  "
+                                  style="width: 16px; height: 16px"
+                                  src="@/assets/images/ban1.png"
+                                  alt=""
+                                />
+                                <img
+                                  v-if="
+                                    contentData.id != ele.id && ele.status == 9
+                                  "
+                                  style="width: 16px; height: 16px"
+                                  src="@/assets/images/notNew.png"
+                                  alt=""
+                                />
+                                <img
+                                  v-if="
+                                    contentData.id != ele.id && ele.status == 0
+                                  "
+                                  style="width: 16px; height: 16px"
+                                  src="@/assets/images/not.png"
+                                  alt=""
+                                />
+                                <img
+                                  v-if="
+                                    contentData.id != ele.id &&
+                                    ele.status != 9 &&
+                                    ele.status != 0
+                                  "
+                                  style="width: 16px; height: 16px"
+                                  src="@/assets/images/newBan.png"
+                                  alt=""
+                                />
+                              </div>
+                            </div>
+                          </el-menu-item>
+                        </div>
+                      </el-menu-item-group>
+                    </el-submenu>
+                  </el-menu>
+                </div>
+                <!-- <div v-for="(item, index) in catalogTree" :key="index" :name="index">
+                    <div style="margin: 10px 0px;font-weight: 700;">{{item.section.name}}</div>
+                    <div class="units-info" :class="{'units-active':contentData.id == ele.id}"  v-for="(ele, i) in item.children" :key="i" @click="showRes(ele,i,index)">
+                      <img v-if="contentData.id == ele.id" :src="`${webBaseUrl}/images/playicon.png`" alt=""> {{i+1}}.
+                      <span>{{ ele.contentName }}</span>
+                    </div>
+                  </div> -->
+              </div>
+              <div v-else class="catalog">
+                <!-- contentList -->
+                <div
+                  class="units-info"
+                  style="display: flex; justify-content: space-between"
+                  v-for="(list, index) in contentList"
+                  :key="index"
+                  :name="index"
+                  @click="showRes(list, -1, index)"
+                  :class="{ 'units-active': contentData.id == list.id }"
+                >
+                  <!-- <div class="units-info" :class="{'units-active':contentData.id == ele.id}" @click="showRes(ele,i,index)" v-for="(ele, i) in item.children" :key="i"> -->
+                  <!-- <img v-if="contentData.id == list.id" :src="`${webBaseUrl}/images/playicon.png`" alt="">  -->
+                  <div
+                    style="
+                      max-width: 193px;
+                      overflow: hidden;
+                      white-space: nowrap;
+                      text-overflow: ellipsis;
+                    "
+                  >
+                    {{ index + 1 }}.{{ list.contentName }}
+                  </div>
+                  <div style="margin-left: 5px">
+                    <span
+                      v-if="contentData.id == list.id"
+                      style="color: #387df7; font-size: 14px; margin-right: 4px"
+                    >学习中</span
+                    >
+                    <img
+                      v-if="contentData.id == list.id && list.status == 9"
+                      style="width: 16px; height: 16px"
+                      src="@/assets/images/over.png"
+                      alt=""
+                    />
+                    <img
+                      v-if="contentData.id == list.id && list.status == 0"
+                      style="width: 16px; height: 16px"
+                      src="@/assets/images/nowNot.png"
+                      alt=""
+                    />
+                    <img
+                      v-if="
+                        contentData.id == list.id &&
+                        list.status != 9 &&
+                        list.status != 0
+                      "
+                      style="width: 16px; height: 16px"
+                      src="@/assets/images/ban1.png"
+                      alt=""
+                    />
+                    <img
+                      v-if="contentData.id != list.id && list.status == 9"
+                      style="width: 16px; height: 16px"
+                      src="@/assets/images/notNew.png"
+                      alt=""
+                    />
+                    <img
+                      v-if="contentData.id != list.id && list.status == 0"
+                      style="width: 16px; height: 16px"
+                      src="@/assets/images/not.png"
+                      alt=""
+                    />
+                    <img
+                      v-if="
+                        contentData.id != list.id &&
+                        list.status != 9 &&
+                        list.status != 0
+                      "
+                      style="width: 16px; height: 16px"
+                      src="@/assets/images/newBan.png"
+                      alt=""
+                    />
+                  </div>
+                  <!-- </div> -->
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- 我的笔记 -->
+          <div class="mynote" v-show="tab == 2">
+            <my-note
+              ref="mynote"
+              :height="controlHeight"
+              @change="noteChange"
+              :data="courseInfo"
+              @videoLocation="videoLocation"
+              @onPlayVideo="onPlayVideo"
+              :score="courseInfo.score"
+            ></my-note>
+          </div>
+          <!--     ai播放器相关    -->
+          <!-- ai文稿 -->
+          <div class="ai-script" v-if="contentData.contentType == 10 && tab == 3">
+            <ai-script ref="aiscript" :blobId="blobId" :isDrag="curriculumData.isDrag" @changeCurrentTime="changeCurrentTime"></ai-script>
+          </div>
+        </div>
+      </div>
+      <div class="course-infobox">
+        <div class="course-info">
+          <div style="background-color: #fff">
+            <div class="course-info-tab">
+              <div
+                @click="coutab(1)"
+                :class="courestab == 1 ? 'course-info-tab-active' : ''"
+              >
+                内容简介<span class=""></span>
+              </div>
+              <!-- ai播放器相关 -->
+              <div
+                @click="coutab(4)"
+                v-if="courseInfo.aiAbstract == 1"
+                style="position: relative;"
+                :class="courestab == 4 ? 'course-info-tab-active' : ''"
+              >
+                AI摘要<span class=""></span>
+                <img style="position: absolute;top: -18px;right: -23px;width: 36px;height: 24px;" src="@/assets/images/course/courseNew.png" alt="">
+              </div>
+              <div
+                @click="coutab(2)"
+                :class="courestab == 2 ? 'course-info-tab-active' : ''"
+              >
+                课程评论<span class=""></span>
+              </div>
+              <div
+                @click="coutab(3)"
+                :class="courestab == 3 ? 'course-info-tab-active' : ''"
+              >
+                课程笔记<span class=""></span>
+              </div>
+            </div>
+            <div
+              v-show="courestab == 1"
+              style="margin-left: 17px; padding-top: 20px"
+            >
+              <div style="padding: 30px">
+                <div class="course-info-row">
+                  <img
+                    src="@/assets/images/icon/remark-iocn.png"
+                    alt=""
+                    srcset=""
+                  />
+                  目标人群：
+                  <div class="course-info-text">{{ courseInfo.forUsers }}</div>
+                </div>
+                <div class="course-info-row">
+                  <img
+                    src="@/assets/images/icon/remark-iocn.png"
+                    alt=""
+                    srcset=""
+                  />
+                  课程价值：
+                  <div class="course-info-text">{{ courseInfo.value }}</div>
+                </div>
+                <div class="course-info-row">
+                  <img
+                    src="@/assets/images/icon/remark-iocn.png"
+                    alt=""
+                    srcset=""
+                  />
+                  详细介绍：
+                  <div
+                    class="course-info-text"
+                    v-html="courseInfo.summary"
+                  ></div>
+                </div>
+              </div>
+            </div>
+            <div
+              v-show="courestab == 2"
+              class="coures-comments"
+              style="margin-left: 17px"
+            >
+              <comments
+                v-if="courseInfo.id && courseInfo.id != ''"
+                :obj-type="1"
+                :obj-id="courseInfo.id"
+                :toUsers="toUsers"
+              ></comments>
+            </div>
+            <div v-show="courestab == 3" class="coures-note">
+              <note-comments
+                :key="timer"
+                v-if="courseInfo.id && courseInfo.id != ''"
+                :obj-type="6"
+                :obj-id="courseInfo.id"
+                :name="courseInfo.name"
+              ></note-comments>
+            </div>
+          </div>
+          <!-- ai播放器相关 -->
+          <div
+            v-show="courestab == 4"
+            style="padding-left: 17px; padding-top: 20px;background-color: #fff;"
+          >
+            <div style="padding: 30px;line-height: 24px;letter-spacing: 0.3px;color: rgba(102, 102, 102, 1);">
+              {{ courseInfo.summaryContent || '' }}
+            </div>
+          </div>
+        </div>
+        <div class="course-teacher">
+          <div class="cteacher-top">
+            <div class="cteacher-top">
+              <img
+                width="100%"
+                style="vertical-align: top"
+                height="10px"
+                src="../../../public/images/tearch-top.png"
+                alt=""
+              />
+            </div>
+            <div class="cteacher-top-title">课程讲师</div>
+          </div>
+
+          <div class="cteacher-list">
+            <div class="teacher" v-for="(item, idx) in teachers" :key="idx">
+              <div
+                class="teacher-avator"
+                @click="toUserHome(item)"
+                title="点击进入他的主页"
+              >
+                <!-- <div class="teacher-text" v-if="item.authorInfo.avatar == ''">{{userAvatarText(item.teacherName)}}</div> -->
+                <div v-if="item.authorInfo && item.authorInfo.avatar">
+                  <el-avatar
+                    :src="fileBaseUrl + item.authorInfo.avatar"
+                    shape="circle"
+                    :size="50"
+                  ></el-avatar>
+                </div>
+                <!--                <div v-else class="teacher-text">
+                                  <div v-if="item.authorInfo.sex === 1">
+                                    <img src="../../../public/images/Avatarman.png" alt="" />
+                                  </div>
+                                  <div v-else>
+                                    <img src="../../../public/images/Avatarwoman.png" alt="" />
+                                  </div>
+                                </div>-->
+                <div v-else-if="item.photo">
+                  <el-avatar :src="item.photo" shape="circle" :size="50"></el-avatar>
+                </div>
+                <div v-else class="teacher-text">
+                  <div v-if="item.authorInfo && item.authorInfo.sex === 1"><img src="../../../public/images/Avatarwoman.png" alt=""></div>
+                  <div v-else><img src="../../../public/images/Avatarman.png" alt=""></div>
+                </div>
+
+              </div>
+              <div class="teacher-info">
+                <div class="teacher-name">
+                  <span> {{ item.teacherName }}</span>
+                  <!-- <span style="font-size: 12px; color:#666666 ;">( {{cutOrgNamePath(item.authorInfo.orgInfo)}} )</span> -->
+                </div>
+                <!-- <div class="teacher-remark" v-html="item.authorInfo.sign"></div> -->
+                <div v-if="item.teacherType === 1" class="teacher-remark">
+                  {{ cutOrgNamePath(item.authorInfo.orgInfo) }}
+                </div>
+                <div v-else>{{ item.supplier }}</div>
+              </div>
+              <div style="padding-top: 15px; width: 70px">
+                <followButton
+                  v-if="item.teacherName !== 'BOE教师'"
+                  :auto="true"
+                  size="small"
+                  :aid="item.teacherId"
+                ></followButton>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <el-dialog
+      class="protocol"
+      :close-on-click-modal="false"
+      :visible="protocolDialogVisible"
+      width="30%"
+      :show-close="false"
+    >
+      <div class="protocol-title">{{ warnTitle }}</div>
+      <div class="protocol-content">&emsp;&emsp;{{ warn }}</div>
+      <span slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="protocolDialogVisible = false"
+        >确 定</el-button
+        >
+      </span>
+    </el-dialog>
+    <!-- <div><portal-footer></portal-footer></div> -->
+  </div>
+</template>
+<script>
+  // ai播放器相关
+  import { mapGetters, mapMutations } from "vuex";
+  import followButton from "@/components/Follow/button.vue";
+  import portalHeader from "@/components/PortalHeader.vue";
+  import portalFooter from "@/components/PortalFooter.vue";
+  import comments from "@/components/Portal/comments.vue";
+  import noteComments from "@/components/Portal/noteComment.vue";
+  import interactBar from "@/components/Portal/interactBar.vue";
+  import audioPlayer from "@/components/AudioPlayer/index.vue";
+  import videoPlayer from "@/components/VideoPlayer/index.vue";
+  import hyperLink from "@/components/Course/hyperLink.vue";
+  import studyUtil from "@/utils/study.js";
+  import { encrypt } from "@/utils/jsencrypt.js";
+  import cookies from "vue-cookies";
+  import apiStat from "@/api/phase2/stat.js";
+  import apiStudy from "@/api/modules/courseStudy.js";
+  import apiVideoStudy from "@/api/modules/videoStudy.js";
+  import apiCourseGrade from "@/api/modules/courseGrade.js";
+  import apiPraises from "@/api/modules/praises.js";
+  import apiTrample from "@/api/modules/trample.js";
+  import apiCoursePortal from "@/api/modules/coursePortal.js";
+  import apiUser from "@/api/system/user.js";
+  import apiCourseFile from "@/api/modules/courseFile.js";
+  import {
+    resListMap,
+    resOwnerListMap,
+    courseType,
+    getType,
+    toScore,
+    cutOrgNamePath,
+    userAvatarText,
+  } from "@/utils/tools.js";
+  import pdfPreview from "@/components/PdfPreview/index.vue";
+  import courseImage from "@/components/Course/courseImage.vue";
+  import exam from "@/components/Course/exam";
+  import homework from "@/components/Course/homework";
+  import assess from "@/components/Course/assess";
+  import myNote from "../../components/Course/myNote.vue";
+  // ai播放器相关
+  import aiScript from "../../components/Course/aiScript.vue";
+  import apiFollow from "@/api/phase2/userfollow.js";
+  import apiMessage from "@/api/system/message.js";
+  // import Vue from 'vue';
+  // Vue.forceUpdate();
+  export default {
+    name: "atticle",
+    components: {
+      courseImage,
+      portalHeader,
+      hyperLink,
+      comments,
+      homework,
+      exam,
+      interactBar,
+      assess,
+      pdfPreview,
+      audioPlayer,
+      videoPlayer,
+      myNote,
+      aiScript,
+      noteComments,
+      portalFooter,
+      followButton,
+    },
+    data() {
+      return {
+        protocolDialogVisible: false,
+        tentative: false,
+        isContentTypeTwo: null,
+        isContentType: null,
+        activeId: "",
+        isFalse: false,
+        defaultOpeneds: [],
+        sendEventProgress: 0,
+        trueFalse: true,
+        audiences: "",
+        isCrowd: false,
+        cutOrgNamePath,
+        scormUrl: "", //当前播放的scormUrl
+        loading: false,
+        controlHeight: 400, //左边控制区域的内容高度
+        timer: "",
+        notePlay: null,
+        intTimeNote: "",
+        courestab: 2, //默认是课程评论
+        curCFile: {
+          converStatus: 4,
+        },
+        Internet: 3, //1是成功 2是是失败 3是检测中
+        radio: "",
+        interactRuning: false,
+        playerBoxShow: false,
+        userAvatarText,
+        publicPath: process.env.VUE_APP_PUBLIC_PATH,
+        showiframe: false,
+        toScore,
+        courseId: "", //当前课程的id
+        studyId: "", //当前学习的id
+        initContentId: "", //初始化当前学习的内容节
+        blobUrl: "", //播放的文件地址，新添加，采用blob方式
+        contentData: {
+          studyItemId: "",
+          status: 1,
+        }, //当前的显示的内容
+        conLink: {
+          openType: 1,
+          url: "",
+        }, //对于超连接的内容
+        curriculumData: {
+          url: "",
+          isDrag: true,
+          completeSetup: 0,
+          setupTage: 0,
+          second: 0,
+        }, // 课件内容
+        courseInfo: {
+          id: "",
+          name: "",
+        }, //课程信息
+        totalContent: 0, //课程内容数量
+        pageCount: 0,
+        currentPage: 0,
+        fileBaseUrl: this.$xpage.constants.fileBaseUrl, //使用动态的路径 ，不使用配置的路径了process.env.VUE_APP_FILE_BASE_URL,
+        contentList: [],
+        sectionList: [],
+        teachers: [],
+        toUsers: [], //对于@教师的处理
+        getType: getType,
+        ctabName: "catalog",
+        resType: null,
+        renderCourse: true,
+        activeNames: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9],
+        scoreInfo: {
+          dlgShow: false,
+          score: 5,
+          has: false,
+        },
+        isPraise: false,
+        isTrample: false,
+        appendStartTime: null, //记录追加的开始时间
+        appendHandle: null, //追加学习时长的timeout句柄
+        isAppendTime: false, //是否追加学习时长
+        appentId: "", //当前追加的学习时长的id,此字段已经不再使用
+        appentInterval: 15, //追加学习时间的间隔 5秒加一次
+        handleTimeout: null,
+        completed: [],
+        tab: 1,
+        notetab: 1,
+        localTimeKey: "boeu-study-time", //本地存储的学习时长的key   json格式
+        localTimeValue: 0, //计算的时间
+        appendStudyOtherHandle: null,
+        cumulativeDuration: 0, //非音频累计时长
+        maxDuration: 0, //非音频最大时长
+        defaultMaxTime: 1800, //非音频默认最大时间
+        warn: "测试内容",
+        warnTitle: "测试标题",
+        isFinishingStudyItem: false, // 防止重复调用完成状态更新接口
+      };
+    },
+    mounted() {
+      this.getInternet();
+      // 增加的用户受众id
+      let localKey = "user_" + this.userInfo.sysId + "_gids";
+      let hasIds = sessionStorage.getItem(localKey);
+      this.audiences = hasIds ?? "";
+      this.$watermark.set(this.userInfo.name + this.userInfo.loginName);
+      this.courseId = this.$route.query.id;
+      this.initContentId = this.$route.query.contentId;
+      this.stopStudyTime(); //先关闭
+      this.cleanAppendTime(); //
+      this.loadData();
+    },
+    computed: {
+      // ai播放器相关
+      ...mapGetters(["userInfo", 'selectableLang']),
+      catalogTree() {
+        let treeList = [];
+        this.completed = [];
+        let $this = this;
+        $this.sectionList.forEach((sec) => {
+          let treeNode = {
+            section: sec,
+            children: [],
+          };
+          sec.status = 1;
+          let finishCount = 0;
+          $this.contentList.forEach((c) => {
+            if (c.csectionId == sec.id) {
+              if (c.status > 1) {
+                sec.status = 2;
+                if (c.status == 9) {
+                  finishCount++;
+                }
+              }
+              if (c.status == 9) {
+                $this.completed.push(c.id);
+              }
+              treeNode.children.push(c);
+            }
+          });
+          if (finishCount == treeNode.children.length) {
+            sec.status = 9;
+          }
+          treeList.push(treeNode);
+        });
+        // console.log(treeList,'treeList')
+        return treeList;
+      },
+    },
+    methods: {
+      // ai播放器相关
+      // 处理从AI文稿组件传递过来的时间跳转事件
+      changeCurrentTime(time) {
+        console.log(time,'time')
+        this.$refs.myVideoPlayer && this.$refs.myVideoPlayer.seekToTime(time);
+      },
+      ...mapMutations({
+        SET_selectableLang: 'video/SET_selectableLang',
+        SET_courseInfo: 'video/SET_courseInfo',
+      }),
+      handleOpen(key, path) {
+        if (this.isFalse) {
+          this.defaultOpeneds = [key];
+        }
+        this.isFalse = false;
+      },
+      handleClose(key, path) {},
+      toUserHome(tea) {
+        this.$router.push({ path: this.$xpage.getHomePath(tea.teacherId) });
+      },
+      noteChange() {
+        //视频点定位，直接到播放的视频位置
+        this.timer = new Date().getTime();
+      },
+      //清空追加学习时长事件
+      cleanAppendTime() {
+        if (this.appendStudyOtherHandle) {
+          window.clearTimeout(this.appendStudyOtherHandle);
+        }
+      },
+      //非音视频课学习时长的增加,每一分钟保存一次
+      appendStudyOtherTime() {
+        //console.log('开始追加学习时长',this.isAppendTime);
+        if (this.studyId == "") {
+          return;
+        }
+        if (!this.contentData.id) {
+          return;
+        }
+        //每一分钟保存一次
+        // 取消阅读的每分钟六十秒的计时，最多是设置的时间或默认时间
+        let $this = this;
+        let startTime = new Date().getTime();
+        this.appendStudyOtherHandle = setTimeout(function () {
+          let endTime = new Date().getTime();
+          let totalTime = Math.round((endTime - startTime) / 1000);
+          $this.cumulativeDuration += totalTime;
+          if ($this.cumulativeDuration <= $this.maxDuration) {
+            //发送时长
+            $this.sendStudyOtherTime(totalTime);
+            //递归调用
+            $this.appendStudyOtherTime();
+          } else {
+            clearTimeout(this.appendStudyOtherHandle);
+            $this.cumulativeDuration = 0;
+            $this.maxDuration = 0;
+          }
+        }, 1000 * 60);
+      },
+      sendStudyOtherTime(totalTime) {
+        //静默处理
+        apiStat
+          .sendEvent({
+            key: "StudyCourseOther", //课程学习的key
+            title: "非音视频课内容", //事件的标题
+            parameters: "second:" + totalTime, //second:value 本次的学习时长
+            content: "学习课程", //事件的内容
+            objId: this.courseInfo.id, //课程的id
+            objType: "1", //类型
+            source: "page",
+            objInfo: "" + this.courseInfo.name,
+            aid: this.userInfo.aid, //当前登录人的id
+            aname: this.userInfo.name, //当前人的姓名
+            status: 1, //状态
+          })
+          .then((rs) => {
+            if (rs.status != 200) {
+              console.log(rs.message);
+            }
+          });
+      },
+      //笔记组件触发，播放指定时间
+      onPlayVideo(contentId, time) {
+        //这里需要根据contentId,是否切换到对应的内容的视频的时间
+        //如果 contentId已经不存在，需要提示
+        console.log(contentId, this.contentData.id, "两个内容id");
+        let $this = this;
+        if (this.contentData.id == contentId) {
+          this.onPlayerPause();
+          this.contentData.lastStudyTime = time;
+          setTimeout(() => {
+            $this.$refs.myVideoPlayer.startPlay(time);
+          }, 10);
+          console.log("开始播放1");
+        } else {
+          //通过contentId
+          let toResContent = null;
+          this.contentList.forEach((c) => {
+            if (c.id == contentId) {
+              c.lastStudyTime = time;
+              toResContent = c;
+            }
+          });
+          if (toResContent) {
+            this.changePlayRes(toResContent);
+            setTimeout(() => {
+              $this.$refs.myVideoPlayer.startPlay(time);
+            }, 10);
+
+            console.log("开始播放2");
+          } else {
+            this.$message.error("资源已不存在或更换过，已无法定位");
+          }
+        }
+        this.playerBoxShow = false;
+      },
+      //笔记组件触发,记录当前播放时间
+      videoLocation() {
+        this.$refs.mynote.setVideoTime(this.contentData.id, this.intTimeNote);
+      },
+      coutab(n) {
+        this.courestab = n;
+      },
+      createPlayUrl(fid, u) {
+        let nowDate = new Date();
+        let ctime = parseInt(nowDate.getTime() / 1000);
+        let beforeUrl = parseInt(nowDate.getTime() / 1000) + "/" + fid;
+        let urlSign = encodeURIComponent(encrypt(beforeUrl));
+        cookies.set("PLAYSIGN_TIME", ctime); //写客户端的cookie保存
+        //以下判断是为了区分本地环境和服务器环境
+        if (process.env.NODE_ENV == "development") {
+          this.blobUrl = process.env.VUE_APP_FILE_BASE_URL + u;
+        } else {
+          this.blobUrl =
+            process.env.VUE_APP_BASE_API +
+            "/xboe/m/course/cware/resource?sign=" +
+            urlSign;
+        }
+        this.blobId = this.contentData.id;
+      },
+      widthOpen(url) {
+        window.open(url, "_blank");
+      },
+      //替换播放区域
+      changePlayRes(r, item) {
+        this.tentative = false;
+        if (this.appendStudyOtherHandle != null) {
+          window.clearTimeout(this.appendStudyOtherHandle);
+        }
+        this.playerBoxShow = false;
+        //显示内容部分
+        this.$refs.mynote.showVideoTimeBtn(false);
+        let $this = this;
+        this.resType = r.contentType;
+        this.contentData = r;
+        this.activeId = this.contentData.id;
+        if (item) {
+          this.isFalse = true;
+          this.handleOpen(item.section.id, [item.section.id]);
+        }
+        this.contentData.name = this.courseInfo.name;
+        this.saveStudyDuration();
+
+        if (r.contentType == 10 || r.contentType == 20) {
+          this.trueFalse = true;
+          if (r.content.startsWith("{")) {
+            this.curriculumData = JSON.parse(r.content);
+          } else {
+            this.curriculumData.url = r.content;
+          }
+          this.$refs.mynote.showVideoTimeBtn(true);
+          // ai播放器相关 - 视频类型加载ai相关功能
+          if (r.contentType == 10) {
+            this.handleAIVideo(r.boeaiSubtitleRspList, r);
+          }
+          this.createPlayUrl(r.contentRefId, this.curriculumData.url);
+        } else if (r.contentType == 40) {
+          // if (r.content != '' && r.content.indexOf('.pdf') == -1) {
+          apiCourseFile.detail(r.contentRefId).then((cfrs) => {
+            if (cfrs.status == 200) {
+              r.content = cfrs.result.previewFilePath;
+              this.curCFile = cfrs.result;
+              if (
+                cfrs.result.previewFilePath == "" &&
+                cfrs.result.filePath.indexOf("pdf") > -1
+              ) {
+                r.content = cfrs.result.filePath;
+                this.curCFile.converStatus = 2;
+              }
+              if (r.content && r.content.indexOf(".pdf") > -1) {
+                this.curCFile.converStatus = 2;
+              }
+            } else {
+              $this.$message.error("加载pdf课件文件失败");
+            }
+          });
+          // }
+        } else if (r.contentType == 50) {
+          //scorm
+          this.scormUrl = "";
+          apiCourseFile.detail(r.contentRefId).then((cfrs) => {
+            if (cfrs.status == 200) {
+              this.curCFile = cfrs.result;
+              //this.scormUrl=cfrs
+              let pars = "?mode=normal&r=" + Math.random();
+              pars += "&scormId=" + this.curCFile.id;
+              pars += "&courseId=" + this.courseId;
+              pars += "&contentId=" + r.id;
+              pars += "&studentId=" + this.userInfo.aid;
+              pars += "&studentName=" + encodeURIComponent(this.userInfo.name);
+              pars += "&lmsId=" + this.studyId;
+              pars += "&scoId="; //不指定，scorm模块自动根据学习记录定位
+              let urlPre = window.location.protocol;
+              let configUrl = process.env.VUE_APP_SCORM_URL;
+              configUrl =
+                urlPre + configUrl.substring(configUrl.indexOf(":") + 1);
+
+              this.scormUrl = configUrl + pars; //播放的首页
+            }
+          });
+        } else if (r.contentType == 52) {
+          this.isAppendTime = false;
+          if (r.content.startsWith("{")) {
+            this.conLink = JSON.parse(r.content);
+          } else {
+            this.conLink.url = r.content;
+            this.conLink.openType = 1;
+          }
+          if (this.conLink.openType == 2) {
+            //直接设置完成状态
+            this.widthOpen(this.conLink.url);
+          }
+          //this.conLink=
+        } else if (r.contentType == 61) {
+          // 考试
+        } else if (r.contentType == 60) {
+          // 作业
+        } else if (r.contentType == 62) {
+          // 评估
+          //评估不需要查找，因为内容就是content中
+          //console.log('评估处理');
+        }
+        if (this.contentData.status < 2) {
+          // this.contentData.status = 2; //进行中
+          if (r.contentType != 61 && r.contentType != 20 && r.contentType != 10) {
+            setTimeout(() => {
+              this.isContentTypeTwo = r.contentType;
+              $this.isShowTime();
+            }, 2000);
+          }
+        }
+        //以下是学习记录,50是scorm项目
+        if (
+          this.contentData.contentType > 20 &&
+          this.contentData.contentType !== 50
+        ) {
+          //非视频类的
+          //用户的学习时长，非音视频课程学习,单独的处理
+          this.isAppendTime = false;
+
+          this.appendStudyOtherHandle = setTimeout(function () {
+            // 开始之前把响应式清空
+            $this.maxDuration = 0;
+            $this.cumulativeDuration = 0;
+            // 没有设置默认时长三十分钟，
+            $this.maxDuration =
+              r.duration !== 0 ? r.duration * 2 : $this.defaultMaxTime;
+            $this.$store.dispatch("userTrigger", {
+              key: "StudyCourseOther", //课程学习的key
+              title: "非音视频课内容", //事件的标题
+              parameters: "second:15", //second:value 本次的学习时长
+              content: "学习课程", //事件的内容
+              objId: $this.courseInfo.id, //课程的id
+              objType: "1", //类型
+              source: "page",
+              objInfo: "" + $this.courseInfo.name,
+              aid: $this.userInfo.aid, //当前登录人的id
+              aname: $this.userInfo.name, //当前人的姓名
+              status: 1, //状态
+            });
+            $this.appendStudyOtherTime();
+          }, 15000); //非音视频课程学习,十五秒后记录
+          this.isContentType = this.contentData.contentType;
+          if (this.contentData.contentType != 50) {
+            this.handleTimeout = setTimeout(function () {
+              $this.saveStudyInfo();
+            }, 5000); //5秒后记录学习完成
+          } else {
+            //scorm课件不记录完成情况，由播放回调记录完成情况
+            //当前先保存学习记录，未学习状态
+            this.saveScormStudy();
+          }
+        }
+
+        this.$nextTick(function () {
+          if (r.contentType == 10) {
+            console.log("视频处理lastStudyTime", this.contentData.lastStudyTime);
+            console.log("视频处理progressVideo", this.contentData.progressVideo);
+            this.$refs.myVideoPlayer.updateProgressByClickBar2(
+              this.contentData.lastStudyTime,
+              this.contentData.progressVideo
+            );
+          }
+
+          let h = $this.$refs.coursePlayer.offsetHeight;
+          //解决获取高度不正的问题
+          if (h > 400 && h < 500) {
+            h = h + 40;
+          } else if (h > 500) {
+            h = h + 60;
+          }
+          // 移除高度控制 防止内容塌陷
+          // $this.controlHeight=h-95;
+        });
+
+        // 视频设置禁用处理逻辑,如果用户已全部观看完该视频，则设置为能全部拖动的逻辑，把isDrag设置为true即可,同时删除本地存储的数据
+        if (this.contentData.progressVideo === 1) {
+          var obj = JSON.parse(this.contentData.content);
+          obj.isDrag = true;
+          this.contentData.content = JSON.stringify(obj);
+          this.curriculumData.isDrag = true;
+          var time = localStorage.getItem("videoProgressData");
+          var arr = (time && JSON.parse(time)) || {};
+          //alert(con.progressVideo+'--'+con.id + '--'+JSON.stringify(arr))
+          delete arr[this.contentData.id];
+          localStorage.setItem("videoProgressData", JSON.stringify(arr));
+        }
+        if (
+          this.contentData.progressVideo > 0 &&
+          this.contentData.progressVideo !== 1
+        ) {
+          var time = localStorage.getItem("videoProgressData");
+          var arr = (time && JSON.parse(time)) || {};
+          arr[this.contentData.id] = this.contentData.progressVideo;
+          localStorage.setItem("videoProgressData", JSON.stringify(arr));
+        }
+      },
+      // ai播放器相关 - 视频处理
+      handleAIVideo(list = [], r) {
+        console.log('触发了-----------list', list);
+        this.SET_selectableLang(list);
+        this.SET_courseInfo(this.courseInfo);
+        if (this.courseInfo.aiSet && this.courseInfo.aiAbstract == 1 && this.courseInfo.summaryContent) {
+          this.coutab(4);
+        }
+        console.log("ai处理", this.selectableLang);
+      },
+      isShowTime() {
+        if (this.isContentTypeTwo != this.contentData.contentType) {
+          return;
+        }
+        this.contentData.status = 2;
+      },
+      showRes(r, i, index, item) {
+        //i:子节下标，index:章下标
+        // 无权限查看不能点击
+        if (!this.isCrowd) {
+          return;
+        }
+        if (i != undefined && i != -1 && index != undefined && r.status < 9) {
+          if (this.courseInfo.orderStudy) {
+            //判断上个是否学完
+            if (i == 0) {
+              if (index > 0) {
+                //第一章 第一节
+                let preCatalog = this.catalogTree[index - 1];
+                let last = preCatalog.children[preCatalog.children.length - 1];
+                if (last.status != 9) {
+                  this.$message.warning("请按顺序学习！");
+                  return;
+                }
+              }
+            } else {
+              let pre = this.catalogTree[index].children[i - 1];
+              if (pre.status != 9) {
+                this.$message.warning("请按顺序学习！");
+                return;
+              }
+            }
+            //判断是否是第一个未学完的
+            let isAllow = false;
+            let has = this.catalogTree.some((treeNode) => {
+              let hasNo = treeNode.children.some((child) => {
+                if (child.status < 9) {
+                  if (child.id == r.id) {
+                    isAllow = true;
+                  }
+                  return true;
+                } else {
+                  return false;
+                }
+              });
+              return hasNo;
+            });
+            if (has) {
+              if (!isAllow) {
+                this.$message.warning("请按顺序学习！");
+                return;
+              }
+            }
+          }
+        }
+        this.changePlayRes(r, item);
+      },
+      loadScorePraiseAndTrample() {
+        //加载是否请过分
+        apiCourseGrade.has(this.courseId).then((rs) => {
+          if (rs.status == 200 && rs.result) {
+            this.scoreInfo.has = true;
+          }
+        });
+        apiPraises.has(1, this.courseId).then((rs) => {
+          if (rs.status == 200 && rs.result) {
+            this.isPraise = true;
+          }
+        });
+        apiTrample.has(this.courseId).then((rs) => {
+          if (rs.status == 200 && rs.result) {
+            this.isTrample = true;
+          }
+        });
+      },
+      addScore() {
+        let that = this;
+        let postData = {
+          courseId: this.courseInfo.id,
+          studyId: this.studyId,
+          score: this.scoreInfo.score,
+        };
+        if (this.scoreInfo.score > 0) {
+          apiCourseGrade.grade(postData).then((rs) => {
+            if (rs.status == 200) {
+              this.$message.success("打分成功，谢谢您的打分");
+              that.scoreInfo.has = true;
+              that.courseInfo.score = rs.result;
+              let event = {
+                key: "ScoreCourse", //后台的事件key  发布文章且审核通过
+                title: "完成课程评分", //事件的标题
+                parameters: "", //用户自定义参数 name:value,name:value
+                content: "给课程评分", //事件的内容
+                objId: this.courseInfo.id, //关联的id
+                objType: 1, //关联的类型
+                objInfo: this.courseInfo.name,
+                aid: this.userInfo.aid, //当前登录人的id
+                aname: this.userInfo.name, //当前人的姓名
+                status: 1, //状态，直接写1
+              };
+              this.$store.dispatch("userTrigger", event);
+            } else {
+              this.$message.error("打分处理失败，请稍后再试");
+            }
+          });
+        }
+      },
+      praiseContent() {
+        if (this.isTrample) {
+          this.$message.error("您已踩过了，不能再赞了");
+          return;
+        }
+        if (this.interactRuning) {
+          return;
+        }
+        this.interactRuning = true;
+        let teacherId = "";
+        if (this.teachers.length > 0) {
+          teacherId = this.teachers[0].teacherId;
+        } else {
+          teacherId = this.courseInfo.sysCreateAid;
+        }
+        let postData = {
+          objType: 1,
+          objId: this.courseId,
+          title: this.courseInfo.name,
+        };
+        if (this.isPraise) {
+          apiPraises.remove(1, this.courseInfo.id).then((res) => {
+            this.interactRuning = false;
+            if (res.status == 200) {
+              this.$message.info("已取消点赞");
+              this.isPraise = false;
+              this.courseInfo.praises--;
+              let event = {
+                key: "CancelPraise", //点赞
+                title: "取消点赞", //事件的标题
+                parameters: "author:" + teacherId, //用户自定义参数 name:value,name:value
+                content: "取消点赞课程", //事件的内容
+                objId: this.courseId, //关联的id
+                objType: "1", //关联的类型
+                objInfo: this.courseInfo.name,
+                aid: this.userInfo.aid, //当前登录人的id
+                aname: this.userInfo.name, //当前人的姓名
+                status: 1, //状态，直接写1
+              };
+              this.$store.dispatch("userTrigger", event);
+            } else {
+              this.$message.error("取消点赞失败,请稍后再试");
+            }
+          });
+        } else {
+          apiPraises.save(postData).then((rs) => {
+            this.interactRuning = false;
+            if (rs.status == 200) {
+              this.$message.success("点赞成功");
+              this.isPraise = true;
+              this.courseInfo.praises++;
+              let event = {
+                key: "Praise", //点赞
+                title: "点赞", //事件的标题
+                parameters: "author:" + teacherId, //用户自定义参数 name:value,name:value
+                content: "点赞了课程", //事件的内容
+                objId: this.courseId, //关联的id
+                objType: "1", //关联的类型
+                objInfo: this.courseInfo.name,
+                aid: this.userInfo.aid, //当前登录人的id
+                aname: this.userInfo.name, //当前人的姓名
+                status: 1, //状态，直接写1
+              };
+              this.$store.dispatch("userTrigger", event);
+              //发送点赞消息
+              let firstTeacher = this.teachers[0];
+              let message = {
+                content:
+                  this.userInfo.name + "点赞了我的课程-" + this.courseInfo.name,
+                refId: this.courseInfo.id,
+                refType: 1,
+                source: 1,
+                pageType: 1,
+                pageParams: this.courseInfo.id,
+                pageUrl: location.href,
+                sendAid: this.userInfo.aid,
+                sendName: this.userInfo.name,
+                acceptName: firstTeacher.teacherName,
+                acceptId: firstTeacher.teacherId,
+                title: "系统消息",
+                sendType: 1,
+                conType: this.courseInfo.type,
+              };
+              apiMessage.save(message).then((res) => {
+                if (res.status != 200) {
+                  console.log("发送消息失败");
+                }
+              });
+            } else {
+              this.$message.error("点赞失败,请稍后再试");
+            }
+          });
+        }
+      },
+      treadContent() {
+        if (this.isPraise) {
+          this.$message.error("您已赞过了，不能再踩了");
+          return;
+        }
+        if (this.interactRuning) {
+          return;
+        }
+        this.interactRuning = true;
+        if (this.isTrample) {
+          apiTrample.remove(this.courseInfo.id).then((rs) => {
+            this.interactRuning = false;
+            if (rs.status == 200) {
+              this.$message.info("已取消踩");
+              this.isTrample = false;
+              this.courseInfo.trampleCount--;
+            } else {
+              this.$message.error("取消失败,请稍后再试");
+            }
+          });
+        } else {
+          apiTrample.trample(this.courseInfo.id).then((rs) => {
+            this.interactRuning = false;
+            if (rs.status == 200) {
+              this.$message.success("已踩");
+              this.isTrample = true;
+              this.courseInfo.trampleCount++;
+            } else {
+              this.$message.error("踩失败,请稍后再试");
+            }
+          });
+        }
+      },
+      statusToContent(status) {
+        let data = null;
+        switch (status) {
+          case 1: {
+            data = {
+              text: "未开始",
+              class: "catalog-cell-state1",
+            };
+            break;
+          }
+          case 2: {
+            data = {
+              text: "进行中",
+              class: "catalog-cell-state2",
+            };
+            break;
+          }
+          case 9: {
+            data = {
+              text: "已完成",
+              class: "catalog-cell-state9",
+            };
+            break;
+          }
+          default:
+          {
+            data = {
+              text: "未开始",
+              class: "catalog-cell-state1",
+            };
+          }
+            break;
+        }
+        return data;
+      },
+      loadAuthorInfo(list, ids) {
+        //加载作者信息，头像，机构信息
+        if (ids.length == 0) {
+          return;
+        }
+        apiUser.getByIds(ids).then((res) => {
+          if (res.status == 200) {
+            list.forEach((item, index) => {
+              res.result.some((author) => {
+                if (author.aid == item.teacherId) {
+                  item.authorInfo = author;
+                  if (author.avatar) {
+                    item.avatar = this.fileBaseUrl + author.avatar;
+                  }
+                  return true;
+                } else {
+                  return false;
+                }
+              });
+            });
+          } else {
+          }
+        });
+      },
+
+      onPlayerPlay() {
+        this.playerBoxShow = false;
+        let $this = this;
+        //这里有些不准备，如果文件未能加载，这个事件就是错误的
+        this.isAppendTime = true;
+        this.appendStudyTime(); //启动追加学习时长
+      },
+
+      onFullscreen(full) {
+        let divId = "videowatermark";
+        var div = document.getElementById("myVideoPlayer");
+        if (full) {
+          var div3 = document.createElement("div");
+          div3.id = divId;
+          div3.setAttribute("class", "fullmark");
+          div3.innerHTML = "";
+          //从父组件传过来的水印内容
+          //div3.innerText =this.userInfo.name+this.userInfo.code;
+          for (var i = 0; i < 8; i++) {
+            div3.innerHTML +=
+              '<div style="color:#ffffff;width: 40%;height: 155px;padding-left:60px;padding-top:50px; display: flex;justify-content: center; transform: rotate(-36deg);font-size:20px;">' +
+              this.userInfo.name +
+              this.userInfo.loginName +
+              "</div>";
+          }
+          div3.style.cssText =
+            "position:absolute;pointer-events: none; width: 100%;height: 100%;top:0;left:0;bottom: 0;right: 0; display: flex;justify-content: center;flex-wrap: wrap;overflow: hidden; opacity:0.3;padding-top:10px";
+          div.appendChild(div3);
+        } else {
+          console.log("去除水印 ---- gx ----");
+          var markDiv = div.querySelector("#" + divId);
+          console.log("去除水印 ---- gx markDiv ----", markDiv);
+          if (markDiv) {
+            console.log("执行去除水印 ---- gx markDiv ----", markDiv);
+            div.removeChild(markDiv);
+          }
+        }
+      },
+      onPlayerPause() {
+        this.stopStudyTime();
+      },
+      onPlayerEnded() {
+        this.playerBoxShow = true;
+        this.stopStudyTime();
+        if (this.contentData.status < 9) {
+          this.finishStudyItem();
+        }
+      },
+      onPlayerPlaying(itme) {
+        this.isAppendTime = true; //可以追加学习时长
+        this.intTimeNote = parseInt(itme);
+        if (this.contentData.contentType && this.contentData.contentType == 10) {
+          let intTime = parseInt(itme);
+          //判断是否完成
+          let completeType = this.curriculumData.completeSetup;
+          let completeSecond = this.curriculumData.second;
+          if (!completeSecond || completeType == 0) {
+            completeSecond = 5; //如果没有就采用默认的时间了
+          }
+          if (this.contentData.status < 9) {
+            //因为1按进度，2按时长都是计算时间，所以这里直接大于0处理
+            if (completeType == 1) {
+              let finishPercent = this.curriculumData.setupTage;
+              let videDuration = this.contentData.duration;
+              let percent = (intTime * 100) / videDuration;
+              if (percent >= finishPercent) {
+                this.finishStudyItem();
+              }
+            } else {
+              if (intTime >= completeSecond) {
+                this.finishStudyItem();
+              }
+            }
+          }
+          //下面是每隔10秒记录一下次
+          let saveTime = Math.floor(intTime % 10);
+          if (
+            intTime > 10 &&
+            intTime != this.contentData.lastStudyTime &&
+            saveTime == 0 &&
+            this.contentData.studyItemId != ""
+          ) {
+            this.contentData.lastStudyTime = intTime;
+            let postData = {
+              itemId: this.contentData.studyItemId,
+              videoTime: intTime,
+              id: this.appentId,
+              studyId: this.studyId,
+              courseId: this.contentData.courseId,
+              contentId: this.contentData.id,
+              studyInfo:
+                this.courseInfo.name + "-" + this.contentData.contentName,
+              duration: 10,
+            };
+            //console.log('this.courseInfo:',this.contentData)
+            if (
+              !this.curriculumData.isDrag &&
+              this.contentData.progressVideo != 1
+            ) {
+              var time = localStorage.getItem("videoProgressData");
+              var arr = (time && JSON.parse(time)) || {};
+              if (
+                arr[this.blobId] &&
+                this.contentData.progressVideo < arr[this.blobId]
+              ) {
+                postData.progressVideo = arr[this.blobId];
+                // postData.contentId = this.contentData.id
+                // postData.courseId = this.contentData.courseId
+              }
+            }
+            //console.log('记录播放时间')
+            apiStudy.updateStudyVideoTime(postData).then((rs) => {
+              if (rs.status != 200) {
+                console.log("记录播放时间错误");
+              } else {
+                studyUtil.clearStudyDuration(); //清除本地存储
+              }
+            });
+          }
+        }
+      },
+      audioPlaying(item, currentTime) {
+        let intTime = parseInt(currentTime);
+        console.log("======音频播放" + intTime);
+        this.handleAudioTimeUpdate(intTime);
+        //判断是否完成
+        let completeType = this.curriculumData.completeSetup;
+        let completeSecond = this.curriculumData.second;
+        if (!completeSecond || completeType == 0) {
+          completeSecond = 5; //如果没有就采用默认的时间了
+        }
+        if (this.contentData.status < 9) {
+          //因为1按进度，2按时长都是计算时间，所以这里直接大于0处理
+          if (completeType == 1) {
+            let finishPercent = this.curriculumData.setupTage;
+            let videDuration = this.contentData.duration;
+            let percent = (intTime * 100) / videDuration;
+            if (percent >= finishPercent) {
+              this.finishStudyItem();
+            }
+          } else {
+            if (intTime >= completeSecond) {
+              this.finishStudyItem();
+            }
+          }
+        }
+        //下面是每隔10秒记录一下次
+        let saveTime = Math.floor(intTime % 10);
+        if (
+          intTime > 10 &&
+          intTime != this.contentData.lastStudyTime &&
+          saveTime == 0 &&
+          this.contentData.studyItemId
+        ) {
+          this.contentData.lastStudyTime = intTime;
+          let postData = {
+            itemId: this.contentData.studyItemId,
+            videoTime: intTime,
+            id: this.appentId,
+            studyId: this.studyId,
+            courseId: this.contentData.courseId,
+            contentId: this.contentData.id,
+            studyInfo: this.courseInfo.name + "-" + this.contentData.contentName,
+            duration: 10,
+          };
+          //console.log('this.courseInfo:',this.contentData)
+          if (
+            !this.curriculumData.isDrag &&
+            this.contentData.progressVideo != 1
+          ) {
+            var time = localStorage.getItem("videoProgressData");
+            var arr = (time && JSON.parse(time)) || {};
+            if (
+              arr[this.blobId] &&
+              this.contentData.progressVideo < arr[this.blobId]
+            ) {
+              postData.progressVideo = arr[this.blobId];
+              // postData.contentId = this.contentData.id
+              // postData.courseId = this.contentData.courseId
+            }
+          }
+          //console.log('记录播放时间')
+          apiStudy.updateStudyVideoTime(postData).then((rs) => {
+            if (rs.status != 200) {
+              console.log("记录播放时间错误");
+            } else {
+              studyUtil.clearStudyDuration(); //清除本地存储
+            }
+          });
+        }
+      },
+      audioPlay() {
+        let $this = this;
+        this.isAppendTime = true;
+        this.appendStudyTime(); //启动追加学习时长
+      },
+      audioPause() {
+        //console.log("暂停");
+        this.stopStudyTime(); //停止追加学习时长
+      },
+      audioEnd() {
+        //console.log("播放结束");
+        this.stopStudyTime(); //启动追加学习时长
+        if (this.contentData.status < 9) {
+          this.finishStudyItem();
+        }
+      },
+      // 获取数据信息
+      loadData() {
+        let $this = this;
+        apiStudy
+          .studyIndexPost({
+            cid: this.courseId,
+            addView: true,
+            audiences: this.audiences,
+          })
+          .then((rs) => {
+            if (rs.status == 200) {
+              if (rs.result.isPermission) {
+                this.protocolDialogVisible = true;
+              }
+              if (
+                !rs.result.isPermission ||
+                (rs.result.isPermission && this.Internet == 1)
+              ) {
+                // this.getInternet()
+                this.renderCourse = true;
+              } else {
+                // this.Internet=1;
+                this.renderCourse = false;
+                this.protocolDialogVisible = true;
+              }
+              if (rs.result.contents.length == 0) {
+                $this.$message.error("课程内容已删除或课程已不再使用");
+                return;
+              }
+              if (!rs.result.course.enabled) {
+                $this.$message.error(
+                  "十分抱歉，此课程已停用，如需使用，请联系管理员。"
+                );
+                return;
+              }
+              //设置必须的字段
+              if (rs.result.contents.length == 1) {
+                $this.tab = 2;
+                //console.log('内容只有一个');
+              }
+              if (!rs.result.isCrowd) {
+                $this.$message.error("您没有查看该课程的权限");
+              }
+              // 是否播放
+              this.isCrowd = rs.result.isCrowd;
+              if (rs.result.course.type == 20) {
+                //有目录课程
+
+                rs.result.sections.forEach((sec) => {
+                  sec.status = 0; //加入状态表未开始
+                  rs.result.contents.forEach((c) => {
+                    c.status = 0; //初始化状态 ，未开始
+                    c.studyItemId = ""; //初始化字段，学习条目id
+                    c.lastStudyTime = 0; //初始化上次一学习的时间，作用于视频插放
+                  });
+                });
+                this.sectionList = rs.result.sections;
+              } else if (rs.result.course.type == 10) {
+                //无目录课程
+                //如果是多个的话，就需要过滤一下
+                let indexNum = 0;
+                let delIndexs = [];
+                rs.result.contents.forEach((c, cidx) => {
+                  c.status = 0; //
+                  c.studyItemId = "";
+                  c.lastStudyTime = 0;
+                  if (c.sortIndex == 1) {
+                    c.contentName = rs.result.course.name;
+                    indexNum++;
+                    if (indexNum > 1) {
+                      delIndexs.push(cidx);
+                    }
+                  } else if (c.sortIndex == 2) {
+                    c.contentName = "作业";
+                  } else if (c.sortIndex == 3) {
+                    c.contentName = "考试";
+                  } else if (c.sortIndex == 4) {
+                    c.contentName = "评估";
+                  }
+                });
+                if (delIndexs.length > 0) {
+                  delIndexs.forEach((delIdx) => {
+                    rs.result.contents.splice(delIdx, 1);
+                  });
+                }
+              }
+              this.courseInfo = rs.result.course;
+              this.warn = rs.result.warn;
+              this.warnTitle = rs.result.warnTitle;
+              if (rs.result.teachers && rs.result.teachers.length > 0) {
+                let userIds = [];
+                let ctoUsers = [];
+                rs.result.teachers.forEach((item) => {
+                  item.authorInfo = {
+                    aid: "",
+                    name: "",
+                    orgInfo: "",
+                    avatar: "",
+                    code: "",
+                    sex: null,
+                    sign: "",
+                  };
+                  userIds.push(item.teacherId);
+                  ctoUsers.push({
+                    aid: item.teacherId,
+                    name: item.teacherName,
+                  });
+                });
+                this.toUsers = ctoUsers;
+                this.loadAuthorInfo(rs.result.teachers, userIds);
+                this.teachers = rs.result.teachers;
+              }
+              this.contentList = rs.result.contents;
+              //处理内容的名称
+              this.totalContent = rs.result.contents.length;
+              //加载学习的数据
+              this.loadStudyData(rs.result);
+            } else {
+              this.$message.error(rs.message);
+            }
+          });
+      },
+      refreshPage() {
+        location.reload();
+        // this.getInternet();
+        // this.loadData();
+      },
+      getXmlHttpRequest() {
+        if (window.XMLHttpRequest) {
+          return new XMLHttpRequest();
+        } else if (window.ActiveXObject) {
+          return new ActiveXObject("Microsoft.XMLHTTP");
+        }
+      },
+      // 检测是否为内网
+      getInternet() {
+        this.Internet = 3;
+        let $this = this;
+        let xmlhttp = this.getXmlHttpRequest();
+        let timedOut = false;
+        let timer = setTimeout(function () {
+          timedOut = true;
+          xmlhttp.abort();
+        }, 1000);
+        // 1. 拼接随机参数（时间戳+随机数，确保URL唯一，破缓存）
+        const url =
+          window.location.protocol +
+          "//uapi.boe.com.cn/500.html?t=" +
+          Date.now() +
+          Math.random();
+        // // 2. 打开 HEAD 请求（URL已带随机参数）
+        xmlhttp.open("HEAD", url, true);
+        // xmlhttp.open(
+        //   "HEAD",
+        //   window.location.protocol + "//uapi.boe.com.cn/500.html",
+        //   true
+        // );
+        xmlhttp.send();
+        xmlhttp.onreadystatechange = function () {
+          if (xmlhttp.readyState == 4) {
+            if (xmlhttp.status == 200) {
+              clearTimeout(timer);
+              $this.Internet = 1;
+            } else {
+              clearTimeout(timer);
+              // $this.protocolDialogVisible=true
+              $this.Internet = 2;
+            }
+          } else {
+            if (timedOut) return; //忽略中止请求
+            clearTimeout(timer); //取消等待的超时
+          }
+        };
+      },
+      loadStudyData(result) {
+        let $this = this;
+        this.loadScorePraiseAndTrample();
+        this.studyId = result.studyId;
+        //对已学习的内容进行比对，重要的字段， 学习内容id，在后缀的
+        let playIndex = -1;
+        this.contentList.forEach((con, conIdx) => {
+          con.progressVideo = con.progressVideo || 0;
+          result.contentStudys.forEach((scon, sconIdx) => {
+            if (scon.contentId == con.id) {
+              //定位显示的内容
+              if (
+                $this.initContentId != "" &&
+                $this.initContentId == scon.contentId
+              ) {
+                //定位当前学习的内容，是上一次学习的内容
+                playIndex = conIdx;
+              } else {
+                if (sconIdx == 0 && con.contentType < 52) {
+                  playIndex = conIdx;
+                }
+              }
+              con.lastStudyTime = scon.lastStudyTime;
+              con.progressVideo = scon.progressVideo || 0;
+              //以下判断是为了兼容之前的问题，学习状态
+              if (scon.status) {
+                con.status = scon.status;
+              } else {
+                con.status = 9;
+              }
+              con.studyItemId = scon.id; //这个就是学习内容（条目）的id
+            }
+          });
+        });
+
+        if (this.courseInfo.type == 10) {
+          this.showRes(this.contentList[0]);
+        } else {
+          //如果没有，就定位第一项内容
+          if (playIndex === -1) {
+            this.showRes(this.catalogTree[0].children[0]);
+          } else {
+            this.showRes(this.contentList[playIndex]);
+          }
+        }
+      },
+      saveScormStudy() {
+        //只记录SCORM课件的学习
+        if (this.contentData.contentType != 50) {
+          return;
+        }
+        if (this.contentData.status == 9) {
+          //已学习完的，不会再记录
+          return;
+        }
+        let params = {
+          studyId: this.studyId, //学习id,
+          courseId: this.courseId, //课程id,
+          contentId: this.contentData.id, //内容id,
+          contentType: this.contentData.contentType,
+          contentName: this.contentData.contentName, //内容名称
+          progress: 1,
+          status: 2,
+          contentTotal: this.totalContent,
+        };
+        apiStudy.studyContent(params).then((res) => {
+          if (res.status == 200) {
+            this.contentData.status = 2; //进行中
+            this.contentData.studyItemId = res.result; //学习记录id
+          } else {
+            console.log("记录学习失败:" + res.message + "，" + res.error);
+          }
+        });
+      },
+      saveStudyInfo() {
+        this.tentative = true;
+        if (this.isContentType) {
+          if (this.isContentType != this.contentData.contentType) {
+            //定时器产生的，不记录
+            return;
+          }
+        }
+        //记录课件学习信息
+        if (this.contentData.contentType >= 60) {
+          //只有在课件页面停留超过5秒才会记录
+          return;
+        }
+        if (this.contentData.status == 9) {
+          //已学习完的，不用再添加
+          return;
+        }
+        let params = {
+          studyId: this.studyId, //学习id,
+          courseId: this.courseId, //课程id,
+          contentId: this.contentData.id, //内容id,
+          contentType: this.contentData.contentType,
+          contentName: this.contentData.contentName, //内容名称
+          progress: 100,
+          status: 9,
+          contentTotal: this.totalContent,
+        };
+        apiStudy.studyContent(params).then((res) => {
+          if (res.status == 200) {
+            this.contentData.status = 9; //完成
+            this.contentData.studyItemId = res.result; //学习记录id
+          } else {
+            console.log("记录学习失败:" + res.message + "，" + res.error);
+          }
+        });
+      },
+      homeWorkSubmit() {
+        if (this.contentData.contentType == 60) {
+          this.contentData.status = 9;
+        }
+      },
+      startTest(val) {
+        if (this.contentData.contentType == 61) {
+          if (this.contentData.status < 2) {
+            this.contentData.status = 2;
+          }
+        }
+      },
+      progress(val) {
+        const progressValue = parseFloat(val) * 100;
+        this.sendEventProgress = Number(progressValue.toFixed(2));
+      },
+      saveStudyDuration(duration) {
+        //保存本地存储的学习时长
+        if (duration > 0) {
+          //发送用户学习事件
+          //console.log('保存到后台学习时长='+duration);
+          let postData = {
+            key: "StudyCourse", //课程学习的key
+            title: "学习课程", //事件的标题
+            parameters: "second:" + duration, //second:value,total:value 本次的学习时长
+            content: "学习课程【" + this.courseInfo.name + "】", //事件的内容
+            objId: this.courseInfo.id, //课程的id
+            objType: "1", //类型
+            source: "page",
+            objInfo: "" + this.courseInfo.name,
+            aid: this.userInfo.aid, //当前登录人的id
+            aname: this.userInfo.name, //当前人的姓名
+            status: 1, //状态
+            contentId: this.contentData.id,
+          };
+          if (this.resType == 10) {
+            postData.progress = this.sendEventProgress;
+          }
+          //静默处理
+          apiStat.sendEvent(postData).then((rs) => {
+            if (rs.status == 200) {
+              // this.appendStartTime = new Date();//重新计时
+              // studyUtil.clearStudyDuration(); //清除本地存储
+            } else {
+              console.log(rs.message);
+            }
+          });
+          // let postAppendData = {
+          //   id: this.appentId,
+          //   studyId: this.studyId,
+          //   courseId: this.courseInfo.id,
+          //   contentId: this.contentData.id,
+          //   studyInfo: this.courseInfo.name +"-" +this.contentData.contentName,
+          //   duration: duration,
+          //   type: 1
+          // };
+          // apiStudy.updateStudyVideoTime(postAppendData).then(rs => {
+          //   if (rs.status == 200) {
+          //     this.appentId = rs.result;
+          //     studyUtil.clearStudyDuration(); //清除本地存储
+          //   } else {
+          //     console.log(rs.message);
+          //   }
+          // });
+        }
+      },
+      //结束追加学习时长
+      stopStudyTime() {
+        //console.log('停止追加学习时长');
+        this.isAppendTime = false;
+        //暂停让他为空 从新计时
+        this.appendStartTime = null;
+        if (this.appendHandle != null) {
+          window.clearTimeout(this.appendHandle);
+        }
+      },
+      appendStudyTime() {
+        // 暂停的时候重新从十五秒开始计时
+        if (!this.appendStartTime) {
+          this.appentInterval = 15;
+        }
+        //重新覆盖时间
+        this.appendStartTime = new Date().getTime();
+        //console.log('开始追加学习时长',this.isAppendTime);
+        if (this.studyId == "") {
+          return;
+        }
+        if (!this.contentData.id) {
+          return;
+        }
+        if (!this.isAppendTime) {
+          return;
+        }
+        this.appendHandle && window.clearTimeout(this.appendHandle);
+        //启动下次追加学习时长
+        this.appendHandle = setTimeout(() => {
+          let endTime = new Date().getTime();
+          this.appentInterval = 60;
+          let totalTime = Math.round((endTime - this.appendStartTime) / 1000);
+          this.appendStudyTime();
+          this.saveStudyDuration(totalTime);
+        }, this.appentInterval * 1000);
+      },
+
+      finishStudyItem() {
+        //设置完成学习的内容,针对于音视频的内容
+        if (!this.contentData.studyItemId) {
+          //这种可能没有，不过这里也是为了万中那个1
+          !this.tentative && this.saveStudyInfo();
+        } else {
+          // 如果正在处理完成请求，则直接返回，避免重复调用
+          if (this.isFinishingStudyItem) {
+            return;
+          }
+          let params = {
+            itemId: this.contentData.studyItemId,
+            studyId: this.studyId,
+            courseId: this.courseId,
+            cnum: this.totalContent,
+          };
+          this.isFinishingStudyItem = true; // 设置标志位
+          apiVideoStudy
+            .finishStudyItem(params)
+            .then((res) => {
+              if (res.status == 200) {
+                this.contentData.status = 9;
+                this.contentData.progress = 100;
+              } else {
+                console.log("记录完成学习失败:" + res.message + "，" + res.error);
+              }
+              this.isFinishingStudyItem = false; // 重置标志位
+            })
+            .catch((error) => {
+              console.error("记录完成学习出错:", error);
+              this.isFinishingStudyItem = false; // 出错时也重置标志位
+            });
+        }
+      },
+
+      saveStudyItem() {
+        //先保存学习的内容,针对于音视频的内容
+        if (this.contentData.studyItemId) {
+          return; //已经有记录的，不需要再保存了
+        }
+        let params = {
+          studyId: this.studyId, //学习id,
+          courseId: this.courseId, //课程id,
+          contentId: this.contentData.id, //内容id,
+          contentType: this.contentData.contentType, //内容id,
+          contentName: this.contentData.contentName, //内容名称
+          progress: 0,
+          lastStudyTime: 0,
+          status: 2,
+          studyDuration: 0,
+          contentTotal: this.totalContent,
+        };
+        apiVideoStudy.saveStudyItem(params).then((res) => {
+          if (res.status == 200) {
+            this.contentData.studyItemId = res.result.id;
+            this.contentData.status = 2; //进行中状态
+          } else {
+            console.log("记录学习失败:" + res.message + "，" + res.error);
+          }
+        });
+      },
+      formatTime(duration) {
+        let min = 0;
+        if (duration > 0) {
+          min = parseInt(duration / 60);
+        }
+        return min;
+      },
+      heartabone() {
+        this.tab = 1;
+      },
+      heartabtwo() {
+        this.tab = 2;
+      },
+      // ai播放器相关
+      heartabthree() {
+        this.tab = 3;
+      },
+      handleAudioTimeUpdate(currentTime) {
+        // if(this.contentStudysLength.length == 0){
+        let params = {
+          studyId: this.studyId, //学习id,
+          courseId: this.courseId, //课程id,
+          contentId: this.contentData.id, //内容id,
+          contentType: this.contentData.contentType,
+          contentName: this.contentData.contentName, //内容名称
+          progress: 1,
+          status: 2,
+          contentTotal: this.totalContent,
+        };
+        if (currentTime > 2 && this.trueFalse) {
+          apiStudy.studyContent(params).then(() => {
+            if (this.contentData.status < 2) {
+              this.contentData.status = 2;
+            }
+          });
+          this.trueFalse = false;
+        }
+      },
+    },
+    destroyed() {
+      this.cleanAppendTime();
+      this.stopStudyTime();
+    },
+  };
+</script>
+
+<style lang="scss" scoped>
+  ::v-deep .el-icon-arrow-down {
+    color: #000;
+    font-weight: 900;
+    font-size: 16px;
+  }
+  .el-menu,
+  .el-menu-item,
+  .el-submenu__title {
+    background-color: transparent !important; /* 设置背景色为透明，以移除默认的背景颜色变化 */
+    color: inherit !important; /* 确保文字颜色不变，如果需要的话 */
+  }
+
+  /* 取消选中效果 */
+  .el-menu-item.is-active,
+  .el-submenu__title.is-active {
+    background-color: transparent !important; /* 移除选中时的背景色 */
+    color: inherit !important; /* 保持文字颜色与未选中时一致，如果需要的话 */
+  }
+
+  /* 如果有特定的 hover 样式，也可以取消 */
+  .el-menu-item:hover,
+  .el-submenu__title:hover {
+    background-color: transparent !important; /* 移除鼠标悬停时的背景色变化 */
+    color: inherit !important; /* 保持文字颜色不变 */
+  }
+  //内容块样式定义
+  .course-content {
+    min-height: 745px;
+
+    margin: 20px auto;
+    .course-playbox {
+      background-color: #fff;
+      //min-height: 400px;
+      display: flex;
+      justify-content: space-between;
+      .course-player-container {
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+      }
+      .course-player {
+        //内容播放区域
+        flex: 4; // 80%高度
+        min-width: 700px;
+        // min-height: 400px;
+        // max-height: 800px;
+        height: 80%;
+        border: 1px solid #ffffff;
+        padding-right: 20px;
+        background-color: rgb(238, 238, 238);
+        // overflow: auto;
+      }
+      .course-control {
+        //内容控制区域
+        width: 420px;
+      }
+    }
+
+    @media screen and (max-width: 1200px) {
+      .course-playbox,
+      .course-infobox {
+        flex-direction: column;
+      }
+      .course-player,
+      .course-info {
+        min-width: 100%;
+        padding-right: 0;
+      }
+      .course-control,
+      .course-teacher {
+        width: 100%;
+        margin-top: 20px;
+      }
+    }
+    .course-infobox {
+      margin-top: 20px;
+      display: flex;
+      justify-content: space-between;
+      .course-info {
+        flex: 1;
+        min-width: 700px;
+
+        min-height: 710px;
+        box-sizing: border-box;
+        padding-right: 20px;
+      }
+      .course-teacher {
+        width: 420px;
+      }
+    }
+  }
+
+  .control-tab {
+    margin: 35px 30px 10px 30px;
+
+    border-bottom: 1px solid #d8d8d8;
+    display: flex;
+    justify-content: space-around;
+    padding-bottom: 12px;
+    div {
+      color: #666666;
+      cursor: pointer;
+    }
+    .control-tab-active {
+      color: #333333;
+      font-weight: 600;
+    }
+  }
+
+  .course-info-tab {
+    display: flex;
+    padding-top: 30px;
+    margin-left: 47px;
+    div {
+      color: #333333;
+      font-size: 16px;
+      cursor: pointer;
+      margin-right: 50px;
+    }
+
+    .course-info-tab-active {
+      color: #333333;
+      font-weight: 600;
+      position: relative;
+      span {
+        display: inline-block;
+        width: 69px;
+        height: 4px;
+        background: #387df7;
+        border-radius: 5px;
+        position: absolute;
+        left: 0;
+        top: 128%;
+      }
+    }
+  }
+
+  .course-info-row {
+    padding: 10px 0;
+    font-size: 18px;
+    color: #343434;
+    img {
+      width: 18px;
+    }
+    .course-info-text {
+      margin: 10px 0;
+      font-size: 14px;
+      text-indent: 2em;
+      color: #666666;
+      word-break: break-all;
+    }
+  }
+  //右侧老师部分头部及标题
+  .cteacher-top {
+    background-color: #fff;
+    margin-top: 0px;
+    .cteacher-top-bar {
+      width: 100%;
+      height: 15px;
+    }
+    .cteacher-top-title {
+      padding-left: 30px;
+      padding-top: 10px;
+      font-size: 16px;
+      font-weight: 600;
+      line-height: 50px;
+    }
+  }
+  //右侧老师部分 老师列表
+  .cteacher-list {
+    background-color: #fff;
+    padding: 10px 30px 30px 30px;
+  }
+
+  //以下是未整理的样式，上面的整理之后的样式
+  .coures-note {
+    min-height: 500px;
+    padding-left: 17px;
+    padding-top: 10px;
+
+    .note-tole {
+      color: #333333;
+      font-size: 18px;
+      font-weight: 600;
+    }
+
+    .note-info {
+    }
+  }
+
+  .player-box {
+    position: absolute;
+    width: 100%;
+    max-width: 300px;
+    margin: 20px auto;
+    height: 187px;
+    background: rgba(74, 74, 74, 0.8);
+    border-radius: 33px;
+    text-align: center;
+    padding: 20px;
+    top: 50%;
+    box-sizing: border-box;
+    left: 50%;
+    transform: translate(-50%, -50%);
+
+    .player-praise {
+      margin-top: 25px;
+      display: flex;
+      // justify-items: center;
+      justify-content: center;
+    }
+
+    .player-rate {
+      margin-top: 35px;
+    }
+  }
+
+  .score-text {
+    font-size: 18px;
+    color: #ffb30f;
+    font-family: "Arial";
+    margin-left: 23px;
+    // font-weight: 600;
+  }
+
+  // .score {
+  //   display: flex;
+  //   justify-content: center;
+  //   align-items: center;
+
+  //   .el-rate {
+  //     display: inline-block;
+  //   }
+  //   // margin-bottom: 19px;
+  //   .score-no {
+  //     color: #ffb30f;
+  //     padding: 5px 0;
+  //     background: #efefef;
+  //     border-radius: 20px;
+  //     width: 65px;
+  //     font-size: 12px;
+  //     font-weight: 600;
+  //     text-align: center;
+  //   }
+  // }
+
+  .portal-content-title {
+    font-weight: 600;
+    padding: 10px;
+    font-size: 22px;
+    line-height: 40px;
+    color: #333333;
+    word-break: break-all;
+  }
+
+  .type-kuang {
+    color: #666666;
+    border: 1px solid #666666;
+  }
+
+  .type-click {
+    color: #ffb30f !important;
+    border: 1px solid #ffb30f !important;
+  }
+
+  ::v-deep .el-rate__icon {
+    font-size: 22px;
+    margin-right: 6px;
+    color: #ff8e00;
+    transition: 0.3s;
+  }
+
+  .ref-score {
+    // background: #e4e4e4;
+    // width: 64px;
+    // height: 32px;
+    // border-radius: 17px;
+    // line-height: 32px;
+    // // opacity: 0.24;
+    // color: #000;
+    // font-size: 14px;
+    // border: none;
+  }
+
+  .icon-small {
+    width: 16px;
+    height: 16px;
+    line-height: 16px;
+    vertical-align: middle;
+  }
+
+  .con-audio {
+    padding: 50px;
+    text-align: center;
+
+    .con-audio-title {
+      font-size: 16px;
+      font-weight: 700;
+    }
+
+    .con-audio-player {
+      min-height: 300px;
+      padding: 60px 50px 80px 50px;
+    }
+  }
+
+  .hyper-link {
+    padding-left: 20px;
+    text-align: center;
+    padding-top: 100px;
+
+    .hyper-link-row {
+      padding: 20px;
+    }
+  }
+
+  .catalog-box {
+    background: #fff;
+
+    // padding: 15px 0px;
+    // box-shadow: 1px 1px 2px 2px #ededed;
+    .title {
+      font-size: 16px;
+      font-weight: 600;
+      color: #333333;
+      padding-left: 20px;
+    }
+  }
+
+  .collapse-title {
+    flex: 1 0 90%;
+    order: 1;
+  }
+
+  .el-collapse-item__header {
+    flex: 1 0 auto;
+    order: -1;
+  }
+
+  .course-interact {
+    flex: 1; // 20%高度
+    height: 54px;
+    // padding-top: 10px;
+    // padding-right: 10px;
+    padding: 0 20px;
+    line-height: 54px;
+    background-color: #ffffff;
+    display: flex;
+    justify-content: space-between;
+    box-sizing: border-box;
+  }
+
+  .interact-btn {
+    margin-right: 10px;
+  }
+
+  .uc-badge {
+    margin-top: 10px;
+    margin-right: 40px;
+  }
+
+  .cres-list {
+    list-style-type: decimal;
+    margin: 0px;
+
+    li {
+      line-height: 30px;
+    }
+
+    .current {
+      color: #1ea0fa;
+    }
+  }
+
+  .uc-course {
+    display: flex;
+    justify-content: space-around;
+    border: 1px solid #f0f0f0;
+    padding: 10px;
+
+    .uc-course-img {
+      width: 200px;
+
+      img {
+        width: 200px;
+        border: 1px solid #f4f4f5;
+      }
+    }
+
+    .uc-course-info {
+      flex: 1;
+      line-height: 28px;
+      padding: 0px 10px;
+
+      .uc-course-name {
+        font-size: 18px;
+        font-weight: 700;
+      }
+
+      .uc-course-text {
+        color: #747474;
+      }
+    }
+
+    .uc-course-btns {
+      width: 150px;
+    }
+  }
+
+  .catalog-cell-state2 {
+    height: 24px;
+    width: 58px;
+    line-height: 20px;
+    border: 0px dotted #bed2f8;
+    padding: 3px 10px;
+    color: #ff8e00;
+    font-size: 12px;
+    border-radius: 6px;
+    margin-left: 2px;
+    background: #ffedd6;
+  }
+
+  .catalog-cell-state9 {
+    height: 24px;
+    width: 58px;
+    line-height: 20px;
+    border: 0px dotted #bed2f8;
+    padding: 3px 10px;
+    color: #3e7fff;
+    font-size: 12px;
+    border-radius: 6px;
+    margin-left: 2px;
+    background: #edf2fd;
+    // margin-left: 68%;
+    // background-color: #BED2F8;
+  }
+
+  .catalog-cell-state1 {
+    height: 24px;
+    width: 58px;
+    line-height: 20px;
+    border: 0px dotted #edf2fd;
+    border-radius: 6px;
+    padding: 3px 10px;
+    color: #ff3e3e;
+    font-size: 12px;
+    margin-left: 2px;
+    background: #fff0f0;
+  }
+
+  .catalog {
+    height: 100%;
+    max-width: 500px;
+    overflow: auto;
+
+    .catalog-row {
+      margin: 0px;
+      padding: 0px 10px 10px 10px;
+
+      .title-type {
+        width: 36px;
+        height: 24px;
+        padding: 2px 5px;
+        color: #666666;
+        border: 1px solid #666666;
+        margin-right: 8px;
+      }
+
+      ul {
+        padding: 0px;
+        margin: 0px;
+
+        li {
+          padding: 6px 0;
+        }
+      }
+
+      .catalog-cell {
+        line-height: 32px;
+        cursor: pointer;
+        list-style: none;
+        margin: 0px;
+        padding-left: 20px;
+        color: #5c5c5c;
+      }
+    }
+  }
+
+  .video-div {
+    position: absolute;
+    z-index: 999999999;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(101, 101, 101, 0.9);
+
+    .good {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      margin-top: 200px;
+
+      div {
+        line-height: 1;
+        margin: 0 15px;
+
+        .svg-icon {
+          width: 30px;
+          height: 30px;
+        }
+      }
+
+      div:nth-of-type(2) {
+        .svg-icon {
+          transform: scaleX(-1);
+          transform: rotate(180deg);
+        }
+      }
+    }
+  }
+
+  ::v-deep .el-tag {
+    background-color: #ecf5ff;
+    border-color: #409eff;
+    display: inline-block;
+    height: 28px;
+    padding: 0 10px;
+    line-height: 28px;
+    font-size: 12px;
+    color: #3e7fff;
+    border-width: 1px;
+    border-style: solid;
+    border-radius: 0px;
+    box-sizing: border-box;
+    white-space: nowrap;
+  }
+
+  ::v-deep .teacher .teacher-avator .teacher-text {
+    background: none;
+    border: none;
+  }
+
+  .teacher {
+    background-color: #ffffff;
+    display: flex;
+    width: 100%;
+    border-top: none;
+    padding: 10px 0px;
+    .teacher-avator {
+      cursor: pointer;
+      ::v-deep .el-avatar {
+        width: 60px !important;
+        height: 60px !important;
+        border-radius: 50%;
+        img {
+          width: 100% !important;
+        }
+      }
+      .teacher-text {
+        width: 68px;
+        height: 68px;
+
+        div {
+          img {
+            width: 68px;
+            height: 68px;
+          }
+        }
+      }
+    }
+    .teacher-info {
+      flex: 1;
+      .teacher-name {
+        padding: 5px 5px 10px 10px;
+      }
+      .teacher-remark {
+        padding: 0px 5px 0 10px;
+        font-size: 14px;
+        color: #666666;
+        line-height: 20px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        // white-space:nowrap;
+        word-break: break-all;
+      }
+    }
+  }
+
+  .breadname {
+    margin-bottom: 15px;
+  }
+
+  //目录的样式更改
+  ::v-deep .el-collapse-item {
+    .el-collapse-item__header {
+      // position: relative;
+      direction: rtl;
+      display: flex;
+      // justify-content;
+      justify-content: space-between;
+
+      // .el-collapse-item__arrow{
+      //   float:right;
+      // }
+      // span{
+      //   float:right;
+      // }
+      i {
+        display: none;
+      }
+    }
+  }
+
+  .course-units {
+    padding: 10px 30px;
+    .units-info {
+      padding: 0 30px;
+      height: 60px;
+      line-height: 60px;
+      font-size: 16px;
+      cursor: pointer;
+      overflow: hidden;
+      white-space: nowrap;
+      word-break: break-all;
+      text-overflow: ellipsis;
+    }
+
+    .units-active {
+      background: #f6f6f6;
+      color: #387df7;
+      font-weight: 600;
+      cursor: text;
+      img {
+        width: 18px;
+        height: 20px;
+        vertical-align: middle;
+        // margin-right: 20px;
+      }
+    }
+  }
+
+  .more {
+    float: right;
+  }
+
+  .coures-title {
+    margin-left: 82px;
+    font-size: 20px;
+    font-weight: 600;
+    color: #ffffff;
+    margin-top: 25px;
+
+    div {
+      float: left;
+      font-size: 20px;
+      font-weight: 600;
+      color: #ffffff;
+      line-height: 20px;
+    }
+
+    span {
+      float: left;
+      font-size: 16px;
+      font-weight: 400;
+      color: #ffffff;
+      margin-left: 27px;
+    }
+
+    h6 {
+      float: left;
+      font-size: 16px;
+      font-weight: 600;
+      color: #ffffff;
+      margin: 0 20px;
+    }
+  }
+
+  ::v-deep.el-breadcrumb__item:first-child .el-breadcrumb__inner a,
+  .el-breadcrumb__inner .is-link {
+    color: #fff !important;
+  }
+
+  ::v-deep.el-breadcrumb__item:last-child .el-breadcrumb__inner {
+    color: #fff !important;
+  }
+
+  ::v-deep.hear-nav {
+    color: #fff !important;
+  }
+
+  .breadcrumb-nav {
+    color: #ffffff;
+  }
+
+  .coures-bg {
+    width: 100%;
+    height: 200px;
+    background: url("../../../public/images/couresdetail.png");
+  }
+
+  .protocol {
+    .protocol-title {
+      font-size: 20px;
+      font-weight: 600;
+      text-align: center;
+      margin-bottom: 25px;
+    }
+
+    .protocol-content {
+      font-size: 14px;
+      line-height: 25px;
+    }
+  }
+</style>