diff --git a/public/images/browse.png b/public/images/browse.png
new file mode 100644
index 00000000..3196a8b2
Binary files /dev/null and b/public/images/browse.png differ
diff --git a/public/images/collect.png b/public/images/collect.png
new file mode 100644
index 00000000..4d1f7349
Binary files /dev/null and b/public/images/collect.png differ
diff --git a/public/images/headerBack.png b/public/images/headerBack.png
new file mode 100644
index 00000000..0b1cf3ec
Binary files /dev/null and b/public/images/headerBack.png differ
diff --git a/public/images/list01.png b/public/images/list01.png
new file mode 100644
index 00000000..47456321
Binary files /dev/null and b/public/images/list01.png differ
diff --git a/public/images/listred01.png b/public/images/listred01.png
new file mode 100644
index 00000000..6d696edf
Binary files /dev/null and b/public/images/listred01.png differ
diff --git a/public/index.html b/public/index.html
index 994f502e..746d6418 100644
--- a/public/index.html
+++ b/public/index.html
@@ -16,9 +16,9 @@
     <meta name="referrer" content="strict-origin-when-cross-origin"/>
     <link rel="icon" href="<%= BASE_URL %>logo/favicon.ico">
     <title>京东方大学堂</title>
-    
+
     <script>
-      
+
       // if(window.top != window.self){
       //    window.top.location=window.self.location;
       // }
diff --git a/public/template/test-question-template.xls b/public/template/test-question-template.xls
index 24a1d07b..7ffcf036 100644
Binary files a/public/template/test-question-template.xls and b/public/template/test-question-template.xls differ
diff --git a/src/api/boe/courseRecord.js b/src/api/boe/courseRecord.js
index 696904b6..5fcdc1ef 100644
--- a/src/api/boe/courseRecord.js
+++ b/src/api/boe/courseRecord.js
@@ -1,5 +1,6 @@
 /**我的授课记录*/
 import ajax from '@/api/boe/boeApiAjax.js'
+import ajax2 from '@/api/unionAjax.js'
 import axios from 'axios'
 import { getToken } from '@/utils/token'
 const baseURL = process.env.VUE_APP_BOE_BASE_API;
