Compare commits

..

1 Commits

Author SHA1 Message Date
yaoyin-zhisu
618f39d270 默认记载分页数据 2025-01-18 01:01:36 +08:00
27 changed files with 1235 additions and 14724 deletions

View File

@@ -41,7 +41,6 @@ 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

View File

@@ -37,7 +37,6 @@ 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/'

View File

@@ -37,7 +37,6 @@ 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/'

View File

@@ -36,7 +36,6 @@ 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/'

15303
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@@ -16,6 +16,7 @@
}, },
"dependencies": { "dependencies": {
"axios": "^0.21.4", "axios": "^0.21.4",
"BOE-Online": "file:",
"core-js": "^3.6.5", "core-js": "^3.6.5",
"driver.js": "^0.9.8", "driver.js": "^0.9.8",
"echarts": "^5.3.0", "echarts": "^5.3.0",

View File

@@ -1,8 +0,0 @@
// 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 })

Binary file not shown.

Before

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.9 KiB

View File

@@ -329,8 +329,6 @@ export default {
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};
@@ -338,11 +336,9 @@ 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){
@@ -586,15 +582,8 @@ 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);
//TODO 评分更改 最终完成 this.content.status=9;//表已学习完,判断上级的章是否已完成
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: '确定',

View File

@@ -13,7 +13,7 @@
</div> </div>
<!-- <div style="color: red;">下面的表格标题及内容需要调整完善</div> --> <!-- <div style="color: red;">下面的表格标题及内容需要调整完善</div> -->
<div> <div>
<el-tabs style="width: 100%;" v-model="tabName" @tab-click="handleTabClick"> <el-tabs 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,19 +863,4 @@ 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>

View File

@@ -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','myGrowth', 'course', 'exam', 'u001', 'u002', 'u003', 'u004','mylecnotes','mycaseRecord']" :default-openeds="['manageTodo','manageFinish','teacherTodo','teacherFinish','lecturer','myqa','notice','mystudy', '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,17 +242,6 @@
<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>
<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>
<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> -->
@@ -433,7 +422,6 @@ export default {
this.getLastStudy(); this.getLastStudy();
//获取讲师认证中条数 //获取讲师认证中条数
this.instructorCertification() this.instructorCertification()
console.log(this.userInfo,'userInfouserInfo')
}, },
mounted() { mounted() {
//console.log(this.userInfo.loginName,'this.userInfo.loginName'); //console.log(this.userInfo.loginName,'this.userInfo.loginName');

View File

@@ -18,6 +18,7 @@
@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%"
@@ -384,26 +385,9 @@ export default {
console.log('\x1b[31m%s\x1b[0m','*****************加载失败**********') console.log('\x1b[31m%s\x1b[0m','*****************加载失败**********')
}) })
// 监听全屏事件的变化,保存数据 // 监听全屏事件的变化,保存数据
window.addEventListener("F", () => { window.addEventListener("fullscreenchange", () => {
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: {
//当视频由于需要缓冲下一帧而停止,解决一直计时的问题 //当视频由于需要缓冲下一帧而停止,解决一直计时的问题
@@ -506,13 +490,6 @@ 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;
},
/* 提高视频音量 /* 提高视频音量
*/ */
increaseVolume() { increaseVolume() {
@@ -563,7 +540,6 @@ 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) {
@@ -620,24 +596,6 @@ 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 () {

View File

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

View File

@@ -82,9 +82,6 @@ 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}
]}, ]},

View File

@@ -6,10 +6,7 @@
<!-- <div style="height: 20px;"></div> --> <!-- <div style="height: 20px;"></div> -->
</div> </div>
<!-- width: 990px; --> <!-- width: 990px; -->
<div class="main-body" :style="{ <div class="main-body" style="padding: 30px 20px;flex:1; background-color: #fff;margin-left: 20px;">
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>
@@ -18,12 +15,10 @@
<!-- </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="{ <div style="background-color: #FFFFFF;min-height: 600px;padding-bottom: 50px;">
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>
@@ -44,14 +39,7 @@ 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";
} }
} }
} }

View File

@@ -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 v-if="isShowFooter"></portal-footer> <portal-footer></portal-footer>
</div> </div>
</template> </template>
<script> <script>
@@ -16,8 +16,7 @@ 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() {
@@ -25,10 +24,6 @@ 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;
} }

View File

@@ -1,4 +1,3 @@
<!--
<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">
@@ -25,7 +24,7 @@
<el-form-item> <el-form-item>
<section> <section>
<el-checkbox v-model="rememberMe">记住密码</el-checkbox> <el-checkbox v-model="rememberMe">记住密码</el-checkbox>
&lt;!&ndash; <span>忘记密码</span> &ndash;&gt; <!-- <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>
@@ -195,4 +194,3 @@
} }
} }
</style> </style>
-->

View File

