Compare commits
162 Commits
master_new
...
250702-add
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
12c1bdb1a8 | ||
|
|
df0e1ad0ed | ||
|
|
ea54ea2c20 | ||
|
|
5fe9d2eb96 | ||
|
|
b6562e5c9c | ||
|
|
a0dcd27f8c | ||
|
|
8bc2bc96a8 | ||
|
|
ab2ac961f5 | ||
|
|
6727dd838b | ||
|
|
28aa639e1c | ||
|
|
05d48f5313 | ||
|
|
7a67aca620 | ||
|
|
a810da8978 | ||
|
|
b4538150df | ||
|
|
e79abe7aee | ||
|
|
65dfa4f0e3 | ||
|
|
4784b02ca4 | ||
|
|
45e006a4e7 | ||
|
|
577357ccd0 | ||
|
|
f92954aa6b | ||
|
|
d59b5a9e06 | ||
|
|
4be009a6d8 | ||
|
|
b5f01c6357 | ||
|
|
78cbb21155 | ||
|
|
adc33e5892 | ||
|
|
a9de4ad77c | ||
|
|
a3c85cbd19 | ||
|
|
9a6727e52f | ||
|
|
7cee4b5ad1 | ||
|
|
c3b5f1baf0 | ||
|
|
213990a7b0 | ||
|
|
505e3ce00c | ||
|
|
ff908554fd | ||
|
|
e031dcd935 | ||
|
|
2139e15813 | ||
|
|
8497deea52 | ||
|
|
8746904cb9 | ||
|
|
213e5abce3 | ||
|
|
dc7f942303 | ||
|
|
4c1c370879 | ||
|
|
ffbc4ef808 | ||
|
|
5936183912 | ||
|
|
702881c100 | ||
|
|
b0229f6cde | ||
|
|
9c6c1708fc | ||
|
|
b67d7f4311 | ||
|
|
c5e54f0170 | ||
|
|
5c5a71ec55 | ||
|
|
b6a3a32412 | ||
|
|
d6fd44830b | ||
|
|
d01fd6f07b | ||
|
|
f9e332ab7c | ||
|
|
0989360183 | ||
|
|
5e31f7d1a8 | ||
|
|
eaa7f04cd6 | ||
|
|
0d7a2ad353 | ||
|
|
9d9d663591 | ||
|
|
90b53a54b2 | ||
|
|
b89a8266e5 | ||
|
|
49137387f6 | ||
|
|
812c09d65c | ||
|
|
57a87db016 | ||
|
|
2536fca503 | ||
|
|
047b1f9bae | ||
|
|
7162d329ee | ||
|
|
d7d80e8244 | ||
|
|
af208d0a6d | ||
|
|
713f258c14 | ||
|
|
def3892edc | ||
|
|
51a8da4bdb | ||
|
|
6536e36857 | ||
|
|
1bf9398177 | ||
|
|
a5333952c9 | ||
|
|
127f191776 | ||
|
|
e9b9a14b69 | ||
|
|
11a1065df9 | ||
|
|
001452fa2e | ||
|
|
988a7a1e17 | ||
|
|
7fed1a3991 | ||
|
|
5448a9724d | ||
|
|
23928a0865 | ||
|
|
797c08d8fc | ||
|
|
a8d44d0169 | ||
|
|
567bed812b | ||
|
|
2e0fe475f2 | ||
|
|
04ecf6a971 | ||
|
|
5381416a05 | ||
|
|
216141dbd3 | ||
|
|
1dad88c59b | ||
|
|
0f3c53cb31 | ||
|
|
1f4416e9b1 | ||
|
|
2ffe9c1872 | ||
|
|
e74f14baa0 | ||
|
|
aa0fcf6ff0 | ||
|
|
9fba452d2d | ||
|
|
d33e27b3d0 | ||
|
|
3d3f2ebc6e | ||
|
|
b679502553 | ||
|
|
d027a4c56a | ||
|
|
c6b2c46311 | ||
|
|
181892de67 | ||
|
|
a2809f5347 | ||
|
|
609902aeb8 | ||
|
|
6399aa3352 | ||
|
|
23ffd002a7 | ||
|
|
96e0c0fb70 | ||
|
|
6382f6b04d | ||
|
|
4d783ce94d | ||
|
|
b686a9e2a2 | ||
|
|
b52ad264da | ||
|
|
511b3179f6 | ||
|
|
cc48f52fea | ||
|
|
5f230a6543 | ||
|
|
a78f6a0152 | ||
|
|
7c20a11687 | ||
|
|
5b5d73c905 | ||
|
|
09f06b1679 | ||
|
|
c0562c41c0 | ||
|
|
24a34fa779 | ||
|
|
987f69dc64 | ||
|
|
15e15ae5d2 | ||
|
|
5126636193 | ||
|
|
4dd02dcbc6 | ||
|
|
2456cf72ed | ||
|
|
315b01999d | ||
|
|
2b45e63c54 | ||
|
|
1927b5b67f | ||
|
|
1843c9e6aa | ||
|
|
ca25bd9d76 | ||
|
|
091c09204f | ||
|
|
31be7b053e | ||
|
|
178431e7df | ||
|
|
efbf778d80 | ||
|
|
14fdadcec3 | ||
|
|
33feddbe3a | ||
|
|
7756c28679 | ||
|
|
bb45487264 | ||
|
|
df77e5c7dc | ||
|
|
b22dc4539a | ||
|
|
db024ebc2a | ||
|
|
5e7580a936 | ||
|
|
00d272c3d0 | ||
|
|
398bbc675b | ||
|
|
d0a6807d2c | ||
|
|
f01283f530 | ||
|
|
b9ec8ed534 | ||
|
|
5f9da5cf03 | ||
|
|
1b3064f2ab | ||
|
|
24be910b83 | ||
|
|
6153daa98a | ||
|
|
c5f6f5c83e | ||
|
|
4d0cae9346 | ||
|
|
5be181df8c | ||
|
|
67f2ff3e86 | ||
|
|
3588ef3e67 | ||
|
|
7fab8bb062 | ||
|
|
977af999a3 | ||
|
|
cc0362380e | ||
|
|
45027ca77e | ||
|
|
83838b2c1a | ||
|
|
acbacac737 | ||
|
|
6b6e8a4096 |
@@ -41,6 +41,7 @@ VUE_APP_PUBLIC_PATH='/pc'
|
|||||||
VUE_APP_MANAGER_PATH='/manage'
|
VUE_APP_MANAGER_PATH='/manage'
|
||||||
VUE_APP_STUDENT_PATH='/fe-student'
|
VUE_APP_STUDENT_PATH='/fe-student'
|
||||||
VUE_APP_MANAGER_API_PATH='/manageApi'
|
VUE_APP_MANAGER_API_PATH='/manageApi'
|
||||||
|
VUE_APP_GROWTH_API_PATH=''
|
||||||
|
|
||||||
# 路由懒加载
|
# 路由懒加载
|
||||||
VUE_CLI_BABEL_TRANSPILE_MODULES = true
|
VUE_CLI_BABEL_TRANSPILE_MODULES = true
|
||||||
|
|||||||
@@ -37,6 +37,7 @@ VUE_APP_PUBLIC_PATH='/pc-release'
|
|||||||
VUE_APP_MANAGER_PATH='/manage-release'
|
VUE_APP_MANAGER_PATH='/manage-release'
|
||||||
VUE_APP_STUDENT_PATH='/fe-student-release'
|
VUE_APP_STUDENT_PATH='/fe-student-release'
|
||||||
VUE_APP_MANAGER_API_PATH='/manageApi-release'
|
VUE_APP_MANAGER_API_PATH='/manageApi-release'
|
||||||
|
VUE_APP_GROWTH_API_PATH='/growth'
|
||||||
|
|
||||||
# 登录地址
|
# 登录地址
|
||||||
VUE_APP_LOGIN_URL='https://u.boe.com/web-release/'
|
VUE_APP_LOGIN_URL='https://u.boe.com/web-release/'
|
||||||
|
|||||||
@@ -37,6 +37,7 @@ VUE_APP_PUBLIC_PATH='/pc'
|
|||||||
VUE_APP_MANAGER_PATH='/manage'
|
VUE_APP_MANAGER_PATH='/manage'
|
||||||
VUE_APP_STUDENT_PATH='/fe-student'
|
VUE_APP_STUDENT_PATH='/fe-student'
|
||||||
VUE_APP_MANAGER_API_PATH='/manageApi'
|
VUE_APP_MANAGER_API_PATH='/manageApi'
|
||||||
|
VUE_APP_GROWTH_API_PATH='/growth'
|
||||||
|
|
||||||
# 登录地址
|
# 登录地址
|
||||||
VUE_APP_LOGIN_URL='https://u.boe.com/web/'
|
VUE_APP_LOGIN_URL='https://u.boe.com/web/'
|
||||||
|
|||||||
@@ -36,6 +36,7 @@ VUE_APP_PUBLIC_PATH='/pc'
|
|||||||
VUE_APP_MANAGER_PATH='/manage'
|
VUE_APP_MANAGER_PATH='/manage'
|
||||||
VUE_APP_STUDENT_PATH='/fe-student'
|
VUE_APP_STUDENT_PATH='/fe-student'
|
||||||
VUE_APP_MANAGER_API_PATH='/manageApi'
|
VUE_APP_MANAGER_API_PATH='/manageApi'
|
||||||
|
VUE_APP_GROWTH_API_PATH='/growth'
|
||||||
|
|
||||||
# 登录地址
|
# 登录地址
|
||||||
VUE_APP_LOGIN_URL='https://u-pre.boe.com/web/'
|
VUE_APP_LOGIN_URL='https://u-pre.boe.com/web/'
|
||||||
|
|||||||
16369
package-lock.json
generated
@@ -16,9 +16,9 @@
|
|||||||
<meta name="referrer" content="strict-origin-when-cross-origin"/>
|
<meta name="referrer" content="strict-origin-when-cross-origin"/>
|
||||||
<link rel="icon" href="<%= BASE_URL %>logo/favicon.ico">
|
<link rel="icon" href="<%= BASE_URL %>logo/favicon.ico">
|
||||||
<title>京东方大学堂</title>
|
<title>京东方大学堂</title>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
||||||
// if(window.top != window.self){
|
// if(window.top != window.self){
|
||||||
// window.top.location=window.self.location;
|
// window.top.location=window.self.location;
|
||||||
// }
|
// }
|
||||||
|
|||||||
@@ -1,5 +1,6 @@
|
|||||||
/**我的授课记录*/
|
/**我的授课记录*/
|
||||||
import ajax from '@/api/boe/boeApiAjax.js'
|
import ajax from '@/api/boe/boeApiAjax.js'
|
||||||
|
import ajax2 from '@/api/unionAjax.js'
|
||||||
import axios from 'axios'
|
import axios from 'axios'
|
||||||
import { getToken } from '@/utils/token'
|
import { getToken } from '@/utils/token'
|
||||||
const baseURL = process.env.VUE_APP_BOE_BASE_API;
|
const baseURL = process.env.VUE_APP_BOE_BASE_API;
|
||||||
@@ -60,13 +61,63 @@ const exportStudentOfTearcher = function(userId) {
|
|||||||
const courseRecordList = function(data) {
|
const courseRecordList = function(data) {
|
||||||
return ajax.postJson('/b1/system/teacher/teacher-course-list',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}&pageNo=${data.pageNo}&pageSize=${data.pageSize}`);
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 导出授课记录
|
||||||
|
*
|
||||||
|
* @param {Object} data
|
||||||
|
*/
|
||||||
|
const courseRecordExport2 = function(data) {
|
||||||
|
return axios.request({
|
||||||
|
baseURL: "/manageApi",
|
||||||
|
url: '/admin/export/exportInTeacherRecord',
|
||||||
|
method: 'get',
|
||||||
|
data:data,
|
||||||
|
headers:{'Content-Type':'application/json;charset=utf-8'},
|
||||||
|
responseType: 'blob'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 导出课程下的学员信息
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
const exportStudentOfCourse2 = function(courseId,courseType) {
|
||||||
|
return axios.request({
|
||||||
|
baseURL: "/manageApi",
|
||||||
|
url: '/admin/export/exportTeacherRecordStudentInfo?courseId='+courseId+'&courseType='+courseType,
|
||||||
|
method: 'get'
|
||||||
|
// headers:{'Content-Type':'application/json;charset=utf-8'},
|
||||||
|
// responseType: 'blob'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 导出教师下的所有授课记录下的学员信息
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
const exportStudentOfTearcher2 = function(userId) {
|
||||||
|
return axios.request({
|
||||||
|
baseURL: "/manageApi",
|
||||||
|
url: '/b1/system/teacher/teacher-course-student-export?userId='+userId,
|
||||||
|
method: 'post',
|
||||||
|
headers:{'Content-Type':'application/json;charset=utf-8'},
|
||||||
|
responseType: 'blob'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
courseRecordExport,
|
courseRecordExport,
|
||||||
|
courseRecordExport2,
|
||||||
courseRecordList,
|
courseRecordList,
|
||||||
|
getListByToken,
|
||||||
exportStudentOfCourse,
|
exportStudentOfCourse,
|
||||||
exportStudentOfTearcher
|
exportStudentOfCourse2,
|
||||||
|
exportStudentOfTearcher,
|
||||||
|
exportStudentOfTearcher2,
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|||||||
8
src/api/growth/growthpath.js
Normal file
@@ -0,0 +1,8 @@
|
|||||||
|
// import ajax from '@/utils/xajax.js'
|
||||||
|
import ajax from '../ajax';
|
||||||
|
// const baseURL = process.env.VUE_APP_GROWTH_API_PATH;
|
||||||
|
const baseURL = '/growth';
|
||||||
|
// 查询专业力必修列表
|
||||||
|
export const listData = (obj) => ajax.get(baseURL, '/professional/student/studentGrowthList', { params: obj })
|
||||||
|
// 查询专业力统计
|
||||||
|
export const getTotalGrowthTaskDetail = (obj) => ajax.get(baseURL, '/professional/student/getTotalGrowthTaskDetail', { params: obj })
|
||||||
@@ -114,6 +114,10 @@ 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);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const updateStudyVideoTime = function(data) {
|
||||||
|
return ajax.post('/xboe/school/study/course/updateStudyVideoTime',data);
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 获取上一次的学习内容
|
* 获取上一次的学习内容
|
||||||
* @returns
|
* @returns
|
||||||
@@ -408,6 +412,7 @@ export default {
|
|||||||
studyIndex,
|
studyIndex,
|
||||||
studyInfo,
|
studyInfo,
|
||||||
studyVideoTime,
|
studyVideoTime,
|
||||||
|
updateStudyVideoTime,
|
||||||
lastStudy,
|
lastStudy,
|
||||||
studyContent,
|
studyContent,
|
||||||
appendStudyTime,
|
appendStudyTime,
|
||||||
|
|||||||
@@ -38,7 +38,7 @@ const detailTeacher=function (id){
|
|||||||
* tlevelId级别
|
* tlevelId级别
|
||||||
* salaryId发薪地
|
* salaryId发薪地
|
||||||
* tsystemId
|
* tsystemId
|
||||||
|
|
||||||
* } query
|
* } query
|
||||||
* @returns
|
* @returns
|
||||||
*/
|
*/
|
||||||
|
|||||||
BIN
src/assets/images/grateful/gratefulFooter20250613.png
Normal file
|
After Width: | Height: | Size: 657 KiB |
BIN
src/assets/images/growth/growth-bg-icon.png
Normal file
|
After Width: | Height: | Size: 29 KiB |
BIN
src/assets/images/growth/growth-bg.png
Normal file
|
After Width: | Height: | Size: 28 KiB |
BIN
src/assets/images/hotforum/04.png
Normal file
|
After Width: | Height: | Size: 220 KiB |
BIN
src/assets/images/hotforum/2024.png
Normal file
|
After Width: | Height: | Size: 84 KiB |
BIN
src/assets/images/hotforum/2025.png
Normal file
|
After Width: | Height: | Size: 111 KiB |
BIN
src/assets/images/hotforum/2501.jpg
Normal file
|
After Width: | Height: | Size: 33 KiB |
BIN
src/assets/images/hotforum/2502.png
Normal file
|
After Width: | Height: | Size: 244 KiB |
BIN
src/assets/images/hotforum/2503.png
Normal file
|
After Width: | Height: | Size: 186 KiB |
BIN
src/assets/images/hotforum/back25.png
Normal file
|
After Width: | Height: | Size: 1.4 MiB |
BIN
src/assets/images/hotforum/line.png
Normal file
|
After Width: | Height: | Size: 3.0 KiB |
BIN
src/assets/images/jindu.jpg
Normal file
|
After Width: | Height: | Size: 2.9 KiB |
BIN
src/assets/images/myGrowth.jpg
Normal file
|
After Width: | Height: | Size: 1.3 KiB |
BIN
src/assets/images/shuoming.jpg
Normal file
|
After Width: | Height: | Size: 2.9 KiB |
@@ -327,8 +327,10 @@ export default {
|
|||||||
},
|
},
|
||||||
startTest(){
|
startTest(){
|
||||||
apiExamPaper.newPaperContent(this.info.id).then(res=>{
|
apiExamPaper.newPaperContent(this.info.id).then(res=>{
|
||||||
if(res.error == ''&&res.result != ''){
|
if(!res.error&&res.result != ''){
|
||||||
if(this.info.paperType==2){
|
if(this.info.paperType==2){
|
||||||
|
//TODO1
|
||||||
|
console.log("调用开始考试 if paperType == 2")
|
||||||
this.examPaper.json=res.result;
|
this.examPaper.json=res.result;
|
||||||
let qitems=this.convertToItems(this.examPaper.json);
|
let qitems=this.convertToItems(this.examPaper.json);
|
||||||
this.paper ={items:qitems};
|
this.paper ={items:qitems};
|
||||||
@@ -336,9 +338,11 @@ export default {
|
|||||||
this.curItem=qitems[this.curIndex];
|
this.curItem=qitems[this.curIndex];
|
||||||
this.startTime=new Date();//记录开始时间
|
this.startTime=new Date();//记录开始时间
|
||||||
this.timerValue=this.info.testDuration;
|
this.timerValue=this.info.testDuration;
|
||||||
|
this.content.status=1;
|
||||||
this.timer=setInterval(this.changeTimer,60000);
|
this.timer=setInterval(this.changeTimer,60000);
|
||||||
this.testStart=true;
|
this.testStart=true;
|
||||||
}else{
|
}else{
|
||||||
|
console.log("调用开始考试 else paperType != 2")
|
||||||
let paper= {items:res.result};
|
let paper= {items:res.result};
|
||||||
paper.items.forEach(item=>{
|
paper.items.forEach(item=>{
|
||||||
if(item.type==101){
|
if(item.type==101){
|
||||||
@@ -582,8 +586,15 @@ export default {
|
|||||||
apiStudy.saveExam(postData).then(res=>{
|
apiStudy.saveExam(postData).then(res=>{
|
||||||
this.thisTrue = true
|
this.thisTrue = true
|
||||||
if(res.status == 200) {
|
if(res.status == 200) {
|
||||||
|
console.log("获取数据结果 考试 res ==>",res)
|
||||||
this.records.push(res.result);
|
this.records.push(res.result);
|
||||||
this.content.status=9;//表已学习完,判断上级的章是否已完成
|
//TODO 评分更改 最终完成
|
||||||
|
if(res.result.score > res.result.passLine){
|
||||||
|
this.content.status=9;//表已学习完,判断上级的章是否已完成
|
||||||
|
}else{
|
||||||
|
this.content.status=1;
|
||||||
|
}
|
||||||
|
|
||||||
this.studyItemId=res.result.studyItemId;//第一次保存时是没有的,所以这里要赋值
|
this.studyItemId=res.result.studyItemId;//第一次保存时是没有的,所以这里要赋值
|
||||||
this.$alert('您本次考试得分:'+this.lastScore, '考试成绩', {
|
this.$alert('您本次考试得分:'+this.lastScore, '考试成绩', {
|
||||||
confirmButtonText: '确定',
|
confirmButtonText: '确定',
|
||||||
|
|||||||
@@ -51,7 +51,8 @@
|
|||||||
<el-dropdown placement="bottom" @command="handleContributor">
|
<el-dropdown placement="bottom" @command="handleContributor">
|
||||||
<span class="el-dropdown-link" style="font-size:16px;cursor: pointer;" :style="{color:textColor}">贡献者大会</span>
|
<span class="el-dropdown-link" style="font-size:16px;cursor: pointer;" :style="{color:textColor}">贡献者大会</span>
|
||||||
<el-dropdown-menu slot="dropdown">
|
<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-item command="two" divided>2022</el-dropdown-item>
|
||||||
</el-dropdown-menu>
|
</el-dropdown-menu>
|
||||||
</el-dropdown>
|
</el-dropdown>
|
||||||
@@ -246,6 +247,7 @@ export default {
|
|||||||
let obj = {
|
let obj = {
|
||||||
one: urlPre + "/web/contributornew/index",
|
one: urlPre + "/web/contributornew/index",
|
||||||
two: urlPre + "/web/contributor/index",
|
two: urlPre + "/web/contributor/index",
|
||||||
|
three: urlPre + "/web/contributor_2024/index"
|
||||||
};
|
};
|
||||||
window.open(obj[val]);
|
window.open(obj[val]);
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -13,7 +13,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<!-- <div style="color: red;">下面的表格标题及内容需要调整完善</div> -->
|
<!-- <div style="color: red;">下面的表格标题及内容需要调整完善</div> -->
|
||||||
<div>
|
<div>
|
||||||
<el-tabs v-model="tabName" @tab-click="handleTabClick">
|
<el-tabs style="width: 100%;" v-model="tabName" @tab-click="handleTabClick">
|
||||||
<el-tab-pane label="报名管理" name="second">
|
<el-tab-pane label="报名管理" name="second">
|
||||||
<!-- <div>已报名{{study.list.length}}人,共有0人报名未成功,共有{{study.list.length}}人通过审核</div> -->
|
<!-- <div>已报名{{study.list.length}}人,共有0人报名未成功,共有{{study.list.length}}人通过审核</div> -->
|
||||||
<el-row style="margin: 20px 0;" :gutter="20">
|
<el-row style="margin: 20px 0;" :gutter="20">
|
||||||
@@ -863,4 +863,19 @@ export default {
|
|||||||
height: 400px;
|
height: 400px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.el-tabs__nav-wrap::after {
|
||||||
|
display: none; /* 隐藏滚动条轨道 */
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-tabs__nav-scroll {
|
||||||
|
overflow: hidden; /* 隐藏滚动条滑块 */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 隐藏垂直滚动条 */
|
||||||
|
.el-table .el-table__body-wrapper::-webkit-scrollbar {
|
||||||
|
display: none; /* Chrome, Safari, Opera*/
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -14,7 +14,7 @@
|
|||||||
:default-active="activeMenu"
|
:default-active="activeMenu"
|
||||||
router
|
router
|
||||||
active-text-color="#3379FB"
|
active-text-color="#3379FB"
|
||||||
:default-openeds="['manageTodo','manageFinish','teacherTodo','teacherFinish','lecturer','myqa','notice','mystudy', 'course', 'exam', 'u001', 'u002', 'u003', 'u004','mylecnotes','mycaseRecord']"
|
:default-openeds="['manageTodo','manageFinish','teacherTodo','teacherFinish','lecturer','myqa','notice','mystudy','myGrowth', 'course', 'exam', 'u001', 'u002', 'u003', 'u004','mylecnotes','mycaseRecord']"
|
||||||
class="el-menu-vertical"
|
class="el-menu-vertical"
|
||||||
@open="handleOpen"
|
@open="handleOpen"
|
||||||
@close="handleClose"
|
@close="handleClose"
|
||||||
@@ -242,6 +242,20 @@
|
|||||||
<svg-icon :icon-class="activeMenu == '/user/medal'?'myxunzhang-active':'myxunzhang'"></svg-icon>
|
<svg-icon :icon-class="activeMenu == '/user/medal'?'myxunzhang-active':'myxunzhang'"></svg-icon>
|
||||||
<span slot="title">我的勋章</span>
|
<span slot="title">我的勋章</span>
|
||||||
</el-menu-item>
|
</el-menu-item>
|
||||||
|
<template v-if="showGrowthNav">
|
||||||
|
<el-submenu index="myGrowth" v-show="curIdentity == 1">
|
||||||
|
<template slot="title">
|
||||||
|
<!-- <i class="el-icon-s-grid"></i> -->
|
||||||
|
<img src="../../assets/images/myGrowth.jpg" style="width: 1em;height: 1em;margin-right: 8px;"></img>
|
||||||
|
<span>我的必修</span>
|
||||||
|
</template>
|
||||||
|
<el-menu-item index="/growth/growthPage">
|
||||||
|
<!-- <i class="el-icon-menu"></i> -->
|
||||||
|
<span slot="title" class="study textl">专业力必修</span>
|
||||||
|
</el-menu-item>
|
||||||
|
</el-submenu>
|
||||||
|
</template>
|
||||||
|
|
||||||
<el-submenu index="mystudy" v-show="curIdentity == 1">
|
<el-submenu index="mystudy" v-show="curIdentity == 1">
|
||||||
<template slot="title">
|
<template slot="title">
|
||||||
<!-- <i class="el-icon-s-grid"></i> -->
|
<!-- <i class="el-icon-s-grid"></i> -->
|
||||||
@@ -385,6 +399,7 @@ import { mapGetters } from 'vuex';
|
|||||||
import apicourseStudy from "../../api/modules/courseStudy.js"
|
import apicourseStudy from "../../api/modules/courseStudy.js"
|
||||||
import {pageList} from "@/api/modules/lecturer"
|
import {pageList} from "@/api/modules/lecturer"
|
||||||
import courseImage from "@/components/Course/courseImage.vue"
|
import courseImage from "@/components/Course/courseImage.vue"
|
||||||
|
import { listData } from "@/api/growth/growthpath"
|
||||||
import testUser from '@/utils/testUsers.js'
|
import testUser from '@/utils/testUsers.js'
|
||||||
export default {
|
export default {
|
||||||
name: 'UcMenu',
|
name: 'UcMenu',
|
||||||
@@ -413,7 +428,8 @@ export default {
|
|||||||
isCollapse: false,
|
isCollapse: false,
|
||||||
lastStudy:{},
|
lastStudy:{},
|
||||||
overlayShow: false,
|
overlayShow: false,
|
||||||
instructor:0
|
instructor:0,
|
||||||
|
showGrowthNav: false
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
@@ -422,6 +438,11 @@ export default {
|
|||||||
this.getLastStudy();
|
this.getLastStudy();
|
||||||
//获取讲师认证中条数
|
//获取讲师认证中条数
|
||||||
this.instructorCertification()
|
this.instructorCertification()
|
||||||
|
console.log(this.userInfo,'userInfouserInfo')
|
||||||
|
//如果专业力必修没有学习任务则隐藏“我的必修按钮”
|
||||||
|
listData().then(res => {
|
||||||
|
this.showGrowthNav = !!res.data.length
|
||||||
|
})
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
//console.log(this.userInfo.loginName,'this.userInfo.loginName');
|
//console.log(this.userInfo.loginName,'this.userInfo.loginName');
|
||||||
|
|||||||
@@ -18,7 +18,6 @@
|
|||||||
@keydown.right.prevent="forwardCurrentTime"
|
@keydown.right.prevent="forwardCurrentTime"
|
||||||
@keydown.up.prevent="increaseVolume"
|
@keydown.up.prevent="increaseVolume"
|
||||||
@keydown.down.prevent="lowerVolume"
|
@keydown.down.prevent="lowerVolume"
|
||||||
@keydown.esc.prevent="toggleFullScreen"
|
|
||||||
tabindex="0"
|
tabindex="0"
|
||||||
width="100%"
|
width="100%"
|
||||||
height="100%"
|
height="100%"
|
||||||
@@ -385,9 +384,26 @@ export default {
|
|||||||
console.log('\x1b[31m%s\x1b[0m','*****************加载失败**********')
|
console.log('\x1b[31m%s\x1b[0m','*****************加载失败**********')
|
||||||
})
|
})
|
||||||
// 监听全屏事件的变化,保存数据
|
// 监听全屏事件的变化,保存数据
|
||||||
window.addEventListener("fullscreenchange", () => {
|
window.addEventListener("F", () => {
|
||||||
this.isFullscreen = this.isFullScreen();
|
this.isFullscreen = this.isFullScreen();
|
||||||
});
|
});
|
||||||
|
document.addEventListener('fullscreenchange',this.handleFullscreenChange);
|
||||||
|
document.addEventListener('webkitfullscreenchange',this.handleFullscreenChange );
|
||||||
|
// this.videoDom.addEventListener('keydown', function(e){
|
||||||
|
// //console.log('\x1b[31m%s\x1b[0m','*****************加载失败**********')
|
||||||
|
// console.log("video is exit");
|
||||||
|
// if(e.key === "Escape"){
|
||||||
|
// console.log("按键 退出全屏 执行")
|
||||||
|
// }
|
||||||
|
// })
|
||||||
|
|
||||||
|
// this.videoDom.addEventListener("keydown", (e) => {
|
||||||
|
// console.log("是否监听到");
|
||||||
|
// if(e.keyCode == 27){
|
||||||
|
// console.log("是否监听到 esc");
|
||||||
|
// this.toggleFullScreen();
|
||||||
|
// }
|
||||||
|
// });
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
//当视频由于需要缓冲下一帧而停止,解决一直计时的问题
|
//当视频由于需要缓冲下一帧而停止,解决一直计时的问题
|
||||||
@@ -490,6 +506,14 @@ export default {
|
|||||||
updateProgressBySetTime(newCurrentTime) {
|
updateProgressBySetTime(newCurrentTime) {
|
||||||
this.currentProgress = newCurrentTime / this.videoDom.duration;
|
this.currentProgress = newCurrentTime / this.videoDom.duration;
|
||||||
},
|
},
|
||||||
|
/* 点击进度条更新视频播放进度2
|
||||||
|
*/
|
||||||
|
updateProgressByClickBar2(newCurrentTime,progressVideo) {
|
||||||
|
this.currentProgress = progressVideo;
|
||||||
|
this.barrageTimelineStart = newCurrentTime;
|
||||||
|
this.videoDom.currentTime = newCurrentTime;
|
||||||
|
this.updateProgressText();
|
||||||
|
},
|
||||||
/* 提高视频音量
|
/* 提高视频音量
|
||||||
*/
|
*/
|
||||||
increaseVolume() {
|
increaseVolume() {
|
||||||
@@ -540,6 +564,7 @@ export default {
|
|||||||
/* 切换“全屏”和“非全屏”模式
|
/* 切换“全屏”和“非全屏”模式
|
||||||
*/
|
*/
|
||||||
toggleFullScreen() {
|
toggleFullScreen() {
|
||||||
|
console.log("toggleFullScreen 执行 ",this.isFullScreen())
|
||||||
let element = this.$refs.area;
|
let element = this.$refs.area;
|
||||||
if (!this.isFullScreen()) {
|
if (!this.isFullScreen()) {
|
||||||
if (element.requestFullscreen) {
|
if (element.requestFullscreen) {
|
||||||
@@ -596,6 +621,24 @@ export default {
|
|||||||
const currentTime = this.$refs.video.currentTime;
|
const currentTime = this.$refs.video.currentTime;
|
||||||
this.$emit('onTimeUpdate', currentTime);
|
this.$emit('onTimeUpdate', currentTime);
|
||||||
},
|
},
|
||||||
|
/**
|
||||||
|
* 监听全屏变化
|
||||||
|
*/
|
||||||
|
handleFullscreenChange() {
|
||||||
|
console.log("handleFullscreenChange gx this.isFullScreen()",this.isFullScreen())
|
||||||
|
console.log("handleFullscreenChange gx this.isFullscreen",this.isFullscreen)
|
||||||
|
|
||||||
|
if(this.isFullscreen){
|
||||||
|
this.isFullscreen = !!document.fullscreenElement;
|
||||||
|
if (!this.isFullscreen) {
|
||||||
|
// 退出全屏后的逻辑(如暂停视频、更新 UI 等)
|
||||||
|
console.log('ESC 已退出全屏 handleFullscreenChange',this.isFullscreen);
|
||||||
|
this.$emit('onFullscreen',false);//全屏
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
currentVolume: function () {
|
currentVolume: function () {
|
||||||
|
|||||||
@@ -92,7 +92,7 @@ export default {
|
|||||||
|
|
||||||
this.$emit("updateProgress", current);
|
this.$emit("updateProgress", current);
|
||||||
// }
|
// }
|
||||||
|
|
||||||
},
|
},
|
||||||
move(e) {
|
move(e) {
|
||||||
if (this.is_mousedown_progress) {
|
if (this.is_mousedown_progress) {
|
||||||
@@ -124,7 +124,7 @@ export default {
|
|||||||
// 禁止拖动
|
// 禁止拖动
|
||||||
if(!this.isDrag && time && arr[this.blobId] < current) return;
|
if(!this.isDrag && time && arr[this.blobId] < current) return;
|
||||||
this.$emit("updateProgress", current);
|
this.$emit("updateProgress", current);
|
||||||
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
@@ -176,4 +176,4 @@ export default {
|
|||||||
.progress-bar:hover .progress-current::after {
|
.progress-bar:hover .progress-current::after {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -82,6 +82,9 @@ export const pages=[
|
|||||||
{title:'学习路径图',path:'path',component:'study/StudyPath',hidden:false},
|
{title:'学习路径图',path:'path',component:'study/StudyPath',hidden:false},
|
||||||
{title:'学习项目',path:'project',component:'study/StudyProject',hidden:false}
|
{title:'学习项目',path:'project',component:'study/StudyProject',hidden:false}
|
||||||
]},
|
]},
|
||||||
|
{title:'我的必修',path:'/growth',hidden:false,children:[
|
||||||
|
{title:'专业力必修',path:'growthPage',component:'growth/index',hidden:false},
|
||||||
|
]},
|
||||||
{title:'个人中心',path:'/uc',hidden:false,children:[
|
{title:'个人中心',path:'/uc',hidden:false,children:[
|
||||||
{title:'首页',path:'index',component:'StudyIndex',hidden:false}
|
{title:'首页',path:'index',component:'StudyIndex',hidden:false}
|
||||||
]},
|
]},
|
||||||
|
|||||||
@@ -6,7 +6,10 @@
|
|||||||
<!-- <div style="height: 20px;"></div> -->
|
<!-- <div style="height: 20px;"></div> -->
|
||||||
</div>
|
</div>
|
||||||
<!-- width: 990px; -->
|
<!-- width: 990px; -->
|
||||||
<div class="main-body" style="padding: 30px 20px;flex:1; background-color: #fff;margin-left: 20px;">
|
<div class="main-body" :style="{
|
||||||
|
backgroundColor: bgColor,
|
||||||
|
padding
|
||||||
|
}" style="flex:1; margin-left: 20px;">
|
||||||
<!-- <div style="margin-bottom: 10px;padding:10px; border-bottom: 1px solid #dbdbdb;"> -->
|
<!-- <div style="margin-bottom: 10px;padding:10px; border-bottom: 1px solid #dbdbdb;"> -->
|
||||||
<!-- <el-breadcrumb separator-class="el-icon-arrow-right">
|
<!-- <el-breadcrumb separator-class="el-icon-arrow-right">
|
||||||
<el-breadcrumb-item :to="{ path: '/uc/index' }"><i class="el-icon-arrow-right"></i>个人中心</el-breadcrumb-item>
|
<el-breadcrumb-item :to="{ path: '/uc/index' }"><i class="el-icon-arrow-right"></i>个人中心</el-breadcrumb-item>
|
||||||
@@ -15,10 +18,12 @@
|
|||||||
<!-- </div> -->
|
<!-- </div> -->
|
||||||
<transition name="fade-transform" mode="out-in">
|
<transition name="fade-transform" mode="out-in">
|
||||||
<keep-alive :include="cachedViews">
|
<keep-alive :include="cachedViews">
|
||||||
<div style="background-color: #FFFFFF;min-height: 600px;padding-bottom: 50px;">
|
<div :style="{
|
||||||
|
backgroundColor: bgColor
|
||||||
|
}" style="min-height: 600px;padding-bottom: 50px;">
|
||||||
<router-view :key="key" />
|
<router-view :key="key" />
|
||||||
</div>
|
</div>
|
||||||
</keep-alive>
|
</keep-alive>
|
||||||
</transition>
|
</transition>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -39,7 +44,14 @@ export default {
|
|||||||
return this.$route.meta.title;
|
return this.$route.meta.title;
|
||||||
},
|
},
|
||||||
key() {
|
key() {
|
||||||
|
console.log(this.$route)
|
||||||
return this.$route.path
|
return this.$route.path
|
||||||
|
},
|
||||||
|
bgColor() {
|
||||||
|
return this.$route.path === "/growth/growthPage" ? "rgba(0,0,0,0)" : "#fff";
|
||||||
|
},
|
||||||
|
padding(){
|
||||||
|
return this.$route.path === "/growth/growthPage" ? "0" : "30px 20px";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -341,6 +341,13 @@ export const constantRoutes = [{
|
|||||||
name: 'hotforum',
|
name: 'hotforum',
|
||||||
meta: {title: '热点论坛', icon: 'dashboard', noCache: true, affix: true},
|
meta: {title: '热点论坛', icon: 'dashboard', noCache: true, affix: true},
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
path: '/lexiang',
|
||||||
|
hidden: true,
|
||||||
|
component: (resolve) => require(['@/views/sso/lexiang'], resolve),
|
||||||
|
name: 'lexiang',
|
||||||
|
meta: {title: '单点登录', icon: 'dashboard', noCache: true, affix: true},
|
||||||
|
},
|
||||||
{
|
{
|
||||||
path: '/404',
|
path: '/404',
|
||||||
component: (resolve) => require(['@/views/error/404'], resolve),
|
component: (resolve) => require(['@/views/error/404'], resolve),
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
<div class="box" :class="{ incl: url.includes('projectdetails') }">
|
<div class="box" :class="{ incl: url.includes('projectdetails') }">
|
||||||
<portal-header style="background: #387DF7;" :hideSearch="true" textColor="#ffffff"></portal-header>
|
<portal-header style="background: #387DF7;" :hideSearch="true" textColor="#ffffff"></portal-header>
|
||||||
<iframe :src="url" style="width: 100%;height: 100%;" frameborder="0" ref="iframe"></iframe>
|
<iframe :src="url" style="width: 100%;height: 100%;" frameborder="0" ref="iframe"></iframe>
|
||||||
<portal-footer></portal-footer>
|
<portal-footer v-if="isShowFooter"></portal-footer>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
@@ -16,7 +16,8 @@ import portalFooter from "@/components/PortalFooter.vue";
|
|||||||
data(){
|
data(){
|
||||||
return {
|
return {
|
||||||
url: "",
|
url: "",
|
||||||
boeUrl:process.env.VUE_APP_BOE_WEB_URL
|
boeUrl:process.env.VUE_APP_BOE_WEB_URL,
|
||||||
|
isShowFooter:true
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
@@ -24,6 +25,10 @@ import portalFooter from "@/components/PortalFooter.vue";
|
|||||||
let to = this.$route.query.to;//跳转的地址,以 /开头的地址
|
let to = this.$route.query.to;//跳转的地址,以 /开头的地址
|
||||||
let urlPre=window.location.protocol+'//'+window.location.host;
|
let urlPre=window.location.protocol+'//'+window.location.host;
|
||||||
this.url=urlPre+to
|
this.url=urlPre+to
|
||||||
|
|
||||||
|
if(to.includes('growthList')){
|
||||||
|
this.isShowFooter = false
|
||||||
|
}
|
||||||
if(params){
|
if(params){
|
||||||
this.url=this.url+'?'+params;
|
this.url=this.url+'?'+params;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,3 +1,4 @@
|
|||||||
|
<!--
|
||||||
<template>
|
<template>
|
||||||
<div class="login" :style="`background: url(${webBaseUrl}/temp/background.jpg) no-repeat`">
|
<div class="login" :style="`background: url(${webBaseUrl}/temp/background.jpg) no-repeat`">
|
||||||
<el-form :model="form" ref="form" :rules="rules">
|
<el-form :model="form" ref="form" :rules="rules">
|
||||||
@@ -24,7 +25,7 @@
|
|||||||
<el-form-item>
|
<el-form-item>
|
||||||
<section>
|
<section>
|
||||||
<el-checkbox v-model="rememberMe">记住密码</el-checkbox>
|
<el-checkbox v-model="rememberMe">记住密码</el-checkbox>
|
||||||
<!-- <span>忘记密码</span> -->
|
<!– <span>忘记密码</span> –>
|
||||||
</section>
|
</section>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item><el-button type="primary" @click="loginSubmit">点击登录</el-button></el-form-item>
|
<el-form-item><el-button type="primary" @click="loginSubmit">点击登录</el-button></el-form-item>
|
||||||
@@ -194,3 +195,4 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
-->
|
||||||
|
|||||||
@@ -52,7 +52,7 @@
|
|||||||
<el-table-column label="操作">
|
<el-table-column label="操作">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-button-group>
|
<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 style="margin:0 5px" type="text" v-if="scope.row.recommendRank === ''||scope.row.recommendRank === null" @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 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"
|
<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>
|
@click="setTop(scope.row)" icon="el-icon-top">置顶</el-button>
|
||||||
|
|||||||
@@ -195,7 +195,15 @@
|
|||||||
</template>
|
</template>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<!--课程管理-->
|
<!--课程管理-->
|
||||||
<el-dialog custom-class="g-dialog" title="课程学习管理" width="900px" :visible.sync="manageStudy.dlgShow" :close-on-click-modal="false">
|
<el-dialog
|
||||||
|
custom-class="g-dialog"
|
||||||
|
title="课程学习管理"
|
||||||
|
width="900px"
|
||||||
|
height="900px"
|
||||||
|
:visible.sync="manageStudy.dlgShow"
|
||||||
|
:close-on-click-modal="false"
|
||||||
|
|
||||||
|
>
|
||||||
<manager :manageStudyData="manageStudyData" :isShowDialog="manageStudy.dlgShow"></manager>
|
<manager :manageStudyData="manageStudyData" :isShowDialog="manageStudy.dlgShow"></manager>
|
||||||
<template #footer>
|
<template #footer>
|
||||||
<el-button @click="manageStudy.dlgShow = false">关闭</el-button>
|
<el-button @click="manageStudy.dlgShow = false">关闭</el-button>
|
||||||
@@ -668,8 +676,10 @@ export default {
|
|||||||
}
|
}
|
||||||
apiCourse.pageList(this.params).then(rs=>{
|
apiCourse.pageList(this.params).then(rs=>{
|
||||||
if(rs.status==200){
|
if(rs.status==200){
|
||||||
this.pageData = rs.result.list;
|
this.pageData = rs.result.list ? rs.result.list : [];
|
||||||
|
// this.pageData = rs.result.list;
|
||||||
this.page.count = rs.result.count;
|
this.page.count = rs.result.count;
|
||||||
|
this.page.pageSize = rs.result.pageSize;
|
||||||
}else{
|
}else{
|
||||||
return this.$message.error(rs.message);
|
return this.$message.error(rs.message);
|
||||||
}
|
}
|
||||||
@@ -939,4 +949,8 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.el-dialog__body {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -1,80 +1,146 @@
|
|||||||
<template>
|
<template>
|
||||||
<div style="padding: 12px 32px 10px 12px;">
|
<div style="padding: 12px 32px 10px 12px;">
|
||||||
<div style="display: flex;justify-content: flex-start;">
|
<div style="display: flex;justify-content: flex-start;">
|
||||||
|
|
||||||
<div><el-input v-model="keyword" placeholder="输入课程名称搜索" clearable></el-input></div>
|
<div>
|
||||||
<div style="padding-left: 10px;"><el-button @click="recordList()" type="primary" icon="el-icon-search">搜索</el-button></div>
|
<el-input v-model="keyword" placeholder="输入课程名称搜索" clearable></el-input>
|
||||||
<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>
|
||||||
<div class="Export">
|
<div style="padding-left: 10px;">
|
||||||
<!-- <div style="padding-left: 10px;"><el-button type="primary" @click="exportFile()" icon="el-icon-search" size="small" round>导出</el-button></div> -->
|
<el-button @click="recordList()" type="primary" icon="el-icon-search">搜索</el-button>
|
||||||
<!-- <div style="padding: 0px 5px;"><el-button icon="el-icon-refresh-right" type="primary" size="small" round>导出学员信息</el-button></div> -->
|
|
||||||
</div>
|
</div>
|
||||||
<div style="margin-top:20px;">
|
<div style="padding: 0px 5px;">
|
||||||
<el-table :data="pageData" border stripe>
|
<el-button icon="el-icon-refresh-right" @click="keyword = ''" type="primary">重置</el-button>
|
||||||
<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>
|
||||||
|
<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="index"
|
||||||
|
width="100px">
|
||||||
|
<template v-slot="scope">
|
||||||
|
<span>{{ scope.$index + 1 }}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="讲师工号"
|
||||||
|
prop="userNo"
|
||||||
|
width="100px">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="讲师姓名"
|
||||||
|
prop="teacherName"
|
||||||
|
width="200px">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="课程名称"
|
||||||
|
prop="courseName"
|
||||||
|
width="200px">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="培训发生组织"
|
||||||
|
prop="trainOrgName"
|
||||||
|
width="200px">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="课程类型" prop="type" width="120px">
|
||||||
|
<template v-slot="scope">
|
||||||
|
<span>{{
|
||||||
|
{
|
||||||
|
"0": "在线课",
|
||||||
|
"1": "面授课",
|
||||||
|
"2": "课程开发",
|
||||||
|
"3": "作业员入模培训",
|
||||||
|
"4": "其他",
|
||||||
|
}[scope.row.type + '']
|
||||||
|
}}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="授课/课程日期"
|
||||||
|
prop="teachingDate"
|
||||||
|
width="200px">
|
||||||
|
</el-table-column>
|
||||||
|
|
||||||
|
<el-table-column
|
||||||
|
label="内容分类"
|
||||||
|
prop="courseTypeName"
|
||||||
|
width="200px">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="开课状态" width="100px" prop="courseStatus">
|
||||||
|
<template v-slot="scope">
|
||||||
|
<span>{{
|
||||||
|
{
|
||||||
|
"0": "未开课",
|
||||||
|
"1": "已开课",
|
||||||
|
}[scope.row.courseStatus + '']
|
||||||
|
}}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="授课时长(分钟)"
|
||||||
|
prop="teaching"
|
||||||
|
width="120px"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="参训人数"
|
||||||
|
prop="studys"
|
||||||
|
width="120px"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="评分"
|
||||||
|
prop="score"
|
||||||
|
width="100px"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="是否生成讲师费"
|
||||||
|
prop="createdFee"
|
||||||
|
width="100px"
|
||||||
|
>
|
||||||
|
<template v-slot="scope">
|
||||||
|
<span>{{
|
||||||
|
{
|
||||||
|
"0": "否",
|
||||||
|
"1": "是",
|
||||||
|
}[scope.row.createdFee + '']
|
||||||
|
}}</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="备注"
|
||||||
|
width="200px"
|
||||||
|
prop="remark"
|
||||||
|
></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, scope.row.type)"
|
||||||
|
size="small">导出学员信息
|
||||||
|
</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div style="text-align: center; margin-top:57px">
|
<div style="text-align: center; margin-top:57px">
|
||||||
<el-pagination
|
<el-pagination
|
||||||
background
|
background
|
||||||
@size-change="handleSizeChange"
|
@size-change="handleSizeChange"
|
||||||
@current-change="handleCurrentChange"
|
@current-change="handleCurrentChange"
|
||||||
:current-page="pageInfo.page"
|
:current-page="pageInfo.page"
|
||||||
@@ -83,123 +149,127 @@
|
|||||||
layout="total, sizes, prev, pager, next, jumper"
|
layout="total, sizes, prev, pager, next, jumper"
|
||||||
:total="pageInfo.total"
|
:total="pageInfo.total"
|
||||||
></el-pagination>
|
></el-pagination>
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import apiCourse from '../../api/boe/courseRecord.js';
|
import apiCourse from '../../api/boe/courseRecord.js';
|
||||||
import { mapGetters } from 'vuex';
|
import {mapGetters} from 'vuex';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
data(){
|
data() {
|
||||||
return {
|
return {
|
||||||
pageData:[],
|
pageData: [],
|
||||||
keyword:'',
|
keyword: '',
|
||||||
pageInfo:{},
|
pageInfo: {
|
||||||
|
pageIndex:1,
|
||||||
|
pageSize:10,
|
||||||
|
},
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
mounted() {
|
mounted() {
|
||||||
this.recordList(1);
|
this.recordList();
|
||||||
|
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
...mapGetters(['userInfo'])
|
...mapGetters(['userInfo'])
|
||||||
},
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
|
// 导出所有记录
|
||||||
|
exportFile() {
|
||||||
|
// let req = {
|
||||||
|
// }
|
||||||
|
// apiCourse.courseRecordExport2(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);
|
||||||
|
// })
|
||||||
|
// 取pageData记录第一条
|
||||||
|
if (this.pageData.length > 0) {
|
||||||
|
let teacherId = this.pageData[0].teacherId;
|
||||||
|
window.open(
|
||||||
|
`/manageApi/admin/export/exportInTeacherRecord?teacherId=${teacherId}`
|
||||||
|
);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
// 导出所有记录
|
// 导出课程下的学员信息
|
||||||
exportFile(){
|
exportStudentOfCourse(courseId, courseType) {
|
||||||
let req = {
|
// apiCourse.exportStudentOfCourse2(courseId, courseType).then(res => {
|
||||||
userId: this.userInfo.sysId
|
// const link = document.createElement('a');// 创建a标签
|
||||||
// userId:"70F80F4E-34BA-10AB-894A-8FA812B19637"
|
// 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);
|
||||||
|
// })
|
||||||
|
|
||||||
|
window.open(
|
||||||
|
`/manageApi/admin/export/exportTeacherRecordStudentInfo?courseId=${courseId}&courseType=${courseType}`
|
||||||
|
);
|
||||||
|
},
|
||||||
|
|
||||||
|
// 导出教师下的所有授课记录下的学员信息
|
||||||
|
exportStudentOfTearcher() {
|
||||||
|
let userId = this.userInfo.sysId;
|
||||||
|
apiCourse.exportStudentOfTearcher2(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() {
|
||||||
|
let req = {
|
||||||
|
courseName: this.keyword,
|
||||||
|
pageNo: this.pageInfo.pageIndex,
|
||||||
|
pageSize: this.pageInfo.pageSize
|
||||||
|
}
|
||||||
|
apiCourse.getListByToken(req).then(res => {
|
||||||
|
if (res.status == 200) {
|
||||||
|
this.pageData = res.data.records;
|
||||||
|
this.pageInfo.pageSize = Number(res.data.size);
|
||||||
|
this.pageInfo.total = Number(res.data.total);
|
||||||
|
this.pageInfo.page = Number(res.data.current);
|
||||||
|
} else {
|
||||||
|
this.$message({
|
||||||
|
type: 'error',
|
||||||
|
message: res.message
|
||||||
|
});
|
||||||
}
|
}
|
||||||
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);
|
|
||||||
})
|
|
||||||
},
|
|
||||||
|
|
||||||
// 导出教师下的所有授课记录下的学员信息
|
|
||||||
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
|
|
||||||
});
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
|
|
||||||
// 每页显示的条数事件
|
|
||||||
handleSizeChange(val){
|
|
||||||
this.pageInfo.pageSize = val;
|
|
||||||
this.recordList(1);
|
|
||||||
},
|
|
||||||
// 显示制定页的数据
|
|
||||||
handleCurrentChange(val){
|
|
||||||
this.pageInfo.pageIndex = val;
|
|
||||||
this.recordList(this.pageInfo.pageIndex);
|
|
||||||
},
|
|
||||||
|
|
||||||
|
// 每页显示的条数事件
|
||||||
|
handleSizeChange(val) {
|
||||||
|
this.pageInfo.pageIndex = 1;
|
||||||
|
this.pageInfo.pageSize = val;
|
||||||
|
this.recordList();
|
||||||
|
},
|
||||||
|
// 显示制定页的数据
|
||||||
|
handleCurrentChange(val) {
|
||||||
|
this.pageInfo.pageIndex = val;
|
||||||
|
this.recordList(this.pageInfo.pageIndex);
|
||||||
|
},
|
||||||
},
|
},
|
||||||
|
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.Export{
|
.Export {
|
||||||
display: flex;
|
display: flex;
|
||||||
padding-top: 10px;
|
padding-top: 10px;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -954,7 +954,7 @@ export default {
|
|||||||
},
|
},
|
||||||
findPapers() {
|
findPapers() {
|
||||||
let params={
|
let params={
|
||||||
pageSize:200,
|
pageSize:10000,
|
||||||
name:''
|
name:''
|
||||||
}
|
}
|
||||||
apiPaper.querypaper(params).then((res) => {
|
apiPaper.querypaper(params).then((res) => {
|
||||||
|
|||||||
@@ -5,7 +5,7 @@
|
|||||||
<!-- </div> -->
|
<!-- </div> -->
|
||||||
<!-- 底部 -->
|
<!-- 底部 -->
|
||||||
<div class="grateful">
|
<div class="grateful">
|
||||||
<img src="../../assets/images/grateful/gratefulFooter.png" alt="" />
|
<img src="../../assets/images/grateful/gratefulFooter20250613.png" alt="" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
390
src/views/growth/index.vue
Normal file
@@ -0,0 +1,390 @@
|
|||||||
|
<template>
|
||||||
|
<div class="growth" v-loading="loading" id="scrollContainer">
|
||||||
|
<div class="growth-left">
|
||||||
|
<div class="navbar">
|
||||||
|
<div style="display: flex; flex: 1">
|
||||||
|
<div class="nav-title">我的专业力必修</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="growth-item" v-for="item of list" :id="item.id">
|
||||||
|
<div class="growth-nav">
|
||||||
|
<div class="growth-name">{{ item.growthName }}</div>
|
||||||
|
<div class="f-a-c">
|
||||||
|
<div
|
||||||
|
class="growth-state"
|
||||||
|
:style="{
|
||||||
|
color:
|
||||||
|
item.learningState === 0
|
||||||
|
? '#999999'
|
||||||
|
: item.learningState === 1
|
||||||
|
? '#6ba158'
|
||||||
|
: '#F2903D',
|
||||||
|
}"
|
||||||
|
>
|
||||||
|
{{
|
||||||
|
item.learningState === 0
|
||||||
|
? "未开始"
|
||||||
|
: item.learningState === 1
|
||||||
|
? "已完成"
|
||||||
|
: "进行中"
|
||||||
|
}}
|
||||||
|
</div>
|
||||||
|
<div class="growth-btn" @click="jumpRouter(item)">去学习</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<template v-if="item.description">
|
||||||
|
<div class="tip-title">说明</div>
|
||||||
|
<div class="tip-content">
|
||||||
|
{{ item.description || "暂无说明" }}
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<div class="progress-title">学习进度</div>
|
||||||
|
|
||||||
|
<div class="progress-content">
|
||||||
|
<div class="f-j-b" style="margin-bottom: 10px">
|
||||||
|
<div class="f-a-c">
|
||||||
|
<div style="font-size: 16px; color: #333333">必修进度</div>
|
||||||
|
<div style="font-size: 18px; color: #999999; margin-left: 12px">
|
||||||
|
{{ item.requiredTaskCompletedNum }}/{{ item.requiredTaskNum }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div style="font-size: 18px; color: #0077ec">
|
||||||
|
{{ requiredTaskCompletionRate(item) }}%
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<el-progress
|
||||||
|
:stroke-width="6"
|
||||||
|
:show-text="false"
|
||||||
|
:percentage="requiredTaskCompletionRate(item)"
|
||||||
|
color="#0077EC"
|
||||||
|
></el-progress>
|
||||||
|
</div>
|
||||||
|
<template v-if="item.electiveTaskNum !== 0">
|
||||||
|
<div class="progress-content">
|
||||||
|
<div class="f-j-b" style="margin-bottom: 10px">
|
||||||
|
<div class="f-a-c">
|
||||||
|
<div style="font-size: 16px; color: #333333">选修进度</div>
|
||||||
|
<div style="font-size: 18px; color: #999999; margin-left: 12px">
|
||||||
|
{{ item.electiveTaskCompletedNum }}/{{ item.electiveTaskNum }}
|
||||||
|
</div>
|
||||||
|
<el-tooltip
|
||||||
|
class="item"
|
||||||
|
effect="light"
|
||||||
|
:content="`还需完成${item.electivePoorNum}个选修任务`"
|
||||||
|
placement="top-start"
|
||||||
|
>
|
||||||
|
<i class="el-icon-question"></i>
|
||||||
|
</el-tooltip>
|
||||||
|
</div>
|
||||||
|
<div style="font-size: 18px; color: #0077ec">
|
||||||
|
{{ electiveTaskCompletionRate(item) }}%
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<el-progress
|
||||||
|
:stroke-width="6"
|
||||||
|
:show-text="false"
|
||||||
|
color="#0077EC"
|
||||||
|
:percentage="electiveTaskCompletionRate(item)"
|
||||||
|
></el-progress>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<div class="progress-content">
|
||||||
|
<div class="f-j-b" style="margin-bottom: 10px">
|
||||||
|
<div class="f-a-c">
|
||||||
|
<div style="font-size: 16px; color: #333333">总进度</div>
|
||||||
|
<div style="font-size: 18px; color: #999999; margin-left: 12px">
|
||||||
|
{{ item.totalTaskCompletedNum }}/{{ item.totalTaskNum }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div style="font-size: 18px; color: #0077ec">
|
||||||
|
{{ totalTaskCompletionRate(item) }}%
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<el-progress
|
||||||
|
:stroke-width="6"
|
||||||
|
:show-text="false"
|
||||||
|
color="#0077EC"
|
||||||
|
:percentage="totalTaskCompletionRate(item)"
|
||||||
|
></el-progress>
|
||||||
|
</div>
|
||||||
|
<div class="growth-bg-icon">
|
||||||
|
<img src="@/assets/images/growth/growth-bg-icon.png" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<template v-if="!list.length">
|
||||||
|
<div class="empty">
|
||||||
|
<el-empty :image-size="200"></el-empty>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
|
<!-- <template v-if="!list || list.length < 2">
|
||||||
|
<div class="growth-right">
|
||||||
|
<div class="title">专业力必修</div>
|
||||||
|
<div
|
||||||
|
:key="item.id"
|
||||||
|
class="item-growth"
|
||||||
|
:class="activeItem.id == item.id ? 'active' : ''"
|
||||||
|
v-for="item of list"
|
||||||
|
>
|
||||||
|
<div class="icon"></div>
|
||||||
|
<div @click="handlerAnchor(item)">
|
||||||
|
{{ item.growthName }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template> -->
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<script>
|
||||||
|
import { listData, getTotalGrowthTaskDetail } from "@/api/growth/growthpath";
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
list: [],
|
||||||
|
loading: false,
|
||||||
|
totalData: {},
|
||||||
|
activeItem: {},
|
||||||
|
};
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
// 完成进度
|
||||||
|
totalTaskCompletionRate() {
|
||||||
|
return (item) => {
|
||||||
|
if (item.totalTaskCompletedNum && item.totalTaskNum) {
|
||||||
|
let num = item.totalTaskCompletedNum / item.totalTaskNum;
|
||||||
|
num = num * 100;
|
||||||
|
num = num.toFixed(0);
|
||||||
|
return Number(num);
|
||||||
|
} else {
|
||||||
|
return 0;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
},
|
||||||
|
// 选修进度
|
||||||
|
electiveTaskCompletionRate() {
|
||||||
|
return (item) => {
|
||||||
|
if (item.electiveTaskCompletedNum && item.electiveTaskNum) {
|
||||||
|
let num = item.electiveTaskCompletedNum / item.electiveTaskNum;
|
||||||
|
num = num * 100;
|
||||||
|
num = num.toFixed(0);
|
||||||
|
return Number(num);
|
||||||
|
} else if (item.electiveTaskNum == 0) {
|
||||||
|
return 100;
|
||||||
|
} else {
|
||||||
|
return 0;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
},
|
||||||
|
// 必修进度
|
||||||
|
requiredTaskCompletionRate() {
|
||||||
|
return (item) => {
|
||||||
|
if (item.requiredTaskCompletedNum && item.requiredTaskNum) {
|
||||||
|
let num = item.requiredTaskCompletedNum / item.requiredTaskNum;
|
||||||
|
num = num * 100;
|
||||||
|
num = num.toFixed(0);
|
||||||
|
return Number(num);
|
||||||
|
} else {
|
||||||
|
return 0;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
},
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
select(item) {},
|
||||||
|
jumpRouter(item) {
|
||||||
|
let studentPath = process.env.VUE_APP_STUDENT_PATH;
|
||||||
|
let params = encodeURIComponent("routerId=" + item.id);
|
||||||
|
this.$router.push(
|
||||||
|
"/forward?to=" + studentPath + "/growthList¶ms=" + params
|
||||||
|
);
|
||||||
|
},
|
||||||
|
|
||||||
|
handlerAnchor(item, index) {
|
||||||
|
this.activeItem = item;
|
||||||
|
let dom = document.getElementById(`${item.id}`);
|
||||||
|
dom.classList.add("handler-add-padding");
|
||||||
|
dom.scrollIntoView({ behavior: "smooth" });
|
||||||
|
},
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.loading = true;
|
||||||
|
listData().then((res) => {
|
||||||
|
this.activeItem = res.data[0];
|
||||||
|
this.list = res.data;
|
||||||
|
this.loading = false;
|
||||||
|
});
|
||||||
|
getTotalGrowthTaskDetail().then((res) => {
|
||||||
|
this.totalData = res.data;
|
||||||
|
});
|
||||||
|
// 处理滚动事件的代码
|
||||||
|
let that = this;
|
||||||
|
window.addEventListener("scroll", function () {
|
||||||
|
let dom = document.getElementById(`${that.activeItem.id}`);
|
||||||
|
if (dom) {
|
||||||
|
dom.classList.remove("handler-add-padding");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style lang="less" scoped>
|
||||||
|
.f-a-c {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.f-j-b {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.f-j-c {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
.growth {
|
||||||
|
.empty {
|
||||||
|
height: 600px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
background-color: #ffffff;
|
||||||
|
}
|
||||||
|
.el-icon-question {
|
||||||
|
color: #387df7;
|
||||||
|
font-size: 16px;
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
.handler-add-padding {
|
||||||
|
padding: 100px 38px 66px 40px !important;
|
||||||
|
margin-top: -80px;
|
||||||
|
}
|
||||||
|
display: flex;
|
||||||
|
.growth-left {
|
||||||
|
margin-right: 10px;
|
||||||
|
|
||||||
|
flex: 1;
|
||||||
|
.growth-item {
|
||||||
|
background: #ffffff;
|
||||||
|
padding: 30px 38px 66px 40px;
|
||||||
|
margin-bottom: 35px;
|
||||||
|
position: relative;
|
||||||
|
.growth-bg-icon {
|
||||||
|
position: absolute;
|
||||||
|
right: 92px;
|
||||||
|
bottom: 0;
|
||||||
|
}
|
||||||
|
.progress-title {
|
||||||
|
// font-weight: 700;
|
||||||
|
font-size: 18px;
|
||||||
|
color: #000000;
|
||||||
|
margin: 28px 0 20px 0;
|
||||||
|
}
|
||||||
|
.progress-content {
|
||||||
|
margin-bottom: 28px;
|
||||||
|
}
|
||||||
|
.tip-title {
|
||||||
|
// font-weight: 700;
|
||||||
|
font-size: 18px;
|
||||||
|
color: #000000;
|
||||||
|
margin: 30px 0 10px 0;
|
||||||
|
}
|
||||||
|
.tip-content {
|
||||||
|
font-size: 16px;
|
||||||
|
color: #333333;
|
||||||
|
line-height: 30px;
|
||||||
|
}
|
||||||
|
.growth-nav {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
padding-bottom: 28px;
|
||||||
|
border-bottom: 2px solid #f5f5f5;
|
||||||
|
}
|
||||||
|
.growth-name {
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 18px;
|
||||||
|
color: #0071ed;
|
||||||
|
}
|
||||||
|
.growth-state {
|
||||||
|
font-size: 15px;
|
||||||
|
margin-right: 18px;
|
||||||
|
}
|
||||||
|
.growth-btn {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
width: 120px;
|
||||||
|
height: 36px;
|
||||||
|
background: #f2903d;
|
||||||
|
border-radius: 4px;
|
||||||
|
font-size: 16px;
|
||||||
|
color: #ffffff;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.navbar {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
height: 90px;
|
||||||
|
padding-left: 40px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
color: #ffffff;
|
||||||
|
background-image: url(../../assets/images/growth/growth-bg.png);
|
||||||
|
background-size: 100% 100%;
|
||||||
|
.nav-title {
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 18px;
|
||||||
|
margin-right: 10%;
|
||||||
|
}
|
||||||
|
.nav-total {
|
||||||
|
// margin-left: 15%;
|
||||||
|
width: 20%;
|
||||||
|
}
|
||||||
|
.total-num {
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 22px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.growth-right {
|
||||||
|
width: 30%;
|
||||||
|
max-width: 464px;
|
||||||
|
margin-bottom: 35px;
|
||||||
|
background-color: #ffffff;
|
||||||
|
padding: 35px 20px 20px 30px;
|
||||||
|
.title {
|
||||||
|
font-size: 18px;
|
||||||
|
color: #000000;
|
||||||
|
font-weight: 700;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
|
.item-growth {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
border-radius: 5px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #666666;
|
||||||
|
padding: 10px 20px 10px 8px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.icon {
|
||||||
|
width: 4px;
|
||||||
|
height: 4px;
|
||||||
|
background: #4c5564;
|
||||||
|
border-radius: 50%;
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
.active {
|
||||||
|
background: #e3edfe;
|
||||||
|
color: #000;
|
||||||
|
.icon {
|
||||||
|
background: #0077ec;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
179
src/views/hotforum/Index-bak.vue
Normal file
@@ -0,0 +1,179 @@
|
|||||||
|
<template>
|
||||||
|
<div class="hot">
|
||||||
|
<div>
|
||||||
|
<div class="center">
|
||||||
|
<div class="item" :style="{marginRight:(i%2==0||i==0)?'49px':'0'}" v-for="item,i in imgData" :key="i">
|
||||||
|
<img class="img" @click="goLearn(item.url)" :src="require(`../../assets/images/hotforum/${item.img}.png`)" alt="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div style="display: flex;justify-content: center;margin-bottom: 52px;">
|
||||||
|
<img src="../../assets/images/hotforum/foot.png" alt="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "hotforum",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
imgData:[
|
||||||
|
{img:'01',url:'1265897142383042560'},
|
||||||
|
{img:'02',url:'1265697724606210048'},
|
||||||
|
{img:'003',url:'1280185851054231552'},
|
||||||
|
{img:'04',url:'1321778585966247936'},
|
||||||
|
],
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
goLearn(item){
|
||||||
|
if(item){
|
||||||
|
// this.$router.push({path:'/course/detail',query:{id:item}})
|
||||||
|
window.open(`https://u.boe.com/pc/course/detail?id=${item}`)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.hot{
|
||||||
|
width: 100%;
|
||||||
|
// max-width: 1920px;
|
||||||
|
min-height: 100%;
|
||||||
|
// min-height: 1373px;
|
||||||
|
background: url("../../assets/images/hotforum/back.jpg") no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
.center{
|
||||||
|
max-width: 1270px;
|
||||||
|
max-height: 700px;
|
||||||
|
margin-bottom: 5%;
|
||||||
|
margin-top: 22%;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
.item{
|
||||||
|
width: 610px;
|
||||||
|
height: 330px;
|
||||||
|
background: url("../../assets/images/hotforum/border.png") no-repeat;
|
||||||
|
background-size: 100%;
|
||||||
|
padding: 14px;
|
||||||
|
padding-top: 31px;
|
||||||
|
margin-bottom: 59px;
|
||||||
|
cursor: pointer;
|
||||||
|
.img{
|
||||||
|
width: 581px;
|
||||||
|
height: 283px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/* 当窗口宽度大于3068px时的样式 */
|
||||||
|
}
|
||||||
|
@media (min-width: 3000px) {
|
||||||
|
.hot{
|
||||||
|
width: 100%;
|
||||||
|
// max-width: 1920px;
|
||||||
|
min-height: 100%;
|
||||||
|
// min-height: 1373px;
|
||||||
|
background: url("../../assets/images/hotforum/back.jpg") no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
.center {
|
||||||
|
max-width: 2560px;
|
||||||
|
max-height: 1300px;
|
||||||
|
margin-bottom: 5%;
|
||||||
|
margin-top: 30vh;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
|
||||||
|
.item {
|
||||||
|
width: 1220px;
|
||||||
|
height: 660px;
|
||||||
|
background: url("../../assets/images/hotforum/border.png") no-repeat;
|
||||||
|
background-size: 100%;
|
||||||
|
padding: 28px;
|
||||||
|
padding-top: 62px;
|
||||||
|
margin-bottom: 59px;
|
||||||
|
|
||||||
|
.img {
|
||||||
|
width: 100%; // 图片宽度占满item宽度
|
||||||
|
height: auto; // 自动调整高度
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (min-height: 1500px) {
|
||||||
|
.hot{
|
||||||
|
width: 100%;
|
||||||
|
// max-width: 1920px;
|
||||||
|
min-height: 100%;
|
||||||
|
// min-height: 1373px;
|
||||||
|
background: url("../../assets/images/hotforum/back.jpg") no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
.center {
|
||||||
|
max-width: 1068px;
|
||||||
|
max-height: 580px;
|
||||||
|
margin-bottom: 5%;
|
||||||
|
margin-top: 30vh;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
|
||||||
|
.item {
|
||||||
|
width: 500px;
|
||||||
|
height: 271px;
|
||||||
|
background: url("../../assets/images/hotforum/border.png") no-repeat;
|
||||||
|
background-size: 100%;
|
||||||
|
padding: 14px;
|
||||||
|
padding-top: 26px;
|
||||||
|
margin-bottom: 30px;
|
||||||
|
|
||||||
|
.img {
|
||||||
|
width: 100%; // 图片宽度占满item宽度
|
||||||
|
height: auto; // 自动调整高度
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (min-width: 1928px) and (max-width: 3000px) {
|
||||||
|
.hot{
|
||||||
|
width: 100%;
|
||||||
|
// max-width: 1920px;
|
||||||
|
min-height: 100%;
|
||||||
|
// min-height: 1373px;
|
||||||
|
background: url("../../assets/images/hotforum/back.jpg") no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
.center {
|
||||||
|
max-width: 1800px;
|
||||||
|
max-height: 1100px;
|
||||||
|
margin-bottom: 5%;
|
||||||
|
margin-top: 35vh;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
|
||||||
|
.item {
|
||||||
|
width: 860px;
|
||||||
|
height: 466px;
|
||||||
|
background: url("../../assets/images/hotforum/border.png") no-repeat;
|
||||||
|
background-size: 100%;
|
||||||
|
padding: 28px;
|
||||||
|
padding-top: 48px;
|
||||||
|
margin-bottom: 70px;
|
||||||
|
|
||||||
|
.img {
|
||||||
|
width: 100%; // 图片宽度占满item宽度
|
||||||
|
height: auto; // 自动调整高度
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -1,7 +1,24 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="hot">
|
<div class="hot25">
|
||||||
<div>
|
<div>
|
||||||
<div class="center">
|
<div class="title25" style="">
|
||||||
|
<img class="img" src="../../assets/images/hotforum/2025.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="center" style="margin-top: 60px;">
|
||||||
|
<div class="item" style="margin-right: 49px;">
|
||||||
|
<img class="img" @click="goLearn('1351506180295131136')" src="../../assets/images/hotforum/2501.jpg" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="item">
|
||||||
|
<img class="img" @click="goLearn('1375146833375027200')" src="../../assets/images/hotforum/2503.png" alt="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="line" style="margin: 0 auto;margin-top: 60px;width: 100%;text-align: center;">
|
||||||
|
<img class="img" src="../../assets/images/hotforum/line.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="title24" style="margin: 0 auto;margin-top: 60px;width: 100%;text-align: center;">
|
||||||
|
<img class="img" src="../../assets/images/hotforum/2024.png" alt="">
|
||||||
|
</div>
|
||||||
|
<div class="center" style="margin-top: 60px;">
|
||||||
<div class="item" :style="{marginRight:(i%2==0||i==0)?'49px':'0'}" v-for="item,i in imgData" :key="i">
|
<div class="item" :style="{marginRight:(i%2==0||i==0)?'49px':'0'}" v-for="item,i in imgData" :key="i">
|
||||||
<img class="img" @click="goLearn(item.url)" :src="require(`../../assets/images/hotforum/${item.img}.png`)" alt="">
|
<img class="img" @click="goLearn(item.url)" :src="require(`../../assets/images/hotforum/${item.img}.png`)" alt="">
|
||||||
</div>
|
</div>
|
||||||
@@ -11,18 +28,23 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
name: "hotforum",
|
name: "hotforumNew",
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
imgData:[
|
imgData:[
|
||||||
{img:'01',url:'1265897142383042560'},
|
{img:'01',url:'1265897142383042560'},
|
||||||
{img:'02',url:'1265697724606210048'},
|
{img:'02',url:'1265697724606210048'},
|
||||||
{img:'003',url:'1280185851054231552'},
|
{img:'003',url:'1280185851054231552'},
|
||||||
{img:'4',url:''},
|
{img:'04',url:'1321778585966247936'},
|
||||||
|
],
|
||||||
|
imgData25:[
|
||||||
|
{img:'2501',url:'1351506180295131136'},
|
||||||
|
{img:'2503',url:'1375146833375027200'},
|
||||||
],
|
],
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@@ -38,20 +60,22 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.hot{
|
.hot25{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
// max-width: 1920px;
|
// max-width: 1920px;
|
||||||
min-height: 100%;
|
min-height: 100%;
|
||||||
// min-height: 1373px;
|
// min-height: 1373px;
|
||||||
background: url("../../assets/images/hotforum/back.jpg") no-repeat;
|
background: url("../../assets/images/hotforum/back25.png") no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: cover;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
.title25{
|
||||||
|
margin: 0 auto;margin-top: 100px;width: 100%;text-align: center;
|
||||||
|
}
|
||||||
.center{
|
.center{
|
||||||
max-width: 1270px;
|
max-width: 1270px;
|
||||||
max-height: 700px;
|
max-height: 700px;
|
||||||
margin-bottom: 5%;
|
margin-bottom: 5%;
|
||||||
margin-top: 22%;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
.item{
|
.item{
|
||||||
@@ -71,109 +95,109 @@
|
|||||||
}
|
}
|
||||||
/* 当窗口宽度大于3068px时的样式 */
|
/* 当窗口宽度大于3068px时的样式 */
|
||||||
}
|
}
|
||||||
@media (min-width: 3000px) {
|
// @media (min-width: 3000px) {
|
||||||
.hot{
|
// .hot{
|
||||||
width: 100%;
|
// width: 100%;
|
||||||
// max-width: 1920px;
|
// // max-width: 1920px;
|
||||||
min-height: 100%;
|
// min-height: 100%;
|
||||||
// min-height: 1373px;
|
// // min-height: 1373px;
|
||||||
background: url("../../assets/images/hotforum/back.jpg") no-repeat;
|
// background: url("../../assets/images/hotforum/back.jpg") no-repeat;
|
||||||
background-size: 100% 100%;
|
// background-size: 100% 100%;
|
||||||
display: flex;
|
// display: flex;
|
||||||
justify-content: center;
|
// justify-content: center;
|
||||||
.center {
|
// .center {
|
||||||
max-width: 2560px;
|
// max-width: 2560px;
|
||||||
max-height: 1300px;
|
// max-height: 1300px;
|
||||||
margin-bottom: 5%;
|
// margin-bottom: 5%;
|
||||||
margin-top: 30vh;
|
// margin-top: 30vh;
|
||||||
display: flex;
|
// display: flex;
|
||||||
flex-wrap: wrap;
|
// flex-wrap: wrap;
|
||||||
|
|
||||||
.item {
|
// .item {
|
||||||
width: 1220px;
|
// width: 1220px;
|
||||||
height: 660px;
|
// height: 660px;
|
||||||
background: url("../../assets/images/hotforum/border.png") no-repeat;
|
// background: url("../../assets/images/hotforum/border.png") no-repeat;
|
||||||
background-size: 100%;
|
// background-size: 100%;
|
||||||
padding: 28px;
|
// padding: 28px;
|
||||||
padding-top: 62px;
|
// padding-top: 62px;
|
||||||
margin-bottom: 59px;
|
// margin-bottom: 59px;
|
||||||
|
|
||||||
.img {
|
|
||||||
width: 100%; // 图片宽度占满item宽度
|
|
||||||
height: auto; // 自动调整高度
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-height: 1500px) {
|
|
||||||
.hot{
|
|
||||||
width: 100%;
|
|
||||||
// max-width: 1920px;
|
|
||||||
min-height: 100%;
|
|
||||||
// min-height: 1373px;
|
|
||||||
background: url("../../assets/images/hotforum/back.jpg") no-repeat;
|
|
||||||
background-size: 100% 100%;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
.center {
|
|
||||||
max-width: 1068px;
|
|
||||||
max-height: 580px;
|
|
||||||
margin-bottom: 5%;
|
|
||||||
margin-top: 30vh;
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
|
|
||||||
.item {
|
// .img {
|
||||||
width: 500px;
|
// width: 100%; // 图片宽度占满item宽度
|
||||||
height: 271px;
|
// height: auto; // 自动调整高度
|
||||||
background: url("../../assets/images/hotforum/border.png") no-repeat;
|
// }
|
||||||
background-size: 100%;
|
// }
|
||||||
padding: 14px;
|
// }
|
||||||
padding-top: 26px;
|
// }
|
||||||
margin-bottom: 30px;
|
// }
|
||||||
|
// @media (min-height: 1500px) {
|
||||||
.img {
|
// .hot{
|
||||||
width: 100%; // 图片宽度占满item宽度
|
// width: 100%;
|
||||||
height: auto; // 自动调整高度
|
// // max-width: 1920px;
|
||||||
}
|
// min-height: 100%;
|
||||||
}
|
// // min-height: 1373px;
|
||||||
}
|
// background: url("../../assets/images/hotforum/back.jpg") no-repeat;
|
||||||
}
|
// background-size: 100% 100%;
|
||||||
}
|
// display: flex;
|
||||||
@media (min-width: 1928px) and (max-width: 3000px) {
|
// justify-content: center;
|
||||||
.hot{
|
// .center {
|
||||||
width: 100%;
|
// max-width: 1068px;
|
||||||
// max-width: 1920px;
|
// max-height: 580px;
|
||||||
min-height: 100%;
|
// margin-bottom: 5%;
|
||||||
// min-height: 1373px;
|
// margin-top: 30vh;
|
||||||
background: url("../../assets/images/hotforum/back.jpg") no-repeat;
|
// display: flex;
|
||||||
background-size: 100% 100%;
|
// flex-wrap: wrap;
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
.center {
|
|
||||||
max-width: 1800px;
|
|
||||||
max-height: 1100px;
|
|
||||||
margin-bottom: 5%;
|
|
||||||
margin-top: 35vh;
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
|
|
||||||
.item {
|
// .item {
|
||||||
width: 860px;
|
// width: 500px;
|
||||||
height: 466px;
|
// height: 271px;
|
||||||
background: url("../../assets/images/hotforum/border.png") no-repeat;
|
// background: url("../../assets/images/hotforum/border.png") no-repeat;
|
||||||
background-size: 100%;
|
// background-size: 100%;
|
||||||
padding: 28px;
|
// padding: 14px;
|
||||||
padding-top: 48px;
|
// padding-top: 26px;
|
||||||
margin-bottom: 70px;
|
// margin-bottom: 30px;
|
||||||
|
|
||||||
.img {
|
// .img {
|
||||||
width: 100%; // 图片宽度占满item宽度
|
// width: 100%; // 图片宽度占满item宽度
|
||||||
height: auto; // 自动调整高度
|
// height: auto; // 自动调整高度
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
</style>
|
// @media (min-width: 1928px) and (max-width: 3000px) {
|
||||||
|
// .hot{
|
||||||
|
// width: 100%;
|
||||||
|
// // max-width: 1920px;
|
||||||
|
// min-height: 100%;
|
||||||
|
// // min-height: 1373px;
|
||||||
|
// background: url("../../assets/images/hotforum/back.jpg") no-repeat;
|
||||||
|
// background-size: 100% 100%;
|
||||||
|
// display: flex;
|
||||||
|
// justify-content: center;
|
||||||
|
// .center {
|
||||||
|
// max-width: 1800px;
|
||||||
|
// max-height: 1100px;
|
||||||
|
// margin-bottom: 5%;
|
||||||
|
// margin-top: 35vh;
|
||||||
|
// display: flex;
|
||||||
|
// flex-wrap: wrap;
|
||||||
|
|
||||||
|
// .item {
|
||||||
|
// width: 860px;
|
||||||
|
// height: 466px;
|
||||||
|
// background: url("../../assets/images/hotforum/border.png") no-repeat;
|
||||||
|
// background-size: 100%;
|
||||||
|
// padding: 28px;
|
||||||
|
// padding-top: 48px;
|
||||||
|
// margin-bottom: 70px;
|
||||||
|
|
||||||
|
// .img {
|
||||||
|
// width: 100%; // 图片宽度占满item宽度
|
||||||
|
// height: auto; // 自动调整高度
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
</style>
|
||||||
|
|||||||
@@ -651,6 +651,9 @@ export default {
|
|||||||
});
|
});
|
||||||
},
|
},
|
||||||
getCaseData() {
|
getCaseData() {
|
||||||
|
// 清空pdf数据
|
||||||
|
this.pdfPath = '';
|
||||||
|
|
||||||
let $this = this;
|
let $this = this;
|
||||||
apiCase.details(this.resolveId, true).then(res => {
|
apiCase.details(this.resolveId, true).then(res => {
|
||||||
if (res.status == 200) {
|
if (res.status == 200) {
|
||||||
|
|||||||
@@ -185,11 +185,11 @@
|
|||||||
<div class="back_num" v-if="numIsFalse">
|
<div class="back_num" v-if="numIsFalse">
|
||||||
<div class="search_div_num">
|
<div class="search_div_num">
|
||||||
当前已检索 <span style="color:#FF4040 ;">
|
当前已检索 <span style="color:#FF4040 ;">
|
||||||
{{ caseList.count }}</span> 条数据
|
{{ this.caseList.count }}</span> 条数据
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="data-content">
|
<div class="data-content">
|
||||||
<div v-for="item in caseList.list" :key="isTimeData?item.browsingHistoryId : item.id" class="case-list">
|
<div v-for="item in this.caseList.list" :key="isTimeData?item.browsingHistoryId : item.id" class="case-list">
|
||||||
<div class="case-info">
|
<div class="case-info">
|
||||||
<div class="case-info-cont">
|
<div class="case-info-cont">
|
||||||
<!-- <router-link :to="'/case/detail?id=' + item.id"> -->
|
<!-- <router-link :to="'/case/detail?id=' + item.id"> -->
|
||||||
@@ -270,7 +270,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="caseList.showPagCount > queryCondition.pageSize">
|
<div v-if="this.caseList.showPagCount > queryCondition.pageSize">
|
||||||
<pagination :size="queryCondition.pageSize" :total="caseList.count" :page="queryCondition.pageIndex"
|
<pagination :size="queryCondition.pageSize" :total="caseList.count" :page="queryCondition.pageIndex"
|
||||||
layout="total, prev, pager, next, jumper" @change-page="currentChange"></pagination>
|
layout="total, prev, pager, next, jumper" @change-page="currentChange"></pagination>
|
||||||
</div>
|
</div>
|
||||||
@@ -279,7 +279,7 @@
|
|||||||
<!-- <span class="pag-text" @click="loadMore()" v-if="moreState == 1">加载更多</span>
|
<!-- <span class="pag-text" @click="loadMore()" v-if="moreState == 1">加载更多</span>
|
||||||
<span class="pag-text-msg" v-else-if="moreState == 2">数据加载中</span>
|
<span class="pag-text-msg" v-else-if="moreState == 2">数据加载中</span>
|
||||||
<span class="pag-text-msg" v-else-if="moreState == 3">没有更多数据了</span> -->
|
<span class="pag-text-msg" v-else-if="moreState == 3">没有更多数据了</span> -->
|
||||||
<span class="notcoures" v-if="caseList.list.length == 0">
|
<span class="notcoures" v-if="this.caseList.list.length == 0">
|
||||||
<img :src="`${webBaseUrl}/images/nocase.png`" alt="">
|
<img :src="`${webBaseUrl}/images/nocase.png`" alt="">
|
||||||
<h5>暂无案例,请优先学习其它案例吧~</h5>
|
<h5>暂无案例,请优先学习其它案例吧~</h5>
|
||||||
</span>
|
</span>
|
||||||
@@ -555,7 +555,7 @@ export default {
|
|||||||
name: '',
|
name: '',
|
||||||
years: [],
|
years: [],
|
||||||
// 随机
|
// 随机
|
||||||
notInIds: [],//重复的id
|
// notInIds: [],//重复的id
|
||||||
orderField: "id",
|
orderField: "id",
|
||||||
orderAsc: false,//排序
|
orderAsc: false,//排序
|
||||||
sysType1:'',
|
sysType1:'',
|
||||||
@@ -1507,7 +1507,7 @@ export default {
|
|||||||
};
|
};
|
||||||
});
|
});
|
||||||
res.result.list.forEach(item=>{
|
res.result.list.forEach(item=>{
|
||||||
item.viewRankTags = item.viewRankTags.slice(0,2)
|
item.viewRankTags = item.viewRankTags?.slice(0,2)||[]
|
||||||
})
|
})
|
||||||
this.caseList.list = res.result.list
|
this.caseList.list = res.result.list
|
||||||
this.getCaseUserData(res.result.list);
|
this.getCaseUserData(res.result.list);
|
||||||
@@ -1562,7 +1562,7 @@ export default {
|
|||||||
};
|
};
|
||||||
});
|
});
|
||||||
res.result.list.forEach(item=>{
|
res.result.list.forEach(item=>{
|
||||||
item.viewRankTags = item.viewRankTags.slice(0,2)
|
item.viewRankTags = item.viewRankTags?.slice(0,2)||[]
|
||||||
})
|
})
|
||||||
this.caseList.list = res.result.list
|
this.caseList.list = res.result.list
|
||||||
this.getCaseUserData(res.result.list);
|
this.getCaseUserData(res.result.list);
|
||||||
@@ -1599,12 +1599,17 @@ export default {
|
|||||||
} else {
|
} else {
|
||||||
this.moreState = 3;
|
this.moreState = 3;
|
||||||
}
|
}
|
||||||
// console.log(res?.result?.list ,'有没有数据');
|
if(res.result.list.length ===0){
|
||||||
|
this.moreState = 3;
|
||||||
|
this.isSeach = false;
|
||||||
|
}
|
||||||
|
console.log(res?.result?.list ,'有没有数据1');
|
||||||
res.result.list.forEach(item=>{
|
res.result.list.forEach(item=>{
|
||||||
item.viewRankTags = item.viewRankTags.slice(0,2)
|
item.viewRankTags = item.viewRankTags?.slice(0,2)||[]
|
||||||
})
|
})
|
||||||
|
console.log(res?.result?.list ,'有没有数据2');
|
||||||
this.caseList.list = res.result.list
|
this.caseList.list = res.result.list
|
||||||
this.getCaseUserData(res.result.list);
|
// this.getCaseUserData(res.result.list);
|
||||||
// 给所有的赋值
|
// 给所有的赋值
|
||||||
this.caseList.count = res.result.count;
|
this.caseList.count = res.result.count;
|
||||||
this.caseList.showPagCount = res.result.count;
|
this.caseList.showPagCount = res.result.count;
|
||||||
|
|||||||
@@ -225,7 +225,7 @@
|
|||||||
</el-card>
|
</el-card>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<portal-footer></portal-footer>
|
<portal-footer></portal-footer>
|
||||||
</div>
|
</div>
|
||||||
@@ -653,7 +653,7 @@ export default {
|
|||||||
itemId:this.coursewareInfo.studyItemId,
|
itemId:this.coursewareInfo.studyItemId,
|
||||||
videoTime:intTime
|
videoTime:intTime
|
||||||
}
|
}
|
||||||
apicourseStudy.studyVideoTime(postData).then(rs=>{
|
apicourseStudy.updateStudyVideoTime(postData).then(rs=>{
|
||||||
if(rs.status!=200){
|
if(rs.status!=200){
|
||||||
console.log('记录播放时间错误');
|
console.log('记录播放时间错误');
|
||||||
}
|
}
|
||||||
@@ -693,7 +693,7 @@ export default {
|
|||||||
itemId:this.coursewareInfo.studyItemId,
|
itemId:this.coursewareInfo.studyItemId,
|
||||||
videoTime:intTime
|
videoTime:intTime
|
||||||
}
|
}
|
||||||
apicourseStudy.studyVideoTime(postData).then(rs=>{
|
apicourseStudy.updateStudyVideoTime(postData).then(rs=>{
|
||||||
if(rs.status!=200){
|
if(rs.status!=200){
|
||||||
console.log('记录播放时间错误');
|
console.log('记录播放时间错误');
|
||||||
}
|
}
|
||||||
|
|||||||
53
src/views/sso/lexiang.vue
Normal file
@@ -0,0 +1,53 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<p v-if="loading">正在跳转,请稍候...</p>
|
||||||
|
<p v-if="error" class="error">{{ errorMessage }}</p>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import axios from 'axios'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
loading: true,
|
||||||
|
error: false,
|
||||||
|
errorMessage: ''
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.fetchCode()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
async fetchCode() {
|
||||||
|
try {
|
||||||
|
// 替换为你的实际API地址
|
||||||
|
const response = await axios.post('/userbasic/sso/getCode', {})
|
||||||
|
const code = response.data.result
|
||||||
|
if (code) {
|
||||||
|
// 替换为你的目标外部链接,并确保参数名称正确
|
||||||
|
const redirectUrl = `https://lexiangla.com?company_from=d1f3b156e9ed11ef9dc9720f77c5afa9&login_way=sso&sso_auth_code=${encodeURIComponent(code)}`
|
||||||
|
window.location.href = redirectUrl
|
||||||
|
} else {
|
||||||
|
this.handleError('未获取到有效code')
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
this.handleError(`请求失败: ${error.message}`)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
handleError(message) {
|
||||||
|
this.loading = false
|
||||||
|
this.error = true
|
||||||
|
this.errorMessage = message
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.error {
|
||||||
|
color: red;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -253,8 +253,8 @@ export default {
|
|||||||
if(res.status==200){
|
if(res.status==200){
|
||||||
let localCourseIds=[];//本地在线课程的id集合
|
let localCourseIds=[];//本地在线课程的id集合
|
||||||
res.result.list.forEach(item=>{
|
res.result.list.forEach(item=>{
|
||||||
if(item.courseImage.startsWith('/upload')){
|
if(item.courseImage?.startsWith('/upload')){
|
||||||
item.courseImage=$this.fileUrl+item.courseImage.substring(7)
|
item.courseImage=$this.fileUrl+item.courseImage?.substring(7)
|
||||||
}
|
}
|
||||||
if(item.source==2){
|
if(item.source==2){
|
||||||
localCourseIds.push(item.id);
|
localCourseIds.push(item.id);
|
||||||
|
|||||||
@@ -167,7 +167,6 @@
|
|||||||
</div>
|
</div>
|
||||||
<!-- 课程单元 -->
|
<!-- 课程单元 -->
|
||||||
<div class="course-units" v-if="tab == 1">
|
<div class="course-units" v-if="tab == 1">
|
||||||
|
|
||||||
<div :style="`height: ${controlHeight}px;overflow-y: auto;`">
|
<div :style="`height: ${controlHeight}px;overflow-y: auto;`">
|
||||||
<div class="catalog" v-if="courseInfo.type == 20">
|
<div class="catalog" v-if="courseInfo.type == 20">
|
||||||
<div v-for="(item, index) in catalogTree" :key="index" :name="index">
|
<div v-for="(item, index) in catalogTree" :key="index" :name="index">
|
||||||
@@ -292,7 +291,8 @@
|
|||||||
<!-- <span style="font-size: 12px; color:#666666 ;">( {{cutOrgNamePath(item.authorInfo.orgInfo)}} )</span> -->
|
<!-- <span style="font-size: 12px; color:#666666 ;">( {{cutOrgNamePath(item.authorInfo.orgInfo)}} )</span> -->
|
||||||
</div>
|
</div>
|
||||||
<!-- <div class="teacher-remark" v-html="item.authorInfo.sign"></div> -->
|
<!-- <div class="teacher-remark" v-html="item.authorInfo.sign"></div> -->
|
||||||
<div class="teacher-remark">{{cutOrgNamePath(item.authorInfo.orgInfo)}}</div>
|
<div v-if="item.teacherType === 1 " class="teacher-remark">{{cutOrgNamePath(item.authorInfo.orgInfo)}}</div>
|
||||||
|
<div v-else>{{item.supplier}}</div>
|
||||||
</div>
|
</div>
|
||||||
<div style="padding-top:15px;width:70px;">
|
<div style="padding-top:15px;width:70px;">
|
||||||
<followButton v-if="item.teacherName!=='BOE教师'" :auto="true" size="small" :aid="item.teacherId"></followButton>
|
<followButton v-if="item.teacherName!=='BOE教师'" :auto="true" size="small" :aid="item.teacherId"></followButton>
|
||||||
@@ -467,7 +467,6 @@
|
|||||||
this.stopStudyTime();//先关闭
|
this.stopStudyTime();//先关闭
|
||||||
this.cleanAppendTime();//
|
this.cleanAppendTime();//
|
||||||
this.loadData();
|
this.loadData();
|
||||||
//console.log(this.$xpage.constants.fileBaseUrl,'this.$xpage.constants.fileBaseUrl');
|
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
...mapGetters(['userInfo']),
|
...mapGetters(['userInfo']),
|
||||||
@@ -511,14 +510,12 @@
|
|||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
handleOpen(key,path){
|
handleOpen(key,path){
|
||||||
// console.log(key,path,'handleOpen')
|
|
||||||
if(this.isFalse){
|
if(this.isFalse){
|
||||||
this.defaultOpeneds = [key]
|
this.defaultOpeneds = [key]
|
||||||
}
|
}
|
||||||
this.isFalse = false
|
this.isFalse = false
|
||||||
},
|
},
|
||||||
handleClose(key,path){
|
handleClose(key,path){
|
||||||
// console.log(key,path,'handleClose')
|
|
||||||
},
|
},
|
||||||
toUserHome(tea){
|
toUserHome(tea){
|
||||||
this.$router.push({path:this.$xpage.getHomePath(tea.teacherId)})
|
this.$router.push({path:this.$xpage.getHomePath(tea.teacherId)})
|
||||||
@@ -591,9 +588,7 @@
|
|||||||
let $this=this;
|
let $this=this;
|
||||||
if(this.contentData.id==contentId){
|
if(this.contentData.id==contentId){
|
||||||
this.onPlayerPause()
|
this.onPlayerPause()
|
||||||
//this.audioPause();
|
|
||||||
this.contentData.lastStudyTime=time;
|
this.contentData.lastStudyTime=time;
|
||||||
//this.onPlayerPlay();
|
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
$this.$refs.myVideoPlayer.startPlay(time);
|
$this.$refs.myVideoPlayer.startPlay(time);
|
||||||
}, 10)
|
}, 10)
|
||||||
@@ -610,7 +605,6 @@
|
|||||||
if(toResContent){
|
if(toResContent){
|
||||||
|
|
||||||
this.changePlayRes(toResContent);
|
this.changePlayRes(toResContent);
|
||||||
//this.onPlayerPlay();
|
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
$this.$refs.myVideoPlayer.startPlay(time);
|
$this.$refs.myVideoPlayer.startPlay(time);
|
||||||
}, 10)
|
}, 10)
|
||||||
@@ -621,18 +615,9 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
this.playerBoxShow = false;
|
this.playerBoxShow = false;
|
||||||
//this.changePlayRes(r);
|
|
||||||
// this.playerBoxShow = false;
|
|
||||||
// this.notePlay = null;
|
|
||||||
// let $this=this;
|
|
||||||
// setTimeout(() => {
|
|
||||||
// $this.notePlay = time;
|
|
||||||
// }, 500)
|
|
||||||
},
|
},
|
||||||
//笔记组件触发,记录当前播放时间
|
//笔记组件触发,记录当前播放时间
|
||||||
videoLocation() {
|
videoLocation() {
|
||||||
//this.$store.dispatch("SetIntTimeNote", this.intTimeNote);
|
|
||||||
//console.log(this.contentData.id+'='+this.intTimeNote,'设置视频播放时间')
|
|
||||||
this.$refs.mynote.setVideoTime(this.contentData.id,this.intTimeNote);
|
this.$refs.mynote.setVideoTime(this.contentData.id,this.intTimeNote);
|
||||||
},
|
},
|
||||||
coutab(n) {
|
coutab(n) {
|
||||||
@@ -642,9 +627,7 @@
|
|||||||
let nowDate = new Date();
|
let nowDate = new Date();
|
||||||
let ctime = parseInt(nowDate.getTime() / 1000);
|
let ctime = parseInt(nowDate.getTime() / 1000);
|
||||||
let beforeUrl = parseInt(nowDate.getTime() / 1000) + '/' + fid;
|
let beforeUrl = parseInt(nowDate.getTime() / 1000) + '/' + fid;
|
||||||
//console.log(beforeUrl,'beforeUrl');
|
|
||||||
let urlSign = encodeURIComponent(encrypt(beforeUrl));
|
let urlSign = encodeURIComponent(encrypt(beforeUrl));
|
||||||
//console.log(urlSign,'urlSign');
|
|
||||||
cookies.set('PLAYSIGN_TIME', ctime); //写客户端的cookie保存
|
cookies.set('PLAYSIGN_TIME', ctime); //写客户端的cookie保存
|
||||||
//以下判断是为了区分本地环境和服务器环境
|
//以下判断是为了区分本地环境和服务器环境
|
||||||
if (process.env.NODE_ENV == 'development') {
|
if (process.env.NODE_ENV == 'development') {
|
||||||
@@ -652,9 +635,7 @@
|
|||||||
} else {
|
} else {
|
||||||
this.blobUrl = process.env.VUE_APP_BASE_API + '/xboe/m/course/cware/resource?sign=' + urlSign;
|
this.blobUrl = process.env.VUE_APP_BASE_API + '/xboe/m/course/cware/resource?sign=' + urlSign;
|
||||||
}
|
}
|
||||||
// console.log('this.contentData.id:',this.contentData.id)
|
|
||||||
this.blobId = this.contentData.id
|
this.blobId = this.contentData.id
|
||||||
//console.log(this.blobUrl,'this.blobUrl');
|
|
||||||
},
|
},
|
||||||
widthOpen(url) {
|
widthOpen(url) {
|
||||||
window.open(url, '_blank');
|
window.open(url, '_blank');
|
||||||
@@ -687,8 +668,6 @@
|
|||||||
this.curriculumData.url = r.content;
|
this.curriculumData.url = r.content;
|
||||||
}
|
}
|
||||||
this.$refs.mynote.showVideoTimeBtn(true);
|
this.$refs.mynote.showVideoTimeBtn(true);
|
||||||
//let url=process.env.VUE_APP_BASE_API+'/xboe/m/course/file/show?cf='+this.curriculumData.url;
|
|
||||||
//let url=this.fileBaseUrl+this.curriculumData.url;
|
|
||||||
this.createPlayUrl(r.contentRefId, this.curriculumData.url);
|
this.createPlayUrl(r.contentRefId, this.curriculumData.url);
|
||||||
} else if (r.contentType == 40) {
|
} else if (r.contentType == 40) {
|
||||||
// if (r.content != '' && r.content.indexOf('.pdf') == -1) {
|
// if (r.content != '' && r.content.indexOf('.pdf') == -1) {
|
||||||
@@ -755,7 +734,7 @@
|
|||||||
if (this.contentData.status < 2) {
|
if (this.contentData.status < 2) {
|
||||||
// this.contentData.status = 2; //进行中
|
// this.contentData.status = 2; //进行中
|
||||||
if(r.contentType != 61&&r.contentType != 20 && r.contentType != 10){
|
if(r.contentType != 61&&r.contentType != 20 && r.contentType != 10){
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
this.isContentTypeTwo = r.contentType
|
this.isContentTypeTwo = r.contentType
|
||||||
$this.isShowTime()
|
$this.isShowTime()
|
||||||
}, 2000);
|
}, 2000);
|
||||||
@@ -787,7 +766,6 @@
|
|||||||
});
|
});
|
||||||
$this.appendStudyOtherTime();
|
$this.appendStudyOtherTime();
|
||||||
}, 15000); //非音视频课程学习,十五秒后记录
|
}, 15000); //非音视频课程学习,十五秒后记录
|
||||||
//this.appendStudyTime();
|
|
||||||
this.isContentType = this.contentData.contentType
|
this.isContentType = this.contentData.contentType
|
||||||
if (this.contentData.contentType != 50) {
|
if (this.contentData.contentType != 50) {
|
||||||
this.handleTimeout = setTimeout(function(){
|
this.handleTimeout = setTimeout(function(){
|
||||||
@@ -802,23 +780,23 @@
|
|||||||
|
|
||||||
|
|
||||||
this.$nextTick(function(){
|
this.$nextTick(function(){
|
||||||
//let h0=document.getElementById('id_course_player').offsetHeight;
|
if (r.contentType == 10) {
|
||||||
|
console.log('视频处理lastStudyTime',this.contentData.lastStudyTime)
|
||||||
|
console.log('视频处理progressVideo',this.contentData.progressVideo)
|
||||||
|
this.$refs.myVideoPlayer.updateProgressByClickBar2(this.contentData.lastStudyTime,this.contentData.progressVideo);
|
||||||
|
}
|
||||||
|
|
||||||
let h=$this.$refs.coursePlayer.offsetHeight;
|
let h=$this.$refs.coursePlayer.offsetHeight;
|
||||||
//let h1=$this.$refs.coursePlayer.clientHeight;
|
|
||||||
///console.log(h0,h,$this.controlHeight,'$this.controlHeight');
|
|
||||||
//解决获取高度不正的问题
|
//解决获取高度不正的问题
|
||||||
if(h>400 && h<500){
|
if(h>400 && h<500){
|
||||||
h=h+40;
|
h=h+40;
|
||||||
}else if(h>500){
|
}else if(h>500){
|
||||||
h=h+60;
|
h=h+60;
|
||||||
}
|
}
|
||||||
//$this.controlHeight=h-99;
|
|
||||||
$this.controlHeight=h-95;
|
$this.controlHeight=h-95;
|
||||||
//console.log(h,$this.controlHeight,'$this.controlHeight');
|
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
//console.log('this.contentData11:',this.contentData,this.curriculumData)
|
|
||||||
// 视频设置禁用处理逻辑,如果用户已全部观看完该视频,则设置为能全部拖动的逻辑,把isDrag设置为true即可,同时删除本地存储的数据
|
// 视频设置禁用处理逻辑,如果用户已全部观看完该视频,则设置为能全部拖动的逻辑,把isDrag设置为true即可,同时删除本地存储的数据
|
||||||
if(this.contentData.progressVideo ===1){
|
if(this.contentData.progressVideo ===1){
|
||||||
var obj = JSON.parse(this.contentData.content)
|
var obj = JSON.parse(this.contentData.content)
|
||||||
@@ -1126,37 +1104,18 @@
|
|||||||
|
|
||||||
});
|
});
|
||||||
} else {
|
} else {
|
||||||
//console.log('加载课程信息失败:'+res.error);
|
|
||||||
//this.$message.error(res.message);
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
onPlayerPlay() {
|
onPlayerPlay() {
|
||||||
//console.log("开始播放");
|
|
||||||
// if(this.contentData.contentType == 10){
|
|
||||||
// if(this.contentData.status<2){
|
|
||||||
// this.contentData.status = 2;
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
this.playerBoxShow = false;
|
this.playerBoxShow = false;
|
||||||
let $this = this;
|
let $this = this;
|
||||||
//这里有些不准备,如果文件未能加载,这个事件就是错误的
|
//这里有些不准备,如果文件未能加载,这个事件就是错误的
|
||||||
this.isAppendTime=true;
|
this.isAppendTime=true;
|
||||||
this.appendStudyTime();//启动追加学习时长
|
this.appendStudyTime();//启动追加学习时长
|
||||||
//console.log(this.contentData.status,'this.contentData.status');
|
|
||||||
// if(this.contentData.status<9){
|
|
||||||
// let completeType=this.curriculumData.completeSetup;
|
|
||||||
// //console.log(completeType,'completeType');
|
|
||||||
// if(completeType==0){
|
|
||||||
// //默认5秒后学习完成.
|
|
||||||
// $this.handleTimeout= setTimeout(function() {$this.saveStudyInfo();}, 5000); //5秒后记录学习完成
|
|
||||||
// }else{
|
|
||||||
// //先记录进行中的学习内容
|
|
||||||
// this.saveStudyItem();
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
},
|
},
|
||||||
|
|
||||||
onFullscreen(full) {
|
onFullscreen(full) {
|
||||||
let divId = 'videowatermark';
|
let divId = 'videowatermark';
|
||||||
var div = document.getElementById('myVideoPlayer')
|
var div = document.getElementById('myVideoPlayer')
|
||||||
@@ -1176,14 +1135,16 @@
|
|||||||
"position:absolute;pointer-events: none; width: 100%;height: 100%;top:0;left:0;bottom: 0;right: 0; display: flex;justify-content: center;flex-wrap: wrap;overflow: hidden; opacity:0.3;padding-top:10px";
|
"position:absolute;pointer-events: none; width: 100%;height: 100%;top:0;left:0;bottom: 0;right: 0; display: flex;justify-content: center;flex-wrap: wrap;overflow: hidden; opacity:0.3;padding-top:10px";
|
||||||
div.appendChild(div3);
|
div.appendChild(div3);
|
||||||
} else {
|
} else {
|
||||||
|
console.log("去除水印 ---- gx ----");
|
||||||
var markDiv = div.querySelector("#" + divId);
|
var markDiv = div.querySelector("#" + divId);
|
||||||
|
console.log("去除水印 ---- gx markDiv ----",markDiv);
|
||||||
if (markDiv) {
|
if (markDiv) {
|
||||||
div.removeChild(markDiv);
|
console.log("执行去除水印 ---- gx markDiv ----",markDiv);
|
||||||
|
div.removeChild(markDiv);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onPlayerPause() {
|
onPlayerPause() {
|
||||||
//console.log("暂停");
|
|
||||||
this.stopStudyTime();
|
this.stopStudyTime();
|
||||||
},
|
},
|
||||||
onPlayerEnded() {
|
onPlayerEnded() {
|
||||||
@@ -1196,8 +1157,6 @@
|
|||||||
onPlayerPlaying(itme) {
|
onPlayerPlaying(itme) {
|
||||||
this.isAppendTime = true;//可以追加学习时长
|
this.isAppendTime = true;//可以追加学习时长
|
||||||
this.intTimeNote = parseInt(itme);
|
this.intTimeNote = parseInt(itme);
|
||||||
//console.log("当前播放"+itme);
|
|
||||||
//console.log("当前播放11"+itme);
|
|
||||||
if (this.contentData.contentType && this.contentData.contentType == 10) {
|
if (this.contentData.contentType && this.contentData.contentType == 10) {
|
||||||
let intTime = parseInt(itme);
|
let intTime = parseInt(itme);
|
||||||
//判断是否完成
|
//判断是否完成
|
||||||
@@ -1227,7 +1186,13 @@
|
|||||||
this.contentData.lastStudyTime = intTime;
|
this.contentData.lastStudyTime = intTime;
|
||||||
let postData = {
|
let postData = {
|
||||||
itemId: this.contentData.studyItemId,
|
itemId: this.contentData.studyItemId,
|
||||||
videoTime: intTime
|
videoTime: intTime,
|
||||||
|
id: this.appentId,
|
||||||
|
studyId: this.studyId,
|
||||||
|
courseId: this.contentData.courseId,
|
||||||
|
contentId: this.contentData.id,
|
||||||
|
studyInfo: this.courseInfo.name +"-" +this.contentData.contentName,
|
||||||
|
duration: 10
|
||||||
};
|
};
|
||||||
//console.log('this.courseInfo:',this.contentData)
|
//console.log('this.courseInfo:',this.contentData)
|
||||||
if(!this.curriculumData.isDrag && this.contentData.progressVideo !=1){
|
if(!this.curriculumData.isDrag && this.contentData.progressVideo !=1){
|
||||||
@@ -1235,22 +1200,24 @@
|
|||||||
var arr = time&&JSON.parse(time) || {}
|
var arr = time&&JSON.parse(time) || {}
|
||||||
if(arr[this.blobId] && this.contentData.progressVideo<arr[this.blobId]) {
|
if(arr[this.blobId] && this.contentData.progressVideo<arr[this.blobId]) {
|
||||||
postData.progressVideo = arr[this.blobId]
|
postData.progressVideo = arr[this.blobId]
|
||||||
postData.contentId = this.contentData.id
|
// postData.contentId = this.contentData.id
|
||||||
postData.courseId = this.contentData.courseId
|
// postData.courseId = this.contentData.courseId
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
//console.log('记录播放时间')
|
//console.log('记录播放时间')
|
||||||
apiStudy.studyVideoTime(postData).then(rs => {
|
apiStudy.updateStudyVideoTime(postData).then(rs => {
|
||||||
if (rs.status != 200) {
|
if (rs.status != 200) {
|
||||||
console.log('记录播放时间错误');
|
console.log('记录播放时间错误');
|
||||||
|
}else{
|
||||||
|
studyUtil.clearStudyDuration(); //清除本地存储
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
audioPlaying(item, currentTime) {
|
audioPlaying(item, currentTime) {
|
||||||
//console.log("当前播放"+item);
|
|
||||||
let intTime = parseInt(currentTime);
|
let intTime = parseInt(currentTime);
|
||||||
|
console.log("======音频播放"+intTime);
|
||||||
this.handleAudioTimeUpdate(intTime)
|
this.handleAudioTimeUpdate(intTime)
|
||||||
//判断是否完成
|
//判断是否完成
|
||||||
let completeType = this.curriculumData.completeSetup;
|
let completeType = this.curriculumData.completeSetup;
|
||||||
@@ -1279,7 +1246,13 @@
|
|||||||
this.contentData.lastStudyTime = intTime;
|
this.contentData.lastStudyTime = intTime;
|
||||||
let postData = {
|
let postData = {
|
||||||
itemId: this.contentData.studyItemId,
|
itemId: this.contentData.studyItemId,
|
||||||
videoTime: intTime
|
videoTime: intTime,
|
||||||
|
id: this.appentId,
|
||||||
|
studyId: this.studyId,
|
||||||
|
courseId: this.contentData.courseId,
|
||||||
|
contentId: this.contentData.id,
|
||||||
|
studyInfo: this.courseInfo.name +"-" +this.contentData.contentName,
|
||||||
|
duration: 10
|
||||||
};
|
};
|
||||||
//console.log('this.courseInfo:',this.contentData)
|
//console.log('this.courseInfo:',this.contentData)
|
||||||
if(!this.curriculumData.isDrag && this.contentData.progressVideo !=1){
|
if(!this.curriculumData.isDrag && this.contentData.progressVideo !=1){
|
||||||
@@ -1287,23 +1260,21 @@
|
|||||||
var arr = time&&JSON.parse(time) || {}
|
var arr = time&&JSON.parse(time) || {}
|
||||||
if(arr[this.blobId] && this.contentData.progressVideo<arr[this.blobId]) {
|
if(arr[this.blobId] && this.contentData.progressVideo<arr[this.blobId]) {
|
||||||
postData.progressVideo = arr[this.blobId]
|
postData.progressVideo = arr[this.blobId]
|
||||||
postData.contentId = this.contentData.id
|
// postData.contentId = this.contentData.id
|
||||||
postData.courseId = this.contentData.courseId
|
// postData.courseId = this.contentData.courseId
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
//console.log('记录播放时间')
|
//console.log('记录播放时间')
|
||||||
apiStudy.studyVideoTime(postData).then(rs => {
|
apiStudy.updateStudyVideoTime(postData).then(rs => {
|
||||||
if (rs.status != 200) {
|
if (rs.status != 200) {
|
||||||
console.log('记录播放时间错误');
|
console.log('记录播放时间错误');
|
||||||
|
}else{
|
||||||
|
studyUtil.clearStudyDuration(); //清除本地存储
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
audioPlay() {
|
audioPlay() {
|
||||||
//console.log("开始播放");
|
|
||||||
// if(this.contentData.contentType == 20 && this.contentData.status < 2){
|
|
||||||
// this.contentData.status = 2;
|
|
||||||
// }
|
|
||||||
let $this = this;
|
let $this = this;
|
||||||
this.isAppendTime=true;
|
this.isAppendTime=true;
|
||||||
this.appendStudyTime();//启动追加学习时长
|
this.appendStudyTime();//启动追加学习时长
|
||||||
@@ -1414,7 +1385,6 @@
|
|||||||
//处理内容的名称
|
//处理内容的名称
|
||||||
this.totalContent = rs.result.contents.length;
|
this.totalContent = rs.result.contents.length;
|
||||||
//加载学习的数据
|
//加载学习的数据
|
||||||
//this.loadStudyData();
|
|
||||||
this.loadStudyData(rs.result);
|
this.loadStudyData(rs.result);
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
@@ -1429,6 +1399,7 @@
|
|||||||
//对已学习的内容进行比对,重要的字段, 学习内容id,在后缀的
|
//对已学习的内容进行比对,重要的字段, 学习内容id,在后缀的
|
||||||
let playIndex = -1;
|
let playIndex = -1;
|
||||||
this.contentList.forEach((con, conIdx) => {
|
this.contentList.forEach((con, conIdx) => {
|
||||||
|
con.progressVideo = con.progressVideo || 0;
|
||||||
result.contentStudys.forEach((scon, sconIdx) => {
|
result.contentStudys.forEach((scon, sconIdx) => {
|
||||||
if (scon.contentId == con.id) {
|
if (scon.contentId == con.id) {
|
||||||
//定位显示的内容
|
//定位显示的内容
|
||||||
@@ -1440,8 +1411,8 @@
|
|||||||
playIndex = conIdx;
|
playIndex = conIdx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
//console.log(scon.contentId,con.id);
|
|
||||||
con.lastStudyTime = scon.lastStudyTime;
|
con.lastStudyTime = scon.lastStudyTime;
|
||||||
|
con.progressVideo = scon.progressVideo || 0;
|
||||||
//以下判断是为了兼容之前的问题,学习状态
|
//以下判断是为了兼容之前的问题,学习状态
|
||||||
if (scon.status) {
|
if (scon.status) {
|
||||||
con.status = scon.status;
|
con.status = scon.status;
|
||||||
@@ -1449,23 +1420,17 @@
|
|||||||
con.status = 9;
|
con.status = 9;
|
||||||
}
|
}
|
||||||
con.studyItemId = scon.id; //这个就是学习内容(条目)的id
|
con.studyItemId = scon.id; //这个就是学习内容(条目)的id
|
||||||
//console.log(scon.id,"scon.id");
|
|
||||||
//console.log(con,"scon.id");
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
if (this.courseInfo.type == 10) {
|
if (this.courseInfo.type == 10) {
|
||||||
///console.log(this.contentList[0],'ccccc11111')
|
|
||||||
this.showRes(this.contentList[0]);
|
this.showRes(this.contentList[0]);
|
||||||
} else {
|
} else {
|
||||||
//如果没有,就定位第一项内容
|
//如果没有,就定位第一项内容
|
||||||
if (playIndex === -1) {
|
if (playIndex === -1) {
|
||||||
// this.showRes(this.contentList[0]);
|
|
||||||
//console.log(this.catalogTree,'ccccc22222')
|
|
||||||
this.showRes(this.catalogTree[0].children[0])
|
this.showRes(this.catalogTree[0].children[0])
|
||||||
} else {
|
} else {
|
||||||
//console.log(this.contentList[0],'ccccc3333')
|
|
||||||
this.showRes(this.contentList[playIndex]);
|
this.showRes(this.contentList[playIndex]);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -1546,7 +1511,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
progress(val) {
|
progress(val) {
|
||||||
const progressValue = parseFloat(val) * 100;
|
const progressValue = parseFloat(val) * 100;
|
||||||
this.sendEventProgress = Number(progressValue.toFixed(2));
|
this.sendEventProgress = Number(progressValue.toFixed(2));
|
||||||
},
|
},
|
||||||
@@ -1580,22 +1545,23 @@
|
|||||||
console.log(rs.message);
|
console.log(rs.message);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
let postAppendData = {
|
// let postAppendData = {
|
||||||
id: this.appentId,
|
// id: this.appentId,
|
||||||
studyId: this.studyId,
|
// studyId: this.studyId,
|
||||||
courseId: this.courseInfo.id,
|
// courseId: this.courseInfo.id,
|
||||||
contentId: this.contentData.id,
|
// contentId: this.contentData.id,
|
||||||
studyInfo: this.courseInfo.name +"-" +this.contentData.contentName,
|
// studyInfo: this.courseInfo.name +"-" +this.contentData.contentName,
|
||||||
duration: duration
|
// duration: duration,
|
||||||
};
|
// type: 1
|
||||||
apiStudy.appendStudyTime(postAppendData).then(rs => {
|
// };
|
||||||
if (rs.status == 200) {
|
// apiStudy.updateStudyVideoTime(postAppendData).then(rs => {
|
||||||
this.appentId = rs.result;
|
// if (rs.status == 200) {
|
||||||
studyUtil.clearStudyDuration(); //清除本地存储
|
// this.appentId = rs.result;
|
||||||
} else {
|
// studyUtil.clearStudyDuration(); //清除本地存储
|
||||||
console.log(rs.message);
|
// } else {
|
||||||
}
|
// console.log(rs.message);
|
||||||
});
|
// }
|
||||||
|
// });
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
//结束追加学习时长
|
//结束追加学习时长
|
||||||
@@ -1635,60 +1601,6 @@
|
|||||||
this.saveStudyDuration(totalTime)
|
this.saveStudyDuration(totalTime)
|
||||||
}, this.appentInterval * 1000);
|
}, this.appentInterval * 1000);
|
||||||
},
|
},
|
||||||
//追加学习时长, flag是否提交到后台
|
|
||||||
// appendStudyTime() {
|
|
||||||
// //console.log('开始追加学习时长',this.isAppendTime);
|
|
||||||
// if (this.studyId == '') {
|
|
||||||
// return;
|
|
||||||
// }
|
|
||||||
// if (!this.contentData.id) {
|
|
||||||
// return;
|
|
||||||
// }
|
|
||||||
// if (!this.isAppendTime) {
|
|
||||||
// this.appendStartTime = null;
|
|
||||||
// return;
|
|
||||||
// }
|
|
||||||
|
|
||||||
// if (this.appendHandle != null) {
|
|
||||||
// window.clearTimeout(this.appendHandle);
|
|
||||||
// }
|
|
||||||
// //首先从本地读取
|
|
||||||
// let duration = studyUtil.getStudyDuration();
|
|
||||||
// //console.log('追加学习时长,当前本地积累的学习时长='+duration);
|
|
||||||
// //追加学习长
|
|
||||||
// let $this = this;
|
|
||||||
// if (this.appendStartTime == null) {
|
|
||||||
// this.appendStartTime = new Date();
|
|
||||||
// this.appendHandle = setTimeout(function() {
|
|
||||||
// $this.appendStudyTime();
|
|
||||||
// }, $this.appentInterval); //设置定时追加学习时长
|
|
||||||
// //保存之前的
|
|
||||||
// if (duration >= 60 ) {
|
|
||||||
// this.saveStudyDuration(duration);
|
|
||||||
// }
|
|
||||||
// return;
|
|
||||||
// }
|
|
||||||
// //如果当前追加开始时间不为空
|
|
||||||
// let now = new Date();
|
|
||||||
// let m = now.getTime() - this.appendStartTime.getTime(); //相差的毫秒数
|
|
||||||
// // console.log(m/1000,'时间');
|
|
||||||
|
|
||||||
// let sen = Math.round(m / 1000); //计算秒数
|
|
||||||
// // console.log('定时器时间',sen);
|
|
||||||
// // 每次添加的是定时器计时的时间
|
|
||||||
// duration = duration + sen;//追加的是秒
|
|
||||||
// if (duration >= 60) { //一分钟保存一次
|
|
||||||
// this.saveStudyDuration(duration);
|
|
||||||
// } else {
|
|
||||||
// studyUtil.setStudyDuration(duration); //添加到本地存储中
|
|
||||||
// }
|
|
||||||
// //重新覆盖时间
|
|
||||||
// this.appendStartTime = new Date();
|
|
||||||
// //启动下次追加学习时长
|
|
||||||
// this.appendHandle = setTimeout(function() {
|
|
||||||
// $this.appendStudyTime();
|
|
||||||
// }, $this.appentInterval);
|
|
||||||
// },
|
|
||||||
|
|
||||||
finishStudyItem() { //设置完成学习的内容,针对于音视频的内容
|
finishStudyItem() { //设置完成学习的内容,针对于音视频的内容
|
||||||
if (!this.contentData.studyItemId) {
|
if (!this.contentData.studyItemId) {
|
||||||
@@ -1770,7 +1682,6 @@
|
|||||||
})
|
})
|
||||||
this.trueFalse = false
|
this.trueFalse = false
|
||||||
}
|
}
|
||||||
// }
|
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -380,15 +380,19 @@ export default {
|
|||||||
getExperience() {//经验值
|
getExperience() {//经验值
|
||||||
let data = {
|
let data = {
|
||||||
aid:this.userInfo.aid,// #用户id
|
aid:this.userInfo.aid,// #用户id
|
||||||
statType:21, // #统计类型 10学习时长 11 学习天数 20表经验值 30表u币 40表获取天数
|
statType:20, // #统计类型 10学习时长 11 学习天数 20表经验值 30表u币 40表获取天数
|
||||||
field:this.experience.field,// #统计周期 todays-当天,weeks-周,months-月,years-年 total-总计
|
field:this.experience.field,// #统计周期 todays-当天,weeks-周,months-月,years-年 total-总计
|
||||||
num:10,// #显示的条数
|
num:10,// #显示的条数
|
||||||
}
|
}
|
||||||
if(data.field == 'now'){
|
if(data.field == 'now'){
|
||||||
|
data.statType = 20
|
||||||
|
data.field = 'years'
|
||||||
|
this.experience.field = 'years'
|
||||||
|
this.isNow = true
|
||||||
|
}else{
|
||||||
data.statType = 20
|
data.statType = 20
|
||||||
data.field = 'total'
|
data.field = 'total'
|
||||||
this.experience.field = 'total'
|
this.experience.field = 'total'
|
||||||
this.isNow = true
|
|
||||||
}
|
}
|
||||||
apiStat.getRanking(data).then(res=>{
|
apiStat.getRanking(data).then(res=>{
|
||||||
if(res.status==200){
|
if(res.status==200){
|
||||||
@@ -402,12 +406,15 @@ export default {
|
|||||||
}
|
}
|
||||||
this.getUserData([res.result.currentUserRankingData.aid],[res.result.currentUserRankingData])
|
this.getUserData([res.result.currentUserRankingData.aid],[res.result.currentUserRankingData])
|
||||||
this.experience.data = res.result.currentUserRankingData;
|
this.experience.data = res.result.currentUserRankingData;
|
||||||
if(this.experience.field == 'total') {
|
this.currentUserRankingTotalData.rankNo = res.result.currentUserRankingData.rankingNo;
|
||||||
|
this.currentUserRankingTotalData.endValue = this.current.endValue;
|
||||||
|
if(data.field == 'total') {
|
||||||
this.current = this.experienceValue(res.result.currentUserRankingData.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.rankValue = res.result.currentUserRankingData.total;
|
||||||
this.currentUserRankingTotalData.endValue = this.current.endValue;
|
}else if(data.field == 'years'){
|
||||||
|
this.currentUserRankingTotalData.rankValue = res.result.currentUserRankingData.years;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
this.current.total=res.result.currentUserRankingData.total;//当前用户的经验值是固定的
|
this.current.total=res.result.currentUserRankingData.total;//当前用户的经验值是固定的
|
||||||
const ids= [];
|
const ids= [];
|
||||||
@@ -434,9 +441,15 @@ export default {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
this.experience.list = listData.sort((a,b)=>{
|
if(data.field == 'total') {
|
||||||
return b.total-a.total
|
this.experience.list = listData.sort((a,b)=>{
|
||||||
}).slice(0,5);
|
return b.total-a.total
|
||||||
|
}).slice(0,5);
|
||||||
|
}else if(data.field == 'years'){
|
||||||
|
this.experience.list = listData.sort((a,b)=>{
|
||||||
|
return b.years-a.years
|
||||||
|
}).slice(0,5);
|
||||||
|
}
|
||||||
} else {
|
} else {
|
||||||
this.$message.error(res.message);
|
this.$message.error(res.message);
|
||||||
}
|
}
|
||||||
@@ -447,15 +460,19 @@ export default {
|
|||||||
getDuration() {//学习时长
|
getDuration() {//学习时长
|
||||||
let data = {
|
let data = {
|
||||||
aid:this.userInfo.aid,// #用户id
|
aid:this.userInfo.aid,// #用户id
|
||||||
statType:12, // #统计类型 10学习时长 11 学习天数 20表经验值 30表u币 40表获取天数
|
statType:10, // #统计类型 10学习时长 11 学习天数 20表经验值 30表u币 40表获取天数
|
||||||
field:this.learningDuration.field,// #统计周期 todays-当天,weeks-周,months-月,years-年 total-总计
|
field:this.learningDuration.field,// #统计周期 todays-当天,weeks-周,months-月,years-年 total-总计
|
||||||
num:10,// #显示的条数
|
num:10,// #显示的条数
|
||||||
}
|
}
|
||||||
if(data.field == 'now'){
|
if(data.field == 'now'){
|
||||||
data.statType = 10
|
data.statType = 10;
|
||||||
data.field = 'total'
|
data.field = 'years';
|
||||||
this.learningDuration.field = 'total'
|
this.learningDuration.field = 'years';
|
||||||
this.isStudyTime = true
|
this.isStudyTime = true;
|
||||||
|
}else{
|
||||||
|
data.statType = 10;
|
||||||
|
data.field = 'total';
|
||||||
|
this.learningDuration.field = 'total';
|
||||||
}
|
}
|
||||||
apiStat.getRanking(data).then(res=>{
|
apiStat.getRanking(data).then(res=>{
|
||||||
if(res.status==200){
|
if(res.status==200){
|
||||||
@@ -469,9 +486,11 @@ export default {
|
|||||||
}
|
}
|
||||||
this.getUserData([res.result.currentUserRankingData.aid],[res.result.currentUserRankingData])
|
this.getUserData([res.result.currentUserRankingData.aid],[res.result.currentUserRankingData])
|
||||||
this.learningDuration.data = res.result.currentUserRankingData;
|
this.learningDuration.data = res.result.currentUserRankingData;
|
||||||
|
this.learningDurationTotalData.rankNo = res.result.currentUserRankingData.rankingNo;
|
||||||
if(data.field == 'total'){
|
if(data.field == 'total'){
|
||||||
this.learningDurationTotalData.rankNo = res.result.currentUserRankingData.rankingNo;
|
|
||||||
this.learningDurationTotalData.rankValue = res.result.currentUserRankingData.total;
|
this.learningDurationTotalData.rankValue = res.result.currentUserRankingData.total;
|
||||||
|
} else if(data.field == 'years'){
|
||||||
|
this.learningDurationTotalData.rankValue = res.result.currentUserRankingData.years;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -500,9 +519,16 @@ export default {
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
this.learningDuration.list = listData.sort((a,b)=>{
|
if(data.field == 'total'){
|
||||||
return b.total-a.total
|
this.learningDuration.list = listData.sort((a,b)=>{
|
||||||
}).slice(0,5);
|
return b.total-a.total
|
||||||
|
}).slice(0,5)
|
||||||
|
} else if(data.field == 'years'){
|
||||||
|
this.learningDuration.list = listData.sort((a,b)=>{
|
||||||
|
return b.years-a.years
|
||||||
|
}).slice(0,5)
|
||||||
|
}
|
||||||
|
;
|
||||||
} else {
|
} else {
|
||||||
this.$message.error(res.message);
|
this.$message.error(res.message);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -85,28 +85,28 @@ module.exports = {
|
|||||||
.end()
|
.end()
|
||||||
config
|
config
|
||||||
.optimization.splitChunks({
|
.optimization.splitChunks({
|
||||||
chunks: 'all',
|
chunks: 'all',
|
||||||
cacheGroups: {
|
cacheGroups: {
|
||||||
libs: {
|
libs: {
|
||||||
name: 'chunk-libs',
|
name: 'chunk-libs',
|
||||||
test: /[\\/]node_modules[\\/]/,
|
test: /[\\/]node_modules[\\/]/,
|
||||||
priority: 10,
|
priority: 10,
|
||||||
chunks: 'initial' // only package third parties that are initially dependent
|
chunks: 'initial' // only package third parties that are initially dependent
|
||||||
},
|
},
|
||||||
elementUI: {
|
elementUI: {
|
||||||
name: 'chunk-elementUI', // split elementUI into a single package
|
name: 'chunk-elementUI', // split elementUI into a single package
|
||||||
priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
|
priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
|
||||||
test: /[\\/]node_modules[\\/]_?element-ui(.*)/ // in order to adapt to cnpm
|
test: /[\\/]node_modules[\\/]_?element-ui(.*)/ // in order to adapt to cnpm
|
||||||
},
|
},
|
||||||
commons: {
|
commons: {
|
||||||
name: 'chunk-commons',
|
name: 'chunk-commons',
|
||||||
test: resolve('src/components'), // can customize your rules
|
test: resolve('src/components'), // can customize your rules
|
||||||
minChunks: 3, // minimum common number
|
minChunks: 3, // minimum common number
|
||||||
priority: 5,
|
priority: 5,
|
||||||
reuseExistingChunk: true
|
reuseExistingChunk: true
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
})
|
||||||
})
|
|
||||||
config.optimization.runtimeChunk('single'), {
|
config.optimization.runtimeChunk('single'), {
|
||||||
from: path.resolve(__dirname, './public/robots.txt'), //防爬虫文件
|
from: path.resolve(__dirname, './public/robots.txt'), //防爬虫文件
|
||||||
to: './', //到根目录下
|
to: './', //到根目录下
|
||||||
@@ -124,6 +124,17 @@ module.exports = {
|
|||||||
// 114.115.162.187 测试环境
|
// 114.115.162.187 测试环境
|
||||||
// 192.168.0.107 晋宇
|
// 192.168.0.107 晋宇
|
||||||
proxy: {
|
proxy: {
|
||||||
|
// "/professional": {
|
||||||
|
// // target: 'https://u-pre.boe.com',
|
||||||
|
// // target: 'http://192.168.86.195:32002',
|
||||||
|
// target: 'http://192.168.68.211:32002',
|
||||||
|
// changeOrigin: true,
|
||||||
|
// },
|
||||||
|
"/growth": {
|
||||||
|
target: 'https://u-pre.boe.com',
|
||||||
|
// target: 'http://192.168.86.195:32002',
|
||||||
|
changeOrigin: true,
|
||||||
|
},
|
||||||
'/manageApi': {
|
'/manageApi': {
|
||||||
// 目标代理服务器地址
|
// 目标代理服务器地址
|
||||||
target: 'https://u-pre.boe.com',
|
target: 'https://u-pre.boe.com',
|
||||||
|
|||||||