@@ -60,12 +61,15 @@ const exportStudentOfTearcher = function(userId) {
 const courseRecordList = function(data) {
     return ajax.postJson('/b1/system/teacher/teacher-course-list',data);
 }
-
+const getListByToken = function(data) {
+  return ajax2.get('/manageApi',`/admin/teacherRecord/getListByToken?courseName=${data.courseName}&page=${data.page}&pageSize=${data.pageSize}`);
+}
 
 
 export default {
     courseRecordExport,
     courseRecordList,
+    getListByToken,
     exportStudentOfCourse,
     exportStudentOfTearcher
 
diff --git a/src/api/modules/cases.js b/src/api/modules/cases.js
index 88c02e73..c0adadcc 100644
--- a/src/api/modules/cases.js
+++ b/src/api/modules/cases.js
@@ -1,6 +1,6 @@
 /* 案例模块的相关处理*/
 import ajax from '@/utils/xajax.js'
-
+import ajaxs from '@/api/ajax.js'
 /**首页查询
  * pageSize
  * orderField
@@ -88,6 +88,12 @@ const usernameList = function (pageSize) {
 const queryPraises = function (pageSize) {
   return ajax.get(`/xboe/m/boe/cases/query-praises?pageSize=${pageSize}`);
 }
+const queryPraisesNew = function (pageSize,rankType) {
+  return ajax.get(`/xboe/m/boe/cases/queryPopularity?pageSize=${pageSize}&rankType=${rankType}`);
+}
+const queryRecommendRank = function (pageSize) {
+  return ajax.get(`/xboe/m/boe/cases/queryRecommendRank?pageSize=${pageSize}`);
+}
 /*
 好评榜
 @param pageSize 长度
@@ -95,6 +101,9 @@ const queryPraises = function (pageSize) {
 const queryComments = function (pageSize) {
   return ajax.get(`/xboe/m/boe/cases/query-comments?pageSize=${pageSize}`);
 }
+const queryCommentsNew = function (pageSize,rankType) {
+  return ajax.get(`/xboe/m/boe/cases/queryHighOpinion?pageSize=${pageSize}&rankType=${rankType}`);
+}
 
 /**
  * 专业分类
@@ -186,11 +195,36 @@ const endReadTimer =  (data)=> ajax.postJson('/xboe/m/boe/cases/recommend/record
 const caseYears = function (query = {}) {
   return ajax.post('/xboe/m/boe/cases/caseYears', query);
 }
-
-
-
-
+//案例推荐榜单
+const getQueryRecommendRank = function (params) {
+  return ajax.get(`/xboe/m/boe/cases/queryRecommendRank?pageSize=${params.pageSize}`)
+}
+//案例上榜
+const riseIntoRank = (data) => ajax.post(`/xboe/m/boe/cases/riseIntoRank?caseId=${data.caseId}`)
+//取消上榜
+const cancelRiseIntoRank = (data) => ajax.post(`/xboe/m/boe/cases/cancelRiseIntoRank?caseId=${data.caseId}`)
+//调整榜单
+const adjustRank = (data) => ajax.post(`/xboe/m/boe/cases/adjustRank?caseIds=${data.caseIds}`)
+//收藏案例
+const queryFavoriteCaseOfIndex = (params) => ajax.get(`/xboe/m/boe/cases/queryFavoriteCaseOfIndex?pageIndex=${params.pageIndex}&pageSize=${params.pageSize}&orderField=${params.orderField}&orderAsc=${params.orderAsc}`)
+//浏览记录
+const queryViewRecord = (data) => ajaxs.post(`/statApi/xboe/m/stat/userdynamic/list?pageIndex=${data.pageIndex}&pageSize=${data.pageSize}&contentType=${data.contentType}&aid=${data.aid}&hidden=${data.hidden}&eventKey=${data.eventKey}`)
+//浏览量TOP榜单
+const queryPopularityOfMajor = (params) => ajax.get(`/xboe/m/boe/cases/queryPopularityOfMajor?pageSize=${params.pageSize}&rankMonth=${params.rankMonth}&majorId=${params.majorId}`)
+//浏览记录新
+const browsingHistory = (params) => ajax.get(`/xboe/m/boe/cases/browsingHistory?pageIndex=${params.pageIndex}&pageSize=5`)
+//获取所有的专业月份
+const queryAllTimePopularityOfMajor = () => ajax.get('/xboe/m/boe/cases/queryAllTimePopularityOfMajor')
 export default {
+  queryAllTimePopularityOfMajor,
+  getQueryRecommendRank,
+  queryPopularityOfMajor,
+  browsingHistory,
+  queryViewRecord,
+  queryFavoriteCaseOfIndex,
+  riseIntoRank,
+  cancelRiseIntoRank,
+  adjustRank,
   indexList,
   queryList,
   queryListV2,
@@ -202,7 +236,10 @@ export default {
   query,
   usernameList,
   queryPraises,
+  queryPraisesNew,
+  queryRecommendRank,
   queryComments,
+  queryCommentsNew,
   majorTypes,
   details,
   ids,
diff --git a/src/api/modules/courseStudy.js b/src/api/modules/courseStudy.js
index 193420ab..fe0bffd2 100644
--- a/src/api/modules/courseStudy.js
+++ b/src/api/modules/courseStudy.js
@@ -10,7 +10,7 @@ import ajax from '@/utils/xajax.js'
  * 返回 检查报名状态
  */
 const hasSignup = function(courseId) {
-    return ajax.get('/xboe/school/study/signup/has?cid='+courseId);
+  return ajax.get('/xboe/school/study/signup/has?cid='+courseId);
 }
 
 /**
@@ -25,7 +25,7 @@ const hasSignup = function(courseId) {
  }
  */
 const signup = function(data) {
-    return ajax.post('/xboe/school/study/signup/self', data);
+  return ajax.post('/xboe/school/study/signup/self', data);
 }
 
 /**
@@ -38,7 +38,7 @@ const signup = function(data) {
  }
  */
 const findSignup = function(data) {
-    return ajax.post('/xboe/school/study/signup/pagelist', data);
+  return ajax.post('/xboe/school/study/signup/pagelist', data);
 }
 
 /**
@@ -46,7 +46,7 @@ const findSignup = function(data) {
  * @param {Object} id 报名的id
  */
 const deleteSignup = function(id) {
-    return ajax.post('/xboe/school/study/signup/delete?id='+id);
+  return ajax.post('/xboe/school/study/signup/delete?id='+id);
 }
 
 /**
@@ -55,7 +55,7 @@ const deleteSignup = function(id) {
  * Signup 对象集合， list
  */
 const importSignup = function(data) {
-    return ajax.post('/xboe/school/study/signup/import',data);
+  return ajax.post('/xboe/school/study/signup/import',data);
 }
 
 /**
@@ -63,11 +63,11 @@ const importSignup = function(data) {
  * @param {Object} courseId 课程 的id
  */
 const countSignup = function(courseId) {
-    return ajax.post('/xboe/school/study/signup/count-by-course',{courseId});
+  return ajax.post('/xboe/school/study/signup/count-by-course',{courseId});
 }
 
 const studyIndex = function(courseId) {
-    return ajax.get('/xboe/school/study/course/studyIndex?cid='+courseId+'&addView=true');
+  return ajax.get('/xboe/school/study/course/studyIndex?cid='+courseId+'&addView=true');
 }
 /**
  *
@@ -80,7 +80,7 @@ const studyIndex = function(courseId) {
  * @returns
  */
 const studyIndexPost = function(data) {
-    return ajax.post('/xboe/school/study/course/studyIndex',data);
+  return ajax.post('/xboe/school/study/course/studyIndex',data);
 }
 
 /**
@@ -88,7 +88,7 @@ const studyIndexPost = function(data) {
  * @param {Object} courseId
  */
 const studyInfo = function(courseId) {
-    return ajax.get('/xboe/school/study/course/info?cid='+courseId);
+  return ajax.get('/xboe/school/study/course/info?cid='+courseId);
 }
 
 
@@ -98,7 +98,7 @@ const studyInfo = function(courseId) {
  * @param {Object} contentId
  */
 const getStudyContentItem = function(studyId,contentId) {
-    return ajax.post('/xboe/school/study/course/study-course-content',{studyId,contentId});
+  return ajax.post('/xboe/school/study/course/study-course-content',{studyId,contentId});
 }
 
 /**
@@ -111,7 +111,7 @@ const getStudyContentItem = function(studyId,contentId) {
  * @returns
  */
 const studyVideoTime = function(data) {
-    return ajax.post('/xboe/school/study/course/study-video-time',data);
+  return ajax.post('/xboe/school/study/course/study-video-time',data);
 }
 
 /**
@@ -119,7 +119,7 @@ const studyVideoTime = function(data) {
  * @returns
  */
 const lastStudy = function() {
-    return ajax.get('/xboe/school/study/course/last-study');
+  return ajax.get('/xboe/school/study/course/last-study');
 }
 
 /**
@@ -136,7 +136,7 @@ const lastStudy = function() {
  *
  */
 const studyContent = function(data) {
-    return ajax.postJson('/xboe/school/study/course/study',data);
+  return ajax.postJson('/xboe/school/study/course/study',data);
 }
 
 /**
@@ -150,7 +150,7 @@ const studyContent = function(data) {
  *
  */
 const appendStudyTime = function(data) {
-    return ajax.post('/xboe/school/study/course/appendtime',data);
+  return ajax.post('/xboe/school/study/course/appendtime',data);
 }
 
 /**
@@ -161,7 +161,7 @@ const appendStudyTime = function(data) {
  * name: 学习人的姓名
  */
 const studyRecords = function(data) {
-    return ajax.post('/xboe/school/study/course/pagelist',data);
+  return ajax.post('/xboe/school/study/course/pagelist',data);
 }
 
 /**
@@ -173,7 +173,7 @@ const studyRecords = function(data) {
  * name: 学习人的姓名
  */
 const studyContentRecords = function(data) {
-    return ajax.post('/xboe/school/study/course/contents',data);
+  return ajax.post('/xboe/school/study/course/contents',data);
 }
 
 /**
@@ -185,7 +185,7 @@ const studyContentRecords = function(data) {
  }
  */
 const studyExport = function(data) {
-    return ajax.post('/xboe/school/study/course/export',data);
+  return ajax.post('/xboe/school/study/course/export',data);
 }
 
 /**
@@ -200,7 +200,7 @@ const studyExport = function(data) {
  }
  */
 const myStudyList = function(query) {
-    return ajax.post('/xboe/school/study/course/mylist',query);
+  return ajax.post('/xboe/school/study/course/mylist',query);
 }
 /**
  * 当前课程学习记录
@@ -216,7 +216,7 @@ const myStudyList = function(query) {
  }
  */
 const myCourseStudy = function(query) {
-    return ajax.post('/xboe/school/study/course/course-users',query);
+  return ajax.post('/xboe/school/study/course/course-users',query);
 }
 
 
@@ -241,7 +241,7 @@ const myCourseStudy = function(query) {
  * answerJson
  */
 const saveExam = function(data) {
-    return ajax.postJson('/xboe/school/study/exam/save',data);
+  return ajax.postJson('/xboe/school/study/exam/save',data);
 }
 
 /**
@@ -261,7 +261,7 @@ const saveExam = function(data) {
  * hwAnswer： 文本提交的信息
  */
 const saveHomework = function(data) {
-    return ajax.postJson('/xboe/school/study/homework/save',data);
+  return ajax.postJson('/xboe/school/study/homework/save',data);
 }
 
 /**
@@ -279,7 +279,7 @@ const saveHomework = function(data) {
  * asScore：评估得分
  */
 const saveAssess = function(data) {
-    return ajax.postJson('/xboe/school/study/assess/save',data);
+  return ajax.postJson('/xboe/school/study/assess/save',data);
 }
 
 /**
@@ -288,7 +288,7 @@ const saveAssess = function(data) {
  * id:记录的id
  */
 const myHomework = function(id) {
-    return ajax.post('/xboe/school/study/homework/detail?id='+id);
+  return ajax.post('/xboe/school/study/homework/detail?id='+id);
 }
 
 /**
@@ -297,7 +297,7 @@ const myHomework = function(id) {
  * id:记录的id
  */
 const myExamPaper = function(id) {
-    return ajax.get('/xboe/school/study/exam/detail?id='+id);
+  return ajax.get('/xboe/school/study/exam/detail?id='+id);
 }
 
 /**
@@ -306,7 +306,7 @@ const myExamPaper = function(id) {
  * id:记录的id
  */
 const myAssess = function(id) {
-    return ajax.get('/xboe/school/study/assess/detail?id='+id);
+  return ajax.get('/xboe/school/study/assess/detail?id='+id);
 }
 
 /**
@@ -318,7 +318,7 @@ const myAssess = function(id) {
  }
  */
 const myHomeworkList = function(data) {
-    return ajax.post('/xboe/school/study/homework/list-study',data);
+  return ajax.post('/xboe/school/study/homework/list-study',data);
 }
 
 /**
@@ -327,7 +327,7 @@ const myHomeworkList = function(data) {
  * 对应的提交记录的id，
  */
 const myExamList = function(itemId) {
-    return ajax.post('/xboe/school/study/exam/list',{itemId});
+  return ajax.post('/xboe/school/study/exam/list',{itemId});
 }
 
 /**
@@ -338,8 +338,8 @@ const myExamList = function(itemId) {
    contentId:''
  }
  */
- const myExamList2 = function(data) {
-    return ajax.post('/xboe/school/study/exam/list-study',data);
+const myExamList2 = function(data) {
+  return ajax.post('/xboe/school/study/exam/list-study',data);
 }
 
 /**
@@ -351,7 +351,7 @@ const myExamList = function(itemId) {
  }
  */
 const myAssessList = function(data) {
-    return ajax.post('/xboe/school/study/assess/list-study',data);
+  return ajax.post('/xboe/school/study/assess/list-study',data);
 }
 
 /*
@@ -360,7 +360,7 @@ const myAssessList = function(data) {
 @param courseId 课程id 用于删除课程报名信息和修改课程学习人数
  */
 const deleteSignUp=function(id,courseId){
-	return ajax.post(`/xboe/school/study/course/delete-signup?id=${id}&couserId=${courseId}`);
+  return ajax.post(`/xboe/school/study/course/delete-signup?id=${id}&couserId=${courseId}`);
 }
 
 /**
@@ -389,44 +389,48 @@ const followIds=function (data){
 const myStudysFromES=function (data){
   return ajax.post('/xboe/school/study/es/search',data);
 }
-
+//导出作业
+const homeworkExport=function (data){
+  return ajax.get(`/xboe/m/course/portal/export?contentId=${data.contentId}&courseName=${data.courseName}`);
+}
 /**根据id集合查询，传入的是id数组*/
 const findByIds=function (ids){
   return ajax.postJson('/xboe/school/study/es/list-by-ids',ids);
 }
 
 export default {
-    hasSignup,
-    signup,
-    findSignup,
-    deleteSignup,
-    importSignup,
-    countSignup,
-    studyIndex,
-    studyInfo,
-    studyVideoTime,
-    lastStudy,
-    studyContent,
-    appendStudyTime,
-    studyRecords,
-    studyContentRecords,
-    getStudyContentItem,
-    studyExport,
-    myStudyList,
-    saveHomework,
-    saveExam,
-    saveAssess,
-    myHomework,
-    myExamPaper,
-    myAssess,
-    myHomeworkList,
-    myExamList,
-    myAssessList,
-    myExamList2,
-	myCourseStudy,
+  hasSignup,
+  signup,
+  findSignup,
+  deleteSignup,
+  importSignup,
+  countSignup,
+  studyIndex,
+  studyInfo,
+  studyVideoTime,
+  lastStudy,
+  studyContent,
+  appendStudyTime,
+  studyRecords,
+  studyContentRecords,
+  getStudyContentItem,
+  studyExport,
+  myStudyList,
+  saveHomework,
+  saveExam,
+  saveAssess,
+  myHomework,
+  myExamPaper,
+  myAssess,
+  myHomeworkList,
+  myExamList,
+  myAssessList,
+  myExamList2,
+  myCourseStudy,
   myStudysFromES,
+  homeworkExport,
   findByIds,
-	deleteSignUp,
+  deleteSignUp,
   ids,
   followIds,
   studyIndexPost
diff --git a/src/api/modules/paper.js b/src/api/modules/paper.js
index 5ed38974..312f83ff 100644
--- a/src/api/modules/paper.js
+++ b/src/api/modules/paper.js
@@ -72,6 +72,9 @@ const querypaper = function(data) {
 const getPaperContent = function(id) {
     return ajax.get('/xboe/m/exam/paper/paper-content?id=' + id);
 }
+const newPaperContent = function(id){
+    return ajax.get('/xboe/m/course/content/exam/paper-content?courseExamId='+id);
+}
 export default {
     detail,
     update,
@@ -80,6 +83,7 @@ export default {
     querylist,
     querypaper,
     getPaperContent,
+    newPaperContent,
     batchImportCount,
     batchImportData
 }
diff --git a/src/api/modules/teacher.js b/src/api/modules/teacher.js
index 7939917d..3d075b5b 100644
--- a/src/api/modules/teacher.js
+++ b/src/api/modules/teacher.js
@@ -1,5 +1,5 @@
 import ajax from '@/utils/xajax.js'
-
+import ajax2 from '../unionAjax.js';
 
 /**
  * 按名称查询
@@ -9,7 +9,9 @@ const findByName = function(name) {
     return ajax.get('/xboe/teacher/name?name=' + name);
 }
 
-
+const findByNameNew = function(name) {
+    return ajax2.get('/manageApi/admin/teacher/selectTeacher?name=' + name);
+}
 const updateTeacher=function(data){
     return ajax.postJson('/xboe/teacher/update-teacher',data);
 }
@@ -217,7 +219,7 @@ export default {
     update,
     del,
     detail,
-    findByName,
+    findByNameNew,
     updateSysId,
 	has,
 	start,
diff --git a/src/assets/images/asterisk.png b/src/assets/images/asterisk.png
new file mode 100644
index 00000000..49c7ac99
Binary files /dev/null and b/src/assets/images/asterisk.png differ
diff --git a/src/assets/images/case/Frame(1).png b/src/assets/images/case/Frame(1).png
new file mode 100644
index 00000000..90d9a104
Binary files /dev/null and b/src/assets/images/case/Frame(1).png differ
diff --git a/src/assets/images/case/Frame(10).png b/src/assets/images/case/Frame(10).png
new file mode 100644
index 00000000..1f8c9a64
Binary files /dev/null and b/src/assets/images/case/Frame(10).png differ
diff --git a/src/assets/images/case/Frame(11).png b/src/assets/images/case/Frame(11).png
new file mode 100644
index 00000000..faed6b48
Binary files /dev/null and b/src/assets/images/case/Frame(11).png differ
diff --git a/src/assets/images/case/Frame(12).png b/src/assets/images/case/Frame(12).png
new file mode 100644
index 00000000..91676aa0
Binary files /dev/null and b/src/assets/images/case/Frame(12).png differ
diff --git a/src/assets/images/case/Frame(13).png b/src/assets/images/case/Frame(13).png
new file mode 100644
index 00000000..45d0ec2d
Binary files /dev/null and b/src/assets/images/case/Frame(13).png differ
diff --git a/src/assets/images/case/Frame(14).png b/src/assets/images/case/Frame(14).png
new file mode 100644
index 00000000..ace9d192
Binary files /dev/null and b/src/assets/images/case/Frame(14).png differ
diff --git a/src/assets/images/case/Frame(15).png b/src/assets/images/case/Frame(15).png
new file mode 100644
index 00000000..86fdb8a9
Binary files /dev/null and b/src/assets/images/case/Frame(15).png differ
diff --git a/src/assets/images/case/Frame(16).png b/src/assets/images/case/Frame(16).png
new file mode 100644
index 00000000..3196a8b2
Binary files /dev/null and b/src/assets/images/case/Frame(16).png differ
diff --git a/src/assets/images/case/Frame(17).png b/src/assets/images/case/Frame(17).png
new file mode 100644
index 00000000..a267fc85
Binary files /dev/null and b/src/assets/images/case/Frame(17).png differ
diff --git a/src/assets/images/case/Frame(2).png b/src/assets/images/case/Frame(2).png
new file mode 100644
index 00000000..db89dcba
Binary files /dev/null and b/src/assets/images/case/Frame(2).png differ
diff --git a/src/assets/images/case/Frame(3).png b/src/assets/images/case/Frame(3).png
new file mode 100644
index 00000000..4d1f7349
Binary files /dev/null and b/src/assets/images/case/Frame(3).png differ
diff --git a/src/assets/images/case/Frame(4).png b/src/assets/images/case/Frame(4).png
new file mode 100644
index 00000000..fd03bac6
Binary files /dev/null and b/src/assets/images/case/Frame(4).png differ
diff --git a/src/assets/images/case/Frame(5).png b/src/assets/images/case/Frame(5).png
new file mode 100644
index 00000000..e2145e80
Binary files /dev/null and b/src/assets/images/case/Frame(5).png differ
diff --git a/src/assets/images/case/Frame(6).png b/src/assets/images/case/Frame(6).png
new file mode 100644
index 00000000..ffb2b7fd
Binary files /dev/null and b/src/assets/images/case/Frame(6).png differ
diff --git a/src/assets/images/case/Frame(7).png b/src/assets/images/case/Frame(7).png
new file mode 100644
index 00000000..28483b66
Binary files /dev/null and b/src/assets/images/case/Frame(7).png differ
diff --git a/src/assets/images/case/Frame(8).png b/src/assets/images/case/Frame(8).png
new file mode 100644
index 00000000..ef20612e
Binary files /dev/null and b/src/assets/images/case/Frame(8).png differ
diff --git a/src/assets/images/case/Frame(9).png b/src/assets/images/case/Frame(9).png
new file mode 100644
index 00000000..57dabd5e
Binary files /dev/null and b/src/assets/images/case/Frame(9).png differ
diff --git a/src/assets/images/case/Frame.png b/src/assets/images/case/Frame.png
new file mode 100644
index 00000000..c7409f2f
Binary files /dev/null and b/src/assets/images/case/Frame.png differ
diff --git a/src/assets/images/case/wight.png b/src/assets/images/case/wight.png
new file mode 100644
index 00000000..5cac9530
Binary files /dev/null and b/src/assets/images/case/wight.png differ
diff --git a/src/assets/images/case/wighttime.png b/src/assets/images/case/wighttime.png
new file mode 100644
index 00000000..3c4cc3d7
Binary files /dev/null and b/src/assets/images/case/wighttime.png differ
diff --git a/src/assets/images/collect.png b/src/assets/images/collect.png
new file mode 100644
index 00000000..abda1923
Binary files /dev/null and b/src/assets/images/collect.png differ
diff --git a/src/assets/images/collect_active.png b/src/assets/images/collect_active.png
new file mode 100644
index 00000000..cb46d1c1
Binary files /dev/null and b/src/assets/images/collect_active.png differ
diff --git a/src/assets/images/grateful/famousTeacher.png b/src/assets/images/grateful/famousTeacher.png
index 76c7fd96..be382241 100644
Binary files a/src/assets/images/grateful/famousTeacher.png and b/src/assets/images/grateful/famousTeacher.png differ
diff --git a/src/assets/images/hotforum/04.png b/src/assets/images/hotforum/04.png
new file mode 100644
index 00000000..1432ea4c
Binary files /dev/null and b/src/assets/images/hotforum/04.png differ
diff --git a/src/assets/images/time.png b/src/assets/images/time.png
new file mode 100644
index 00000000..8799761b
Binary files /dev/null and b/src/assets/images/time.png differ
diff --git a/src/assets/images/time_active.png b/src/assets/images/time_active.png
new file mode 100644
index 00000000..51584c54
Binary files /dev/null and b/src/assets/images/time_active.png differ
diff --git a/src/components/AlertPopup.vue b/src/components/AlertPopup.vue
index 6584ba04..e8ac61d9 100644
--- a/src/components/AlertPopup.vue
+++ b/src/components/AlertPopup.vue
@@ -1,7 +1,7 @@
 <template>
   <!--弹出窗口设置-->
   <div>
-    <div v-for="pop in popupList" :key="pop.id">wwww
+    <div v-for="pop in popupList" :key="pop.id">
       <el-dialog :close-on-press-escape="false" :close-on-click-modal="false"  class="medalbox"  :visible.sync="pop.show"  :append-to-body="true" >
         <div style="text-align: center;position: relative;">
           <!-- <span style="float: right;" @click="pop.show = false"><i style="font-size: 28px;color: #000000;" class="el-icon-close"></i></span> -->
diff --git a/src/components/Case/collectList.vue b/src/components/Case/collectList.vue
index d70d0b42..d6c613dd 100644
--- a/src/components/Case/collectList.vue
+++ b/src/components/Case/collectList.vue
@@ -8,7 +8,10 @@
 
           </div>
           <div class="article-info-date">
-            <el-button @click="delItem(item)" type="text" style="color: #8590A6;font-size:14px" icon="el-icon-star-on">取消收藏</el-button>
+            <div class="box">
+              <div class="image"></div>
+              <el-button @click="delItem(item)" type="text" style="color: #8590A6;font-size:14px">取消收藏</el-button>
+            </div>
           </div>
         </div>
         <div class="article-info-tools">
@@ -161,6 +164,26 @@
         line-height: 40px;
         font-weight: 200;
         color: #999999;
+        display: flex;
+        justify-content: end;
+        .box{
+          display: flex;
+          justify-content: end;
+          align-items: center;
+          .image{
+            width: 14px;
+            height: 14px;
+            background: url('../../assets/images/case/Frame(5).png') no-repeat;
+            background-size: 100%;
+            margin-right: 10px;
+          }
+          &:hover{
+            .image{
+              background: url('../../assets/images/case/Frame(12).png') no-repeat;
+              background-size: 100%;
+            }
+          }
+        }
         i {
           margin-right: 5px;
         }
diff --git a/src/components/Course/auditCourse1.vue b/src/components/Course/auditCourse1.vue
index c41d2732..bd37bbce 100644
--- a/src/components/Course/auditCourse1.vue
+++ b/src/components/Course/auditCourse1.vue
@@ -637,7 +637,9 @@ export default {
           }
           this.teacherList = rs.result.teachers;
           this.teacherName = rs.result.teachers;
-          this.teacher = rs.result.teachers.map(res => res.teacherName);
+          this.teacher = rs.result.teachers.map(item => {
+            return `${item.teacherName}(${item.userNo})`
+          });
           this.totalContent = rs.result.contents.length; //计算总内容数
           if (this.courseInfo.tags != "") {
             this.showTags = this.courseInfo.tags.split(",");
diff --git a/src/components/Course/auditCourse2.vue b/src/components/Course/auditCourse2.vue
index c266374c..80c3aae9 100644
--- a/src/components/Course/auditCourse2.vue
+++ b/src/components/Course/auditCourse2.vue
@@ -681,7 +681,9 @@ export default {
           }
           this.teacherList = rs.result.teachers;
           this.teacherName = rs.result.teachers;
-          this.teacher = rs.result.teachers.map(item => item.teacherName);
+          this.teacher = rs.result.teachers.map(item => {
+            return `${item.teacherName}(${item.userNo})`
+          });
           this.showTags = this.courseInfo.tags.split(",");
           if (rs.result.course.resOwner3 == "") {
             this.resOwnerArray = [
diff --git a/src/components/Course/choice.vue b/src/components/Course/choice.vue
index c85bb1b3..7800dfef 100644
--- a/src/components/Course/choice.vue
+++ b/src/components/Course/choice.vue
@@ -13,7 +13,7 @@
         </el-input>
         <div class="choice-box" v-if="teacherDownList.length>0">
            <ul>
-            <li v-for="te in teacherDownList" :key="te.key" @click="changeTeachers(te)">{{te.teacherName + te.teacherCode}}</li>
+            <li v-for="te in teacherDownList" :key="te.key" @click="changeTeachers(te)">{{te.teacherName + '(' + te.teacherCode + ')'}}</li>
            </ul>
         </div>
      <!-- <el-select
@@ -88,15 +88,15 @@
           if (this.teacherValues !== '') {
             this.loading = true;
             try {
-            const { result, message, status } = await apiTeacher.findByName(this.teacherValues);
+            const { data, message, code } = await apiTeacher.findByNameNew(this.teacherValues);
             this.loading = false;
-            if (status === 200) {
+            if (code === 200) {
                 let list = [];
-                result.forEach(item => {
+                data.forEach(item => {
                 list.push({
                     teacherId: item.id,
                     teacherName: item.name,
-                    teacherCode: item.code
+                    teacherCode: item.mobile
                 });
                 });
                 this.teacherDownList = list;
diff --git a/src/components/Course/courseExam.vue b/src/components/Course/courseExam.vue
index e43cebeb..22c0d9a4 100644
--- a/src/components/Course/courseExam.vue
+++ b/src/components/Course/courseExam.vue
@@ -85,6 +85,28 @@
             <el-form-item label="考试说明">
                <el-input type="textarea" show-word-limit v-model="examInfo.info" placeholder="关于考试的说明(限255字以内)" maxlength="255"></el-input>
             </el-form-item>
+            <el-form-item  label="随机模式">
+              <el-col :span="4">
+                <el-radio-group v-model="examInfo.randomMode">
+                  <el-radio :label="true">是</el-radio>
+                  <el-radio :label="false">否</el-radio>
+                </el-radio-group>
+              </el-col>
+              <el-col :span="20" v-if="examInfo.randomMode&&examInfo.paperType==1">
+                <el-form-item label="数量">
+                    <el-input-number v-model="examInfo.qnum" :min="1" :max="examPaper.items.length" label="数量"></el-input-number>
+                    <span style="margin-left:10px;" v-if="examPaper.items.length==0">先添加试题</span>
+                    <span style="margin-left:10px;" v-if="examPaper.items.length>0">试卷有 {{examPaper.items.length}} 道试题</span>
+                </el-form-item>
+              </el-col>
+              <el-col :span="20" v-if="examInfo.randomMode&&examInfo.paperType==2">
+                <el-form-item label="数量">
+                    <el-input-number v-model="examInfo.qnum" :min="1" :max="usePaper.counts" label="数量"></el-input-number>
+                    <span style="margin-left:10px;" v-if="usePaper.counts==0">先选择试卷</span>
+                    <span style="margin-left:10px;" v-if="usePaper.counts>0">试卷有 {{usePaper.counts}} 道试题</span>
+                </el-form-item>
+              </el-col>
+            </el-form-item>
           </el-form>
           </div>
           <div v-if="examInfo.paperType==1">
@@ -285,7 +307,9 @@
              return;
            }
         }
-
+        if(!this.examInfo.randomMode){
+          this.examInfo.qnum = 0
+        }
         this.$emit("save",this.examInfo);
       },
       deleteExam(){ //删除
@@ -294,6 +318,8 @@
           cancelButtonText: '取消',
           type: 'warning'
         }).then(() => {
+          this.examInfo.randomMode = false;
+          this.examInfo.qnum = 0;
           this.$emit("remove",this.examInfo);
         }).catch(() => {
 
diff --git a/src/components/Course/exam.vue b/src/components/Course/exam.vue
index 2b743b04..3084be7d 100644
--- a/src/components/Course/exam.vue
+++ b/src/components/Course/exam.vue
@@ -326,12 +326,11 @@ export default {
         return qitems;
     },
     startTest(){
-      if(this.info.paperType==2){
-        apiExamPaper.getPaperContent(this.info.paperId).then(rs=>{
-          if(rs.status=200){
-             this.examPaper.json=JSON.parse(rs.result);
-             //console.log(this.examPaper.json,'this.examPaper.json');
-             let qitems=this.convertToItems(this.examPaper.json);
+      apiExamPaper.newPaperContent(this.info.id).then(res=>{
+        if(res.error == ''&&res.result != ''){
+          if(this.info.paperType==2){
+            this.examPaper.json=res.result;
+            let qitems=this.convertToItems(this.examPaper.json);
             this.paper ={items:qitems};
             this.total=qitems.length;
             this.curItem=qitems[this.curIndex];
@@ -340,34 +339,74 @@ export default {
             this.timer=setInterval(this.changeTimer,60000);
             this.testStart=true;
           }else{
-            this.$message.error('加载试卷内容失败，请与管理员联系，试卷是否已删除');
-          }
-        })
-      }else{
-        let paper= JSON.parse(this.info.paperContent);
-        paper.items.forEach(item=>{
-          //console.log(item);
-          if(item.type==101){
-            item.userAnswer='';
-          }else if(item.type==102){
-            item.userAnswer=[];
-          }else{
-            item.userAnswer=''
-          }
-          item.options.forEach(opt=>{
-            opt.checked=false;
-          })
-        });
-        this.total=paper.items.length;
-        this.paper =paper;
-        //console.log(this.paper);
+            let paper= {items:res.result};
+            paper.items.forEach(item=>{
+              if(item.type==101){
+                item.userAnswer='';
+              }else if(item.type==102){
+                item.userAnswer=[];
+              }else{
+                item.userAnswer=''
+              }
+              item.options.forEach(opt=>{
+                opt.checked=false;
+              })
+            });
+            this.total=paper.items.length;
+            this.paper =paper;
 
-        this.curItem=paper.items[this.curIndex];
-        this.startTime=new Date();//记录开始时间
-        this.timerValue=this.info.testDuration;
-        this.timer=setInterval(this.changeTimer,60000);
-        this.testStart=true;
-      }
+            this.curItem=paper.items[this.curIndex];
+            this.startTime=new Date();//记录开始时间
+            this.timerValue=this.info.testDuration;
+            this.timer=setInterval(this.changeTimer,60000);
+            this.testStart=true;
+          }
+        }else{
+          this.$message.error('加载试卷内容失败，请与管理员联系，试卷是否已删除');
+        }
+      })
+      // if(this.info.paperType==2){
+      //   apiExamPaper.getPaperContent(this.info.paperId).then(rs=>{
+      //     if(rs.status=200){
+      //        this.examPaper.json=JSON.parse(rs.result);
+      //        //console.log(this.examPaper.json,'this.examPaper.json');
+      //        let qitems=this.convertToItems(this.examPaper.json);
+      //       this.paper ={items:qitems};
+      //       this.total=qitems.length;
+      //       this.curItem=qitems[this.curIndex];
+      //       this.startTime=new Date();//记录开始时间
+      //       this.timerValue=this.info.testDuration;
+      //       this.timer=setInterval(this.changeTimer,60000);
+      //       this.testStart=true;
+      //     }else{
+      //       this.$message.error('加载试卷内容失败，请与管理员联系，试卷是否已删除');
+      //     }
+      //   })
+      // }else{
+      //   let paper= JSON.parse(this.info.paperContent);
+      //   paper.items.forEach(item=>{
+      //     //console.log(item);
+      //     if(item.type==101){
+      //       item.userAnswer='';
+      //     }else if(item.type==102){
+      //       item.userAnswer=[];
+      //     }else{
+      //       item.userAnswer=''
+      //     }
+      //     item.options.forEach(opt=>{
+      //       opt.checked=false;
+      //     })
+      //   });
+      //   this.total=paper.items.length;
+      //   this.paper =paper;
+      //   //console.log(this.paper);
+
+      //   this.curItem=paper.items[this.curIndex];
+      //   this.startTime=new Date();//记录开始时间
+      //   this.timerValue=this.info.testDuration;
+      //   this.timer=setInterval(this.changeTimer,60000);
+      //   this.testStart=true;
+      // }
     },
     chooseOption(opt){
     	if(this.curItem.type==101 || this.curItem.type==103){
@@ -532,7 +571,7 @@ export default {
         randomMode:this.info.randomMode,
         score:testScore,
         paperJson:JSON.stringify(this.paper),//原来是对象，这里要也要对象
-        //startTime:formatDate(this.startTime),//此时间需要格式化,格式化时间可以放在util中
+        startTime:formatDate(this.startTime),//此时间需要格式化,格式化时间可以放在util中
         //endTime:formatDate(now),
       }
       //计划考试的时长
diff --git a/src/components/Course/homework.vue b/src/components/Course/homework.vue
index 856a04fb..6f3912e9 100644
--- a/src/components/Course/homework.vue
+++ b/src/components/Course/homework.vue
@@ -1,61 +1,61 @@
 <template>
-  <div>
-    <div v-if="has" class="homework-div">
-      <div>
-        <div class="homework-title">作业名称</div>
-        <div class="homework-content">{{info.name}}</div>
-      </div>
-      <div>
-        <div class="homework-title">内容</div>
-        <div class="homework-content">{{info.content}}</div>
-      </div>
-      <div v-if="info.file">
-        <div class="homework-title">附件</div>
-        <div class="homework-content" style="color: blue">
-          <a :href="fileBaseUrl+info.file" target="_blank">下载作业附件</a></div>
-      </div>
-      <div>
-        <div class="homework-title">截止时间</div>
-        <div class="homework-content" :style="{color:close? 'red':''}">{{info.deadTime}}</div>
-      </div>
-      <div v-show="!close && showSubmit">
-        <div v-if="info.submitMode>1">
-          <div class="homework-title">作业内容</div>
-          <div class="homework-content">
-            <el-input type="textarea" rows="5" show-word-limit maxlength="255" v-model="answer" placeholder="(限255个字)"></el-input>
+ <div>
+   <div v-if="has" class="homework-div">
+     <div>
+       <div class="homework-title">作业名称</div>
+       <div class="homework-content">{{info.name}}</div>
+     </div>
+     <div>
+       <div class="homework-title">内容</div>
+       <div class="homework-content">{{info.content}}</div>
+     </div>
+     <div v-if="info.file">
+       <div class="homework-title">附件</div>
+       <div class="homework-content" style="color: blue">
+           <a :href="fileBaseUrl+info.file" target="_blank">下载作业附件</a></div>
+     </div>
+     <div>
+       <div class="homework-title">截止时间</div>
+       <div class="homework-content" :style="{color:close? 'red':''}">{{info.deadTime}}</div>
+     </div>
+     <div v-show="!close && showSubmit">
+       <div v-if="info.submitMode>1">
+         <div class="homework-title">作业内容</div>
+         <div class="homework-content">
+           <el-input type="textarea" rows="5" show-word-limit maxlength="255" v-model="answer" placeholder="(限255个字)"></el-input>
           </div>
-        </div>
-        <div v-if="info.submitMode==1 || info.submitMode==3">
-          <div class="homework-title">上传作业</div>
-          <div class="homework-content">
-            <div v-if="filePath!=''">
-              <el-tag closable type="success" @close="removeHomeworkFile">作业附件</el-tag><span style="margin-left: 10px;">请点击下面的提交</span>
-            </div>
-            <div v-else >
-              <file-upload dir="files" :isShowTip="false" @success="uploadHomeworkFile" @remove="removeHomeworkFile"></file-upload>
-            </div>
-          </div>
-        </div>
-        <div style="text-align: center;padding-bottom: 10px;">
-          <el-button type="primary" :disabled="isSubmit" @click="submitHomework()">{{records.length>0?'重新提交':'提交'}}</el-button>
-        </div>
-      </div>
-      <div v-show="showRecord"><!--作业提交记录-->
-        <el-table :data="records" style="width: 100%" border>
-          <el-table-column prop="endTime" label="提交时间" width="100" align="center"></el-table-column>
-          <el-table-column  label="内容">
-            <template slot-scope="scope">
-              <div>{{scope.row.hwAnswer}}</div>
-              <div style="padding-top: 5px;" v-if="scope.row.filePath!=''">
-                <a :href="fileBaseUrl+scope.row.filePath" target="_blank">下载上传的作业文件</a>
-              </div>
-            </template>
-          </el-table-column>
-        </el-table>
-      </div>
-    </div>
-    <div v-else style="text-align: center;padding-top: 20px;color: red;">此课程无作业</div>
-  </div>
+       </div>
+       <div v-if="info.submitMode==1 || info.submitMode==3">
+           <div class="homework-title">上传作业</div>
+           <div class="homework-content">
+               <div v-if="filePath!=''">
+                 <el-tag closable type="success" @close="removeHomeworkFile">作业附件</el-tag><span style="margin-left: 10px;">请点击下面的提交</span>
+               </div>
+               <div v-else >
+                 <file-upload dir="files" :isShowTip="false" @success="uploadHomeworkFile" @remove="removeHomeworkFile"></file-upload>
+               </div>
+           </div>
+       </div>
+       <div style="text-align: center;padding-bottom: 10px;">
+           <el-button type="primary" :disabled="isSubmit" @click="submitHomework()">{{records.length>0?'重新提交':'提交'}}</el-button>
+       </div>
+     </div>
+     <div v-show="showRecord"><!--作业提交记录-->
+      <el-table :data="records" style="width: 100%" border>
+         <el-table-column prop="endTime" label="提交时间" width="100" align="center"></el-table-column>
+         <el-table-column  label="内容">
+           <template slot-scope="scope">
+             <div>{{scope.row.hwAnswer}}</div>
+             <div style="padding-top: 5px;" v-if="scope.row.filePath!=''">
+               <a :href="fileBaseUrl+scope.row.filePath" target="_blank">下载上传的作业文件</a>
+             </div>
+           </template>
+         </el-table-column>
+       </el-table>
+     </div>
+   </div>
+   <div v-else style="text-align: center;padding-top: 20px;color: red;">此课程无作业</div>
+ </div>
 </template>
 
 <script>
@@ -65,21 +65,21 @@ import FileUpload from '@/components/FileUpload/index.vue';
 export default {
   components: { FileUpload },
   props:{
-    studyId: {
-      type: String,
-    },
-    showRecord:{
-      type:Boolean,
-      default:true
-    },
-    showSubmit:{
-      type:Boolean,
-      default:true
-    },
-    content: {
-      type: Object,
-      default:()=>{}
-    }
+      studyId: {
+        type: String,
+      },
+      showRecord:{
+        type:Boolean,
+        default:true
+      },
+      showSubmit:{
+        type:Boolean,
+        default:true
+      },
+      content: {
+        type: Object,
+        default:()=>{}
+      }
   },
   data() {
     return {
@@ -106,26 +106,26 @@ export default {
   methods: {
     loadHomeworkInfo(){
       apiCourse.getHomework(this.content.id).then(res=>{
-        if(res.status==200){
-          this.info=res.result;
-          //检查是否过期
-          if(res.result.deadTime!=''){
-            var d = new Date(res.result.deadTime);
-            var now=new Date();
-            if(now.getTime() > d.getTime()){
-              this.close=true;
-            } else {
-              this.close=false;
+         if(res.status==200){
+             this.info=res.result;
+             //检查是否过期
+            if(res.result.deadTime!=''){
+               var d = new Date(res.result.deadTime);
+               var now=new Date();
+               if(now.getTime() > d.getTime()){
+                  this.close=true;
+               } else {
+                  this.close=false;
+               }
             }
-          }
-          if(!this.showTest && this.showRecord){
-            this.loadRecord();
-          }
-        }else if(res.status==404){
-          //没有找到作业信息
-        }else{
-          this.$message.error(res.message);
-        }
+             if(!this.showTest && this.showRecord){
+               this.loadRecord();
+             }
+         }else if(res.status==404){
+            //没有找到作业信息
+         }else{
+           this.$message.error(res.message);
+         }
       });
       //
     },
@@ -149,15 +149,15 @@ export default {
       this.filePath = res.result.filePath;
     },
     removeHomeworkFile(){
-      this.$confirm('您确定要删除已上传的附件吗？', '提示', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning'
-      }).then(() => {
-        this.filePath='';
-        //从服务器端删除
-        this.$message({ type: 'success',  message: '删除成功!' });
-      })
+       this.$confirm('您确定要删除已上传的附件吗？', '提示', {
+                confirmButtonText: '确定',
+                cancelButtonText: '取消',
+                type: 'warning'
+              }).then(() => {
+                this.filePath='';
+                //从服务器端删除
+                this.$message({ type: 'success',  message: '删除成功!' });
+              })
 
     },
     submitHomework() {//提交作业
@@ -192,16 +192,16 @@ export default {
       }
       apiCourseStudy.saveHomework(pamars).then(res=>{
         this.isSubmit = false
-        if(res.status==200){
-          this.$message.success("作业已提交");
-          this.filePath='';
-          this.answer='';
-          this.studyItemId=res.result.id;
-          this.records=[res.result];
-          this.$emit("submit", this.content);
-        }else {
-          this.$message.error(res.message);
-        }
+         if(res.status==200){
+            this.$message.success("作业已提交");
+            this.filePath='';
+            this.answer='';
+            this.studyItemId=res.result.id;
+            this.records=[res.result];
+            this.$emit("submit", this.content);
+         }else {
+            this.$message.error(res.message);
+         }
 
       })
     },
@@ -210,27 +210,27 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.homework-div {
-  border: 1px solid #dadada;
-  min-height: 500px;
-  padding: 20px;
-  font-size: 14px;
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  >div{
-    width: 100%;
-    text-align: left;
-    .homework-title {
-      margin-bottom: 10px;
-      font-weight: 600;
-    }
-    .homework-content {
-      color: #666;
-      margin-bottom: 10px;
+  .homework-div {
+    border: 1px solid #dadada;
+    min-height: 500px;
+    padding: 20px;
+    font-size: 14px;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    >div{
       width: 100%;
+      text-align: left;
+      .homework-title {
+        margin-bottom: 10px;
+        font-weight: 600;
+      }
+      .homework-content {
+        color: #666;
+        margin-bottom: 10px;
+        width: 100%;
+      }
     }
-  }
 
-}
+  }
 </style>
diff --git a/src/components/Course/weikeContent.vue b/src/components/Course/weikeContent.vue
index f8310736..168aa565 100644
--- a/src/components/Course/weikeContent.vue
+++ b/src/components/Course/weikeContent.vue
@@ -401,6 +401,28 @@
               <el-form-item label="考试说明">
                  <el-input type="textarea" show-word-limit v-model="exam.info.info" placeholder="关于考试的说明(限255字以内)" maxlength="255"></el-input>
               </el-form-item>
+              <el-form-item  label="随机模式">
+                <el-col :span="4">
+                  <el-radio-group v-model="exam.info.randomMode">
+                    <el-radio :label="true">是</el-radio>
+                    <el-radio :label="false">否</el-radio>
+                  </el-radio-group>
+                </el-col>
+                <el-col :span="20" v-if="exam.info.randomMode&&exam.info.paperType==1">
+                  <el-form-item label="数量">
+                     <el-input-number v-model="exam.info.qnum" :min="1" :max="exam.paperJson.items.length" label="数量"></el-input-number>
+                     <span style="margin-left:10px;" v-if="exam.paperJson.items.length==0">先添加试题</span>
+                     <span style="margin-left:10px;" v-if="exam.paperJson.items.length>0">试卷有 {{exam.paperJson.items.length}} 道试题</span>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="20" v-if="exam.info.randomMode&&exam.info.paperType==2">
+                  <el-form-item label="数量">
+                     <el-input-number v-model="exam.info.qnum" :min="1" :max="usePaper.counts" label="数量"></el-input-number>
+                     <span style="margin-left:10px;" v-if="usePaper.counts==0">先选择试卷</span>
+                     <span style="margin-left:10px;" v-if="usePaper.counts>0">试卷有 {{usePaper.counts}} 道试题</span>
+                  </el-form-item>
+                </el-col>
+              </el-form-item>
             </el-form>
             </div>
             <div v-if="exam.info.paperType==1">
@@ -1059,12 +1081,14 @@
           if(this.exam.info.paperType==2){
             if(!this.exam.info.paperId){
                this.$message.error("您还未选择任何试卷");
+               this.loading=false;
                return;
             }
           }else{
             //检查是不是所有的试题都有了答案
             if(this.exam.paperJson.items.length==0){
               this.$message.error("您还没有添加考试的试题");
+              this.loading=false;
               return;
             }
             let pass=true;
@@ -1087,6 +1111,9 @@
             }
             this.exam.info.paperContent=JSON.stringify(this.exam.paperJson);
           }
+          if(!this.exam.info.randomMode){
+            this.exam.info.qnum = 0
+          }
           postData.exam=this.exam.info;
           postData.content.contentName='考试';
           this.examChange = deepClone(this.exam);
@@ -1152,6 +1179,8 @@
             postData.id=this.exam.content.id;
             postData.ctype=this.exam.content.contentType;
             curContent=this.exam.content;
+            this.exam.info.randomMode = false;
+            this.exam.info.qnum = 0
           }else if(index==4){
             postData.id=this.assess.content.id;
             postData.ctype=this.assess.content.contentType;
diff --git a/src/components/FileUpload/index.vue b/src/components/FileUpload/index.vue
index 90efbfd5..0391f557 100644
--- a/src/components/FileUpload/index.vue
+++ b/src/components/FileUpload/index.vue
@@ -217,13 +217,16 @@ export default {
         if(delIdx>-1){
           fileList.splice(delIdx,1);
         }
+        this.$emit("success", res);
       } else {
         this.isLoading = false;
-        //this.fileList = [];
+        if(this.limit == 1){
+          this.fileList = [];
+        }
         this.$message({message:"上传失败",type:'error',offset:100});
       }
 
-      this.$emit("success", res);
+      // this.$emit("success", res);
     },
     // 删除文件
     handleDelete(index) {
diff --git a/src/components/HomePage/caseList.vue b/src/components/HomePage/caseList.vue
index b3f40ec6..b05bb23c 100644
--- a/src/components/HomePage/caseList.vue
+++ b/src/components/HomePage/caseList.vue
@@ -8,7 +8,10 @@
                     <span style="margin-left:28px">{{item.eventTime}}</span>
                     <span v-if="item.aid == userInfo.aid" class="follow-hide pointer" style="float:right">
                       <span v-if="item.hidden">已隐藏</span>
-                      <span v-else  @click="emitHide(item.id)">  <svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon>隐藏 </span>
+                      <span class="span_hidden" v-else  @click="emitHide(item.id)">  
+                        <!-- <svg-icon style="margin-right: 10px;font-size:22px;padding-top: 4px;" icon-class="eyes"></svg-icon> -->
+                         <div class="is_hidden"></div>
+                        隐藏 </span>
                     </span>
                   </p>
                   <div class="case-info-cont">
@@ -136,6 +139,22 @@
   </script>
 
   <style lang="scss" scoped>
+  .span_hidden{
+    display: flex;
+    &:hover{
+      .is_hidden{
+        background: url('../../assets/images/case/Frame(12).png');
+        background-size: 100%;
+      }
+    }
+    .is_hidden{
+      width: 18px;
+      height: 18px;
+      background: url('../../assets/images/case/Frame(5).png');
+      background-size: 100%;
+      margin-right: 10px;
+    }
+  }
     .sign-text{
       color: #666666;
       font-size: 14px;
diff --git a/src/components/Portal/authorInfo.vue b/src/components/Portal/authorInfo.vue
index d7418ea8..938b4839 100644
--- a/src/components/Portal/authorInfo.vue
+++ b/src/components/Portal/authorInfo.vue
@@ -1,6 +1,6 @@
 <template>
 	<div class="item-author">
-		<div  @click="toHome()">
+		<div  v-if="userName" @click="toHome()">
       <!-- <el-avatar shape="square" size="small" :src="userAvatar" v-if="userAvatar"></el-avatar> -->
       <!-- <div v-else class="uavatar"><span class="uavatar-text">{{avatarText}}</span></div> -->
       <el-avatar shape="circle" size="small" :src="userAvatar" v-if="userAvatar"></el-avatar>
@@ -12,9 +12,10 @@
         </div>
         </div>
     </div>
-		<div v-if="!onlyAvatar" style="padding-left: 14px;padding-top: 6px;font-size: 14px;">
+		<div v-if="!onlyAvatar&&userName" style="padding-left: 14px;padding-top: 6px;font-size: 14px;">
       <span style="color: #333333;font-weight: 600;font-size: 16px;">{{userName}}</span>
       <span class="author-text" v-if="userInfo && userInfo!=''"> {{userInfo}} </span>
+      <span style="margin-left: 15px;" class="comWords" v-if="authorTags.length != 0" v-for="tag in authorTags">{{tag}}</span>
     </div>
     <slot />
 	</div>
@@ -49,6 +50,12 @@
       onlyAvatar:{
         type:Boolean,
         default:false
+      },
+      authorTags: {
+        type:Array,
+        default(){
+          return []
+        }
       }
 		},
     data(){
@@ -119,6 +126,14 @@
       font-weight: 300;
       margin-left: 4px;
     }
+    .comWords {
+      background: #409EFF;
+      border-radius: 2px;
+      font-weight: 400;
+      font-size: 12px;
+      color: #FFFFFF;
+      padding: 4px 10px;
+    }
     .uavatar{
       // border: 1px solid #73adfe;
       width: 28px;
diff --git a/src/components/Portal/comments.vue b/src/components/Portal/comments.vue
index 54c9fd15..3c925e0f 100644
--- a/src/components/Portal/comments.vue
+++ b/src/components/Portal/comments.vue
@@ -92,11 +92,19 @@
                       <div class="comment-btns">
 
                          <!-- <a><svg-icon icon-class="like"></svg-icon><span>66</span></a> -->
-                         <div v-show="btnsShowRowId==com.id">
+                         <div style="display: flex" v-show="btnsShowRowId==com.id">
 
-                           <a @click="showReply(com)"><svg-icon icon-class="comment" style="margin-right: 0px;font-size: 16px;"></svg-icon><span>回复</span></a>
+                           <a style="display: flex;align-items: center;" @click="showReply(com)">
+                            <!-- <svg-icon icon-class="comment" style="margin-right: 0px;font-size: 16px;"></svg-icon> -->
+                              <div class="is_comment"></div>
+                              <span>回复</span> 
+                           </a>
                            <!--必须当前登录人是一个人-->
-                           <a v-if="userInfo.aid==com.sysCreateAid" @click="delCommnet(com,comIdx)"><svg-icon icon-class="remove" style="margin-right: 0px;font-size: 16px;"></svg-icon><span>删除</span></a>
+                           <a style="display: flex;align-items: center;" v-if="userInfo.aid==com.sysCreateAid" @click="delCommnet(com,comIdx)">
+                            <!-- <svg-icon icon-class="remove" style="margin-right: 0px;font-size: 16px;"></svg-icon> -->
+                             <div class="is_remove"></div>
+                            <span>删除</span>
+                           </a>
                            <a v-if="com.replyList && com.replyList.length==5" @click="showMoreReply(com)" ><svg-icon icon-class="all" style="margin-right: 0px;font-size: 16px;"></svg-icon><span>全部</span></a>
                          </div>
                       </div>
@@ -960,6 +968,28 @@
         line-height: 35px;
         a{
           margin-right:15px;
+          &:hover{
+            .is_comment{
+              background: url('../../assets/images/case/Frame(9).png');
+              background-size: 100%;
+            }
+            .is_remove{
+              background: url('../../assets/images/case/Frame(15).png');
+              background-size: 100%;
+            }
+          }
+          .is_comment{
+            width: 16px;
+            height: 16px;
+            background: url('../../assets/images/case/Frame.png');
+            background-size: 100%;
+          }
+          .is_remove{
+            width: 16px;
+            height: 16px;
+            background: url('../../assets/images/case/Frame(8).png');
+            background-size: 100%;
+          }
           span{
             margin-left: 6px;
             color: #8590A6;
diff --git a/src/components/Portal/interactBar.vue b/src/components/Portal/interactBar.vue
index 9391f64e..a1faad95 100644
--- a/src/components/Portal/interactBar.vue
+++ b/src/components/Portal/interactBar.vue
@@ -10,7 +10,8 @@
         <el-tooltip  effect="light" :content="type == 4 || type == 5 ?'回答':'回复'" placement="left" :visible-arrow="false" popper-class="text-tooltip">
           <!-- <svg-icon style="margin-right: 0;"  icon-class="comment"></svg-icon> -->
          <!-- <img style="width:16px;height:14px;vertical-align: middle;" :src="require('@/assets/images/icon/answers.png')"> -->
-         <svg-icon style="margin-right: 0;font-size: 14px;" icon-class="comment"></svg-icon>
+         <!-- <svg-icon style="margin-right: 0;font-size: 14px;" icon-class="comment"></svg-icon> -->
+         <div class="is_comment"></div>
         </el-tooltip>
         <span class="interact-bar-value"> {{ data.answers? data.answers:0}}</span>
       </div>
@@ -23,14 +24,16 @@
       </div>
       <div v-if="comments" class="interact-bar-btn" :style="`min-width: ${nodeWidth};`" :class="{cursor:!readonly}">
         <el-tooltip  effect="light" content="评论" placement="left" :visible-arrow="false" popper-class="text-tooltip">
-          <svg-icon style="margin-right: 0;font-size: 14px;" icon-class="comment"></svg-icon>
+          <!-- <svg-icon style="margin-right: 0;font-size: 14px;" icon-class="comment"></svg-icon> -->
+           <div class="is_comment"></div>
         </el-tooltip>
         <span class="interact-bar-value"> {{data.comments? data.comments:0}}</span>
       </div>
 
       <div v-if="praises" @click="addPraise()" :style="`min-width: ${nodeWidth};`" class="interact-bar-btn" :class="{cursor:!readonly}">
         <el-tooltip effect="light" content="点赞" placement="top" :visible-arrow="false" popper-class="text-tooltip">
-          <svg-icon style="margin-right: 0;font-size: 14px;" :icon-class="isPraise?'praised':'like'"></svg-icon>
+          <!-- <svg-icon style="margin-right: 0;font-size: 14px;" :icon-class="isPraise?'praised':'like'"></svg-icon> -->
+           <div class="is_praise" :class="isPraise?'is_praise_a':'is_praise'"></div>
         </el-tooltip>
         <span class="interact-bar-value"> {{ data.praises? data.praises:0}}</span>
       </div>
@@ -38,19 +41,22 @@
       <div v-if="favorites"  @click.stop="addFavorite()" :style="`min-width: ${nodeWidth};`" class="interact-bar-btn" :class="{cursor:!readonly}">
         <el-tooltip effect="light" content="收藏" placement="top" :visible-arrow="false" popper-class="text-tooltip">
           <svg-icon v-if="courseExclusive" style="font-size: 32px;margin-right: 0;" :icon-class="isFavorite?'collectedCourse':'collectionCourse'"></svg-icon>
-          <svg-icon v-else style="margin-right: 0;" :style="{'font-size':(size+2)+'px'}" :icon-class="isFavorite?'scactive2':'xihuan'"></svg-icon>
+          <!-- <svg-icon v-else style="margin-right: 0;" :style="{'font-size':(size+2)+'px'}" :icon-class="isFavorite?'scactive2':'xihuan'"></svg-icon> -->
+           <div v-else class="is_favorite" :class="isFavorite?'is_favorite_a':'is_favorite'"></div>
         </el-tooltip>
         <span v-if="!courseExclusive" class="interact-bar-value"> {{ data.favorites? data.favorites:0}}</span>
       </div>
       <div v-if="shares" @click="addShare()" :style="`min-width: ${nodeWidth};`" class="interact-bar-btn" :class="{cursor:!readonly}">
         <el-tooltip effect="light" content="分享" placement="top" :visible-arrow="false" popper-class="text-tooltip">
-          <svg-icon icon-class="share" style="margin-right: 0;" :style="{'font-size':(size+2)+'px'}"></svg-icon>
+          <!-- <svg-icon icon-class="share" style="margin-right: 0;" :style="{'font-size':(size+2)+'px'}"></svg-icon> -->
+           <div class="is_share"></div>
         </el-tooltip>
         <span class="interact-bar-value"> {{data.shares}}</span>
       </div>
       <div v-if="views" style="cursor: default;" :style="`min-width: ${nodeWidth};margin-left:${data.views>1000? '20px':'20px'}`" class="interact-bar-btn ese-view" :class="{cursor:!readonly}">
         <el-tooltip effect="light" content="浏览量" placement="top" :visible-arrow="false" popper-class="text-tooltip">
-          <svg-icon style="margin-right: 0; font-size:22px;" icon-class="eyes"></svg-icon>
+          <!-- <svg-icon style="margin-right: 0; font-size:22px;" icon-class="eyes"></svg-icon> -->
+           <div class="is_view"></div>
         </el-tooltip>
         <!-- <div style="float:right;margin-left:8px"> -->
         <span  class="interact-bar-value eyes-view" > {{ formatNum(data.views)}}</span>
@@ -530,6 +536,7 @@ export default {
             this.$store.dispatch("unicomFavorites",false)
           }
           this.$message({message:'已取消收藏',type:'success'});
+          this.$emit('deleteFavorite',true)
           //this.$emit('addFavorite',res.result);//添加收藏,如果是true代表添加成功，false代表已存在
         }else{
           console.log('取消收藏失败：'+res.message);
@@ -713,6 +720,77 @@ export default {
     justify-content: flex-end;
     .interact-bar-btn {
       margin: 0 0 0 15px;
+      display: flex;
+      justify-content: end;
+      align-items: center;
+      &:hover{
+        .is_praise{
+          background: url('../../assets/images/case/Frame\(10\).png');
+        }
+        .is_favorite{
+          background: url('../../assets/images/case/Frame\(11\).png');
+          background-size: 100%;
+        }
+        .is_share{
+          background: url('../../assets/images/case/Frame\(14\).png');
+          background-size: 100%;
+        }
+        .is_view{
+          background: url('../../assets/images/case/Frame\(12\).png');
+        background-size: 100%;
+        }
+        .is_comment{
+          background: url('../../assets/images/case/Frame\(9\).png');
+          background-size: 100%;
+        }
+      }
+      .is_comment{
+        width: 16px;
+        height: 16px;
+        background: url('../../assets/images/case/Frame.png');
+        background-size: 100%;
+        margin-right: 4px;
+      }
+      .is_view{
+        width: 17px;
+        height: 17px;
+        background: url('../../assets/images/case/Frame\(5\).png');
+        background-size: 100%;
+        margin-right: 4px;
+      }
+      .is_share{
+        width: 16px;
+        height: 16px;
+        background: url('../../assets/images/case/Frame\(7\).png');
+        background-size: 100%;
+        margin-right: 4px;
+      }
+      .is_praise{
+        width: 14px;
+        height: 14px;
+        background: url('../../assets/images/case/Frame\(1\).png');
+        margin-right: 4px;
+      }
+      .is_praise_a{
+        width: 14px;
+        height: 14px;
+        background: url('../../assets/images/case/Frame\(10\).png');
+        margin-right: 4px;
+      }
+      .is_favorite{
+        width: 16px;
+        height: 16px;
+        background: url('../../assets/images/case/Frame\(2\).png');
+        background-size: 100%;
+        margin-right: 4px;
+      }
+      .is_favorite_a{
+        width: 16px;
+        height: 16px;
+        background: url('../../assets/images/case/Frame\(11\).png');
+        background-size: 100%;
+        margin-right: 4px;
+      }
     }
     .interact-bar-value{
       //  color:#6E7B84; ui图给的颜色，但是效果于ui图效果不一样，也没有透明度，所以找一个相近的和谐的颜色
diff --git a/src/components/PortalHeader.vue b/src/components/PortalHeader.vue
index b897e63d..2f880839 100644
--- a/src/components/PortalHeader.vue
+++ b/src/components/PortalHeader.vue
@@ -51,7 +51,8 @@
               <el-dropdown placement="bottom" @command="handleContributor">
                 <span class="el-dropdown-link" style="font-size:16px;cursor: pointer;" :style="{color:textColor}">贡献者大会</span>
                 <el-dropdown-menu slot="dropdown">
-                  <el-dropdown-item command="one">2023</el-dropdown-item>
+                  <el-dropdown-item command="three">2024</el-dropdown-item>
+                  <el-dropdown-item command="one" divided>2023</el-dropdown-item>
                   <el-dropdown-item command="two" divided>2022</el-dropdown-item>
                 </el-dropdown-menu>
               </el-dropdown>
@@ -209,7 +210,7 @@ export default {
     this.sex = this.userInfo.sex;
     this.$store.dispatch('refrashMsg');
     this.loadBoeData();
-    console.log('this.userInfo::',this.userInfo)
+    // console.log('this.userInfo::',this.userInfo)
     //this.loadPopupConfig();
   },
   methods: {
@@ -246,6 +247,7 @@ export default {
       let obj = {
           one: urlPre + "/web/contributornew/index",
           two: urlPre + "/web/contributor/index",
+          three: urlPre + "/web/contributor_2024/index"
         };
         window.open(obj[val]);
     },
diff --git a/src/components/Study/manager.vue b/src/components/Study/manager.vue
index e68859b9..8ffb7bc4 100644
--- a/src/components/Study/manager.vue
+++ b/src/components/Study/manager.vue
@@ -192,7 +192,7 @@
               </el-table-column>-->
               <el-table-column label="学习人员" width="110">
                 <template slot-scope="scope">
-                  <el-button size="mini" type="info" @click="getCatalogue(scope.row,scope.row.contentName)" >学习人员</el-button>
+                  <el-button size="mini" type="info" @click="getCatalogue(scope.row,scope.row.contentType)" >学习人员</el-button>
                 </template>
               </el-table-column>
             </el-table>
@@ -292,6 +292,7 @@
         <el-form-item>
           <el-button type="primary" @click="studyContentRecordsSearch">搜索</el-button>
         </el-form-item>
+        <el-button v-if="isHomeWork" :disabled="isTrue" style="padding:10px 15px;margin-bottom: 10px;" type="primary" @click="downLoad">导出全部作业</el-button>
       </el-form>
       <el-table max-height="500" border :data="learningSituation.list" style="width: 100%">
         <el-table-column prop="aname" label="姓名" width="180"></el-table-column>
@@ -335,6 +336,8 @@ import apiCoursePortal from "@/api/modules/coursePortal.js";
 import { mapGetters,mapActions } from 'vuex';
 import apiUser from '@/api/system/user.js';
 import apiStudy from '@/api/modules/courseStudy.js';
+import { getToken } from '@/utils/token'
+import axios from 'axios'
 export default {
   components: {auditCourse1,auditCourse2},
   computed: {
@@ -352,7 +355,10 @@ export default {
   },
   data() {
     return {
+      downParams: {},
       typePress: false,
+      isHomeWork: false,
+      isTrue: false,
       catalogRecordTree:[],
       catalogRecordList:[],
       resOwnerListMap:[],
@@ -377,8 +383,8 @@ export default {
         count: 0,
         type: "",
         list: [],
-        name: '',
         status: '',
+        name: '',
       },
       learningRecords: {
         pageIndex: 1, //第几页
@@ -515,6 +521,7 @@ export default {
         pageIndex: this.learningSituation.pageIndex,
         pageSize: this.learningSituation.pageSize
       };
+      this.downParams = params;
       apicourseStudy.studyContentRecords(params).then(res => {
         if (res.status === 200) {
           this.learningSituation.list = res.result.list;
@@ -524,6 +531,77 @@ export default {
         }
       });
     },
+    downLoad(){
+      if(this.learningSituation.list.length == 0){
+        this.$message.warning('暂无数据');
+        return
+      }
+      this.isTrue = true;
+      let params = {
+        courseName:this.manageStudyData.name,
+        courseId: this.manageStudyData.id,
+        status: this.downParams.status || '',
+        name: this.downParams.name || '',
+        contentId: this.contentId,
+      }
+      // window.open(`/systemapi/xboe/m/course/portal/export?contentId=${params.contentId}&courseName=${params.courseName}&courseId=${params.courseId}&status=${params.status}&name=${params.name}`)
+      const url = `/systemapi/xboe/m/course/portal/export?contentId=${params.contentId}&courseName=${params.courseName}&courseId=${params.courseId}&status=${params.status}&name=${params.name}`
+      axios({
+          method: 'get',
+          url: url,
+          // responseType: 'blob',
+          headers: { 'X-Access-Token': getToken() }
+        }).then((res) => {
+          this.isTrue = false;
+          if(res.data.status == 200){
+            if(res.data.result.includes('upload')){
+              window.open('/upload'+res.data.result.split('upload')[1])
+            }else{
+              this.$message.warning(res.data.result)
+            }
+          }
+        }).catch(err=>{
+          this.isTrue = false;
+          this.$message.error(err.response.data.message)
+        })
+      // axios({
+      //     method: 'get',
+      //     url: url,
+      //     responseType: 'blob',
+      //     headers: { 'X-Access-Token': getToken() }
+      //   }).then((response) => {
+      //       if (response.status === 200) {
+      //         this.isTrue = false;
+      //         if (!(response.headers['content-type']).startsWith('application/json')) {
+      //           this.resolveBlob(response, 'application/zip', `${params.courseName}【作业】`);
+      //         } else {
+      //           console.log(response,'response')
+      //           const reader = new FileReader();
+      //           reader.onload = (e) => {
+      //             const errorData = JSON.parse(e.target.result)
+      //             this.$message.error(errorData.result)
+      //           };
+      //           reader.readAsText(response.data);
+      //         }
+      //       }
+      //     }).catch((error) => {
+      //       this.isTrue = false;
+      //       // 错误处理
+      //       console.log(error);
+      //       this.$message.error(error.data ? error.data.message : error.toString());
+      //     });
+    },
+    resolveBlob(res, mimeType,filename) {
+      const link = document.createElement('a');// 创建a标签
+      let blob = new Blob([res.data], { type: mimeType }); // 设置文件类型
+      link.style.display = "none";
+      link.href = URL.createObjectURL(blob); // 创建URL
+      link.setAttribute("download", `${filename}`);
+      document.body.appendChild(link);
+      link.click();
+      URL.revokeObjectURL(link.href);
+      document.body.removeChild(link);
+    },
     handleSizeChangeSituation(val) {
       this.learningSituation.pageSize = val;
       this.learningSituation.pageIndex = 1;
@@ -722,11 +800,16 @@ export default {
       this.getSignupList();
     },
     getCatalogue(row,type) {
-      if(type=='考试'){
+      if(type==61){
         this.typePress = true
       }else{
         this.typePress = true
       }
+      if(type == 60){
+        this.isHomeWork = true
+      }else{
+        this.isHomeWork = false
+      }
       this.contentId = row.id;
       this.study.catalogueShow = true;
       this.learningSituation.pageIndex = 1;//重置为第一页
diff --git a/src/components/VideoPlayer/index.vue b/src/components/VideoPlayer/index.vue
index 3869ae06..86465e5a 100644
--- a/src/components/VideoPlayer/index.vue
+++ b/src/components/VideoPlayer/index.vue
@@ -272,7 +272,7 @@ export default {
     },
     isDrag:{
       type: Boolean,
-      default: null,
+      default: true,
     },
     isCrowd:{
       type: Boolean,
@@ -318,7 +318,7 @@ export default {
     }
 
     setInterval(() => {
-          console.log('this.currentProgress::',this.currentProgress,this.isDrag)
+          //console.log('this.currentProgress::',this.currentProgress,this.isDrag,this.videoDom.currentTime , this.videoDom.duration)
           // 视频播放时本地记录视频实时播放时长,视频设置了禁止拖动时执行
           if(!this.isDrag){
             var time = localStorage.getItem('videoProgressData')
@@ -373,6 +373,17 @@ export default {
       this.isCursorStatic = false;
       this.timeoutControlsHint = 2000;
     });
+    this.videoDom.addEventListener('loadstart', function(){
+      console.log('\x1b[34m%s\x1b[0m','*****************视频加载中**************')
+    })
+
+    this.videoDom.addEventListener('loadeddata', function(){
+      console.log('\x1b[32m%s\x1b[0m','*****************加载完毕*************')
+    })
+
+    this.videoDom.addEventListener('error', function(){
+      console.log('\x1b[31m%s\x1b[0m','*****************加载失败**********')
+    })
     // 监听全屏事件的变化，保存数据
     window.addEventListener("fullscreenchange", () => {
       this.isFullscreen = this.isFullScreen();
diff --git a/src/components/VideoPlayer/progress-bar.vue b/src/components/VideoPlayer/progress-bar.vue
index f9a3c7ca..84bc066d 100644
--- a/src/components/VideoPlayer/progress-bar.vue
+++ b/src/components/VideoPlayer/progress-bar.vue
@@ -86,13 +86,13 @@ export default {
         if(current<0) current = 0;
         var time = localStorage.getItem('videoProgressData');
         var arr = time&&JSON.parse(time) || {}
-        console.log('down arr:',this.isDrag,this.blobId,arr,arr[this.blobId],current)
+        //console.log('down arr:',this.isDrag,this.blobId,arr,arr[this.blobId],current)
         // 禁止拖动
         if(!this.isDrag && time && arr[this.blobId] < current) return;
 
         this.$emit("updateProgress", current);
       // }
-      
+
     },
     move(e) {
       if (this.is_mousedown_progress) {
@@ -103,7 +103,7 @@ export default {
         if(current<0) current = 0;
         var time = localStorage.getItem('videoProgressData');
         var arr = time&&JSON.parse(time) || {}
-        console.log('move arr:',this.isDrag,this.blobId,arr,arr[this.blobId],current)
+        //console.log('move arr:',this.isDrag,this.blobId,arr,arr[this.blobId],current)
         // 禁止拖动
         if(!this.isDrag && time && arr[this.blobId] < current) return;
         this.$emit("updateProgress", current);
@@ -119,11 +119,12 @@ export default {
         if(current<0) current = 0;
         var time = localStorage.getItem('videoProgressData');
         var arr = time&&JSON.parse(time) || {}
-        console.log('up arr:',this.isDrag,this.blobId,arr,arr[this.blobId],current)
+        //console.log('up arr:',this.isDrag,this.blobId,arr,arr[this.blobId],current)
+        this.$emit("getMouseDownStatus", false);
         // 禁止拖动
         if(!this.isDrag && time && arr[this.blobId] < current) return;
         this.$emit("updateProgress", current);
-        this.$emit("getMouseDownStatus", false);
+
       }
     },
   },
@@ -175,4 +176,4 @@ export default {
 .progress-bar:hover .progress-current::after {
   opacity: 1;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/router/index.js b/src/router/index.js
index cb2fd49f..f8a37417 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -193,6 +193,20 @@ export const constantRoutes = [{
     name: 'caseDetail',
     meta: {title: '案例详情', keepAlive: true, icon: 'dashboard', noCache: false, affix: true},
   },
+  {
+    path: '/case/charts',
+    hidden: true,
+    component: (resolve) => require(['@/views/portal/case/Charts'], resolve),
+    name: 'caseCharts',
+    meta: {title: '排行榜', keepAlive: true, icon: 'dashboard', noCache: false, affix: true},
+  },
+  {
+    path: '/case/excellent',
+    hidden: true,
+    component: (resolve) => require(['@/views/portal/case/Excellent'], resolve),
+    name: 'caseExcellent',
+    meta: {title: '浏览量榜单', keepAlive: true, icon: 'dashboard', noCache: false, affix: true},
+  },
   {
     path: '/article',
     hidden: true,
diff --git a/src/utils/tools.js b/src/utils/tools.js
index 185fb2cc..eb286cd5 100644
--- a/src/utils/tools.js
+++ b/src/utils/tools.js
@@ -423,6 +423,7 @@ export function translate(field) {
   let name = '';
   switch (field) {
       case 'total':name = '累计'; break;
+      case 'now':name = '当前'; break;
       case 'weeks':name = '本周'; break;
       case 'months':name = '本月'; break;
       case 'years':name = '本年'; break;
diff --git a/src/views/case/ManageList.vue b/src/views/case/ManageList.vue
index 8b855b3a..ed237e54 100644
--- a/src/views/case/ManageList.vue
+++ b/src/views/case/ManageList.vue
@@ -32,6 +32,9 @@
           </div>
         </div>
       </div>
+      <div style="margin: 5px 0 0 5px;">
+        <el-button type="primary" @click="recoRanking">推荐榜单</el-button>
+      </div>
     </div>
     <el-table style="100%" :data="caseList" border stripe>
       <el-table-column label="标题" prop="title" show-overflow-tooltip>
@@ -49,6 +52,7 @@
       <el-table-column label="操作">
         <template slot-scope="scope">
           <el-button-group>
+            <el-button style="margin:0 5px" type="text" v-if="scope.row.recommendRank === ''" @click="suggest(scope.row)" icon="el-icon-medal">榜单推荐</el-button>
             <!-- <el-button type="text" @click="shareItem(scope.row)"  icon="el-icon-share" style="margin:0 5px">推荐</el-button> -->
             <el-button style="margin:0 5px" v-if="!scope.row.isTop && scope.row.confidentialityLevel == '内部'" type="text"
               @click="setTop(scope.row)" icon="el-icon-top">置顶</el-button>
@@ -56,8 +60,12 @@
               @click="setTop(scope.row)" icon="el-icon-bottom">取消置顶</el-button>
             <el-button type="text" icon="el-icon-medal"
               v-if="scope.row.filePath && scope.row.confidentialityLevel == '内部'"><span @click="cancal(scope.row)"
-                v-if="scope.row.excellent">取消最佳</span><span @click="open(scope.row)" v-else>最佳案例</span></el-button>
+                v-if="scope.row.excellent">取消最佳</span>
+                <!-- <span @click="open(scope.row)" v-else>最佳案例</span> -->
+                <span @click="theBest(scope.row)" v-else>最佳</span>
+              </el-button>
             <el-button style="margin:0 5px" type="text" @click="delItem(scope.row)" icon="el-icon-delete">删除</el-button>
+            <!-- <el-button style="margin:0 5px" type="text" @click="theBest(scope.row)" icon="el-icon-delete">最佳</el-button> -->
           </el-button-group>
         </template>
       </el-table-column>
@@ -121,16 +129,91 @@
       </div>
       <span slot="footer" class="dialog-footer"><el-button @click="recommend.dlgShow = false">关闭</el-button></span>
     </el-dialog>
+    <el-dialog
+      title="最佳案例"
+      :visible.sync="bestValue"
+      width="36%">
+      <div class="best_card">
+        <div class="card_item">
+          <div class="card_title">
+            <i class="icon"></i>
+            <span class="text">年度</span>
+          </div>
+          <el-input style="width:190px" disabled v-model="bestYear" placeholder="请输入年度"></el-input>
+        </div>
+        <div class="card_item">
+          <div class="card_title">
+            <i class="icon"></i>
+            <span class="text">组织领域</span>
+          </div>
+          <el-input disabled v-model="bestOrg" placeholder="请输入组织领域"></el-input>
+        </div>
+        <div class="card_item">
+          <div class="card_title">
+            <span class="text">最佳理由</span>
+          </div>
+          <el-input type="textarea"
+            placeholder="请输入内容"
+            v-model="bestTextarea"
+            maxlength="200"
+            show-word-limit></el-input>
+        </div>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="notBest">取 消</el-button>
+        <el-button type="primary" @click="parameBest">确 定</el-button>
+      </span>
+    </el-dialog>
+    <el-drawer
+      title="推荐榜单"
+      :visible.sync="RankingShow"
+      size="80%">
+      <div style="padding: 10px 20px 80px">
+        <el-table :data="tableData" border stripe>
+          <el-table-column
+            type="index"
+            width="50"
+            label="排序">
+          </el-table-column>
+          <el-table-column show-overflow-tooltip label="案例标题" prop="caseTitle"></el-table-column>
+          <el-table-column width="150px" label="作者名称" prop="caseAuthor"></el-table-column>
+          <el-table-column width="150px" label="上榜人" prop="caseAuthor"></el-table-column>
+          <el-table-column width="250px" label="上榜时间" prop="recommendRankPusTime"></el-table-column>
+          <el-table-column label="操作">
+            <template slot-scope="scope">
+              <el-button-group>
+                <el-button style="margin:0 5px" type="text" @click="handleNotRank(scope.row)" icon="el-icon-delete">取消推荐</el-button>
+                <el-button style="margin:0 5px" type="text" @click="moveUp(scope.row,scope.$index)" icon="el-icon-top">上移排序</el-button>
+                <el-button style="margin:0 5px" type="text" @click="moveDown(scope.row,scope.$index)" icon="el-icon-bottom">下移排序</el-button>
+              </el-button-group>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+      <div class="rank_footer">
+        <el-button @click="closeDrawer" style="width: 130px;height:40px;margin-right: 30px;" type="default">取消</el-button>
+        <el-button @click="queryList" style="width: 130px;height:40px;margin-right: 15px;" type="primary">确定</el-button>
+      </div>
+    </el-drawer>
   </div>
 </template>
 
 <script>
 import apiCase from '@/api/modules/cases.js';
 import apiUser from '@/api/system/user.js'
+import apiType from "@/api/modules/type.js";
 export default {
   name: 'articleItems',
   data() {
     return {
+      adminList: [],
+      caseType: process.env.VUE_APP_CASE_TYPE,
+      RankingShow: false,
+      bestYear: '',
+      bestOrg: '',
+      bestId: '',
+      bestTextarea: '',
+      bestValue: false,
       excellent: false,
       queryObj: {
         pageIndex: 1,
@@ -139,6 +222,8 @@ export default {
         excellent: '',
       }, //查询对象
       caseList: [], //案例列表
+      tableData: [],
+      caseIds: '',
       count: 0,
       recommend: {
         dlgShow: false,
@@ -171,8 +256,153 @@ export default {
   },
   mounted() {
     this.getData();
+    this.getList();
+    apiType.treeList(1,Number(this.caseType ?? 155),1).then(res=>{
+      if(res.code == 200){
+        this.adminList = res.data.records;
+      }
+    })
+  },
+  watch:{
+    RankingShow(val){
+      if(val){
+        this.getList()
+      }
+    }
   },
   methods: {
+    orgDomainTranslate(code) { // 组织领域翻译
+      if (code == '') {
+        return
+      }
+      let name = '';
+      let data = this.adminList.find(item => {
+        return item.code == code;
+      });
+      if (data) {
+        name = data.name;
+      }
+      return name;
+    },
+    suggest(record){
+      if(this.tableData.length == 10){
+        this.$message.error('最多推荐10个')
+        return
+      }
+      this.$confirm('你确认要推荐此案例吗?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        apiCase.riseIntoRank({caseId:record.id}).then(res=>{
+          if(res.status == 200 ){
+            this.$message.success('推荐成功')
+            this.getData()
+            this.getList()
+          }
+        })
+      })
+    },
+    handleNotRank(record){
+      this.$confirm('你确认要取消推荐吗?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        apiCase.cancelRiseIntoRank({caseId:record?.caseId}).then(res=>{
+          if(res.status == 200){
+            this.$message.success('取消推荐成功')
+            this.getList()
+            this.getData()
+          }
+        }).catch(()=>{
+          this.$message.error('取消推荐失败')
+        })
+      })
+    },
+    moveUp(row,index){
+      console.log(row,index,'index')
+      if(index == 0){
+        this.$message.error('已经排到第一位了')
+        return
+      }
+      this.swapArray(this.tableData,index,index-1)
+    },
+    moveDown(row,index){
+      if(index == this.tableData.length - 1){
+        this.$message.error('已经排到最后一位了')
+        return
+      }
+      this.swapArray(this.tableData,index,index+1)
+    },
+    swapArray(arr, index1, index2){
+      const temp = arr[index1];
+      arr.splice(index1, 1);
+      arr.splice(index2, 0, temp);
+    },
+    getList(){
+      apiCase.getQueryRecommendRank({pageSize:10}).then(res=>{
+        console.log(res,'res')
+        if(res.status == 200){
+          this.tableData = res.result
+          this.caseIds = res.result.map(item=>item.caseId).join(',')
+        }
+      })
+    },
+    notBest(){
+      this.bestValue = false
+      this.bestYear = ''
+      this.bestOrg = ''
+      this.bestId = ''
+      this.bestTextarea = ''
+    },
+    parameBest(){
+      this.excellent = true;
+      let data = {
+        id: this.bestId,
+        excellent: this.excellent,
+        excellentReason: this.bestTextarea
+      }
+      apiCase.excellent(data).then(res=>{
+        if (res.status == 200) {
+            this.$message({
+              type: 'success',
+              message: '设置最佳案例成功!'
+            });
+            this.getData()
+          }else{
+            this.$message({
+              type: 'error',
+              message: res.message
+            });
+          }
+          this.notBest()
+      })
+    },
+    recoRanking(){
+      this.RankingShow = true
+    },
+    closeDrawer(){
+      this.RankingShow = false
+    },
+    queryList(){
+      if(this.caseIds != this.tableData.map(item=>item.caseId).join(',')){
+        apiCase.adjustRank({caseIds:this.tableData.map(item=>item.caseId).join(',')}).then(res=>{
+          if(res.status == 200){
+            this.$message({
+              message: '调整成功',
+              type: 'success'
+            })
+          }
+        }).catch(()=>{
+          this.$message({
+            message: '调整失败',
+            type: 'error'
+          })
+        })
+      }
+      this.RankingShow = false
+    },
     // 导出
     importList() {
       apiCase.exports(this.queryObj).then(res => {
@@ -211,6 +441,11 @@ export default {
               message: '取消成功!'
             });
             this.getData()
+          }else{
+            this.$message({
+              type: 'error',
+              message: res.message
+            });
           }
         })
       }).catch(() => {
@@ -354,6 +589,12 @@ export default {
           this.$message({ type: 'info', message: '已取消删除', offset: 50 });
         });
     },
+    theBest(item){
+      this.bestValue = true
+      this.bestId = item.id
+      this.bestOrg = this.orgDomainTranslate(item.orgDomainParent)
+      this.bestYear = item.sysCreateTime.split('-')[0]
+    },
     //添加推荐
     shareItem(item) {
       this.shareItemData = { ...item }
@@ -467,6 +708,48 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.rank_footer{
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  width: 100%;
+  height: 80px;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  background: #fff;
+  padding-right: 20px;
+}
+::v-deep .el-dialog__header{
+  border-bottom: 1px solid #f0f0f1;
+}
+::v-deep .el-textarea__inner{
+  height: 100px !important;
+}
+.best_card{
+  .card_item{
+    display: flex;
+    justify-content: start;
+    margin-bottom: 20px;
+    .card_title{
+      width: 94px;
+      min-width: 94px;
+      display: flex;
+      align-items: center;
+      justify-content: end;
+      margin-right: 14px;
+      .icon{
+        width:8px;
+        height: 8px;
+        background: url('../../assets/images/asterisk.png') no-repeat;
+        background-size: 100%;
+      }
+      .text{
+
+      }
+    }
+  }
+}
 .article-status1 {
   padding: 3px;
   border: 1px dotted #1ea0fa;
diff --git a/src/views/course/Mylecnotes.vue b/src/views/course/Mylecnotes.vue
index 2c18aab3..7e7c2c83 100644
--- a/src/views/course/Mylecnotes.vue
+++ b/src/views/course/Mylecnotes.vue
@@ -1,206 +1,206 @@
 <template>
-     <div style="padding: 12px 32px 10px 12px;">
-      <div style="display: flex;justify-content: flex-start;">
+  <div style="padding: 12px 32px 10px 12px;">
+   <div style="display: flex;justify-content: flex-start;">
 
-        <div><el-input v-model="keyword" placeholder="输入课程名称搜索" clearable></el-input></div>
-        <div style="padding-left: 10px;"><el-button @click="recordList()" type="primary" icon="el-icon-search">搜索</el-button></div>
-        <div style="padding: 0px 5px;"><el-button icon="el-icon-refresh-right" @click="keyword = ''" type="primary" >重置</el-button></div>
-        <div style="padding: 0px 5px;"><el-button type="primary" @click="exportFile()" icon="el-icon-search" size="small" round>导出</el-button></div>
-        <div style="padding: 0px 5px;"><el-button type="primary" @click="exportStudentOfTearcher()" icon="el-icon-search" size="small" round>导出学员信息</el-button></div>
-      </div>
-      <div class="Export">
-        <!-- <div style="padding-left: 10px;"><el-button type="primary" @click="exportFile()" icon="el-icon-search" size="small" round>导出</el-button></div> -->
-        <!-- <div style="padding: 0px 5px;"><el-button icon="el-icon-refresh-right" type="primary" size="small" round>导出学员信息</el-button></div> -->
-      </div>
-      <div style="margin-top:20px;">
-        <el-table :data="pageData" border stripe>
-            <el-table-column
-            label="课程时间"
-            prop="courseTime"
-            width="200px">
-            </el-table-column>
-            <el-table-column
-            label="课程名称"
-            prop="courseName"
-            width="200px">
-            </el-table-column>
-            <el-table-column
-            label="开课场地"
-            prop="address"
-            width="240px">
-            </el-table-column>
-            <el-table-column
-            label="所属课程"
-            prop="parentCourse"
-            width="120px">
-            </el-table-column>
-            <el-table-column
-            label="所属项目"
-            prop="parentProject"
-            ></el-table-column>
-            <el-table-column
-            label="所属路径"
-            prop="parentRoute"
-            width="200px"
-            ></el-table-column>
-            <el-table-column
-            label="学习总人数"
-            prop="studentNumber"
-            width="100px"
-            ></el-table-column>
-            <el-table-column
-            label="时长(分钟)"
-            width="100px"
-            prop="period"
-            ></el-table-column>
-            <el-table-column
-            label="评分"
-            width="100px"
-            prop="score"
-             ></el-table-column>
-            <el-table-column
-            label="操作"
-            align="center"
-            width="150px"
-            prop="cz"
-            fixed="right"
-             >
-             <template v-slot="scope">
-              <el-button type="text" @click="exportStudentOfCourse(scope.row.courseId)" size="small">导出学员信息</el-button>
-            </template>
-          </el-table-column>
-        </el-table>
-      </div>
+     <div><el-input v-model="keyword" placeholder="输入课程名称搜索" clearable></el-input></div>
+     <div style="padding-left: 10px;"><el-button @click="recordList()" type="primary" icon="el-icon-search">搜索</el-button></div>
+     <div style="padding: 0px 5px;"><el-button icon="el-icon-refresh-right" @click="keyword = ''" type="primary" >重置</el-button></div>
+     <div style="padding: 0px 5px;"><el-button type="primary" @click="exportFile()" icon="el-icon-search" size="small" round>导出</el-button></div>
+     <div style="padding: 0px 5px;"><el-button type="primary" @click="exportStudentOfTearcher()" icon="el-icon-search" size="small" round>导出学员信息</el-button></div>
+   </div>
+   <div class="Export">
+     <!-- <div style="padding-left: 10px;"><el-button type="primary" @click="exportFile()" icon="el-icon-search" size="small" round>导出</el-button></div> -->
+     <!-- <div style="padding: 0px 5px;"><el-button icon="el-icon-refresh-right" type="primary" size="small" round>导出学员信息</el-button></div> -->
+   </div>
+   <div style="margin-top:20px;">
+     <el-table :data="pageData" border stripe>
+         <el-table-column
+         label="课程时间"
+         prop="courseTime"
+         width="200px">
+         </el-table-column>
+         <el-table-column
+         label="课程名称"
+         prop="courseName"
+         width="200px">
+         </el-table-column>
+         <el-table-column
+         label="开课场地"
+         prop="address"
+         width="240px">
+         </el-table-column>
+         <el-table-column
+         label="所属课程"
+         prop="parentCourse"
+         width="120px">
+         </el-table-column>
+         <el-table-column
+         label="所属项目"
+         prop="parentProject"
+         ></el-table-column>
+         <el-table-column
+         label="所属路径"
+         prop="parentRoute"
+         width="200px"
+         ></el-table-column>
+         <el-table-column
+         label="学习总人数"
+         prop="studentNumber"
+         width="100px"
+         ></el-table-column>
+         <el-table-column
+         label="时长(分钟)"
+         width="100px"
+         prop="period"
+         ></el-table-column>
+         <el-table-column
+         label="评分"
+         width="100px"
+         prop="score"
+          ></el-table-column>
+         <el-table-column
+         label="操作"
+         align="center"
+         width="150px"
+         prop="cz"
+         fixed="right"
+          >
+          <template v-slot="scope">
+           <el-button type="text" @click="exportStudentOfCourse(scope.row.courseId)" size="small">导出学员信息</el-button>
+         </template>
+       </el-table-column>
+     </el-table>
+   </div>
 
-    <div style="text-align: center; margin-top:57px">
-     <el-pagination
-      background
-        @size-change="handleSizeChange"
-        @current-change="handleCurrentChange"
-        :current-page="pageInfo.page"
-        :page-sizes="[10, 20, 30, 40]"
-        :page-size="pageInfo.pageSize"
-        layout="total, sizes, prev, pager, next, jumper"
-        :total="pageInfo.total"
-      ></el-pagination>
-      </div>
+ <div style="text-align: center; margin-top:57px">
+  <el-pagination
+   background
+     @size-change="handleSizeChange"
+     @current-change="handleCurrentChange"
+     :current-page="pageInfo.page"
+     :page-sizes="[10, 20, 30, 40]"
+     :page-size="pageInfo.pageSize"
+     layout="total, sizes, prev, pager, next, jumper"
+     :total="pageInfo.total"
+   ></el-pagination>
+   </div>
 
-    </div>
+ </div>
 </template>
 
 <script>
 import apiCourse from '../../api/boe/courseRecord.js';
 import { mapGetters } from 'vuex';
 export default {
-  data(){
-    return {
-        pageData:[],
-        keyword:'',
-        pageInfo:{},
-    }
-  },
+data(){
+ return {
+     pageData:[],
+     keyword:'',
+     pageInfo:{},
+ }
+},
 
-  mounted() {
-    this.recordList(1);
+mounted() {
+ this.recordList(1);
 
-  },
-  computed: {
-    ...mapGetters(['userInfo'])
-  },
+},
+computed: {
+ ...mapGetters(['userInfo'])
+},
 
-  methods: {
+methods: {
 
-      // 导出所有记录
-      exportFile(){
-        let req = {
-          userId: this.userInfo.sysId
-          // userId:"70F80F4E-34BA-10AB-894A-8FA812B19637"
-        }
-        apiCourse.courseRecordExport(req).then(res=>{
-            const link = document.createElement('a');// 创建a标签
-            let blob = new Blob([res.data],{type: 'application/vnd.ms-excel'}); // 设置文件类型
-            link.style.display = "none";
-            link.href = URL.createObjectURL(blob); // 创建URL
-            link.setAttribute("download", "授课记录.xls");
-            document.body.appendChild(link);
-            link.click();
-            document.body.removeChild(link);
-        })
-      },
+   // 导出所有记录
+   exportFile(){
+     let req = {
+       userId: this.userInfo.sysId
+       // userId:"70F80F4E-34BA-10AB-894A-8FA812B19637"
+     }
+     apiCourse.courseRecordExport(req).then(res=>{
+         const link = document.createElement('a');// 创建a标签
+         let blob = new Blob([res.data],{type: 'application/vnd.ms-excel'}); // 设置文件类型
+         link.style.display = "none";
+         link.href = URL.createObjectURL(blob); // 创建URL
+         link.setAttribute("download", "授课记录.xls");
+         document.body.appendChild(link);
+         link.click();
+         document.body.removeChild(link);
+     })
+   },
 
 
-      // 导出课程下的学员信息
-      exportStudentOfCourse(courseId){
-        let userId = this.userInfo.sysId;
-        apiCourse.exportStudentOfCourse(userId,courseId).then(res=>{
-            const link = document.createElement('a');// 创建a标签
-            let blob = new Blob([res.data],{type: 'application/vnd.ms-excel'}); // 设置文件类型
-            link.style.display = "none";
-            link.href = URL.createObjectURL(blob); // 创建URL
-            link.setAttribute("download", "授课记录.xls");
-            document.body.appendChild(link);
-            link.click();
-            document.body.removeChild(link);
-        })
-      },
+   // 导出课程下的学员信息
+   exportStudentOfCourse(courseId){
+     let userId = this.userInfo.sysId;
+     apiCourse.exportStudentOfCourse(userId,courseId).then(res=>{
+         const link = document.createElement('a');// 创建a标签
+         let blob = new Blob([res.data],{type: 'application/vnd.ms-excel'}); // 设置文件类型
+         link.style.display = "none";
+         link.href = URL.createObjectURL(blob); // 创建URL
+         link.setAttribute("download", "授课记录.xls");
+         document.body.appendChild(link);
+         link.click();
+         document.body.removeChild(link);
+     })
+   },
 
-      // 导出教师下的所有授课记录下的学员信息
-      exportStudentOfTearcher(){
-        let userId = this.userInfo.sysId;
-        // let userId = '5D36C207-64F4-C512-312D-C9598257695C';
-        apiCourse.exportStudentOfTearcher(userId).then(res=>{
-            const link = document.createElement('a');// 创建a标签
-            let blob = new Blob([res.data],{type: 'application/vnd.ms-excel'}); // 设置文件类型
-            link.style.display = "none";
-            link.href = URL.createObjectURL(blob); // 创建URL
-            link.setAttribute("download", "授课记录.xls");
-            document.body.appendChild(link);
-            link.click();
-            document.body.removeChild(link);
-        })
-      },
+   // 导出教师下的所有授课记录下的学员信息
+   exportStudentOfTearcher(){
+     let userId = this.userInfo.sysId;
+     // let userId = '5D36C207-64F4-C512-312D-C9598257695C';
+     apiCourse.exportStudentOfTearcher(userId).then(res=>{
+         const link = document.createElement('a');// 创建a标签
+         let blob = new Blob([res.data],{type: 'application/vnd.ms-excel'}); // 设置文件类型
+         link.style.display = "none";
+         link.href = URL.createObjectURL(blob); // 创建URL
+         link.setAttribute("download", "授课记录.xls");
+         document.body.appendChild(link);
+         link.click();
+         document.body.removeChild(link);
+     })
+   },
 
 
-      recordList(pageIndex){
-        let req = {
-        //     userId:"6B049FAF-C314-7CCF-0D28-0D23F4C42531",
-            userId: this.userInfo.sysId,
-            keyword:this.keyword,
-            page:pageIndex,
-            pageSize:10
-        }
-        apiCourse.courseRecordList(req).then(res=>{
-          if(res.status == 200) {
-            this.pageData = res.result.list;
-            this.pageInfo = res.result.pageInfo;
-          } else {
-             this.$message({
-              type: 'error',
-              message: res.message
-            });
-          }
-        })
-      },
+   recordList(pageIndex){
+     let req = {
+     //     userId:"6B049FAF-C314-7CCF-0D28-0D23F4C42531",
+         userId: this.userInfo.sysId,
+         keyword:this.keyword,
+         page:pageIndex,
+         pageSize:10
+     }
+     apiCourse.courseRecordList(req).then(res=>{
+       if(res.status == 200) {
+         this.pageData = res.result.list;
+         this.pageInfo = res.result.pageInfo;
+       } else {
+          this.$message({
+           type: 'error',
+           message: res.message
+         });
+       }
+     })
+   },
 
-      // 每页显示的条数事件
-      handleSizeChange(val){
-        this.pageInfo.pageSize = val;
-        this.recordList(1);
-      },
-      // 显示制定页的数据
-      handleCurrentChange(val){
-        this.pageInfo.pageIndex = val;
-        this.recordList(this.pageInfo.pageIndex);
-      },
+   // 每页显示的条数事件
+   handleSizeChange(val){
+     this.pageInfo.pageSize = val;
+     this.recordList(1);
+   },
+   // 显示制定页的数据
+   handleCurrentChange(val){
+     this.pageInfo.pageIndex = val;
+     this.recordList(this.pageInfo.pageIndex);
+   },
 
-  },
+},
 
 }
 </script>
 
 <style lang="scss" scoped>
 .Export{
-  display: flex;
-  padding-top: 10px;
+display: flex;
+padding-top: 10px;
 }
 </style>
diff --git a/src/views/exam/Test.vue b/src/views/exam/Test.vue
index 05aba755..a6d15b20 100644
--- a/src/views/exam/Test.vue
+++ b/src/views/exam/Test.vue
@@ -16,7 +16,7 @@
                 <li v-if="testPaper.deadlineTime">结束时间:  {{ testPaper.deadlineTime }}</li>
               </ul>
             </div>
-            <div v-if="testPaper.testFront" style="padding: 20px;text-align: center;" v-html="testPaper.testFront">
+            <div v-if="testPaper.testFront && testPaper.testFront != 'null'" style="padding: 20px;text-align: center;" v-html="testPaper.testFront">
               <!--考前说明-->
             </div>
             <div v-if="canExam" class="test-time" style="margin-top:20px" >
diff --git a/src/views/grateful/TeacherOpinion.vue b/src/views/grateful/TeacherOpinion.vue
index 6c728db0..ee57c4e8 100644
--- a/src/views/grateful/TeacherOpinion.vue
+++ b/src/views/grateful/TeacherOpinion.vue
@@ -118,7 +118,7 @@ export default {
   }
 
   &::after {
-    content: '认证讲师库(2023)';
+    content: '认证讲师库';
     position: absolute;
     bottom: 25px;
     left: 180px;
diff --git a/src/views/hotforum/Index.vue b/src/views/hotforum/Index.vue
index 01710737..88c1a1c4 100644
--- a/src/views/hotforum/Index.vue
+++ b/src/views/hotforum/Index.vue
@@ -22,7 +22,7 @@
           {img:'01',url:'1265897142383042560'},
           {img:'02',url:'1265697724606210048'},
           {img:'003',url:'1280185851054231552'},
-          {img:'4',url:''},
+          {img:'04',url:'1321778585966247936'},
         ],
       }
     },
@@ -97,7 +97,7 @@
       padding: 28px;
       padding-top: 62px;
       margin-bottom: 59px;
-      
+
       .img {
         width: 100%; // 图片宽度占满item宽度
         height: auto; // 自动调整高度
@@ -132,7 +132,7 @@
       padding: 14px;
       padding-top: 26px;
       margin-bottom: 30px;
-      
+
       .img {
         width: 100%; // 图片宽度占满item宽度
         height: auto; // 自动调整高度
@@ -176,4 +176,4 @@
   }
 }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/lecturer/CoachingPage.vue b/src/views/lecturer/CoachingPage.vue
index b5754bc4..8bb5cdc0 100644
--- a/src/views/lecturer/CoachingPage.vue
+++ b/src/views/lecturer/CoachingPage.vue
@@ -22,7 +22,7 @@ export default {
   },
   methods:{
     getTeacherList() {
-      addTeacher({pageNo:1,pageSize:100,keyword:''}).then(res=>{
+      addTeacher({pageNo:1,pageSize:20,keyword:''}).then(res=>{
         this.options = res.data.map(item => {
           return { value: item.realName, label: item.realName };
         });
diff --git a/src/views/lecturer/CoachingSuccess.vue b/src/views/lecturer/CoachingSuccess.vue
index 533de371..682037cc 100644
--- a/src/views/lecturer/CoachingSuccess.vue
+++ b/src/views/lecturer/CoachingSuccess.vue
@@ -64,7 +64,7 @@ export default {
       })
     },
     addTeacher() {
-      addTeacher({pageNo: 1, pageSize: 10, keyword: this.form.teacherNo}).then(res => {
+      addTeacher({pageNo: 1, pageSize: 10, userNo: this.form.teacherNo}).then(res => {
         this.getProgress(res.data[0].id)
       })
     },
diff --git a/src/views/lecturer/FinalSuccess.vue b/src/views/lecturer/FinalSuccess.vue
index ed958a6c..7988e0a2 100644
--- a/src/views/lecturer/FinalSuccess.vue
+++ b/src/views/lecturer/FinalSuccess.vue
@@ -100,7 +100,7 @@ export default {
       })
     },
     addTeacher() {
-      addTeacher({pageNo: 1, pageSize: 10, keyword: this.form.teacherNo}).then(res => {
+      addTeacher({pageNo: 1, pageSize: 10, userNo: this.form.teacherNo}).then(res => {
         this.getProgress(res.data[0].id)
       })
     },
diff --git a/src/views/lecturer/OnlineLearning.vue b/src/views/lecturer/OnlineLearning.vue
index 6a2a66bb..eeb9bc5a 100644
--- a/src/views/lecturer/OnlineLearning.vue
+++ b/src/views/lecturer/OnlineLearning.vue
@@ -56,7 +56,7 @@ export default {
       })
     },
     addTeacher(){
-      addTeacher({pageNo:1,pageSize:10,keyword:this.form.teacherNo}).then(res=>{
+      addTeacher({pageNo:1,pageSize:10,userNo:this.form.teacherNo}).then(res=>{
         this.getProgress(res.data[0].id)
       })
     },
@@ -64,16 +64,17 @@ export default {
       getProgress({teacherId:id}).then(res=>{
         this.progressData=res.data
         if ( res.data.length>=1 ){
-          res.data.forEach((item,index)=>{
-            if (item.progress==100 && index==res.data.length-1){
-              this.disabled=false
-            }else if (item.progress==100) {
-            }else {
-              this.disabled=true
-              return
+          const isAll = true;
+          res.data.some(item => {
+            if (item.progress != 100) {
+              this.disabled = true;
+              isAll = false;
+              return true;
             }
-          })
-
+          });
+          if (isAll) {
+            this.disabled = false;
+          }
         }
       })
     },
diff --git a/src/views/lecturer/TwoAthentication.vue b/src/views/lecturer/TwoAthentication.vue
index 236960d4..be9f3140 100644
--- a/src/views/lecturer/TwoAthentication.vue
+++ b/src/views/lecturer/TwoAthentication.vue
@@ -87,7 +87,7 @@ export default {
       })
     },
     addTeacher(){
-      addTeacher({pageNo:1,pageSize:10,keyword:this.form.teacherNo}).then(res=>{
+      addTeacher({pageNo:1,pageSize:10,userNo:this.form.teacherNo}).then(res=>{
         this.getProgress(res.data[0].id)
       })
     },
diff --git a/src/views/lecturer/TwoCoaching.vue b/src/views/lecturer/TwoCoaching.vue
index c9383a0a..126c1559 100644
--- a/src/views/lecturer/TwoCoaching.vue
+++ b/src/views/lecturer/TwoCoaching.vue
@@ -25,7 +25,7 @@ export default {
   },
   methods:{
     getTeacherList() {
-      addTeacher({pageNo:1,pageSize:100,keyword:''}).then(res=>{
+      addTeacher({pageNo:1,pageSize:20,keyword:''}).then(res=>{
         this.options = res.data.map(item => {
           return { value: item.realName, label: item.realName };
         });
diff --git a/src/views/lecturer/TwoCos.vue b/src/views/lecturer/TwoCos.vue
index 26222577..f3a2e630 100644
--- a/src/views/lecturer/TwoCos.vue
+++ b/src/views/lecturer/TwoCos.vue
@@ -90,7 +90,7 @@ export default {
       })
     },
     addTeacher(){
-      addTeacher({pageNo:1,pageSize:10,keyword:this.form.teacherNo}).then(res=>{
+      addTeacher({pageNo:1,pageSize:10,userNo:this.form.teacherNo}).then(res=>{
         this.getProgress(res.data[0].id)
       })
     },
diff --git a/src/views/lecturer/TwoFinals.vue b/src/views/lecturer/TwoFinals.vue
index 7558ef9a..6bdd0b60 100644
--- a/src/views/lecturer/TwoFinals.vue
+++ b/src/views/lecturer/TwoFinals.vue
@@ -95,7 +95,7 @@ export default {
       })
     },
     addTeacher(){
-      addTeacher({pageNo:1,pageSize:10,keyword:this.form.teacherNo}).then(res=>{
+      addTeacher({pageNo:1,pageSize:10,userNo:this.form.teacherNo}).then(res=>{
         this.getProgress(res.data[0].id)
       })
     },
diff --git a/src/views/portal/case/Charts.vue b/src/views/portal/case/Charts.vue
new file mode 100644
index 00000000..f55d3df3
--- /dev/null
+++ b/src/views/portal/case/Charts.vue
@@ -0,0 +1,242 @@
+<template>
+  <div class="charts">
+    <div class="charts_header">
+      <portal-header textColor="#fff"></portal-header>
+      <div class="text">
+        排行榜
+      </div>
+    </div>
+    <div class="charts_content">
+      <div class="charts_item" :style="{justifyContent:recommendRank.length>0?'':'center'}">
+          <div :style="{width:recommendRank.length>0?'':'600px',marginRight:recommendRank.length>0?'':'45px'}" class="charts_item_box charts_bg1">
+            <div class="charts_text">
+              <div class="text">好评榜</div>
+              <el-dropdown trigger="click"  @command="positiveReview">
+                <span class="el-dropdown-link">
+                  {{favorableName}}<i class="el-icon-arrow-down el-icon--right"></i>
+                </span>
+                <el-dropdown-menu slot="dropdown">
+                  <el-dropdown-item command="total">总</el-dropdown-item>
+                  <el-dropdown-item command="quarter">季度</el-dropdown-item>
+                </el-dropdown-menu>
+              </el-dropdown>
+            </div>
+            <ul class="charts_list">
+              <li v-for="(item, index) in Positive" :key="index" class="list">
+                <router-link style="display: flex;align-items: center;" :to="'/case/detail?id=' + item.caseId">
+                  <img class="num" :src="require(
+                    `../../../../public/images/${imgNumBlue(index)}.png`
+                  )" alt="">
+                  <span class="text">{{ item.caseTitle }}</span>
+                </router-link>
+              </li>
+            </ul>
+          </div>
+          <div :style="{width:recommendRank.length>0?'':'600px'}" class="charts_item_box charts_bg2">
+            <div class="charts_text">
+              <div class="text">人气榜</div>
+              <el-dropdown trigger="click"  @command="popularityReview">
+                <span class="el-dropdown-link">
+                  {{popularityName}}<i class="el-icon-arrow-down el-icon--right"></i>
+                </span>
+                <el-dropdown-menu slot="dropdown">
+                  <el-dropdown-item command="total">总</el-dropdown-item>
+                  <el-dropdown-item command="quarter">季度</el-dropdown-item>
+                </el-dropdown-menu>
+              </el-dropdown>
+            </div>
+            <ul class="charts_list">
+              <li v-for="(item, index) in Popularity" :key="index" class="list">
+                <router-link style="display: flex;align-items: center;" :to="'/case/detail?id=' + item.caseId">
+                  <img class="num" :src="require(
+                    `../../../../public/images/${imgNumOrg(index)}.png`
+                  )" alt="">
+                  <span class="text">{{ item.caseTitle }}</span>
+                </router-link>
+              </li>
+            </ul>
+          </div>
+          <div v-if="recommendRank.length > 0" class="charts_item_box charts_bg3">
+            <div class="charts_text">
+              <div class="text">推荐榜</div>
+            </div>
+            <ul class="charts_list">
+              <li v-for="(item, index) in recommendRank" :key="index" class="list">
+                <router-link style="display: flex;align-items: center;" :to="'/case/detail?id=' + item.caseId">
+                  <img class="num" :src="require(
+                    `../../../../public/images/${imgNumPink(index)}.png`
+                  )" alt="">
+                  <span class="text">{{ item.caseTitle }}</span>
+                </router-link>
+              </li>
+            </ul>
+          </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import apiCase from "@/api/modules/cases.js";
+import portalHeader from '@/components/PortalHeader.vue'
+  export default {
+    name: 'charts',
+    components:{portalHeader},
+    data() {
+      return {
+        ankingList: [],//排行数据1
+        Popularity: [],//排行数据2
+        Positive: [],//排行数据3
+        recommendRank: [],
+        switch: {
+          'total': '总',
+          'quarter': '季度',
+        },
+        favorableName: '季度',
+        popularityName: '季度',
+      }
+    },
+    mounted() {
+      this.getPopularity();
+      this.getPositive();
+      this.getQueryRecommendRank()
+    },
+    methods: {
+      getPopularity() {
+        apiCase.queryPraisesNew(10,this.popularityName == '季度' ? 1 : 2).then(res => {
+          if(res.status == 200) {
+            this.Popularity = res.result
+          }
+        })
+      },
+      getPositive() {
+        apiCase.queryCommentsNew(10,this.favorableName == '季度' ? 3 : 4).then(res => {
+          if(res.status == 200) {
+            this.Positive = res.result
+          }
+        })
+      },
+      getQueryRecommendRank(){
+        apiCase.queryRecommendRank(10).then(res => {
+          if(res.status == 200) {
+            this.recommendRank = res.result
+          }
+        })
+      },
+      imgNumBlue(index){
+        return 'listblue0' + (index+1)
+      },
+      imgNumOrg(index){
+        return (
+          index>2?'listblue0' + (index+1):'list0'+(index+1)
+        )
+      },
+      imgNumPink(index){
+        return (
+          index>2?'listblue0' + (index+1):'listred0'+(index+1)
+        )
+      },
+      positiveReview(e){
+        this.favorableName = this.switch[e]
+        this.getPositive()
+      },
+      popularityReview(e){
+        this.popularityName = this.switch[e]
+        this.getPopularity()
+      },
+    },
+  }
+</script>
+
+<style lang="scss" scoped>
+.el-dropdown-link {
+  cursor: pointer;
+  font-weight: 400;
+  font-size: 14px;
+  color: rgba(51,51,51,0.9);
+}
+.el-icon--right{
+  margin-left: 13px !important;
+}
+.charts{
+  min-height: 100vh;
+  background-color: #F2F5F7;
+  .charts_header{
+    width: 100%;
+    // height: 240px;
+    background: url('../../../../public/images/headerBack.png') no-repeat;
+    background-size: 100% 100%;
+    padding-bottom: 37px;
+    .text{
+      margin-top: 41px;
+      font-weight: 400;
+      font-size: 340%;
+      color: #FFFFFF;
+      padding-left: 98px;
+    }
+  }
+  .charts_content{
+    padding: 52px 91px 58px;
+    .charts_item{
+      display: flex;
+      justify-content: space-between;
+      .charts_item_box{
+        width: 30%;
+        padding: 30px;
+        background-color: #fff;
+        width: 30%;
+        min-height: 716px;
+        margin-right: 30px;
+        .charts_text{
+          display: flex;
+          justify-content: space-between;
+          height: 40px;
+          align-items: center;
+          .text{
+            font-size: 24px;
+            color: #000000;
+          }
+        }
+        .charts_list{
+          .list{
+            cursor: pointer;
+            margin-top:30px;
+            line-height: 22px;
+            .num{
+              width: 25px;
+              height: 30px;
+              margin-right: 10px;
+            }
+            .text{
+              font-weight: 500;
+              font-size: 14px;
+              color: #677D86;
+              overflow: hidden;
+              text-overflow: ellipsis;
+              white-space: nowrap;
+            }
+          }
+        }
+      }
+      .charts_bg1{
+        // width: 100%;
+        height: 100%;
+        background: url('../../../../public/images/qa-box.png') no-repeat;
+        background-size: 100% 100%;
+      }
+      .charts_bg2{
+        // width: 100%;
+        height: 100%;
+        background: url('../../../../public/images/list-or.png') no-repeat;
+        background-size: 100% 100%;
+      }
+      .charts_bg3{
+        // width: 100%;
+        height: 100%;
+        background: url('../../../../public/images/list-pink.png') no-repeat;
+        background-size: 100% 100%;
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/portal/case/Detail.vue b/src/views/portal/case/Detail.vue
index bf733d64..5ffe6e31 100644
--- a/src/views/portal/case/Detail.vue
+++ b/src/views/portal/case/Detail.vue
@@ -109,13 +109,28 @@
           </div>
         </div>
         <div class="xcontent2-minor" :style="{ display: zoomShow ? '' : 'none' }">
-          <div>
-            <div id="fixd-box">
-              <div class="portal-ranking ranking-bg">
-                <p class="ranking-title">好评榜</p>
+          <div id="fixd-box">
+            <router-link class="the_charts" to="/case/charts">
+              <div class="text">排行榜</div>
+              <div class="icon">></div>
+            </router-link>
+            <div>
+              <div class="portal-ranking ranking-bg" style="padding: 20px 15px;max-height: 222px;">
+                <div style="display: flex;justify-content: space-between;">
+                  <p class="ranking-title">好评榜</p>
+                  <el-dropdown trigger="click"  @command="positiveReview">
+                    <span class="el-dropdown-link">
+                      {{favorableName}}<i class="el-icon-arrow-down el-icon--right"></i>
+                    </span>
+                    <el-dropdown-menu slot="dropdown">
+                      <el-dropdown-item command="total">总</el-dropdown-item>
+                      <el-dropdown-item command="quarter">季度</el-dropdown-item>
+                    </el-dropdown-menu>
+                  </el-dropdown>
+                </div>
                 <ul class="ranking-data">
                   <li v-for="(item, index) in Positive" :key="index" class="title-line-ellipsis"
-                    style="cursor: pointer;margin-top:30px;line-height: 22px;" @click="jumpRouter(item)">
+                    style="cursor: pointer;margin-top:15px;line-height: 22px;" @click="jumpRouter(item)">
                     <span class="portal-right-text blue-one" v-if="index == 0">
                       <img :src="`${webBaseUrl}/images/listblue01.png`" alt="">
                     </span>
@@ -131,15 +146,26 @@
                     <span class="portal-right-text" v-if="index == 4">
                       <img :src="`${webBaseUrl}/images/list05.png`" alt="">
                     </span>
-                    <span class="portal-title-desc" style="font-size: 14px;">{{ item.title }}</span>
+                    <span class="portal-title-desc" style="font-size: 14px;">{{ item.caseTitle }}</span>
                   </li>
                 </ul>
               </div>
-              <div style="margin-top:26px" class="portal-ranking ranking-bg1">
-                <p class="ranking-title">人气榜</p>
+              <div style="padding: 20px 15px;max-height: 222px;margin-top: 20px;" class="portal-ranking ranking-bg1">
+                <div style="display: flex;justify-content: space-between;">
+                  <p class="ranking-title">人气榜</p>
+                  <el-dropdown trigger="click"  @command="popularityReview">
+                    <span class="el-dropdown-link">
+                      {{popularityName}}<i class="el-icon-arrow-down el-icon--right"></i>
+                    </span>
+                    <el-dropdown-menu slot="dropdown">
+                      <el-dropdown-item command="total">总</el-dropdown-item>
+                      <el-dropdown-item command="quarter">季度</el-dropdown-item>
+                    </el-dropdown-menu>
+                  </el-dropdown>
+                </div>
                 <ul class="ranking-data">
                   <li v-for="(item, index) in Popularity" :key="index" class="title-line-ellipsis"
-                    style="cursor: pointer;margin-top:30px;line-height: 22px;" @click="jumpRouter(item)">
+                    style="cursor: pointer;margin-top:15px;line-height: 22px;" @click="jumpRouter(item)">
                     <span class="portal-right-text orange-one" v-if="index == 0">
                       <img :src="`${webBaseUrl}/images/list-01.png`" alt="">
                     </span>
@@ -155,7 +181,27 @@
                     <span class="portal-right-text" v-if="index == 4">
                       <img :src="`${webBaseUrl}/images/list05.png`" alt="">
                     </span>
-                    <span class="portal-title-desc" style="font-size: 14px;">{{ item.title }}</span>
+                    <span class="portal-title-desc" style="font-size: 14px;">{{ item.caseTitle }}</span>
+                  </li>
+                </ul>
+              </div>
+              <div v-if="recommendRank.length > 0" class="portal-ranking ranking-bg2" style="padding: 20px 15px;max-height: 222px;margin-top: 20px;">
+                <p class="ranking-title">推荐榜</p>
+                <ul class="ranking-data">
+                  <li v-for="(item, index) in recommendRank" :key="index" class="title-line-ellipsis"
+                    style="cursor: pointer;margin-top:15px;line-height: 22px;">
+                    <router-link :to="'/case/detail?id=' + item.caseId">
+                      <span class="portal-right-text blue-one" v-if="index == 0">
+                        <img :src="`${webBaseUrl}/images/listred01 .png`" alt="">
+                      </span>
+                      <span class="portal-right-text blue-tow" v-if="index == 1">
+                        <img :src="`${webBaseUrl}/images/listred02.png`" alt="">
+                      </span>
+                      <span class="portal-right-text blue-three" v-if="index == 2">
+                        <img :src="`${webBaseUrl}/images/listred03.png`" alt="">
+                      </span>
+                      <span class="portal-title-desc" style="font-size: 14px;">{{ item.caseTitle }}</span>
+                    </router-link>
                   </li>
                 </ul>
               </div>
@@ -199,6 +245,12 @@ export default {
   },
   data() {
     return {
+      switch: {
+        'total': '总',
+        'quarter': '季度',
+      },
+      favorableName: '季度',
+      popularityName: '季度',
       fileBaseUrl: process.env.VUE_APP_FILE_BASE_URL,
       resonimg: {},
       Internet: 3,//1是成功 2是是失败 3是检测中
@@ -210,6 +262,7 @@ export default {
       ankingList: [],
       Popularity: [],
       Positive: [],
+      recommendRank: [],
       resolveId: '',
       basePath: process.env.VUE_APP_FILE_BASE_URL,
       pdfPath: '',
@@ -271,6 +324,14 @@ export default {
     this.cumulativeDuration = 0;
   },
   methods: {
+    positiveReview(e){
+      this.favorableName = this.switch[e]
+      this.getPositive()
+    },
+    popularityReview(e){
+      this.popularityName = this.switch[e]
+      this.getPopularity()
+    },
     endTimeRequst(caseId, recordEndTime) {
       console.log(this.dataTime);
       let time = (recordEndTime - this.dataTime) / 1000 / 60
@@ -297,6 +358,7 @@ export default {
       this.getAnkingData();
       this.getPopularity();
       this.getPositive();
+      this.getQueryRecommendRank();
       this.couresreso();
       this.retest();
       window.addEventListener(
@@ -329,7 +391,7 @@ export default {
         timedOut = true;
         xmlhttp.abort();
       }, 5000);
-      xmlhttp.open("HEAD", window.location.protocol + "//uapi.boe.com.cn", true);
+      xmlhttp.open("HEAD", window.location.protocol + "//uapi.boe.com.cn/500.html", true);
       xmlhttp.send();
       xmlhttp.onreadystatechange = function () {
         if (xmlhttp.readyState == 4) {
@@ -442,13 +504,13 @@ export default {
       // location.href =`${this.webBaseUrl}/case/detail?id=${item.id}`
       // this.$router.push(`/case/detail?id=${item.id}`);
       const currentRoute = this.$router.currentRoute;
-      if (currentRoute.query.id !== item.id) {
-        this.$router.push('/case/detail?id=' + item.id);
+      if (currentRoute.query.id !== item.caseId) {
+        this.$router.push('/case/detail?id=' + item.caseId);
       } else {
         // 结束时间
         let recordEndTime = new Date().getTime()
         this.endTimeRequst(item.id, recordEndTime)
-        location.href = `${this.webBaseUrl}/case/detail?id=${item.id}`
+        location.href = `${this.webBaseUrl}/case/detail?id=${item.caseId}`
       }
     },
     goTop() {
@@ -489,9 +551,9 @@ export default {
       if (pdfTopBox.getBoundingClientRect().top < 1000) {
         document.querySelector('#pdfTopBox').style.cssText = "position:static";
       }
-      if (scrollTop > 630) {
+      if (scrollTop > 240) {
         this.isTopBoxShow = true;
-        document.querySelector('#fixd-box').style.cssText = "position: fixed;top: -400px;width:" + outerWidth + "px";
+        document.querySelector('#fixd-box').style.cssText = "position: fixed;top: 10px;width:" + outerWidth + "px";
       } else {
         document.querySelector('#fixd-box').style.cssText = "position: static";
       }
@@ -505,40 +567,53 @@ export default {
       })
     },
     getPopularity() {
-      apiCase.queryPraises(5).then(res => {
-        if (res.status == 200) {
-          this.Popularity = res.result;
-          if (res.result.length < 5) {
-            for (let i = 0; i = (5 - res.result.length); i++) {
-              this.Popularity.push({
-                authorName: '',
-                count: 1,
-                id: '',
-                title: '',
-              })
-            }
-          }
+      // apiCase.queryPraises(5).then(res => {
+      //   if (res.status == 200) {
+      //     this.Popularity = res.result;
+      //     if (res.result.length < 5) {
+      //       for (let i = 0; i = (5 - res.result.length); i++) {
+      //         this.Popularity.push({
+      //           authorName: '',
+      //           count: 1,
+      //           id: '',
+      //           title: '',
+      //         })
+      //       }
+      //     }
+      //   }
+      // })
+      apiCase.queryPraisesNew(3,this.popularityName == '季度' ? 1 : 2).then(res => {
+        if(res.status == 200) {
+          this.Popularity = res.result
+        }
+      })
+    },
+    getQueryRecommendRank(){
+      apiCase.queryRecommendRank(3).then(res => {
+        if(res.status == 200) {
+          this.recommendRank = res.result
         }
       })
     },
     getPositive() {
-      apiCase.queryComments(5).then(res => {
-        if (res.status == 200) {
-          this.Positive = res.result;
-          if (res.result.length < 5) {
-            for (let i = 0; i = (5 - res.result.length); i++) {
-              this.Positive.push({
-                authorName: '',
-                count: 1,
-                id: '',
-                title: '',
-              })
-            }
-
-          }
-          // console.log(this.Positive);
-
-
+      // apiCase.queryComments(5).then(res => {
+      //   if (res.status == 200) {
+      //     this.Positive = res.result;
+      //     if (res.result.length < 5) {
+      //       for (let i = 0; i = (5 - res.result.length); i++) {
+      //         this.Positive.push({
+      //           authorName: '',
+      //           count: 1,
+      //           id: '',
+      //           title: '',
+      //         })
+      //       }
+      //     }
+      //   }
+      // })
+      apiCase.queryCommentsNew(3,this.favorableName == '季度' ? 3 : 4).then(res => {
+        if(res.status == 200) {
+          this.Positive = res.result
         }
       })
     },
@@ -659,7 +734,32 @@ export default {
     border-radius: 8px;
   }
 }
+.the_charts{
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-bottom: 10px;
+  font-size: 18px;
+  max-width: 400px;
+  min-width: 260px;
+  height: 47px;
+  background: #DDEDFF;
+  border-radius: 8px;
+  .text{
+    font-size: 18px;
+    color: #387DF7;
+  }
+  .icon{
+    position: absolute;
+    font-size: 18px;
+    color: #387DF7;
+    right: 25px;
+    top: 50%;
+    transform: translateY(-50%);
+  }
 
+}
 .pdftext {
 
   // padding: 0 20px;
diff --git a/src/views/portal/case/Excellent.vue b/src/views/portal/case/Excellent.vue
new file mode 100644
index 00000000..efbf4c81
--- /dev/null
+++ b/src/views/portal/case/Excellent.vue
@@ -0,0 +1,666 @@
+<template>
+  <div class="excellent">
+    <div class="charts_header">
+      <portal-header textColor="#fff"></portal-header>
+      <div class="text">
+        浏览TOP榜单
+      </div>
+    </div>
+    <div class="ex_content">
+      <div class="ex_top">
+        <div class="ex_select">
+          <div class="ex_left">
+            <div style="margin-right: 12px;">
+              <el-select v-model="majorValue" @change="majorChange" placeholder="请选择专业">
+                <el-option
+                  v-for="item in speciDataNew"
+                  :key="item.name"
+                  :label="item.name"
+                  :value="item.code">
+                </el-option>
+              </el-select>
+            </div>
+            <div>
+              <el-select v-model="monthValue" @change="monthChange" placeholder="请选择月份">
+                <el-option
+                  v-for="item in optionsMonth"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value">
+                </el-option>
+              </el-select>
+            </div>
+          </div>
+          <div class="ex_right" @click="goCase">返回</div>
+        </div>
+      </div>
+      <div v-if="caseList.list.length != 0" class="data-content">
+        <div v-for="item in caseList.list" :key="item.id" class="case-list">
+          <div class="case-info" style="padding-bottom: 28px;">
+            <div class="case-info-cont">
+              <div @click="toCaseDetail(item.id, item.refId)" style="cursor: pointer;">
+                <div class="case-info-title">
+                  <div class="case-titdiv">
+                    <div class="case-tittext">
+                      <span class="title-line-ellipsis" v-html="item.title"></span>
+                    </div>
+                    <div class="case-activeText">
+                      <!-- <span v-if="item.breCommend" class="comWords"
+                        style="background-color:rgba(232, 139, 72);">荐</span>
+                      <span v-if="item.excellent" class="comWords" style="background-color:red;">最佳</span> -->
+                      <span v-if="item.excellentTag" class="comWords" style="width: 98px;height: 24px;background: #F99000;border-radius: 2px;font-weight: 400;font-size: 12px;color: #FFFFFF;padding: 4px 10px;">
+                        {{item.excellentTag}}
+                      </span>
+                      <span v-if="item.viewRankTags.length != 0" v-for="tag in item.viewRankTags" class="comWords" style="width: 98px;height: 24px;background: #F99000;border-radius: 2px;font-weight: 400;font-size: 12px;color: #FFFFFF;padding: 4px 10px;">
+                        {{tag.tagName}}
+                      </span>
+                    </div>
+                    <div class="case-info-date portal-time">
+                      <i class="el-icon-time"></i>
+                      <time-show :time="item.sysCreateTime"></time-show>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div style="height:58px;padding-top:14px ">
+                <author :avatar="item.authorInfo.avatar" :name="item.authorInfo.name" :info="item.authorInfo.orgInfo"
+                  :sex="item.authorInfo.sex" :authorTags="item.authorTags" :aid="item.authorInfo.aid">
+                  <template>
+                    <div v-if="item.breCommend"
+                      style="padding-top: 6px;flex: 1;display: flex;justify-content: flex-end;color: #999;font-size: 12px;">
+                      <span>{{ item.recommendOrgName }}推荐</span>
+                    </div>
+                  </template>
+                </author>
+              </div>
+              <div @click="toCaseDetail(item.id, item.refId)" style="cursor: pointer;">
+                <div class="keyword-text clearfix">
+                  <div style="color:#2974D6;font-weight: 450;" v-if="item.orgDomainParent">
+                    {{ orgDomainTranslate(item.orgDomainParent) }}
+                  </div>
+                  <div style="color:#2974D6;font-weight: 450;" v-for="(item, idx) in item.majorType" :key="idx">
+                    {{ majorTypeTranslate(item) }}
+                  </div>
+                  <div v-if="item.keyword1">{{ item.keyword1 }}</div>
+                  <div v-if="item.keyword2">{{ item.keyword2 }}</div>
+                  <div v-if="item.keyword3">{{ item.keyword3 }}</div>
+                  <div v-if="item.keyword4">{{ item.keyword4 }}</div>
+                  <div v-if="item.keyword5">{{ item.keyword5 }}</div>
+                </div>
+              </div>
+              <div class="case-info-summary two-line-ellipsis" @click="toCaseDetail(item.id, item.refId)">
+                {{ item.summary }}
+              </div>
+              <!-- <div style="display: flex;justify-content: flex-end;">
+                <div style="margin:8px 0;">
+                  <interactBar :type="3" :data="item" :comments="false" :shares="true"></interactBar>
+                </div>
+              </div> -->
+            </div>
+          </div>
+        </div>
+        <div v-if="caseList.showPagCount > queryCondition.pageSize">
+          <pagination :size="queryCondition.pageSize" :total="caseList.count" :page="queryCondition.pageIndex"
+            layout="total, prev, pager, next, jumper" @change-page="currentChange"></pagination>
+        </div>
+      </div>
+      <div class="pagination-div" v-if="caseList.list.length == 0">
+        <span class="notcoures">
+          <img :src="`${webBaseUrl}/images/nocase.png`" alt="">
+          <h5>暂无案例，请优先学习其它案例吧～</h5>
+        </span>
+      </div>
+      <div v-if="isSeach" style="height:382px">
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { mapGetters } from "vuex";
+import portalHeader from "@/components/PortalHeader.vue";
+import portalFooter from "@/components/PortalFooter.vue";
+import portalFloatTools from "@/components/PortalFloatTools.vue";
+import interactBar from "@/components/Portal/interactBar.vue";
+import timeShow from "@/components/Portal/datetimeShow.vue";
+import author from "@/components/Portal/authorInfo.vue";
+import apiCase from "@/api/modules/cases.js";
+import apiUser from "@/api/system/user.js";
+import apiSearchterm from "@/api/modules/searchterm.js";
+import { deepClone } from "../../../utils";
+import apiDict from "@/api/modules/dict.js";
+import apiType from "@/api/modules/type.js";
+import { cutFullName } from "@/utils/tools.js";
+import apiPlace from "@/api/phase2/place.js"
+  export default {
+    name: 'excellent',
+    components: {
+      portalHeader,
+      portalFooter,
+      portalFloatTools,
+      interactBar,
+      timeShow,
+      author
+    },
+    data() {
+      return {
+        majorId: '',
+        rankMonth: '',
+        optionsMonth: [],
+        majorValue: '',
+        monthValue: '',
+        caseList: {
+          count: 0,
+          list: [],
+          showPagCount: 0
+        },
+        isSeach: false,
+        domain: [],//组织领域
+        speciData: [],//专业分类
+        speciDataNew: [],
+        monthsObject: {},
+        treeList:[],
+        queryCondition: {
+          pageIndex: 1,
+          pageSize: 10,
+          majorType: '', //专业分类code
+          excellent: true,
+          keyWord: '',
+          orgDomainDtos: [],
+          caseType: process.env.VUE_APP_CASE_TYPE,
+          authorName: '',
+          notInIds: [],
+          type: 'all',
+          userId: '',
+          parent: '',
+          children: [],
+          name: '',
+          years: [],
+          // 随机
+          notInIds: [],//重复的id
+          orderField: "id",
+          orderAsc: false,//排序
+          sysType1:'',
+          sysType2:'',
+          sysType3:''
+        },
+      }
+    },
+    mounted() {
+      this.majorValue = this.$route.query.majorName
+      const dateStr = this.$route.query.riseRankTime;
+      const year = dateStr.substring(2, 4) + '年';
+      const month = dateStr.substring(5, 7) + '月';
+      this.monthValue = year + month;
+      this.getCaseData()
+      Promise.all([apiType.treeList(1,Number(this.caseType ?? 155),1), apiCase.majorTypes(),apiCase.queryAllTimePopularityOfMajor()]).then(rs => {
+        if (rs[0].code == 200) {
+          const {records} = rs[0].data
+          records.forEach(item => {
+            item.fielclass = false;
+            item.type = 'org_domain';
+            item.list = item.children ? item.children : []
+            if (Array.isArray(item.children)) {
+              item.list.forEach(sub => {
+                sub.list = sub.children ? sub.children : []
+                sub.fielclass = false
+                if (Array.isArray(sub.children)) {
+                  sub.list.forEach(three => {
+                    three.list = three.children ? three.children : []
+                    three.fielclass = false
+                  })
+                }
+              })
+            }
+          })
+          this.domain = records;
+        }
+        if (rs[1].status == 200) {
+          rs[1].result.forEach(item => {
+            item.fielclass = false;
+            item.type = 'major_type';
+          })
+          this.speciData = rs[1].result;
+        }
+        if(rs[2].status == 200){
+          const months = Object.keys(rs[2].result)
+          this.monthsObject = rs[2].result
+          months.forEach(item=>{
+            rs[1].result.forEach(sub=>{
+              if(item == sub.code){
+                this.speciDataNew.push(sub)
+              }
+            })
+          })
+        }
+        this.selectMonth(this.$route.query.majorId)
+      });
+      this.loadTypeData();//加载分类
+    },
+    computed: {
+      tagList() { //列表属性，用于计算
+      let list = [];
+      if (this.keyWord) {
+        list.push({ type: '0', code: 'keyword', name: this.keyWord, checked: true })
+      }
+      this.domain.forEach(one => {
+        var twoChildChecked = false;//是否有下级
+        one.list.forEach(two => {
+          if (two.fielclass) {
+            twoChildChecked = true;
+          }
+          var threeChildChecked = false;
+          two.list.forEach(three => {
+            if (three.fielclass) {
+              list.push(three);
+              threeChildChecked = true;
+            }
+          });
+          if (two.fielclass && !threeChildChecked) {
+            list.push(two);
+          }
+        });
+        if (one.fielclass && !twoChildChecked) {
+          list.push(one);
+        }
+      })
+      this.speciData.forEach(item => {
+        if (item.fielclass) {
+          list.push(item);
+        }
+      });
+      this.treeList.forEach(one => {
+        var twoChildChecked = false;//是否有下级
+        one.children && one.children.forEach(two => {
+          if (two.checked) {
+            twoChildChecked = true;
+          }
+          var threeChildChecked = false;
+          two.children  && two.children.forEach(three => {
+            if (three.checked) {
+              list.push(three);
+              threeChildChecked = true;
+            }
+          });
+          if (two.checked && !threeChildChecked) {
+            list.push(two);
+          }
+        });
+        if (one.checked && !twoChildChecked) {
+          list.push(one);
+        }
+      })
+
+      return list;
+    },
+    },
+    methods: {
+      selectMonth(e){
+        this.optionsMonth = this.monthsObject[e].map(item=>{
+          return {
+            value: item,
+            label: item.split('-')[0]+'年'+item.split('-')[1]+'月'
+          }
+        })
+      },
+      majorChange(e){
+        this.selectMonth(e)
+        this.majorId = e
+        this.rankMonth = '20' + this.optionsMonth[0].value + '-' + '20'
+        this.monthValue = this.optionsMonth[0].label
+        this.getCaseData()
+      },
+      monthChange(e){
+        this.rankMonth ='20' + e + '-' + '20'
+        this.getCaseData()
+      },
+      orgDomainTranslate(code) { // 组织领域翻译
+        if (code == '') {
+          return
+        }
+        let name = '';
+        let data = this.domain.find(item => {
+          return item.code == code;
+        });
+        if (data) {
+          name = data.name;
+        }
+        return name;
+      },
+      majorTypeTranslate(code) { // 专业分类翻译
+        let name = '';
+        let data = this.speciData.find(item => item.code == code);
+        if (data) {
+          name = data.name;
+        }
+        return name;
+      },
+      async loadTypeData() {
+        try {
+          const { result, status } = await apiType.tree(1);
+          if (status === 200) {
+            result.forEach(one => {
+              one.checked = false;
+              if(!one.children) one.children = []
+              one.children && one.children.forEach(two => {
+                two.checked = false;
+                if(!two.children) two.children = []
+                two.children && two.children.forEach(three => {
+                  three.checked = false;
+                  if(!three.children) three.children = []
+                })
+              })
+            })
+            this.treeList = result
+          }
+        } catch (error) {
+          // console.log(error);
+        }
+      },
+      goCase() {
+        this.$router.go(-1);
+      },
+      toCaseDetail(id, refId) {
+        if (refId) {
+          apiCase.startReadTimer(refId)
+        }
+        this.$router.push({ path: '/case/detail', query: { id } });
+      },
+      getAllFielclass() { //获取全部选中的标签
+        let newlist = JSON.parse(JSON.stringify(this.domain))
+        return newlist.filter(one => {
+          one.list = one.list.filter(two => {
+            two.list = two.list.filter(three => {
+              return three.fielclass;
+            })
+            return two.fielclass;
+          });
+          return one.fielclass
+        })
+      },
+      currentChange(val) {
+        this.caseList.showPagCount = 0
+        this.queryCondition.pageIndex = val
+        this.getCaseData()
+      },
+      getCaseUserData(caseList) {
+        let ids = caseList.map((item, index) => {
+          return item.authorId;
+        });
+        //不能为空
+        if (!ids.length) return
+
+        const noReapetIds = [...new Set(ids)];
+        apiUser.getByIds(noReapetIds).then(res => {
+          if (res.status == 200) {
+            caseList.forEach((item, index) => {
+              res.result.some(author => {
+                if (author.aid == item.authorId) {
+                  item.authorInfo = author;
+                  author.orgInfo = cutFullName(author.orgInfo, 1);
+                  return true;
+                } else {
+                  return false;
+                }
+              });
+            });
+          } else {
+            this.$message.error(res.message);
+          }
+        });
+      },
+      async getCaseData() {
+        let majorTypeList = [];
+        let allFielclass = JSON.parse(JSON.stringify(this.getAllFielclass()));
+        // 获取树状id
+        this.queryCondition.orgDomainDtos = allFielclass.map(item => {
+          item.list = item.list.map(two => {
+            two.list = two.list.map(three => {
+              return {
+                parent: three.code
+              }
+            })
+            return {
+              parent: two.code,
+              children: two.list || []
+            }
+          })
+          return {
+            parent: item.code,
+            children: item.list || []
+          }
+        })
+        // 专业分类的id
+        this.tagList.forEach(tag => {
+          if (tag.type == '0') {
+            this.queryCondition.keyWord = tag.name;
+          } else if (tag.type == 'major_type') {
+            majorTypeList.push(tag.code);
+          }
+        });
+        this.queryCondition.majorType = majorTypeList.join(',');
+        this.queryCondition.majorId = this.majorId || this.$route.query.majorId
+        this.queryCondition.rankMonth = (this.rankMonth || this.$route.query.riseRankTime) + ' 00:00:00'
+        await apiCase.queryPopularityOfMajor(this.queryCondition).then((res) => {
+          if (res.status == 200) {
+            if (res.result.length > 0) {
+              this.isSeach = false;
+              res.result.forEach(item => {
+                item.majorType = item.majorType ? item.majorType.split(",") : [];
+                item.isAll = false;
+                item.authorInfo = {
+                  aid: "",
+                  name: "",
+                  orgInfo: "",
+                  avatar: "",
+                  sex: null
+                };
+              });
+            }
+            res.result.forEach(item=>{
+              item.viewRankTags = item.viewRankTags.slice(0,2)
+            })
+            this.caseList.list = res.result
+            if(this.caseList.length == 0){
+              this.isSeach = true
+            }else{
+              this.isSeach = false
+            }
+            this.getCaseUserData(res.result);
+            // 给所有的赋值
+            this.caseList.count = res.result.count;
+            this.caseList.showPagCount = res.result.count;
+          } else {
+            this.$message.error(res.message);
+          }
+        }).catch(err => {
+          // console.log(err);
+        });
+      },
+    },
+  }
+</script>
+
+<style lang="scss" scoped>
+.keyword-text {
+
+  div {
+    padding: 0px 8px;
+    margin-top: 5px;
+    float: left;
+    line-height: 24px;
+    font-size: 12px;
+    border-radius: 2px;
+    margin-right: 8px;
+    color: #2C68FF;
+    height: 24px;
+    background: rgba(44, 104, 255, 0.06);
+  }
+}
+.case-titdiv {
+  line-height: 30px;
+  display: flex;
+
+  .case-tittext {
+    font-size: 18px;
+    font-weight: 600;
+    color: #333333;
+    max-width: 67%;
+  }
+
+  .case-activeText {
+    line-height: 27.5px;
+
+    .comWords {
+      color: white;
+      font-size: 12px;
+      border-radius: 2px;
+      padding: 2px 4px;
+      margin-left: 20px;
+    }
+
+  }
+}
+.excellent{
+  background-color: #F2F5F7;
+  min-height: 100vh;
+  .charts_header{
+    width: 100%;
+    // height: 240px;
+    background: url('../../../../public/images/headerBack.png') no-repeat;
+    background-size: 100% 100%;
+    padding-bottom: 37px;
+    .text{
+      margin-top: 41px;
+      font-weight: 400;
+      font-size: 340%;
+      color: #FFFFFF;
+      padding-left: 98px;
+    }
+  }
+
+  .ex_content{
+    padding: 31px 90px 103px;
+    .ex_top{
+      background-color: #F2F5F7;
+      margin-bottom: 15px;
+      .ex_text{
+        font-size: 20px;
+        color: #fff;
+        margin-bottom: 10px;
+      }
+      .ex_select{
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        .ex_left{
+          display: flex;
+        }
+        .ex_right{
+          width: 71px;
+          height: 38px;
+          background: #2478FF;
+          border-radius: 4px;
+          text-align: center;
+          line-height: 38px;
+          cursor: pointer;
+          color: #fff;
+        }
+      }
+    }
+    .data-content {
+      background-color: #fff;
+      padding: 5px 50px;
+
+      ::v-deep .interact-bar-btns {
+        .interact-bar-btn {
+          text-align: right;
+          min-width: 78px !important;
+          margin-right: 0;
+        }
+      }
+
+      .case-list:last-child {
+        border-bottom: none;
+      }
+
+      .case-list {
+        border-bottom: 1px solid rgba(153, 153, 153, .2);
+        margin-top: 10px;
+        margin-bottom: 25px;
+        padding-left: 5px;
+        padding-right: 5px;
+      }
+
+      .case-image {
+        width: 230px;
+        height: 170px;
+        float: left;
+        border: 1px solid #eee;
+      }
+
+      .case-info {
+        .case-info-cont {
+          .case-info-title {
+            font-size: 15px;
+            color: #333;
+            font-weight: 600;
+            height: 30px;
+
+            .case-info-date {
+              flex: 1;
+              text-align: right;
+              font-weight: normal;
+
+              // font-size: 12px;
+              // height: 30px;
+              // font-weight: 200;
+              // color: #8590a6;
+              i {
+                margin-right: 5px;
+              }
+            }
+          }
+
+          .case-info-summary {
+            margin-top: 16px;
+            cursor: pointer;
+            margin-bottom: 5px;
+            word-break: break-all;
+            line-height: 24px;
+            font-size: 14px;
+            color: #333330;
+            font-weight: 400;
+          }
+
+          .case-info-tools {
+            height: 30px;
+
+            .case-info-tools-auth {
+              float: left;
+              font-size: 13px;
+              color: #999999;
+
+              img {
+                margin-right: 10px;
+                width: 30px;
+                border: 1px solid #eee;
+                border-radius: 50%;
+                vertical-align: middle;
+              }
+            }
+
+            .case-info-tools-btns {
+              float: right;
+
+              .case-info-tools-btn {
+                margin: 0 0 0 15px;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/portal/case/Index.vue b/src/views/portal/case/Index.vue
index c80452a5..7a3f91b5 100644
--- a/src/views/portal/case/Index.vue
+++ b/src/views/portal/case/Index.vue
@@ -139,52 +139,94 @@
           <div style="height:30px;background-color:#f6f7fc;"></div>
           <div class="order-div" style="border-bottom:none">
             <span class="quyer-tag">
+              <el-button type="text" class="order-class" @click="searchexcellent('all')"
+                :class="{ actice: queryCondition.type == 'all' }">全部</el-button>
               <el-button type="text" class="order-class" @click="searchexcellent('excellent')"
-                :class="{ actice: queryCondition.type == 'excellent' }">最佳案例</el-button>
+                :class="{ actice: queryCondition.type == 'excellent' }">年度最佳</el-button>
               <el-button type="text" class="order-class" @click="searchexcellent('recommend')"
                 :class="{ actice: queryCondition.type == 'recommend' }">推荐案例</el-button>
-              <el-button type="text" class="order-class" @click="searchexcellent('hot')"
+              <!-- <el-button type="text" class="order-class" @click="searchexcellent('hot')"
                 :class="{ actice: queryCondition.type == 'hot' }">最热</el-button>
               <el-button type="text" class="order-class" @click="searchexcellent('new')"
-                :class="{ actice: queryCondition.type == 'new' }">最新</el-button>
+                :class="{ actice: queryCondition.type == 'new' }">最新</el-button> -->
             </span>
             <div style="flex: 1; display: flex; justify-content: flex-end;align-items: center;">
-              <div style="margin-right: 20px;color: #6E7B84;font-size: 14px;">当前已检索 <span style="color:#387DF7;">
-                  {{ caseList.count }}</span> 条数据</div>
-              <el-select v-model="years" multiple collapse-tags
-                style="margin-left: 20px; width: 147px; border-radius:20px !important;" placeholder="全部年份">
+              <!-- <div style="margin-right: 20px;color: #6E7B84;font-size: 14px;">当前已检索 <span style="color:#387DF7;">
+                  {{ caseList.count }}</span> 条数据</div> -->
+              <div v-if="caseTimeShow" class="pub_time" @click="searchTime">
+                <div class="text">发布时间</div>
+                <div class="triangle">
+                  <div :style="{borderBottomColor:pubTimeNum===2?'#387DF7':'#DCDFE6'}" class="up-triangle"></div>
+                  <div :style="{borderTopColor:pubTimeNum===1?'#387DF7':'#DCDFE6'}" class="down-triangle"></div>
+                </div>
+              </div>
+              <div v-if="caseTimeShow" class="pub_time" @click="searchPageView">
+                <div class="text">浏览量</div>
+                <div class="triangle">
+                  <div :style="{borderBottomColor:pageViewNum===2?'#387DF7':'#DCDFE6'}" class="up-triangle"></div>
+                  <div :style="{borderTopColor:pageViewNum===1?'#387DF7':'#DCDFE6'}" class="down-triangle"></div>
+                </div>
+              </div>
+              <el-select v-if="caseTimeShow" @change="yearsChange" v-model="years" multiple collapse-tags
+                style=" width: 147px; border-radius:20px !important;" placeholder="全部年份">
                 <el-option v-for="item in caseYears" :key="item.value" :label="item.label" :value="item.value">
                 </el-option>
               </el-select>
+              <div :class="queryCondition.type == 'collect' ? 'collect_active': 'collect'" @click="searchexcellent('collect')">
+                <div class="png"></div>
+                <div class="text">收藏案例</div>
+              </div>
+              <div :class="queryCondition.type == 'time' ? 'time_active': 'time'" @click="searchexcellent('time')">
+                <div class="png"></div>
+                <div class="text">浏览记录</div>
+              </div>
+            </div>
+          </div>
+          <div class="back_num" v-if="numIsFalse">
+            <div class="search_div_num">
+              当前已检索 <span style="color:#FF4040 ;">
+                {{ caseList.count }}</span> 条数据
             </div>
           </div>
           <div class="data-content">
-            <div v-for="item in caseList.list" :key="item.id" class="case-list">
+            <div v-for="item in caseList.list" :key="isTimeData?item.browsingHistoryId : item.id" class="case-list">
               <div class="case-info">
                 <div class="case-info-cont">
                   <!-- <router-link :to="'/case/detail?id=' + item.id"> -->
                   <div @click="toCaseDetail(item.id, item.refId)" style="cursor: pointer;">
+                    <div v-if="isTime" class="case_text">
+                      <span style="margin-right:28px">阅读了案例</span>
+                      <span>{{ item.eventTime }}</span>
+                    </div>
                     <div class="case-info-title">
                       <div class="case-titdiv">
                         <div class="case-tittext">
-                          <span class="title-line-ellipsis" v-html="item.title"></span>
+                          <span :style="{maxWidth:item.excellentTag&&item.viewRankTags.length != 0?'400px':item.viewRankTags.length != 0?'500px':''}" class="title-line-ellipsis" :title="item.title">{{ item.title || item.contentInfo }}</span>
                         </div>
                         <div class="case-activeText">
-                          <span v-if="item.breCommend" class="comWords"
+                          <!-- <span v-if="item.breCommend" class="comWords"
                             style="background-color:rgba(232, 139, 72);">荐</span>
-                          <span v-if="item.excellent" class="comWords" style="background-color:red;">最佳</span>
+                          <span v-if="item.excellent" class="comWords" style="background-color:red;">最佳</span> -->
+                          <span @click.stop="()=>{}" v-if="item.excellentTag" class="comWords" style="width: 98px;height: 24px;background: #F99000;border-radius: 2px;font-weight: 400;font-size: 12px;color: #FFFFFF;padding: 4px 10px;cursor: auto;">
+                            {{item.excellentTag}}
+                          </span>
+                          <span @click.stop="toExcellent(tag)" v-if="item.viewRankTags.length != 0" v-for="tag in item.viewRankTags" class="comWords" style="width: 98px;height: 24px;background: #F99000;border-radius: 2px;font-weight: 400;font-size: 12px;color: #FFFFFF;padding: 4px 10px;">
+                            {{tag.tagName}}
+                          </span>
                         </div>
                         <div class="case-info-date portal-time">
                           <i class="el-icon-time"></i>
-                          <time-show :time="item.sysCreateTime"></time-show>
+                          <time-show v-if="item.id" :time="item.sysCreateTime"></time-show>
+                          <span v-else>该案例已被删除</span>
                         </div>
                       </div>
                     </div>
                   </div>
                   <!-- </router-link> -->
-                  <div style="height:58px;padding-top:14px ">
+                  <div v-if="!item.id" style="height:25px;padding-top:14px "></div>
+                  <div v-if="item.id" style="height:58px;padding-top:14px ">
                     <author :avatar="item.authorInfo.avatar" :name="item.authorInfo.name" :info="item.authorInfo.orgInfo"
-                      :sex="item.authorInfo.sex" :aid="item.authorInfo.aid">
+                      :sex="item.authorInfo.sex" :authorTags="item.authorTags" :aid="item.authorInfo.aid">
                       <template>
                         <div v-if="item.breCommend"
                           style="padding-top: 6px;flex: 1;display: flex;justify-content: flex-end;color: #999;font-size: 12px;">
@@ -194,7 +236,7 @@
                     </author>
                   </div>
                   <!-- <router-link :to="'/case/detail?id=' + item.id"> -->
-                  <div @click="toCaseDetail(item.id, item.refId)" style="cursor: pointer;">
+                  <div v-if="item.id" @click="toCaseDetail(item.id, item.refId)" style="cursor: pointer;">
                     <div class="keyword-text clearfix">
                       <div style="color:#2974D6;font-weight: 450;" v-if="item.orgDomainParent">
                         {{ orgDomainTranslate(item.orgDomainParent) }}
@@ -203,15 +245,15 @@
                       <div style="color:#2974D6;font-weight: 450;" v-for="(item, idx) in item.majorType" :key="idx">
                         {{ majorTypeTranslate(item) }}
                       </div>
-                      <div v-if="item.keyword1">{{ item.keyword1 }}</div>
-                      <div v-if="item.keyword2">{{ item.keyword2 }}</div>
-                      <div v-if="item.keyword3">{{ item.keyword3 }}</div>
-                      <div v-if="item.keyword4">{{ item.keyword4 }}</div>
-                      <div v-if="item.keyword5">{{ item.keyword5 }}</div>
+                      <div v-if="item.keyword1 && item.keyword1 != 'null'">{{ item.keyword1 }}</div>
+                      <div v-if="item.keyword2 && item.keyword2 != 'null'">{{ item.keyword2 }}</div>
+                      <div v-if="item.keyword3 && item.keyword3 != 'null'">{{ item.keyword3 }}</div>
+                      <div v-if="item.keyword4 && item.keyword4 != 'null'">{{ item.keyword4 }}</div>
+                      <div v-if="item.keyword5 && item.keyword5 != 'null'">{{ item.keyword5 }}</div>
                     </div>
                   </div>
                   <!-- </router-link> -->
-                  <div class="case-info-summary two-line-ellipsis" @click="toCaseDetail(item.id, item.refId)">
+                  <div v-if="item.id" class="case-info-summary two-line-ellipsis" @click="toCaseDetail(item.id, item.refId)">
                     {{ item.summary }}
                     <!-- <router-link :to="'/case/detail?id='+item.id"> -->
                     <!-- {{displayAll(item)}} -->
@@ -220,9 +262,9 @@
                     <!-- {{item.isAll?'收起':'展开'}} -->
                     <!-- </span> -->
                   </div>
-                  <div style="display: flex;justify-content: flex-end;">
+                  <div v-if="item.id" style="display: flex;justify-content: flex-end;">
                     <div style="margin:8px 0;">
-                      <interactBar :type="3" :data="item" :comments="false" :shares="true"></interactBar>
+                      <interactBar @deleteFavorite="deleteFavorite" :type="3" :data="item" :comments="false" :shares="true"></interactBar>
                     </div>
                   </div>
                 </div>
@@ -251,57 +293,105 @@
       <!-- 打开排行榜 -->
       <div class="xcontent2-minor">
         <div id="fixd-box">
-          <div class="portal-ranking ranking-bg">
-            <p class="ranking-title">好评榜</p>
-            <ul class="ranking-data">
-              <li v-for="(item, index) in Positive" :key="index" class="title-line-ellipsis"
-                style="cursor: pointer;margin-top:30px;line-height: 22px;">
-                <router-link :to="'/case/detail?id=' + item.id">
-                  <span class="portal-right-text blue-one" v-if="index == 0">
-                    <img :src="`${webBaseUrl}/images/listblue01.png`" alt="">
+          <router-link class="the_charts" to="/case/charts">
+            <div class="text">排行榜</div>
+            <div class="icon">></div>
+          </router-link>
+          <div>
+            <div class="portal-ranking ranking-bg" style="padding: 20px 15px;max-height: 222px;">
+              <div style="display: flex;justify-content: space-between;">
+                <p class="ranking-title">好评榜</p>
+                <el-dropdown trigger="click"  @command="positiveReview">
+                  <span class="el-dropdown-link">
+                    {{favorableName}}<i class="el-icon-arrow-down el-icon--right"></i>
                   </span>
-                  <span class="portal-right-text blue-tow" v-if="index == 1">
-                    <img :src="`${webBaseUrl}/images/listblue02.png`" alt="">
+                  <el-dropdown-menu slot="dropdown">
+                    <el-dropdown-item command="total">总</el-dropdown-item>
+                    <el-dropdown-item command="quarter">季度</el-dropdown-item>
+                  </el-dropdown-menu>
+                </el-dropdown>
+              </div>
+              <ul class="ranking-data">
+                <li v-for="(item, index) in Positive" :key="index" class="title-line-ellipsis"
+                  style="cursor: pointer;margin-top:15px;line-height: 22px;">
+                  <router-link :to="'/case/detail?id=' + item.caseId">
+                    <span class="portal-right-text blue-one" v-if="index == 0">
+                      <img :src="`${webBaseUrl}/images/listblue01.png`" alt="">
+                    </span>
+                    <span class="portal-right-text blue-tow" v-if="index == 1">
+                      <img :src="`${webBaseUrl}/images/listblue02.png`" alt="">
+                    </span>
+                    <span class="portal-right-text blue-three" v-if="index == 2">
+                      <img :src="`${webBaseUrl}/images/listblue03.png`" alt="">
+                    </span>
+                    <!-- <span class="portal-right-text" v-if="index == 3">
+                      <img :src="`${webBaseUrl}/images/list04.png`" alt="">
+                    </span>
+                    <span class="portal-right-text" v-if="index == 4">
+                      <img :src="`${webBaseUrl}/images/list05.png`" alt="">
+                    </span> -->
+                    <span class="portal-title-desc" style="font-size: 14px;">{{ item.caseTitle }}</span>
+                  </router-link>
+                </li>
+              </ul>
+            </div>
+            <div class="portal-ranking ranking-bg1" style="padding: 20px 15px;max-height: 222px;margin-top: 20px;">
+              <div style="display: flex;justify-content: space-between;">
+                <p class="ranking-title">人气榜</p>
+                <el-dropdown trigger="click"  @command="popularityReview">
+                  <span class="el-dropdown-link">
+                    {{popularityName}}<i class="el-icon-arrow-down el-icon--right"></i>
                   </span>
-                  <span class="portal-right-text blue-three" v-if="index == 2">
-                    <img :src="`${webBaseUrl}/images/listblue03.png`" alt="">
-                  </span>
-                  <span class="portal-right-text" v-if="index == 3">
-                    <img :src="`${webBaseUrl}/images/list04.png`" alt="">
-                  </span>
-                  <span class="portal-right-text" v-if="index == 4">
-                    <img :src="`${webBaseUrl}/images/list05.png`" alt="">
-                  </span>
-                  <span class="portal-title-desc" style="font-size: 14px;">{{ item.title }}</span>
-                </router-link>
-              </li>
-            </ul>
-          </div>
-          <div class="portal-ranking ranking-bg1" style="margin-top:26px">
-            <p class="ranking-title">人气榜</p>
-            <ul class="ranking-data">
-              <li v-for="(item, index) in Popularity" :key="index" class="title-line-ellipsis"
-                style="cursor: pointer;margin-top:30px;line-height: 22px;">
-                <router-link :to="'/case/detail?id=' + item.id">
-                  <span class="portal-right-text orange-one" v-if="index == 0">
-                    <img :src="`${webBaseUrl}/images/list-01.png`" alt="">
-                  </span>
-                  <span class="portal-right-text orange-tow" v-if="index == 1">
-                    <img :src="`${webBaseUrl}/images/list02.png`" alt="">
-                  </span>
-                  <span class="portal-right-text orange-three" v-if="index == 2">
-                    <img :src="`${webBaseUrl}/images/list03.png`" alt="">
-                  </span>
-                  <span class="portal-right-text" v-if="index == 3">
-                    <img :src="`${webBaseUrl}/images/list04.png`" alt="">
-                  </span>
-                  <span class="portal-right-text" v-if="index == 4">
-                    <img :src="`${webBaseUrl}/images/list05.png`" alt="">
-                  </span>
-                  <span class="portal-title-desc" style="font-size: 14px;">{{ item.title }}</span>
-                </router-link>
-              </li>
-            </ul>
+                  <el-dropdown-menu slot="dropdown">
+                    <el-dropdown-item command="total">总</el-dropdown-item>
+                    <el-dropdown-item command="quarter">季度</el-dropdown-item>
+                  </el-dropdown-menu>
+                </el-dropdown>
+              </div>
+              <ul class="ranking-data">
+                <li v-for="(item, index) in Popularity" :key="index" class="title-line-ellipsis"
+                  style="cursor: pointer;margin-top:15px;line-height: 22px;">
+                  <router-link :to="'/case/detail?id=' + item.caseId">
+                    <span class="portal-right-text orange-one" v-if="index == 0">
+                      <img :src="`${webBaseUrl}/images/list-01.png`" alt="">
+                    </span>
+                    <span class="portal-right-text orange-tow" v-if="index == 1">
+                      <img :src="`${webBaseUrl}/images/list02.png`" alt="">
+                    </span>
+                    <span class="portal-right-text orange-three" v-if="index == 2">
+                      <img :src="`${webBaseUrl}/images/list03.png`" alt="">
+                    </span>
+                    <span class="portal-right-text" v-if="index == 3">
+                      <img :src="`${webBaseUrl}/images/list04.png`" alt="">
+                    </span>
+                    <span class="portal-right-text" v-if="index == 4">
+                      <img :src="`${webBaseUrl}/images/list05.png`" alt="">
+                    </span>
+                    <span class="portal-title-desc" style="font-size: 14px;">{{ item.caseTitle }}</span>
+                  </router-link>
+                </li>
+              </ul>
+            </div>
+            <div v-if="recommendRank.length > 0" class="portal-ranking ranking-bg2" style="margin-top:20px;padding: 20px 15px;max-height: 222px;">
+              <p class="ranking-title">推荐榜</p>
+              <ul class="ranking-data">
+                <li v-for="(item, index) in recommendRank" :key="index" class="title-line-ellipsis"
+                  style="cursor: pointer;margin-top:15px;line-height: 22px;">
+                  <router-link :to="'/case/detail?id=' + item.caseId">
+                    <span class="portal-right-text blue-one" v-if="index == 0">
+                      <img :src="`${webBaseUrl}/images/listred01 .png`" alt="">
+                    </span>
+                    <span class="portal-right-text blue-tow" v-if="index == 1">
+                      <img :src="`${webBaseUrl}/images/listred02.png`" alt="">
+                    </span>
+                    <span class="portal-right-text blue-three" v-if="index == 2">
+                      <img :src="`${webBaseUrl}/images/listred03.png`" alt="">
+                    </span>
+                    <span class="portal-title-desc" style="font-size: 14px;">{{ item.caseTitle }}</span>
+                  </router-link>
+                </li>
+              </ul>
+            </div>
           </div>
         </div>
       </div>
@@ -395,10 +485,24 @@ export default {
     portalFloatTools,
     interactBar,
     timeShow,
-    author
+    author,
   },
   data() {
     return {
+      timeoutId: null,
+      isTimeData: false,
+      articlePageList: [],
+      caseTimeShow: true,
+      isTime: false,
+      numIsFalse: true,
+      switch: {
+        'total': '总',
+        'quarter': '季度',
+      },
+      favorableName: '季度',
+      popularityName: '季度',
+      pubTimeNum: 1,
+      pageViewNum: 0,
       twoId:'',
       treeList:[],
       caseType:process.env.VUE_APP_CASE_TYPE,//类型
@@ -427,6 +531,7 @@ export default {
       ankingList: [],//排行数据1
       Popularity: [],//排行数据2
       Positive: [],//排行数据3
+      recommendRank: [],
       protocolDialogVisible: false,
       protocolConfirmButton: true,
       years: [],
@@ -443,7 +548,7 @@ export default {
         caseType: '',
         authorName: '',
         notInIds: [],
-        type: 'excellent',
+        type: 'all',
         userId: '',
         parent: '',
         children: [],
@@ -469,9 +574,9 @@ export default {
     };
   },
   watch: {
-    years() {
-      this.search(true)
-    }
+    // years() {
+    //   this.search(true)
+    // }
   },
   computed: {
     ...mapGetters(["userInfo", "portalCase"]),
@@ -542,7 +647,7 @@ export default {
           list.push(one);
         }
       })
-      console.log(list,'计算属性');
+      // console.log(list,'计算属性');
 
       return list;
     },
@@ -560,8 +665,9 @@ export default {
     }
   },
   beforeRouteLeave (to, from, next) {
-    if(to.name !== 'caseDetail'){
-      console.log('我是外')
+    const isScroll = 'caseDetail,caseCharts,caseExcellent'
+    if(!isScroll.includes(to.name)){
+      // console.log('我是外')
       this.queryCondition.pageIndex = 1
       this.search()
       // window.location.reload()
@@ -569,11 +675,12 @@ export default {
     }else{
       sessionStorage.setItem('pagesScroll', JSON.stringify(window.pageYOffset))
     }
+    window.removeEventListener("scroll", this.handleScroll);
     next()
   },
   beforeRouteEnter(to, from, next) {
     if(from.name !== 'caseDetail'){
-      console.log('我是内')
+      // console.log('我是内')
     }
     next(vm=>{
       vm.$nextTick(() => {
@@ -582,6 +689,7 @@ export default {
           top: JSON.parse(sessionStorage.getItem("pagesScroll")),
         })
         sessionStorage.removeItem("pagesScroll")
+        vm.allRequests()
       });
     })
   },
@@ -664,10 +772,10 @@ export default {
       history.pushState(null, null, document.URL); //这里有没有都无所谓，最好是有以防万一
       isBack = true;
     }
-    console.log(isBack, 'isBack');
+    // console.log(isBack, 'isBack');
     // Promise.all([apiType.items("org_domain"), apiCase.majorTypes()]).then(rs => {
       // 90是测试环境，155是生产环境
-      console.log(this.caseType);
+      // console.log(this.caseType);
 
     Promise.all([apiType.treeList(1,Number(this.caseType ?? 155),1), apiCase.majorTypes()]).then(rs => {
       if (rs[0].code == 200) {
@@ -724,19 +832,38 @@ export default {
     //打开排行榜下边的两个
     this.getPopularity();
     this.getPositive();
+    this.getQueryRecommendRank()
     this.couresreso();
     // window.addEventListener("scroll", this.handleScroll);
     // 获取年
     this.getYears();
+    this.allRequests()
   },
   beforeDestroy() {
     // window.removeEventListener("scroll", this.handleScroll);
-    console.log('销毁了');
+    // console.log('销毁了');
 
   },
   methods: {
+    allRequests(){
+      window.addEventListener(
+        "scroll",
+        this.handleScroll
+      );
+    },
+    deleteFavorite(e){
+      this.search()
+    },
+    positiveReview(e){
+      this.favorableName = this.switch[e]
+      this.getPositive()
+    },
+    popularityReview(e){
+      this.popularityName = this.switch[e]
+      this.getPopularity()
+    },
     handleType(msg){
-      this.queryCondition.type = msg
+      // this.queryCondition.type = msg
     },
     handleOptionClick(treeItem){
       this.treeList.forEach(one => {
@@ -796,14 +923,14 @@ export default {
           this.treeList = result
         }
       } catch (error) {
-        console.log(error);
+        // console.log(error);
       }
     },
     getYears() {
       apiCase.caseYears().then(res => {
         if (res.status == 200) {
           const { result } = res;
-          console.log(result);
+          // console.log(result);
           this.caseYears = result.map(year => ({
             value: year,
             label: year,
@@ -813,10 +940,23 @@ export default {
     },
     // 查看率的时间
     toCaseDetail(id, refId) {
-      if (refId) {
-        apiCase.startReadTimer(refId)
+      if(!id){
+        this.$message.error('该案例已被删除')
+        return
       }
-      this.$router.push({ path: '/case/detail', query: { id } });
+      apiCase.details(id,true).then(res=>{
+        if (res.status == 200) {
+          if (refId) {
+            apiCase.startReadTimer(refId)
+          }
+          this.$router.push({ path: '/case/detail', query: { id } });
+        }else{
+          this.$message.error(res.message);
+        }
+      })
+    },
+    toExcellent(item){
+      this.$router.push({path:'/case/excellent',query:{majorId:item.majorId,majorName:item.majorName,riseRankTime:item.riseRankTime.split(' ')[0]}})
     },
     tylClick() {
       window.open("https://m.qingxuetang.com/x/?appId=qxtcorp306130");
@@ -879,7 +1019,7 @@ export default {
     },
     // 组织领域全部
     domainall(type) {
-      console.log(this.selectList, 999);
+      // console.log(this.selectList, 999);
       if (type == 1) {
         // 清空一下所有的
         this.domain.forEach(item => {
@@ -1046,14 +1186,14 @@ export default {
     //     }
     //   });
     // },
-    getPositive() {
-      apiCase.queryComments(5).then(res => {
-        if (res.status == 200) {
-          this.Positive = res.result;
-          console.log(res);
-        }
-      });
-    },
+    // getPositive() {
+    //   apiCase.queryComments(5).then(res => {
+    //     if (res.status == 200) {
+    //       this.Positive = res.result;
+    //       console.log(res);
+    //     }
+    //   });
+    // },
     // 无用
     async getdomain() {
       let key = "org_domain";
@@ -1119,19 +1259,71 @@ export default {
       this.isSeach = true;
       this.search(true);
     },
-    searchexcellent(num) {
-      if(this.queryCondition.type==num){
-        this.queryCondition.excellent =false;
-        this.queryCondition.type = '';
-        this.search(true)
-        return
+    searchTime(){
+      this.pubTimeNum++
+      if(this.pubTimeNum>2){
+        this.pubTimeNum = 0;
       }
+      if(this.pubTimeNum != 0){
+        this.pageViewNum = 0;
+      }
+      this.queryCondition.orderField = 'sysCreateTime'
+      this.queryCondition.orderAsc = this.pubTimeNum == 2 ? true : this.pubTimeNum == 1 ? false : ''
+      this.search(true);
+    },
+    searchPageView(){
+      this.pageViewNum++
+      if(this.pageViewNum>2){
+        this.pageViewNum = 0;
+      }
+      if(this.pageViewNum != 0){
+        this.pubTimeNum = 0;
+      }
+      this.queryCondition.orderField = 'views'
+      this.queryCondition.orderAsc = this.pageViewNum == 2 ? true : this.pageViewNum == 1 ? false : ''
+      this.search(true);
+    },
+    yearsChange(e){
+      this.search(true)
+    },
+    searchexcellent(num) {
+      this.isTimeData = false
+      this.isTime = false
+      this.caseTimeShow = true
+      this.pubTimeNum = 0
+      this.pageViewNum = 0
+      this.queryCondition.orderField = ''
+      this.queryCondition.orderAsc = ''
+      // if(this.queryCondition.type==num){
+      //   this.queryCondition.excellent =false;
+      //   this.queryCondition.type = '';
+      //   this.search(true)
+      //   return
+      // }
       this.queryCondition.excellent =false;
       this.queryCondition.type = num;
+      this.years = []
       if(num == 'excellent'){
         this.queryCondition.excellent =true;
         this.queryCondition.type = num;
       }
+      if(num == 'all' || num == 'recommend'){
+        this.pubTimeNum = 1
+        this.queryCondition.orderField = 'sysCreateTime'
+        this.queryCondition.orderAsc = false
+      }
+      if(num == 'time'){
+        this.isTime = true
+        this.caseTimeShow = false
+        this.isTimeData = true
+      }
+      if(num == 'collect'){
+        this.caseTimeShow = false
+      }
+      if (this.timeoutId) {
+        clearTimeout(this.timeoutId);
+        this.timeoutId = null;
+      }
       this.search(true);
       // this.getCaseData();
     },
@@ -1145,25 +1337,25 @@ export default {
     //   this.getCaseData();
     // },
     // 滚动请求
-    // handleScroll() {
-    //   let innerw = document.querySelector("#fixd-box");
+    handleScroll() {
+      let innerw = document.querySelector("#fixd-box");
     //   let innerHeight = document.querySelector("#case-list-content")
     //     .clientHeight;
     //   let outerHeight = document.documentElement.clientHeight;
-    //   let outerWidth = innerw.clientWidth;
-    //   let scrollTop = document.documentElement.scrollTop;
+      let outerWidth = innerw.clientWidth;
+      let scrollTop = document.documentElement.scrollTop;
     //   if (outerHeight + scrollTop + 350 >= innerHeight) {
     //     if (this.moreState == 1) {
     //       this.debounce(this.loadMore(), 5000);
     //     }
     //   }
-    //   if (scrollTop > 630) {
-    //     document.querySelector("#fixd-box").style.cssText =
-    //       "position: fixed;top: -400px;width:" + outerWidth + "px";
-    //   } else {
-    //     document.querySelector("#fixd-box").style.cssText = "position: static";
-    //   }
-    // },
+      if (scrollTop > 260) {
+        document.querySelector("#fixd-box").style.cssText =
+          "position: fixed;top: 10px;width:" + outerWidth + "px";
+      } else {
+        document.querySelector("#fixd-box").style.cssText = "position: static";
+      }
+    },
     useHotword(item) {
       this.keyWord = item.keyword;
       this.search();
@@ -1261,7 +1453,7 @@ export default {
           children: item.list || []
         }
       })
-      console.log(JSON.stringify(this.queryCondition.orgDomainDtos));
+      // console.log(JSON.stringify(this.queryCondition.orgDomainDtos));
 
 
 
@@ -1289,6 +1481,101 @@ export default {
       //   this.caseList.list = [];
       // }
       this.moreState = 2;
+      // this.queryCondition.pubTimeNum = this.pubTimeNum
+      // this.queryCondition.pageViewNum = this.pageViewNum
+      this.numIsFalse = true
+      if(this.queryCondition.type == 'collect'){
+        const params = {
+          pageIndex:this.queryCondition.pageIndex,
+          pageSize:5,
+          orderField:this.queryCondition.orderField,
+          orderAsc:this.queryCondition.orderAsc
+        }
+        await apiCase.queryFavoriteCaseOfIndex(params).then(res=>{
+          if(res.status == 200){
+            if(res.result.list.length > 0){
+              this.isSeach = false;
+              res.result.list.forEach(item => {
+                item.majorType = item.majorType ? item.majorType.split(",") : [];
+                item.isAll = false;
+                item.authorInfo = {
+                  aid: "",
+                  name: "",
+                  orgInfo: "",
+                  avatar: "",
+                  sex: null
+                };
+              });
+              res.result.list.forEach(item=>{
+                item.viewRankTags = item.viewRankTags.slice(0,2)
+              })
+              this.caseList.list = res.result.list
+              this.getCaseUserData(res.result.list);
+              // 给所有的赋值
+              this.caseList.count = res.result.count;
+              this.caseList.showPagCount = res.result.count;
+              this.timeoutId = setTimeout(() => {
+                this.numIsFalse = false
+              }, 3000);
+            }
+          }
+        })
+        return
+      }
+      if(this.queryCondition.type=='time'){
+        // const data = {
+        //   pageIndex: this.queryCondition.pageIndex,
+        //   pageSize: 5,
+        //   contentType: 3,
+        //   aid: this.userInfo.aid||'965342027497607168',
+        //   hidden: '',
+        //   eventKey: 'readCase'
+        // }
+        // await apiCase.queryViewRecord(data).then(res=>{
+        //   if(res.status == 200){
+        //     if(res.result.list.length > 0){
+        //       let ids = res.result.list.map(item=>item.contentId);
+        //       const noReapetIds = [...new Set(ids)];
+        //       this.articlePageList = res.result.list;
+        //       this.getCase(noReapetIds,res.result.list)
+        //       this.caseList.count = res.result.count;
+        //       this.caseList.showPagCount = res.result.count;
+        //     }
+        //   }
+        // })
+        const params = {
+          pageIndex: this.queryCondition.pageIndex,
+        }
+        await apiCase.browsingHistory(params).then(res=>{
+          if(res.status == 200){
+            if(res.result.list.length > 0){
+              this.isSeach = false;
+              res.result.list.forEach(item => {
+                item.majorType = item.majorType ? item.majorType.split(",") : [];
+                item.isAll = false;
+                item.authorInfo = {
+                  aid: "",
+                  name: "",
+                  orgInfo: "",
+                  avatar: "",
+                  sex: null
+                };
+              });
+              res.result.list.forEach(item=>{
+                item.viewRankTags = item.viewRankTags.slice(0,2)
+              })
+              this.caseList.list = res.result.list
+              this.getCaseUserData(res.result.list);
+              this.caseList.count = res.result.count;
+              this.caseList.showPagCount = res.result.count;
+              this.timeoutId = setTimeout(() => {
+                this.numIsFalse = false
+              }, 3000);
+            }
+          }
+        })
+        return
+      }
       await apiCase.queryListV2(this.queryCondition).then((res) => {
         if (res.status == 200) {
           if (res.result.list.length > 0) {
@@ -1312,17 +1599,26 @@ export default {
           } else {
             this.moreState = 3;
           }
-          console.log(res?.result?.list ,'有没有数据');
+          // console.log(res?.result?.list ,'有没有数据');
+          res.result.list.forEach(item=>{
+            item.viewRankTags = item.viewRankTags.slice(0,2)
+          })
           this.caseList.list = res.result.list
           this.getCaseUserData(res.result.list);
           // 给所有的赋值
           this.caseList.count = res.result.count;
           this.caseList.showPagCount = res.result.count;
+          this.timeoutId = setTimeout(() => {
+            this.numIsFalse = false
+          }, 3000);
         } else {
           this.$message.error(res.message);
         }
       }).catch(err => {
-        console.log(err);
+        // console.log(err);
+        this.timeoutId = setTimeout(() => {
+          this.numIsFalse = false
+        }, 3000);
       });
 
       // await apiCase.queryList(this.queryCondition).then(res => {
@@ -1358,6 +1654,47 @@ export default {
       //     console.log(err);
       //   });
     },
+    getCase(ids,list){
+      apiCase.ids(ids).then(res=>{
+          if(res.status == 200) {
+            this.isSeach = false;
+            const listData = []
+            list.forEach((item, index) => {
+              res.result.some(con => {
+              if (con.id == item.contentId) {
+                  item.info = con;
+                  con.eventTime = item.eventTime
+                  listData.push(con)
+                  if(typeof item.info.majorType == 'string') {
+                      item.info.majorType = item.info.majorType.split(',');
+                  }
+                  return true;
+              } else {
+                  return false;
+              }
+              });
+            });
+            listData.forEach(item=>{
+              item.info = {};
+              item.deleted=false;
+              item.authorInfo = {
+                  aid: "",
+                  name: "",
+                  orgInfo: "",
+                  avatar: "",
+                  sex: null
+              }
+              item.isAll = false;
+            })
+            setTimeout(() => {
+              this.numIsFalse = false
+            }, 3000);
+            this.getCaseUserData(listData);
+            this.caseList.list = listData
+            console.log(listData,'this.caseList.list')
+          }
+      })
+  },
     // getTags() {
     //   this.searchTags = [];
     //   let caseData = deepClone(this.queryCondition);
@@ -1465,40 +1802,58 @@ export default {
       });
     },
     getPopularity() {
-      apiCase.queryPraises(5).then(res => {
-        if (res.status == 200) {
-          this.Popularity = res.result;
-          if (res.result.length < 5) {
-            for (let i = 0; i = (5 - res.result.length); i++) {
-              this.Popularity.push({
-                authorName: '',
-                count: 1,
-                id: '',
-                title: '',
-              })
-            }
-          }
+      // apiCase.queryPraises(5).then(res => {
+      //   if (res.status == 200) {
+      //     this.Popularity = res.result.slice(0,3);
+      //     // if (res.result.length < 5) {
+      //     //   for (let i = 0; i = (5 - res.result.length); i++) {
+      //     //     this.Popularity.push({
+      //     //       authorName: '',
+      //     //       count: 1,
+      //     //       id: '',
+      //     //       title: '',
+      //     //     })
+      //     //   }
+      //     // }
 
+      //   }
+      // });
+      apiCase.queryPraisesNew(3,this.popularityName == '季度' ? 1 : 2).then(res => {
+        if(res.status == 200) {
+          this.Popularity = res.result
         }
-      });
+      })
     },
     getPositive() {
-      apiCase.queryComments(5).then(res => {
-        if (res.status == 200) {
-          this.Positive = res.result;
-          if (res.result.length < 5) {
-            for (let i = 0; i = (5 - res.result.length); i++) {
-              this.Positive.push({
-                authorName: '',
-                count: 1,
-                id: '',
-                title: '',
-              })
-            }
+      // apiCase.queryComments(5).then(res => {
+      //   if (res.status == 200) {
+      //     this.Positive = res.result.slice(0,3);
+      //     // if (res.result.length < 5) {
+      //     //   for (let i = 0; i = (5 - res.result.length); i++) {
+      //     //     this.Positive.push({
+      //     //       authorName: '',
+      //     //       count: 1,
+      //     //       id: '',
+      //     //       title: '',
+      //     //     })
+      //     //   }
 
-          }
+      //     // }
+      //   }
+      // });
+      apiCase.queryCommentsNew(3,this.favorableName == '季度' ? 3 : 4).then(res => {
+        if(res.status == 200) {
+          this.Positive = res.result
         }
-      });
+      })
+    },
+
+    getQueryRecommendRank(){
+      apiCase.queryRecommendRank(3).then(res => {
+        if(res.status == 200) {
+          this.recommendRank = res.result
+        }
+      })
     },
 
     jumpRouter(item) {
@@ -1510,6 +1865,41 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.el-dropdown-link {
+  cursor: pointer;
+  font-weight: 400;
+  font-size: 14px;
+  color: rgba(51,51,51,0.9);
+}
+.el-icon--right{
+  margin-left: 14px !important;
+}
+.the_charts{
+    position: relative;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-bottom: 10px;
+    font-size: 17px;
+    max-width: 400px;
+    min-width: 260px;
+    height: 47px;
+    background: #DDEDFF;
+    border-radius: 8px;
+    .text{
+      font-size: 17px;
+      color: #387DF7;
+    }
+    .icon{
+      position: absolute;
+      font-size: 17px;
+      color: #387DF7;
+      right: 25px;
+      top: 50%;
+      transform: translateY(-50%);
+    }
+
+  }
 // 课程分类
 .course-title-style {
   position: relative;
@@ -1916,7 +2306,7 @@ export default {
       font-size: 12px;
       border-radius: 2px;
       padding: 2px 4px;
-      margin-left: 20px;
+      margin-left: 15px;
     }
 
   }
@@ -2095,8 +2485,183 @@ export default {
     display: flex;
     align-items: center;
     // margin-bottom: ;
+    .pub_time{
+      display: flex;
+      margin-right: 25px;
+      align-items: center;
+      cursor: pointer;
+      .text{
+        font-size: 14px;
+        color: #333333;
+      }
+      .triangle{
+        margin-left: 5px;
+        .up-triangle{
+          width: 0;
+          height: 0;
+          border-left: 4px solid transparent;
+          border-right: 4px solid transparent;
+          border-bottom: 6px solid #DCDFE6;
+          margin-bottom: 2px;
+        }
+        .down-triangle{
+          width: 0;
+          height: 0;
+          border-left: 4px solid transparent;
+          border-right: 4px solid transparent;
+          border-top: 6px solid #DCDFE6;
+        }
+      }
+    }
+    .time{
+      position: relative;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      margin-left: 15px;
+      width: 116px;
+      height: 38px;
+      border-radius: 4px;
+      // background: #04243C;
+      &:hover{
+        // background: #387DF7;
+        border: 1px solid #387DF7;
+        .text{
+          // color: #fff;
+        }
+        // .png{
+        //   background: url('../../../assets/images/case/wighttime.png') no-repeat;
+        // }
+      }
+      .png{
+        width: 18px;
+        height: 18px;
+        background: url('../../../../public/images/browse.png') no-repeat;
+        background-size: 100%;
+        margin-right: 9px;
+      }
+      .text{
+        font-size: 14px;
+        color: #333333;
+      }
+    }
+    .time::before {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background: #04243C;
+      opacity: 0.05;
+      z-index: 1;
+      border-radius: 4px;
+    }
+    .time_active{
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      margin-left: 15px;
+      width: 116px;
+      height: 38px;
+      background: #387DF7;
+      border-radius: 4px;
+      .png{
+        width: 20px;
+        height: 20px;
+        background: url('../../../assets/images/case/wighttime.png') no-repeat;
+        background-size: 100%;
+        margin-right: 9px;
+      }
+      .text{
+        font-size: 14px;
+        color: #fff;
+      }
+    }
+    .collect{
+      position: relative;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      margin-left: 15px;
+      width: 116px;
+      height: 38px;
+      border-radius: 4px;
+      // background: #04243C;
+      &:hover{
+        // background: #387DF7;
+        border: 1px solid #387DF7;
+        .text{
+          // color: #fff;
+        }
+        // .png{
+        //   background: url('../../../assets/images/case/wight.png') no-repeat;
+        // }
+      }
+      .png{
+        width: 18px;
+        height: 18px;
+        background: url('../../../../public/images/collect.png') no-repeat;
+        background-size: 100%;
+        margin-right: 9px;
+      }
+      .text{
+        font-size: 14px;
+        color: #333333;
+      }
+    }
+    .collect::before {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background: #04243C;
+      opacity: 0.05;
+      z-index: 1;
+      border-radius: 4px;
+    }
+    .collect_active{
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      margin-left: 15px;
+      width: 116px;
+      height: 38px;
+      background: #387DF7;
+      border-radius: 4px;
+      .png{
+        width: 18px;
+        height: 18px;
+        background: url('../../../assets/images/case/wight.png') no-repeat;
+        background-size: 100%;
+        margin-right: 9px;
+      }
+      .text{
+        font-size: 14px;
+        color: #fff;
+      }
+    }
   }
 
+  .back_num{
+    background: #FFFFFF;
+    display: flex;
+    justify-content: center;
+    padding: 0 40px;
+    .search_div_num{
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      width: 100%;
+      height: 38px;
+      background: #DDEDFF;
+      border-radius: 4px;
+      border: 1px solid #387DF7;
+      color: #387DF7;
+    }
+  }
   .data-content {
     background-color: #fff;
     padding: 5px 50px;
@@ -2130,6 +2695,12 @@ export default {
 
     .case-info {
       .case-info-cont {
+        .case_text{
+            font-size: 14px;
+            font-weight: 400;
+            color: #666666;
+            margin-bottom: 8px;
+          }
         .case-info-title {
           font-size: 15px;
           color: #333;
diff --git a/src/views/portal/course/rePreview.vue b/src/views/portal/course/rePreview.vue
index cb846d95..1f99cc93 100644
--- a/src/views/portal/course/rePreview.vue
+++ b/src/views/portal/course/rePreview.vue
@@ -360,17 +360,25 @@ export default {
             }
       } else if(r.contentType == 40) {
          //let url = this.fileBaseUrl + r.content;
-         if(r.content!='' && r.content.indexOf('.pdf')==-1){
-             apiCourseFile.detail(r.contentRefId).then(cfrs=>{
-               if(cfrs.status==200){
-                  r.content=cfrs.result.previewFilePath;
-                  //console.log(r.content);
-               }else{
-                  $this.$message.error('加载pdf课件文件失败');
-               }
-             });
-         }
-
+        if(r.content!='' && r.content.indexOf('.pdf')==-1){
+          apiCourseFile.detail(r.contentRefId).then(cfrs=>{
+            if(cfrs.status==200){
+              r.content=cfrs.result.previewFilePath;
+              //console.log(r.content);
+            }else{
+              $this.$message.error('加载pdf课件文件失败');
+            }
+          });
+        }
+        if(r.content==''){
+          apiCourseFile.detail(r.contentRefId).then(cfrs=>{
+            if(cfrs.status==200){
+              r.content=cfrs.result.previewFilePath;
+            }else{
+              $this.$message.error('加载pdf课件文件失败');
+            }
+          });
+        }
       }
       this.contentData = r;
     },
diff --git a/src/views/study/coursenew.vue b/src/views/study/coursenew.vue
index 9a3339b5..56bae920 100644
--- a/src/views/study/coursenew.vue
+++ b/src/views/study/coursenew.vue
@@ -501,7 +501,7 @@
           }
           treeList.push(treeNode);
         });
-        console.log(treeList,'treeList')
+        // console.log(treeList,'treeList')
         return treeList;
       }
     },
@@ -652,7 +652,7 @@
         } else {
           this.blobUrl = process.env.VUE_APP_BASE_API + '/xboe/m/course/cware/resource?sign=' + urlSign;
         }
-        console.log('this.contentData.id:',this.contentData.id)
+        // console.log('this.contentData.id:',this.contentData.id)
         this.blobId = this.contentData.id
         //console.log(this.blobUrl,'this.blobUrl');
       },
@@ -755,7 +755,7 @@
         if (this.contentData.status < 2) {
           // this.contentData.status = 2; //进行中
           if(r.contentType != 61&&r.contentType != 20 && r.contentType != 10){
-            setTimeout(() => {              
+            setTimeout(() => {
               this.isContentTypeTwo = r.contentType
               $this.isShowTime()
               }, 2000);
@@ -817,8 +817,8 @@
             //console.log(h,$this.controlHeight,'$this.controlHeight');
         })
 
-        
-        console.log('this.contentData11:',this.contentData,this.curriculumData)
+
+        //console.log('this.contentData11:',this.contentData,this.curriculumData)
         // 视频设置禁用处理逻辑,如果用户已全部观看完该视频，则设置为能全部拖动的逻辑，把isDrag设置为true即可,同时删除本地存储的数据
         if(this.contentData.progressVideo ===1){
           var obj = JSON.parse(this.contentData.content)
@@ -1229,7 +1229,7 @@
               itemId: this.contentData.studyItemId,
               videoTime: intTime
             };
-            console.log('this.courseInfo:',this.contentData)
+            //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) || {}
@@ -1281,7 +1281,7 @@
             itemId: this.contentData.studyItemId,
             videoTime: intTime
           };
-          console.log('this.courseInfo:',this.contentData)
+          //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) || {}
@@ -1546,7 +1546,7 @@
           }
         }
       },
-      progress(val) { 
+      progress(val) {
         const progressValue = parseFloat(val) * 100;
         this.sendEventProgress = Number(progressValue.toFixed(2));
        },
diff --git a/src/views/user/ranking.vue b/src/views/user/ranking.vue
index e890e5f0..a0f66295 100644
--- a/src/views/user/ranking.vue
+++ b/src/views/user/ranking.vue
@@ -1,281 +1,284 @@
 <template>
   <div class="page-ranking">
-    
+
     <div class="page-ranking-col experience">
-          <div class="exp-hear">
-           <div class="exp-hear-text">
-                  经验值排行榜
-                  <el-tooltip placement="top"  effect="light">
-                    <div slot="content" style="line-height:13px;">
-                      所有用户经验值TOP排行榜单，通过学习、贡献等行为可以获得经验值 。</br></br>
-                      系统已经根据您在4月23日新系统上线之后产生的学习数据对经验值进行</br>
-                      <span  style="line-height:15px;">了初始化，更早的数据以及老系统中产生的数据，将在2022年底一次性</span></br>
-                      补充到您的经验值中，请您耐心等待。
-                    </div>
-                    <svg-icon style="margin-left: 14px;font-size:20px;padding-top: 4px;" icon-class="doubt"></svg-icon>
-                  </el-tooltip>
-                  <span class="exp-hear-textbor"></span>
-             </div>
-              <div class="exp-hear-xiala">
-                 <el-dropdown trigger="click"  @command="experienceCommand">
+      <div class="exp-hear">
+        <div class="exp-hear-text">
+          经验值排行榜
+          <el-tooltip placement="top"  effect="light">
+            <div slot="content" style="line-height:13px;">
+              所有用户经验值TOP排行榜单，通过学习、贡献等行为可以获得经验值 。</br></br>
+              系统已经根据您在4月23日新系统上线之后产生的学习数据对经验值进行</br>
+              <span  style="line-height:15px;">了初始化，更早的数据以及老系统中产生的数据，将在2022年底一次性</span></br>
+              补充到您的经验值中，请您耐心等待。
+            </div>
+            <svg-icon style="margin-left: 14px;font-size:20px;padding-top: 4px;" icon-class="doubt"></svg-icon>
+          </el-tooltip>
+          <span class="exp-hear-textbor"></span>
+        </div>
+        <div class="exp-hear-xiala">
+          <el-dropdown trigger="click"  @command="experienceCommand">
                     <span class="el-dropdown-link pointer">
                         {{experience.name}}<i class="el-icon-arrow-down el-icon--right"></i>
                     </span>
-                    <el-dropdown-menu slot="dropdown">
-                        <el-dropdown-item command="total">累计</el-dropdown-item>
-                        <!-- <el-dropdown-item command="weeks">本周</el-dropdown-item>
-                        <el-dropdown-item command="months">本月</el-dropdown-item>
-                        <el-dropdown-item command="years">本年</el-dropdown-item> -->
-                    </el-dropdown-menu>
-                </el-dropdown>
-              </div>
-          </div>
-          <div class="myselftext">
-             <div class="myranking">
-                 当前排名 :  <span> {{currentUserRankingTotalData.rankNo}}</span>
-             </div>
-             <div class="myexperience">
-                 累计经验值 :  <span>{{currentUserRankingTotalData.rankValue}}</span>
-             </div>
-          </div>
-
-
-          <div class="exp-table" style="margin-top:20px;">
-             <div class="table-hear">
-                <div style="margin-left:5px">排名</div>
-                <div style="margin-left:5px">姓名</div>
-                <div class="bm">经验值</div>
-             </div>
-             <div>
-            <div class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px" v-for="(ran,index) in experience.list" :key="ran.id">
-                 <div class="tab-rank" >
-                    <img v-if="index ==0" :src="`${webBaseUrl}/images/rank1.png`" alt=""/>
-                    <img v-if="index ==1" :src="`${webBaseUrl}/images/rank2.png`" alt=""/>
-                    <img v-if="index ==2" :src="`${webBaseUrl}/images/rank3.png`" alt=""/>
-                    <div v-if="index >2" style="line-height: 40px;padding-left:15px;font-size: 16px;color: #333333;">{{index+1}}</div>
-                </div>
-                 <div class="tab-name">
-                    <author-img :avatar="ran.authorInfo.avatar" :aid="ran.authorInfo.aid" :sex="ran.authorInfo.sex"></author-img>
-                    <div>
-                        <span>{{ran.authorInfo.name}}</span>
-                        <div class="tab-bm">{{cutOrgNamePath(ran.authorInfo.orgInfo)}}</div>
-                    </div>
-
-                     </div>
-                 <div class="jy tab-jy">
-                     <div v-if="experience.field == 'total'" style="font-size: 18px;color: #333333;font-weight: 600;">{{ran.total}}</div>
-                     <div v-if="experience.field == 'months'" style="font-size: 18px;color: #333333;font-weight: 600;">{{ran.months}}</div>
-                     <div v-if="experience.field == 'years'" style="font-size: 18px;color: #333333;font-weight: 600;">{{ran.years}}</div>
-                     <div v-if="experience.field == 'weeks'" style="font-size: 18px;color: #333333;font-weight: 600;">{{ran.weeks}}</div>
-                 </div>
-             </div>
-             </div>
-
-             <div v-if="experience.data.rankingNo>5" style="margin-top:20px;border-bottom: 1px solid #ddd;padding-bottom:40px">
-                 <div v-if="experience.data.rankingNo>5" class="omit">
-                     <div>.</div> <div>.</div> <div>.</div>
-                 </div>
-             </div>
-
-
-             <div v-if="experience.data.rankingNo>5" class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px">
-                 <div style="color: #0059FF;line-height: 40px;padding-left:14px;font-size: 16px;" class="tab-rank" >{{experience.data.rankingNo}}</div>
-                 <div class="tab-name" v-if="userInfo.aid">
-                    <author-img :avatar="userInfo.avatar" :aid="userInfo.aid" :sex="userInfo.sex"></author-img>
-                    <div>
-                        <span style="color: #0059FF;">{{userInfo.name}}</span>
-                        <div class="tab-bm" style="color: #0059FF;">{{cutOrgNamePath(userInfo.departFullName)}}</div>
-                    </div>
-                </div>
-
-                 <div class="jy tab-jy">
-                     <div v-if="experience.field == 'total'" style="font-size: 18px;color: #333333;font-weight: 600;color: #0059FF;">{{experience.data.total}}</div>
-                     <div v-if="experience.field == 'months'" style="font-size: 18px;color: #333333;font-weight: 600;color: #0059FF;">{{experience.data.months}}</div>
-                     <div v-if="experience.field == 'years'" style="font-size: 18px;color: #333333;font-weight: 600;color: #0059FF;">{{experience.data.years}}</div>
-                     <div v-if="experience.field == 'weeks'" style="font-size: 18px;color: #333333;font-weight: 600;color: #0059FF;">{{experience.data.weeks}}</div>
-                 </div>
-             </div>
-
-          </div>
+            <el-dropdown-menu slot="dropdown">
+              <el-dropdown-item command="total">累计</el-dropdown-item>
+              <el-dropdown-item command="now">当前</el-dropdown-item>
+              <!-- <el-dropdown-item command="weeks">本周</el-dropdown-item>
+              <el-dropdown-item command="months">本月</el-dropdown-item>
+              <el-dropdown-item command="years">本年</el-dropdown-item> -->
+            </el-dropdown-menu>
+          </el-dropdown>
+        </div>
+      </div>
+      <div class="myselftext">
+        <div class="myranking">
+          {{isNow ? '当前' : '累计'}}排名 :  <span> {{currentUserRankingTotalData.rankNo}}</span>
+        </div>
+        <div class="myexperience">
+          {{isNow ? '当前' : '累计'}}经验值 :  <span>{{currentUserRankingTotalData.rankValue}}</span>
+        </div>
       </div>
 
+
+      <div class="exp-table" style="margin-top:20px;">
+        <div class="table-hear">
+          <div style="margin-left:5px">排名</div>
+          <div style="margin-left:5px">姓名</div>
+          <div class="bm">经验值</div>
+        </div>
+        <div>
+          <div class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px" v-for="(ran,index) in experience.list" :key="ran.id">
+            <div class="tab-rank" >
+              <img v-if="index ==0" :src="`${webBaseUrl}/images/rank1.png`" alt=""/>
+              <img v-if="index ==1" :src="`${webBaseUrl}/images/rank2.png`" alt=""/>
+              <img v-if="index ==2" :src="`${webBaseUrl}/images/rank3.png`" alt=""/>
+              <div v-if="index >2" style="line-height: 40px;padding-left:15px;font-size: 16px;color: #333333;">{{index+1}}</div>
+            </div>
+            <div class="tab-name">
+              <author-img :avatar="ran.authorInfo.avatar" :aid="ran.authorInfo.aid" :sex="ran.authorInfo.sex"></author-img>
+              <div>
+                <span>{{ran.authorInfo.name}}</span>
+                <div class="tab-bm">{{cutOrgNamePath(ran.authorInfo.orgInfo)}}</div>
+              </div>
+
+            </div>
+            <div class="jy tab-jy">
+              <div v-if="experience.field == 'total'" style="font-size: 18px;color: #333333;font-weight: 600;">{{ran.total}}</div>
+              <div v-if="experience.field == 'months'" style="font-size: 18px;color: #333333;font-weight: 600;">{{ran.months}}</div>
+              <div v-if="experience.field == 'years'" style="font-size: 18px;color: #333333;font-weight: 600;">{{ran.years}}</div>
+              <div v-if="experience.field == 'weeks'" style="font-size: 18px;color: #333333;font-weight: 600;">{{ran.weeks}}</div>
+            </div>
+          </div>
+        </div>
+
+        <div v-if="experience.data.rankingNo>5" style="margin-top:20px;border-bottom: 1px solid #ddd;padding-bottom:40px">
+          <div v-if="experience.data.rankingNo>5" class="omit">
+            <div>.</div> <div>.</div> <div>.</div>
+          </div>
+        </div>
+
+
+        <div v-if="experience.data.rankingNo>5" class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px">
+          <div style="color: #0059FF;line-height: 40px;padding-left:14px;font-size: 16px;" class="tab-rank" >{{experience.data.rankingNo}}</div>
+          <div class="tab-name" v-if="userInfo.aid">
+            <author-img :avatar="userInfo.avatar" :aid="userInfo.aid" :sex="userInfo.sex"></author-img>
+            <div>
+              <span style="color: #0059FF;">{{userInfo.name}}</span>
+              <div class="tab-bm" style="color: #0059FF;">{{cutOrgNamePath(userInfo.departFullName)}}</div>
+            </div>
+          </div>
+
+          <div class="jy tab-jy">
+            <div v-if="experience.field == 'total'" style="font-size: 18px;color: #333333;font-weight: 600;color: #0059FF;">{{experience.data.total}}</div>
+            <div v-if="experience.field == 'months'" style="font-size: 18px;color: #333333;font-weight: 600;color: #0059FF;">{{experience.data.months}}</div>
+            <div v-if="experience.field == 'years'" style="font-size: 18px;color: #333333;font-weight: 600;color: #0059FF;">{{experience.data.years}}</div>
+            <div v-if="experience.field == 'weeks'" style="font-size: 18px;color: #333333;font-weight: 600;color: #0059FF;">{{experience.data.weeks}}</div>
+          </div>
+        </div>
+
+      </div>
+    </div>
+
     <div class="page-ranking-col Duration">
-           <div class="exp-hear">
-              <div class="exp-hear-text">
-                  学习时长排行榜
-                  <el-tooltip placement="top"  effect="light">
-                    <div slot="content">所有用户学习时长TOP排行榜单，统计单位为小时</div>
-                    <svg-icon style="margin-left: 14px;font-size:20px;padding-top: 4px;" icon-class="doubt"></svg-icon>
-                  </el-tooltip>
-                  <span class="exp-hear-textbor"></span>
-             </div>
-              <div class="exp-hear-xiala">
-                 <el-dropdown trigger="click" @command="durationCommand">
+      <div class="exp-hear">
+        <div class="exp-hear-text">
+          学习时长排行榜
+          <el-tooltip placement="top"  effect="light">
+            <div slot="content">所有用户学习时长TOP排行榜单，统计单位为小时</div>
+            <svg-icon style="margin-left: 14px;font-size:20px;padding-top: 4px;" icon-class="doubt"></svg-icon>
+          </el-tooltip>
+          <span class="exp-hear-textbor"></span>
+        </div>
+        <div class="exp-hear-xiala">
+          <el-dropdown trigger="click" @command="durationCommand">
                     <span class="el-dropdown-link pointer">
                         {{learningDuration.name}}<i class="el-icon-arrow-down el-icon--right"></i>
                     </span>
-                    <el-dropdown-menu slot="dropdown">
-                        <el-dropdown-item command="total">累计</el-dropdown-item>
-                        <!-- <el-dropdown-item command="weeks">本周</el-dropdown-item>
-                        <el-dropdown-item command="months">本月</el-dropdown-item>
-                        <el-dropdown-item command="years">本年</el-dropdown-item> -->
-                    </el-dropdown-menu>
-                </el-dropdown>
-              </div>
-          </div>
-          <div class="myselftext">
-             <div class="myranking">
-                 当前排名 :  <span> {{learningDurationTotalData.rankNo}}</span>
-             </div>
-             <div class="myexperience">
-                 累计学习时长:  <span> {{formatSecondToHour(learningDurationTotalData.rankValue)}}</span> h
-             </div>
-          </div>
-           <div class="exp-table" style="margin-top:20px;">
-             <div class="table-hear">
-                <div style="margin-left:5px">排名</div>
-                <div style="margin-left:5px">姓名</div>
-                <div style="margin-left:25%;">学习时长:小时</div>
-             </div>
-             <div>
-            <div class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px" v-for="(lan,idx) in learningDuration.list" :key="lan.id">
-                 <div class="tab-rank">
-                    <img v-if="idx ==0" :src="`${webBaseUrl}/images/rank1.png`" alt=""/>
-                    <img v-if="idx ==1" :src="`${webBaseUrl}/images/rank2.png`" alt=""/>
-                    <img v-if="idx ==2" :src="`${webBaseUrl}/images/rank3.png`" alt=""/>
-                    <div v-if="idx >2" style="line-height: 40px;padding-left:15px;font-size: 16px;color: #333333;">{{idx+1}}</div>
-                </div>
-                 <div class="tab-name">
-                    <author-img :avatar="lan.authorInfo.avatar" :aid="lan.authorInfo.aid" :sex="lan.authorInfo.sex"></author-img>
-                    <div>
-                        <span>{{lan.authorInfo.name}}</span>
-                        <div class="tab-bm">{{cutOrgNamePath(lan.authorInfo.orgInfo)}}</div>
-                    </div>
-                </div>
-                 <div class="jy tab-jy">
-                     <div v-if="learningDuration.field == 'total'" style="font-size: 18px;color: #333333;font-weight: 600;">{{formatSecondToHour(lan.total)}}</div>
-                     <div v-if="learningDuration.field == 'months'" style="font-size: 18px;color: #333333;font-weight: 600;">{{formatSecondToHour(lan.months)}}</div>
-                     <div v-if="learningDuration.field == 'years'" style="font-size: 18px;color: #333333;font-weight: 600;">{{formatSecondToHour(lan.years)}}</div>
-                     <div v-if="learningDuration.field == 'weeks'" style="font-size: 18px;color: #333333;font-weight: 600;">{{formatSecondToHour(lan.weeks)}}</div>
-                 </div>
-             </div>
-             </div>
-
-             <div v-if="learningDuration.data.rankingNo>5" style="margin-top:20px;border-bottom: 1px solid #ddd;padding-bottom:40px">
-                 <div v-if="learningDuration.data.rankingNo>5" class="omit">
-                     <div>.</div> <div>.</div> <div>.</div>
-                 </div>
-             </div>
-
-             <div v-if="learningDuration.data.rankingNo>5" class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px">
-                 <div style="color: #0059FF;line-height: 40px;padding-left:14px;font-size: 16px;" class="tab-rank" >{{learningDuration.data.rankingNo}}</div>
-                 <div class="tab-name" v-if="userInfo.aid">
-                    <author-img  :avatar="userInfo.avatar" :aid="userInfo.aid" :sex="userInfo.sex"></author-img>
-                    <div>
-                        <span style="color: #0059FF;">{{userInfo.name}}</span>
-                        <div class="tab-bm" style="color: #0059FF;">{{cutOrgNamePath(userInfo.departFullName)}}</div>
-                    </div>
-                </div>
-                 <div class="jy tab-jy">
-                     <div v-if="learningDuration.field == 'total'" style="font-size: 18px;color: #333333;font-weight: 600;color: #0059FF;">{{formatSecondToHour(learningDuration.data.total)}}</div>
-                     <div v-if="learningDuration.field == 'months'" style="font-size: 18px;color: #333333;font-weight: 600;color: #0059FF;">{{formatSecondToHour(learningDuration.data.months)}}</div>
-                     <div v-if="learningDuration.field == 'years'" style="font-size: 18px;color: #333333;font-weight: 600;color: #0059FF;">{{formatSecondToHour(learningDuration.data.years)}}</div>
-                     <div v-if="learningDuration.field == 'weeks'" style="font-size: 18px;color: #333333;font-weight: 600;color: #0059FF;">{{formatSecondToHour(learningDuration.data.weeks)}}</div>
-                 </div>
-             </div>
-          </div>
+            <el-dropdown-menu slot="dropdown">
+              <el-dropdown-item command="total">累计</el-dropdown-item>
+              <el-dropdown-item command="now">当前</el-dropdown-item>
+              <!-- <el-dropdown-item command="weeks">本周</el-dropdown-item>
+              <el-dropdown-item command="months">本月</el-dropdown-item>
+              <el-dropdown-item command="years">本年</el-dropdown-item> -->
+            </el-dropdown-menu>
+          </el-dropdown>
+        </div>
       </div>
-      
+      <div class="myselftext">
+        <div class="myranking">
+          {{isStudyTime ? '当前' : '累计'}}排名 :  <span> {{learningDurationTotalData.rankNo}}</span>
+        </div>
+        <div class="myexperience">
+          {{isStudyTime ? '当前' : '累计'}}学习时长:  <span> {{formatSecondToHour(learningDurationTotalData.rankValue)}}</span> h
+        </div>
+      </div>
+      <div class="exp-table" style="margin-top:20px;">
+        <div class="table-hear">
+          <div style="margin-left:5px">排名</div>
+          <div style="margin-left:5px">姓名</div>
+          <div style="margin-left:25%;">学习时长:小时</div>
+        </div>
+        <div>
+          <div class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px" v-for="(lan,idx) in learningDuration.list" :key="lan.id">
+            <div class="tab-rank">
+              <img v-if="idx ==0" :src="`${webBaseUrl}/images/rank1.png`" alt=""/>
+              <img v-if="idx ==1" :src="`${webBaseUrl}/images/rank2.png`" alt=""/>
+              <img v-if="idx ==2" :src="`${webBaseUrl}/images/rank3.png`" alt=""/>
+              <div v-if="idx >2" style="line-height: 40px;padding-left:15px;font-size: 16px;color: #333333;">{{idx+1}}</div>
+            </div>
+            <div class="tab-name">
+              <author-img :avatar="lan.authorInfo.avatar" :aid="lan.authorInfo.aid" :sex="lan.authorInfo.sex"></author-img>
+              <div>
+                <span>{{lan.authorInfo.name}}</span>
+                <div class="tab-bm">{{cutOrgNamePath(lan.authorInfo.orgInfo)}}</div>
+              </div>
+            </div>
+            <div class="jy tab-jy">
+              <div v-if="learningDuration.field == 'total'" style="font-size: 18px;color: #333333;font-weight: 600;">{{formatSecondToHour(lan.total)}}</div>
+              <div v-if="learningDuration.field == 'months'" style="font-size: 18px;color: #333333;font-weight: 600;">{{formatSecondToHour(lan.months)}}</div>
+              <div v-if="learningDuration.field == 'years'" style="font-size: 18px;color: #333333;font-weight: 600;">{{formatSecondToHour(lan.years)}}</div>
+              <div v-if="learningDuration.field == 'weeks'" style="font-size: 18px;color: #333333;font-weight: 600;">{{formatSecondToHour(lan.weeks)}}</div>
+            </div>
+          </div>
+        </div>
+
+        <div v-if="learningDuration.data.rankingNo>5" style="margin-top:20px;border-bottom: 1px solid #ddd;padding-bottom:40px">
+          <div v-if="learningDuration.data.rankingNo>5" class="omit">
+            <div>.</div> <div>.</div> <div>.</div>
+          </div>
+        </div>
+
+        <div v-if="learningDuration.data.rankingNo>5" class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px">
+          <div style="color: #0059FF;line-height: 40px;padding-left:14px;font-size: 16px;" class="tab-rank" >{{learningDuration.data.rankingNo}}</div>
+          <div class="tab-name" v-if="userInfo.aid">
+            <author-img  :avatar="userInfo.avatar" :aid="userInfo.aid" :sex="userInfo.sex"></author-img>
+            <div>
+              <span style="color: #0059FF;">{{userInfo.name}}</span>
+              <div class="tab-bm" style="color: #0059FF;">{{cutOrgNamePath(userInfo.departFullName)}}</div>
+            </div>
+          </div>
+          <div class="jy tab-jy">
+            <div v-if="learningDuration.field == 'total'" style="font-size: 18px;color: #333333;font-weight: 600;color: #0059FF;">{{formatSecondToHour(learningDuration.data.total)}}</div>
+            <div v-if="learningDuration.field == 'months'" style="font-size: 18px;color: #333333;font-weight: 600;color: #0059FF;">{{formatSecondToHour(learningDuration.data.months)}}</div>
+            <div v-if="learningDuration.field == 'years'" style="font-size: 18px;color: #333333;font-weight: 600;color: #0059FF;">{{formatSecondToHour(learningDuration.data.years)}}</div>
+            <div v-if="learningDuration.field == 'weeks'" style="font-size: 18px;color: #333333;font-weight: 600;color: #0059FF;">{{formatSecondToHour(learningDuration.data.weeks)}}</div>
+          </div>
+        </div>
+      </div>
+    </div>
+
 
     <div class="page-ranking-col Duration">
-           <div class="exp-hear study-info">
-              <div class="exp-hear-text">
-                  学习天数排行榜
-                  <el-tooltip placement="top"  effect="light">
-                    <div slot="content">所有用户学习天数TOP排行榜单，每活跃学习1天可累计学习天数</div>
-                    <svg-icon style="margin-left: 14px;font-size:20px;padding-top: 4px;" icon-class="doubt"></svg-icon>
-                  </el-tooltip>
-                  <span class="exp-hear-textbor" style="background:#f1b48f !important"></span>
-             </div>
-              <div class="exp-hear-xiala">
-                 <el-dropdown trigger="click" @command="daysCommand">
+      <div class="exp-hear study-info">
+        <div class="exp-hear-text">
+          学习天数排行榜
+          <el-tooltip placement="top"  effect="light">
+            <div slot="content">所有用户学习天数TOP排行榜单，每活跃学习1天可累计学习天数</div>
+            <svg-icon style="margin-left: 14px;font-size:20px;padding-top: 4px;" icon-class="doubt"></svg-icon>
+          </el-tooltip>
+          <span class="exp-hear-textbor" style="background:#f1b48f !important"></span>
+        </div>
+        <div class="exp-hear-xiala">
+          <el-dropdown trigger="click" @command="daysCommand">
                     <span class="el-dropdown-link pointer">
                         {{learningDays.name}}<i class="el-icon-arrow-down el-icon--right"></i>
                     </span>
-                    <el-dropdown-menu slot="dropdown">
-                        <el-dropdown-item command="total">累计</el-dropdown-item>
-                        <!-- <el-dropdown-item command="weeks">本周</el-dropdown-item>
-                        <el-dropdown-item command="months">本月</el-dropdown-item>
-                        <el-dropdown-item command="years">本年</el-dropdown-item> -->
-                    </el-dropdown-menu>
-                </el-dropdown>
-              </div>
-          </div>
-          <div class="myselftext">
-             <div class="myranking">
-                 当前排名 :  <span> {{learningDaysTotalData.rankNo}}</span>
-             </div>
-             <div class="myexperience">
-                 累计学习天数 :  <span>{{learningDaysTotalData.rankValue}}</span>
-             </div>
-          </div>
-           <div class="exp-table" style="margin-top:20px;">
-             <div class="table-hear">
-                <div style="margin-left:5px">排名</div>
-                <div style="margin-left:5px">姓名</div>
-                <div style="margin-left:41%;">学习天数</div>
-             </div>
-             <div>
-            <div class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px" v-for="(day,inx) in learningDays.list" :key="day.id">
-                 <div class="tab-rank" >
-                    <img v-if="inx ==0" :src="`${webBaseUrl}/images/rank1.png`" alt=""/>
-                    <img v-if="inx ==1" :src="`${webBaseUrl}/images/rank2.png`" alt=""/>
-                    <img v-if="inx ==2" :src="`${webBaseUrl}/images/rank3.png`" alt=""/>
-                    <div v-if="inx >2" style="line-height: 40px;padding-left:15px;font-size: 16px;color: #333333;">{{inx+1}}</div>
-                </div>
-                 <div class="tab-name">
-                    <author-img :avatar="day.authorInfo.avatar" :aid="day.authorInfo.aid" :sex="day.authorInfo.sex"></author-img>
-                    <div>
-                        <span>{{day.authorInfo.name}}</span>
-                        <div class="tab-bm">{{cutOrgNamePath(day.authorInfo.orgInfo)}}</div>
-                    </div>
-                </div>
-
-                 <div class="jy tab-jy">
-                     <div v-if="learningDays.field == 'total'" style="font-size: 18px;color: #333333;font-weight: 600;">{{day.total}}</div>
-                     <div v-if="learningDays.field == 'weeks'" style="font-size: 18px;color: #333333;font-weight: 600;">{{day.weeks}}</div>
-                     <div v-if="learningDays.field == 'months'" style="font-size: 18px;color: #333333;font-weight: 600;">{{day.months}}</div>
-                     <div v-if="learningDays.field == 'years'" style="font-size: 18px;color: #333333;font-weight: 600;">{{day.years}}</div>
-                 </div>
-             </div>
-             </div>
-
-             <div v-if="learningDays.data.rankingNo>5" style="margin-top:20px;border-bottom: 1px solid #ddd;padding-bottom:40px">
-                 <div v-if="learningDays.data.rankingNo>5" class="omit">
-                     <div>.</div> <div>.</div> <div>.</div>
-                 </div>
-             </div>
-
-
-             <div v-if="learningDays.data.rankingNo>5" class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px">
-                 <div style="color: #0059FF;line-height: 40px;padding-left:14px;font-size: 16px;" class="tab-rank" >{{learningDays.data.rankingNo}}</div>
-                 <div class="tab-name" v-if="userInfo.aid">
-                    <author-img  :avatar="userInfo.avatar" :aid="userInfo.aid" :sex="userInfo.sex"></author-img>
-                    <div>
-                        <span style="color: #0059FF;">{{userInfo.name}}</span>
-                        <div class="tab-bm" style="color: #0059FF;">{{cutOrgNamePath(userInfo.departFullName)}}</div>
-                    </div>
-                </div>
-
-                 <div class="jy tab-jy">
-                     <div v-if="learningDays.field == 'total'" style="font-size: 18px;color: #333333;font-weight: 600;color: #0059FF;">{{learningDays.data.total}}</div>
-                     <div v-if="learningDays.field == 'weeks'" style="font-size: 18px;color: #333333;font-weight: 600;color: #0059FF;">{{learningDays.data.weeks}}</div>
-                     <div v-if="learningDays.field == 'months'" style="font-size: 18px;color: #333333;font-weight: 600;color: #0059FF;">{{learningDays.data.months}}</div>
-                     <div v-if="learningDays.field == 'years'" style="font-size: 18px;color: #333333;font-weight: 600;color: #0059FF;">{{learningDays.data.years}}</div>
-                 </div>
-             </div>
-          </div>
+            <el-dropdown-menu slot="dropdown">
+              <el-dropdown-item command="total">累计</el-dropdown-item>
+              <!-- <el-dropdown-item command="now">当前</el-dropdown-item> -->
+              <!-- <el-dropdown-item command="weeks">本周</el-dropdown-item>
+              <el-dropdown-item command="months">本月</el-dropdown-item>
+              <el-dropdown-item command="years">本年</el-dropdown-item> -->
+            </el-dropdown-menu>
+          </el-dropdown>
+        </div>
       </div>
+      <div class="myselftext">
+        <div class="myranking">
+          {{isStudyDay ? '当前' : '累计'}}排名 :  <span> {{learningDaysTotalData.rankNo}}</span>
+        </div>
+        <div class="myexperience">
+          {{isStudyDay ? '当前' : '累计'}}学习天数 :  <span>{{learningDaysTotalData.rankValue}}</span>
+        </div>
+      </div>
+      <div class="exp-table" style="margin-top:20px;">
+        <div class="table-hear">
+          <div style="margin-left:5px">排名</div>
+          <div style="margin-left:5px">姓名</div>
+          <div style="margin-left:41%;">学习天数</div>
+        </div>
+        <div>
+          <div class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px" v-for="(day,inx) in learningDays.list" :key="day.id">
+            <div class="tab-rank" >
+              <img v-if="inx ==0" :src="`${webBaseUrl}/images/rank1.png`" alt=""/>
+              <img v-if="inx ==1" :src="`${webBaseUrl}/images/rank2.png`" alt=""/>
+              <img v-if="inx ==2" :src="`${webBaseUrl}/images/rank3.png`" alt=""/>
+              <div v-if="inx >2" style="line-height: 40px;padding-left:15px;font-size: 16px;color: #333333;">{{inx+1}}</div>
+            </div>
+            <div class="tab-name">
+              <author-img :avatar="day.authorInfo.avatar" :aid="day.authorInfo.aid" :sex="day.authorInfo.sex"></author-img>
+              <div>
+                <span>{{day.authorInfo.name}}</span>
+                <div class="tab-bm">{{cutOrgNamePath(day.authorInfo.orgInfo)}}</div>
+              </div>
+            </div>
+
+            <div class="jy tab-jy">
+              <div v-if="learningDays.field == 'total'" style="font-size: 18px;color: #333333;font-weight: 600;">{{day.total}}</div>
+              <div v-if="learningDays.field == 'weeks'" style="font-size: 18px;color: #333333;font-weight: 600;">{{day.weeks}}</div>
+              <div v-if="learningDays.field == 'months'" style="font-size: 18px;color: #333333;font-weight: 600;">{{day.months}}</div>
+              <div v-if="learningDays.field == 'years'" style="font-size: 18px;color: #333333;font-weight: 600;">{{day.years}}</div>
+            </div>
+          </div>
+        </div>
+
+        <div v-if="learningDays.data.rankingNo>5" style="margin-top:20px;border-bottom: 1px solid #ddd;padding-bottom:40px">
+          <div v-if="learningDays.data.rankingNo>5" class="omit">
+            <div>.</div> <div>.</div> <div>.</div>
+          </div>
+        </div>
+
+
+        <div v-if="learningDays.data.rankingNo>5" class="table-hear" style="margin-top:40px;border-bottom: 1px solid #ddd;padding-bottom:20px">
+          <div style="color: #0059FF;line-height: 40px;padding-left:14px;font-size: 16px;" class="tab-rank" >{{learningDays.data.rankingNo}}</div>
+          <div class="tab-name" v-if="userInfo.aid">
+            <author-img  :avatar="userInfo.avatar" :aid="userInfo.aid" :sex="userInfo.sex"></author-img>
+            <div>
+              <span style="color: #0059FF;">{{userInfo.name}}</span>
+              <div class="tab-bm" style="color: #0059FF;">{{cutOrgNamePath(userInfo.departFullName)}}</div>
+            </div>
+          </div>
+
+          <div class="jy tab-jy">
+            <div v-if="learningDays.field == 'total'" style="font-size: 18px;color: #333333;font-weight: 600;color: #0059FF;">{{learningDays.data.total}}</div>
+            <div v-if="learningDays.field == 'weeks'" style="font-size: 18px;color: #333333;font-weight: 600;color: #0059FF;">{{learningDays.data.weeks}}</div>
+            <div v-if="learningDays.field == 'months'" style="font-size: 18px;color: #333333;font-weight: 600;color: #0059FF;">{{learningDays.data.months}}</div>
+            <div v-if="learningDays.field == 'years'" style="font-size: 18px;color: #333333;font-weight: 600;color: #0059FF;">{{learningDays.data.years}}</div>
+          </div>
+        </div>
+      </div>
+    </div>
 
 
 
@@ -283,65 +286,68 @@
 </template>
 
 <script>
-    import apiUser from "@/api/system/user.js";
-    import apiStat from '@/api/phase2/stat.js';
-    import { mapGetters } from 'vuex';
-    import authorImg from '@/components/Portal/authorImg.vue';
-    import {translate,experienceValue,formatSecondToHour,cutOrgNamePath} from "@/utils/tools.js";
+import apiUser from "@/api/system/user.js";
+import apiStat from '@/api/phase2/stat.js';
+import { mapGetters } from 'vuex';
+import authorImg from '@/components/Portal/authorImg.vue';
+import {translate,experienceValue,formatSecondToHour,cutOrgNamePath} from "@/utils/tools.js";
 export default {
-    computed: {
-      ...mapGetters(['userInfo']),
+  computed: {
+    ...mapGetters(['userInfo']),
 
-      },
-      components: {authorImg},
+  },
+  components: {authorImg},
   data(){
-      return{
-        experienceValue,
-        cutOrgNamePath:cutOrgNamePath,
-        current:{},
-        currentUserRankingTotalData:{
-          rankNo:0, // 经验值累计排名
-          rankValue:0 ,// 经验值累计,
-          endValue:0 // 累计经验值进度条最大值
+    return{
+      experienceValue,
+      cutOrgNamePath:cutOrgNamePath,
+      current:{},
+      currentUserRankingTotalData:{
+        rankNo:0, // 经验值累计排名
+        rankValue:0 ,// 经验值累计,
+        endValue:0 // 累计经验值进度条最大值
+      },
+      translate,
+      formatSecondToHour:formatSecondToHour,
+      experience:{
+        field:'now',
+        name:'当前',
+        data:{
+          rankingNo:0,
+          total:0
         },
-        translate,
-        formatSecondToHour:formatSecondToHour,
-        experience:{
-            field:'total',
-            name:'累计',
-            data:{
-                rankingNo:0,
-                total:0
-            },
-            list:[],
+        list:[],
+      },
+      learningDuration:{
+        field:'now',
+        name:'当前',
+        data:{
+          rankingNo:0,
+          total:0
         },
-        learningDuration:{
-            field:'total',
-            name:'累计',
-            data:{
-                rankingNo:0,
-                total:0
-            },
-            list:[],
+        list:[],
+      },
+      learningDurationTotalData:{
+        rankNo:0, // 学习时长累计排名
+        rankValue:0  // 累计学习时长
+      },
+      learningDaysTotalData:{
+        rankNo:0, // 学习天数累计排名
+        rankValue:0  // 累计学习天数
+      },
+      learningDays:{
+        field:'total',
+        name:'累计',
+        data:{
+          rankingNo:0,
+          total:0
         },
-        learningDurationTotalData:{
-          rankNo:0, // 学习时长累计排名
-          rankValue:0  // 累计学习时长
-        },
-        learningDaysTotalData:{
-          rankNo:0, // 学习天数累计排名
-          rankValue:0  // 累计学习天数
-        },
-        learningDays:{
-            field:'total',
-            name:'累计',
-            data:{
-                rankingNo:0,
-                total:0
-            },
-            list:[],
-        }
-      }
+        list:[],
+      },
+      isNow: false,
+      isStudyTime: false,
+      isStudyDay: false,
+    }
   },
   mounted() {
     this.getExperience();
@@ -352,383 +358,458 @@ export default {
 
     // 经验值排行榜（下拉框事件）
     experienceCommand(e) {
-        this.experience.field = e;
-        this.experience.name = this.translate(e)
-        this.getExperience();
+      this.isNow = false
+      this.experience.field = e;
+      this.experience.name = this.translate(e)
+      this.getExperience();
     },
     // 学习时长（下拉框事件）
     durationCommand(e) {
-        this.learningDuration.field = e;
-        this.learningDuration.name = this.translate(e)
-        this.getDuration();
+      this.isStudyTime = false
+      this.learningDuration.field = e;
+      this.learningDuration.name = this.translate(e)
+      this.getDuration();
     },
     // 学习天数（下拉框事件）
     daysCommand(e) {
-        this.learningDays.field = e;
-        this.learningDays.name = this.translate(e)
-        this.getDays();
+      this.isStudyDay = false
+      this.learningDays.field = e;
+      this.learningDays.name = this.translate(e)
+      this.getDays();
     },
     getExperience() {//经验值
-  let data = {
-      aid:this.userInfo.aid,// #用户id
-      statType:20, // #统计类型  10学习时长 11 学习天数 20表经验值 30表u币 40表获取天数
-      field:this.experience.field,// #统计周期 todays-当天,weeks-周,months-月,years-年 total-总计
-      num:5,//  #显示的条数
-  }
-  apiStat.getRanking(data).then(res=>{
-      if(res.status==200){
+      let data = {
+        aid:this.userInfo.aid,// #用户id
+        statType:21, // #统计类型  10学习时长 11 学习天数 20表经验值 30表u币 40表获取天数
+        field:this.experience.field,// #统计周期 todays-当天,weeks-周,months-月,years-年 total-总计
+        num:10,//  #显示的条数
+      }
+      if(data.field == 'now'){
+        data.statType = 20
+        data.field = 'total'
+        this.experience.field = 'total'
+        this.isNow = true
+      }
+      apiStat.getRanking(data).then(res=>{
+        if(res.status==200){
           if(res.result.currentUserRankingData) {
-              res.result.currentUserRankingData.authorInfo={
-                  aid: "",
-                  name: "",
-                  orgInfo: "",
-                  avatar: "",
-                  sex: null
-              }
-              this.getUserData([res.result.currentUserRankingData.aid],[res.result.currentUserRankingData])
-              this.experience.data = res.result.currentUserRankingData;
-              if(this.experience.field == 'total') {
-                this.current = this.experienceValue(res.result.currentUserRankingData.total);
-                this.currentUserRankingTotalData.rankNo = res.result.currentUserRankingData.rankingNo;
-                this.currentUserRankingTotalData.rankValue = res.result.currentUserRankingData.total;
-                this.currentUserRankingTotalData.endValue = this.current.endValue;
-              }
-          }
-          this.current.total=res.result.currentUserRankingData.total;//当前用户的经验值是固定的
-         const ids= [];
-         res.result.rankingData.forEach(item=>{
-          ids.push(item.aid)
-          item.authorInfo = {
+            res.result.currentUserRankingData.authorInfo={
               aid: "",
               name: "",
               orgInfo: "",
               avatar: "",
               sex: null
+            }
+            this.getUserData([res.result.currentUserRankingData.aid],[res.result.currentUserRankingData])
+            this.experience.data = res.result.currentUserRankingData;
+            if(this.experience.field == 'total') {
+              this.current = this.experienceValue(res.result.currentUserRankingData.total);
+              this.currentUserRankingTotalData.rankNo = res.result.currentUserRankingData.rankingNo;
+              this.currentUserRankingTotalData.rankValue = res.result.currentUserRankingData.total;
+              this.currentUserRankingTotalData.endValue = this.current.endValue;
+            }
           }
-         })
-         this.getUserData(ids,res.result.rankingData)
-         this.experience.list = res.result.rankingData;
-      }
-  })
+          this.current.total=res.result.currentUserRankingData.total;//当前用户的经验值是固定的
+          const ids= [];
+          res.result.rankingData.forEach(item=>{
+            ids.push(item.aid)
+            item.authorInfo = {
+              aid: "",
+              name: "",
+              orgInfo: "",
+              avatar: "",
+              sex: null
+            }
+          })
+          // this.getUserData(ids,res.result.rankingData)
+          const noReapetIds = [...new Set(ids)];
+          apiUser.getByIds(noReapetIds).then(rs => {
+            if (rs.status == 200) {
+              const listData = []
+              rs.result.forEach((item, index) => {
+                res.result.rankingData.forEach(author => {
+                  if (author.aid == item.aid) {
+                    author.authorInfo = item;
+                    listData.push(author)
+                  }
+                });
+              });
+              this.experience.list = listData.sort((a,b)=>{
+                return b.total-a.total
+              }).slice(0,5);
+            } else {
+              this.$message.error(res.message);
+            }
+          });
+        }
+      })
     },
     getDuration() {//学习时长
       let data = {
-          aid:this.userInfo.aid,// #用户id
-          statType:10, // #统计类型  10学习时长 11 学习天数 20表经验值 30表u币 40表获取天数
-          field:this.learningDuration.field,// #统计周期 todays-当天,weeks-周,months-月,years-年 total-总计
-          num:5,//  #显示的条数
+        aid:this.userInfo.aid,// #用户id
+        statType:12, // #统计类型  10学习时长 11 学习天数 20表经验值 30表u币 40表获取天数
+        field:this.learningDuration.field,// #统计周期 todays-当天,weeks-周,months-月,years-年 total-总计
+        num:10,//  #显示的条数
+      }
+      if(data.field == 'now'){
+        data.statType = 10
+        data.field = 'total'
+        this.learningDuration.field = 'total'
+        this.isStudyTime = true
       }
       apiStat.getRanking(data).then(res=>{
-          if(res.status==200){
-              if(res.result.currentUserRankingData) {
-                  res.result.currentUserRankingData.authorInfo={
-                      aid: "",
-                      name: "",
-                      orgInfo: "",
-                      avatar: "",
-                      sex: null
-                  }
-                  this.getUserData([res.result.currentUserRankingData.aid],[res.result.currentUserRankingData])
-                  this.learningDuration.data = res.result.currentUserRankingData;
-                  if(data.field == 'total'){
-                    this.learningDurationTotalData.rankNo = res.result.currentUserRankingData.rankingNo;
-                    this.learningDurationTotalData.rankValue = res.result.currentUserRankingData.total;
-                  }
-              }
-
-
-             const ids= [];
-             res.result.rankingData.forEach(item=>{
-              ids.push(item.aid)
-              item.authorInfo = {
-                  aid: "",
-                  name: "",
-                  orgInfo: "",
-                  avatar: "",
-                  sex: null
-              }
-             })
-             this.getUserData(ids,res.result.rankingData)
-             this.learningDuration.list = res.result.rankingData;
+        if(res.status==200){
+          if(res.result.currentUserRankingData) {
+            res.result.currentUserRankingData.authorInfo={
+              aid: "",
+              name: "",
+              orgInfo: "",
+              avatar: "",
+              sex: null
+            }
+            this.getUserData([res.result.currentUserRankingData.aid],[res.result.currentUserRankingData])
+            this.learningDuration.data = res.result.currentUserRankingData;
+            if(data.field == 'total'){
+              this.learningDurationTotalData.rankNo = res.result.currentUserRankingData.rankingNo;
+              this.learningDurationTotalData.rankValue = res.result.currentUserRankingData.total;
+            }
           }
+
+
+          const ids= [];
+          res.result.rankingData.forEach(item=>{
+            ids.push(item.aid)
+            item.authorInfo = {
+              aid: "",
+              name: "",
+              orgInfo: "",
+              avatar: "",
+              sex: null
+            }
+          })
+          // this.getUserData(ids,res.result.rankingData)
+          const noReapetIds = [...new Set(ids)];
+          apiUser.getByIds(noReapetIds).then(rs => {
+            if (rs.status == 200) {
+              const listData = []
+              rs.result.forEach((item, index) => {
+                res.result.rankingData.forEach(author => {
+                  if (author.aid == item.aid) {
+                    author.authorInfo = item;
+                    listData.push(author)
+                  }
+                });
+              });
+              this.learningDuration.list = listData.sort((a,b)=>{
+                return b.total-a.total
+              }).slice(0,5);
+            } else {
+              this.$message.error(res.message);
+            }
+          });
+        }
       })
     },
     //学习天数
     getDays() {
       let data = {
-          aid:this.userInfo.aid,// #用户id
-          statType:11, // #统计类型  10学习时长 11 学习天数 20表经验值 30表u币 40表获取天数
-          field:this.learningDays.field,// #统计周期 todays-当天,weeks-周,months-月,years-年 total-总计
-          num:5,//  #显示的条数
+        aid:this.userInfo.aid,// #用户id
+        statType:11, // #统计类型  10学习时长 11 学习天数 20表经验值 30表u币 40表获取天数
+        field:this.learningDays.field,// #统计周期 todays-当天,weeks-周,months-月,years-年 total-总计
+        num:10,//  #显示的条数
+      }
+      if(data.field == 'now'){
+        data.statType = 13
+        data.field = 'total'
+        this.learningDays.field = 'total'
+        this.isStudyDay = true
       }
       apiStat.getRanking(data).then(res=>{
-          if(res.status==200){
-              if(res.result.currentUserRankingData) {
-                  res.result.currentUserRankingData.authorInfo={
-                      aid: "",
-                      name: "",
-                      orgInfo: "",
-                      avatar: "",
-                      sex: null
-                  }
-                  this.getUserData([res.result.currentUserRankingData.aid],[res.result.currentUserRankingData]);
-                  this.learningDays.data = res.result.currentUserRankingData;
-                  if(data.field == 'total'){
-                    this.learningDaysTotalData.rankNo = res.result.currentUserRankingData.rankingNo;
-                    this.learningDaysTotalData.rankValue = res.result.currentUserRankingData.total;
-                  }
-              }
-
-             const ids= [];
-             res.result.rankingData.forEach(item=>{
-              ids.push(item.aid)
-              item.authorInfo = {
-                  aid: "",
-                  name: "",
-                  orgInfo: "",
-                  avatar: "",
-                  sex: null
-              }
-             })
-             this.getUserData(ids,res.result.rankingData)
-             this.learningDays.list = res.result.rankingData;
+        if(res.status==200){
+          if(res.result.currentUserRankingData) {
+            res.result.currentUserRankingData.authorInfo={
+              aid: "",
+              name: "",
+              orgInfo: "",
+              avatar: "",
+              sex: null
+            }
+            this.getUserData([res.result.currentUserRankingData.aid],[res.result.currentUserRankingData]);
+            this.learningDays.data = res.result.currentUserRankingData;
+            if(data.field == 'total'){
+              this.learningDaysTotalData.rankNo = res.result.currentUserRankingData.rankingNo;
+              this.learningDaysTotalData.rankValue = res.result.currentUserRankingData.total;
+            }
           }
+
+          const ids= [];
+          res.result.rankingData.forEach(item=>{
+            ids.push(item.aid)
+            item.authorInfo = {
+              aid: "",
+              name: "",
+              orgInfo: "",
+              avatar: "",
+              sex: null
+            }
+          })
+          // this.getUserData(ids,res.result.rankingData)
+          const noReapetIds = [...new Set(ids)];
+          apiUser.getByIds(noReapetIds).then(rs => {
+            if (rs.status == 200) {
+              const listData = []
+              rs.result.forEach((item, index) => {
+                res.result.rankingData.forEach(author => {
+                  if (author.aid == item.aid) {
+                    author.authorInfo = item;
+                    listData.push(author)
+                  }
+                });
+              });
+              this.learningDays.list = listData.sort((a,b)=>{
+                return b.total-a.total
+              }).slice(0,5);
+            } else {
+              this.$message.error(res.message);
+            }
+          });
+        }
       })
     },
     getUserData(ids,list) {
-                const noReapetIds = [...new Set(ids)];
-                apiUser.getByIds(noReapetIds).then(res => {
-                    if (res.status == 200) {
-                        list.forEach((item, index) => {
-                            res.result.some(author => {
-                            if (author.aid == item.aid) {
-                                item.authorInfo = author;
-                                return true;
-                            } else {
-                                return false;
-                            }
-                        });
-                    });
-                    } else {
-                    this.$message.error(res.message);
-                    }
-                });
+      const noReapetIds = [...new Set(ids)];
+      apiUser.getByIds(noReapetIds).then(res => {
+        if (res.status == 200) {
+          list.forEach((item, index) => {
+            res.result.some(author => {
+              if (author.aid == item.aid) {
+                item.authorInfo = author;
+                return true;
+              } else {
+                return false;
+              }
+            });
+          });
+        } else {
+          this.$message.error(res.message);
+        }
+      });
     },
-}
+  }
 }
 </script>
 
 <style lang="scss" scoped>
-  //只是控制布局
-  .page-ranking{
-    padding:15px 18px;
-    display:flex;
-    overflow-x: auto;
-  }
-  ::v-deep .el-dropdown-menu__item:not(.is-disabled):hover{
-        background-color: #fff !important;
-        color: #0059FF !important;
-    }
-  ::v-deep.el-dropdown-menu {
-      border: none !important;
-  }
-  .page-ranking-col{
-     min-width: 430px;
-     //padding-right:30px;
-     padding-right: 5%;
-  }
+//只是控制布局
+.page-ranking{
+  padding:15px 18px;
+  display:flex;
+  overflow-x: auto;
+}
+::v-deep .el-dropdown-menu__item:not(.is-disabled):hover{
+  background-color: #fff !important;
+  color: #0059FF !important;
+}
+::v-deep.el-dropdown-menu {
+  border: none !important;
+}
+.page-ranking-col{
+  min-width: 430px;
+  //padding-right:30px;
+  padding-right: 5%;
+}
 
 .omit{
   padding-left: 13px;
   div{
-      font-size: 30px;
-      line-height: 10px;
-      color: #D8D8D8;
+    font-size: 30px;
+    line-height: 10px;
+    color: #D8D8D8;
   }
 }
 .exp-table{
-      //width: 100%;
-      padding-left: 25px;
-      padding-right: 10px;
-      .table-hear{
-         display: flex;
-        div{
-        //  margin-right: 13%;
-         min-width: 60px;
-         font-size: 14px;
-         font-weight: 400;
-         color: #999999;
-       }
-      .bm{
-        //   flex: 1;
-          margin-left: 46%;
-        // float: right;
-      }
-      .jy{
-          margin-left: auto;
-          text-align: right;
-          margin-right: 0;
-          text-align: center;
-      }
-      }
-
-
-  }
- .myselftext{
-      height: 75px;
-      padding: 0 25px;
-      width: 100%;
-      display: flex;
-      justify-content: space-between;
-      .myranking{
-        //   flex: 1;
-          line-height: 75px;
-          font-size: 14px;
-          font-weight: 400;
-          color: #666666;
-          span{
-              color: #333;
-              font-weight: 600;
-              font-size: 18px;
-          }
-      }
-      .myexperience{
-        //   text-align: right;
-          line-height: 75px;
-        //   margin-left: auto;
-          font-size: 14px;
-          font-weight: 400;
-          color: #666666;
-          span{
-              color: #333;
-              font-weight: 600;
-              font-size: 18px;
-          }
-      }
-  }
-.tab-jy{
-    padding-top: 10px;
-    padding-right: 10px;
+  //width: 100%;
+  padding-left: 25px;
+  padding-right: 10px;
+  .table-hear{
+    display: flex;
     div{
-        line-height: 28px;
-        width: 70px;
-        text-align: center;
-        font-size: 18px;
-        color: #333333;
-        font-weight: 600;
-        height: 28px;
-        background: #F7F8FA;
-        border-radius: 14px;
+      //  margin-right: 13%;
+      min-width: 60px;
+      font-size: 14px;
+      font-weight: 400;
+      color: #999999;
     }
+    .bm{
+      //   flex: 1;
+      margin-left: 46%;
+      // float: right;
+    }
+    .jy{
+      margin-left: auto;
+      text-align: right;
+      margin-right: 0;
+      text-align: center;
+    }
+  }
+
+
+}
+.myselftext{
+  height: 75px;
+  padding: 0 25px;
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  .myranking{
+    //   flex: 1;
+    line-height: 75px;
+    font-size: 14px;
+    font-weight: 400;
+    color: #666666;
+    span{
+      color: #333;
+      font-weight: 600;
+      font-size: 18px;
+    }
+  }
+  .myexperience{
+    //   text-align: right;
+    line-height: 75px;
+    //   margin-left: auto;
+    font-size: 14px;
+    font-weight: 400;
+    color: #666666;
+    span{
+      color: #333;
+      font-weight: 600;
+      font-size: 18px;
+    }
+  }
+}
+.tab-jy{
+  padding-top: 10px;
+  padding-right: 10px;
+  div{
+    line-height: 28px;
+    width: 70px;
+    text-align: center;
+    font-size: 18px;
+    color: #333333;
+    font-weight: 600;
+    height: 28px;
+    background: #F7F8FA;
+    border-radius: 14px;
+  }
 }
 .tab-bm{
-    font-size: 12px !important;
-    color: #666666;
-    margin-top: 7px;
+  font-size: 12px !important;
+  color: #666666;
+  margin-top: 7px;
 }
 .exp-table .table-hear div{
-    min-width: 65px !important;
+  min-width: 65px !important;
 }
 .tab-name{
-    min-width: 65px;
-    display: flex;
-    ::v-deep .item-author{
-        min-width: 54px !important;
-    }
-    img{
-        width: 40px;
-        height: 40px;
-        vertical-align: middle;
-    }
-    span{
-        color: #333333;
-        font-size: 14px;
-        font-weight: 600;
-    }
+  min-width: 65px;
+  display: flex;
+  ::v-deep .item-author{
+    min-width: 54px !important;
+  }
+  img{
+    width: 40px;
+    height: 40px;
+    vertical-align: middle;
+  }
+  span{
+    color: #333333;
+    font-size: 14px;
+    font-weight: 600;
+  }
 
 }
 .tab-rank{
-    width: 54px;
-    img{
-         width: 40px;
-         height: 40px;
+  width: 54px;
+  img{
+    width: 40px;
+    height: 40px;
 
-    }
+  }
 }
 .experience{
   .exp-hear{
-      //width: 100%;
-      height: 65px;
-      background: url('../../../public/images/expbg.png') no-repeat 100% / 100%;
-      .exp-hear-text{
-          float: left;
-          line-height: 65px;
-          margin-left: 25px;
-          font-size: 18px;
-          font-weight: 600;
-          color: #333333;
-          position: relative;
-          z-index: 888;
-          .exp-hear-textbor{
-            width: 108px;
-            height: 10px;
-            background: #9CC7FC;
-            border-radius: 9px;
-            display: inline-block;
-            position: absolute;
-            left: 0;
-            z-index: -1;
-            top: 60%;
-          }
-      }
-      .exp-hear-xiala{
-          line-height: 65px;
-          float: right;
-          margin-right: 15px;
+    //width: 100%;
+    height: 65px;
+    background: url('../../../public/images/expbg.png') no-repeat 100% / 100%;
+    .exp-hear-text{
+      float: left;
+      line-height: 65px;
+      margin-left: 25px;
+      font-size: 18px;
+      font-weight: 600;
+      color: #333333;
+      position: relative;
+      z-index: 888;
+      .exp-hear-textbor{
+        width: 108px;
+        height: 10px;
+        background: #9CC7FC;
+        border-radius: 9px;
+        display: inline-block;
+        position: absolute;
+        left: 0;
+        z-index: -1;
+        top: 60%;
       }
+    }
+    .exp-hear-xiala{
+      line-height: 65px;
+      float: right;
+      margin-right: 15px;
+    }
 
   }
 
   .exp-bar{
+    //width: 100%;
+    h6{
+      font-size: 14px;
+      color: #666666;
+      font-weight: 600;
+      margin: 0;
+      margin-left: 50px;
+    }
+    .exp-barname{
       //width: 100%;
-      h6{
-           font-size: 14px;
-            color: #666666;
-            font-weight: 600;
-            margin: 0;
-            margin-left: 50px;
-     }
-     .exp-barname{
-         //width: 100%;
-         padding: 20px 35px;
-         display: flex;
-         span{
-             flex: 1;
-         }
-     }
-     .exp-barbox{
-         //width: 100%;
-         height: 8px;
-        //  background: #ECF1FE;
-         border-radius: 6px;
-         margin-left: 25px;
-         margin-top: 3px;
-         position: relative;
-         z-index: 1;
-         ::v-deep .el-progress__text{
-            display: none;
-         }
-         .exp-bar-cont{
-             width: 230px;
-             height: 6px;
-             background: #0059FF;
-             border-radius: 6px;
-             opacity: 0.56;
-             position: absolute;
-             left: 0;
-             z-index: 999;
-         }
-     }
+      padding: 20px 35px;
+      display: flex;
+      span{
+        flex: 1;
+      }
+    }
+    .exp-barbox{
+      //width: 100%;
+      height: 8px;
+      //  background: #ECF1FE;
+      border-radius: 6px;
+      margin-left: 25px;
+      margin-top: 3px;
+      position: relative;
+      z-index: 1;
+      ::v-deep .el-progress__text{
+        display: none;
+      }
+      .exp-bar-cont{
+        width: 230px;
+        height: 6px;
+        background: #0059FF;
+        border-radius: 6px;
+        opacity: 0.56;
+        position: absolute;
+        left: 0;
+        z-index: 999;
+      }
+    }
 
 
   }
@@ -736,39 +817,39 @@ export default {
 .Duration{
 
   .study-info{
-      height: 62px !important;
-      background: url('../../../public/images/study-info.png') no-repeat 100% / 100% !important;
+    height: 62px !important;
+    background: url('../../../public/images/study-info.png') no-repeat 100% / 100% !important;
   }
   .exp-hear{
-      //width: 100%;
-      height: 62px;
-      background: url('../../../public/images/Durbg.png') no-repeat 100% / 100%;
-      .exp-hear-text{
-          float: left;
-          line-height: 62px;
-          margin-left: 25px;
-          font-size: 18px;
-          font-weight: 600;
-          color: #333333;
-          position: relative;
-          z-index: 888;
-          .exp-hear-textbor{
-            width: 130px;
-            height: 10px;
-            background: #FDAFB3 ;
-            border-radius: 9px;
-            display: inline-block;
-            position: absolute;
-            left: 0;
-            z-index: -1;
-            top: 60%;
-          }
-      }
-      .exp-hear-xiala{
-          line-height: 65px;
-          float: right;
-          margin-right: 15px;
+    //width: 100%;
+    height: 62px;
+    background: url('../../../public/images/Durbg.png') no-repeat 100% / 100%;
+    .exp-hear-text{
+      float: left;
+      line-height: 62px;
+      margin-left: 25px;
+      font-size: 18px;
+      font-weight: 600;
+      color: #333333;
+      position: relative;
+      z-index: 888;
+      .exp-hear-textbor{
+        width: 130px;
+        height: 10px;
+        background: #FDAFB3 ;
+        border-radius: 9px;
+        display: inline-block;
+        position: absolute;
+        left: 0;
+        z-index: -1;
+        top: 60%;
       }
+    }
+    .exp-hear-xiala{
+      line-height: 65px;
+      float: right;
+      margin-right: 15px;
+    }
 
   }
 }