@@ -195,15 +195,7 @@
</template> </template>
</el-dialog> </el-dialog>
<!--课程管理--> <!--课程管理-->
<el-dialog <el-dialog custom-class="g-dialog" title="课程学习管理" width="900px" :visible.sync="manageStudy.dlgShow" :close-on-click-modal="false">
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>
@@ -676,10 +668,8 @@ 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 ? rs.result.list : []; this.pageData = 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);
} }
@@ -949,8 +939,4 @@ export default {
} }
} }
} }
.el-dialog__body {
overflow: hidden;
}
</style> </style>

View File

@@ -1,390 +0,0 @@
<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&params=" + 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>

View File

@@ -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 ;">
{{ this.caseList.count }}</span> 条数据 {{ caseList.count }}</span> 条数据
</div> </div>
</div> </div>
<div class="data-content"> <div class="data-content">
<div v-for="item in this.caseList.list" :key="isTimeData?item.browsingHistoryId : item.id" class="case-list"> <div v-for="item in caseList.list" :key="isTimeData?item.browsingHistoryId : item.id" class="case-list">
<div class="case-info"> <div class="case-info">
<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="this.caseList.showPagCount > queryCondition.pageSize"> <div v-if="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="this.caseList.list.length == 0"> <span class="notcoures" v-if="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:'',
@@ -826,6 +826,7 @@ export default {
if (this.refId) { if (this.refId) {
this.queryCondition.type = 'recommend' this.queryCondition.type = 'recommend'
} }
this.searchPageView();
this.loadTypeData();//加载分类 this.loadTypeData();//加载分类
this.getAnkingData(); this.getAnkingData();
this.searchterm(); this.searchterm();
@@ -1507,7 +1508,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 +1563,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,17 +1600,12 @@ export default {
} else { } else {
this.moreState = 3; this.moreState = 3;
} }
if(res.result.list.length ===0){ // console.log(res?.result?.list ,'有没有数据');
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;

View File

@@ -254,7 +254,7 @@ export default {
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);

View File

@@ -167,6 +167,7 @@
</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">
@@ -291,8 +292,7 @@
<!-- <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 v-if="item.teacherType === 1 " class="teacher-remark">{{cutOrgNamePath(item.authorInfo.orgInfo)}}</div> <div 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>
@@ -755,7 +755,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);
@@ -802,11 +802,6 @@
this.$nextTick(function(){ this.$nextTick(function(){
if(this.contentData.progressVideo){
this.$refs.myVideoPlayer.updateProgressByClickBar2(this.contentData.lastStudyTime,this.contentData.progressVideo);
// $this.notePlay = this.contentData.lastStudyTime;
}
//let h0=document.getElementById('id_course_player').offsetHeight; //let h0=document.getElementById('id_course_player').offsetHeight;
let h=$this.$refs.coursePlayer.offsetHeight; let h=$this.$refs.coursePlayer.offsetHeight;
//let h1=$this.$refs.coursePlayer.clientHeight; //let h1=$this.$refs.coursePlayer.clientHeight;
@@ -822,7 +817,7 @@
//console.log(h,$this.controlHeight,'$this.controlHeight'); //console.log(h,$this.controlHeight,'$this.controlHeight');
}) })
//console.log('this.contentData11:',this.contentData,this.curriculumData) //console.log('this.contentData11:',this.contentData,this.curriculumData)
// 视频设置禁用处理逻辑,如果用户已全部观看完该视频则设置为能全部拖动的逻辑把isDrag设置为true即可,同时删除本地存储的数据 // 视频设置禁用处理逻辑,如果用户已全部观看完该视频则设置为能全部拖动的逻辑把isDrag设置为true即可,同时删除本地存储的数据
if(this.contentData.progressVideo ===1){ if(this.contentData.progressVideo ===1){
@@ -1145,8 +1140,6 @@
// } // }
// } // }
this.playerBoxShow = false; this.playerBoxShow = false;
// this.onPlayerPlayFullscreen()
// this.$watermark.set(this.userInfo.name + this.userInfo.loginName);
let $this = this; let $this = this;
//这里有些不准备,如果文件未能加载,这个事件就是错误的 //这里有些不准备,如果文件未能加载,这个事件就是错误的
this.isAppendTime=true; this.isAppendTime=true;
@@ -1164,7 +1157,6 @@
// } // }
// } // }
}, },
onFullscreen(full) { onFullscreen(full) {
let divId = 'videowatermark'; let divId = 'videowatermark';
var div = document.getElementById('myVideoPlayer') var div = document.getElementById('myVideoPlayer')
@@ -1184,12 +1176,9 @@
"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) {
console.log("执行去除水印 ---- gx markDiv ----",markDiv); div.removeChild(markDiv);
div.removeChild(markDiv);
} }
} }
}, },
@@ -1453,7 +1442,6 @@
} }
//console.log(scon.contentId,con.id); //console.log(scon.contentId,con.id);
con.lastStudyTime = scon.lastStudyTime; con.lastStudyTime = scon.lastStudyTime;
con.progressVideo = scon.progressVideo;
//以下判断是为了兼容之前的问题,学习状态 //以下判断是为了兼容之前的问题,学习状态
if (scon.status) { if (scon.status) {
con.status = scon.status; con.status = scon.status;
@@ -1558,7 +1546,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));
}, },

View File

@@ -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,17 +124,6 @@ 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',