mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-06 17:36:42 +08:00
Compare commits
63 Commits
250220-pre
...
250408-bug
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
b42b08141c | ||
|
|
72837b33c1 | ||
|
|
e293d1cbea | ||
|
|
5406ac26df | ||
|
|
b6a3a32412 | ||
|
|
d6fd44830b | ||
|
|
d01fd6f07b | ||
|
|
f9e332ab7c | ||
|
|
0989360183 | ||
|
|
5e31f7d1a8 | ||
|
|
eaa7f04cd6 | ||
|
|
0d7a2ad353 | ||
|
|
9d9d663591 | ||
|
|
90b53a54b2 | ||
|
|
49137387f6 | ||
|
|
047b1f9bae | ||
|
|
af208d0a6d | ||
|
|
713f258c14 | ||
|
|
d33e27b3d0 | ||
|
|
3d3f2ebc6e | ||
|
|
b679502553 | ||
|
|
d027a4c56a | ||
|
|
c6b2c46311 | ||
|
|
181892de67 | ||
|
|
a2809f5347 | ||
|
|
609902aeb8 | ||
|
|
6399aa3352 | ||
|
|
23ffd002a7 | ||
|
|
96e0c0fb70 | ||
|
|
6382f6b04d | ||
|
|
4d783ce94d | ||
|
|
b686a9e2a2 | ||
|
|
b52ad264da | ||
|
|
511b3179f6 | ||
|
|
cc48f52fea | ||
|
|
5f230a6543 | ||
|
|
a78f6a0152 | ||
|
|
7c20a11687 | ||
|
|
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 |
@@ -41,6 +41,7 @@ VUE_APP_PUBLIC_PATH='/pc'
|
||||
VUE_APP_MANAGER_PATH='/manage'
|
||||
VUE_APP_STUDENT_PATH='/fe-student'
|
||||
VUE_APP_MANAGER_API_PATH='/manageApi'
|
||||
VUE_APP_GROWTH_API_PATH=''
|
||||
|
||||
# 路由懒加载
|
||||
VUE_CLI_BABEL_TRANSPILE_MODULES = true
|
||||
|
||||
@@ -37,6 +37,7 @@ VUE_APP_PUBLIC_PATH='/pc-release'
|
||||
VUE_APP_MANAGER_PATH='/manage-release'
|
||||
VUE_APP_STUDENT_PATH='/fe-student-release'
|
||||
VUE_APP_MANAGER_API_PATH='/manageApi-release'
|
||||
VUE_APP_GROWTH_API_PATH='/growth'
|
||||
|
||||
# 登录地址
|
||||
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_STUDENT_PATH='/fe-student'
|
||||
VUE_APP_MANAGER_API_PATH='/manageApi'
|
||||
VUE_APP_GROWTH_API_PATH='/growth'
|
||||
|
||||
# 登录地址
|
||||
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_STUDENT_PATH='/fe-student'
|
||||
VUE_APP_MANAGER_API_PATH='/manageApi'
|
||||
VUE_APP_GROWTH_API_PATH='/growth'
|
||||
|
||||
# 登录地址
|
||||
VUE_APP_LOGIN_URL='https://u-pre.boe.com/web/'
|
||||
|
||||
16369
package-lock.json
generated
16369
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
8
src/api/growth/growthpath.js
Normal file
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 })
|
||||
BIN
src/assets/images/growth/growth-bg-icon.png
Normal file
BIN
src/assets/images/growth/growth-bg-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
BIN
src/assets/images/growth/growth-bg.png
Normal file
BIN
src/assets/images/growth/growth-bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
BIN
src/assets/images/jindu.jpg
Normal file
BIN
src/assets/images/jindu.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
BIN
src/assets/images/myGrowth.jpg
Normal file
BIN
src/assets/images/myGrowth.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
src/assets/images/shuoming.jpg
Normal file
BIN
src/assets/images/shuoming.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
@@ -14,7 +14,7 @@
|
||||
:default-active="activeMenu"
|
||||
router
|
||||
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"
|
||||
@open="handleOpen"
|
||||
@close="handleClose"
|
||||
@@ -242,6 +242,20 @@
|
||||
<svg-icon :icon-class="activeMenu == '/user/medal'?'myxunzhang-active':'myxunzhang'"></svg-icon>
|
||||
<span slot="title">我的勋章</span>
|
||||
</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">
|
||||
<template slot="title">
|
||||
<!-- <i class="el-icon-s-grid"></i> -->
|
||||
@@ -385,6 +399,7 @@ import { mapGetters } from 'vuex';
|
||||
import apicourseStudy from "../../api/modules/courseStudy.js"
|
||||
import {pageList} from "@/api/modules/lecturer"
|
||||
import courseImage from "@/components/Course/courseImage.vue"
|
||||
import { listData } from "@/api/growth/growthpath"
|
||||
import testUser from '@/utils/testUsers.js'
|
||||
export default {
|
||||
name: 'UcMenu',
|
||||
@@ -413,7 +428,8 @@ export default {
|
||||
isCollapse: false,
|
||||
lastStudy:{},
|
||||
overlayShow: false,
|
||||
instructor:0
|
||||
instructor:0,
|
||||
showGrowthNav: false
|
||||
};
|
||||
},
|
||||
created() {
|
||||
@@ -422,6 +438,11 @@ export default {
|
||||
this.getLastStudy();
|
||||
//获取讲师认证中条数
|
||||
this.instructorCertification()
|
||||
console.log(this.userInfo,'userInfouserInfo')
|
||||
//如果专业力必修没有学习任务则隐藏“我的必修按钮”
|
||||
listData().then(res => {
|
||||
this.showGrowthNav = !!res.data.length
|
||||
})
|
||||
},
|
||||
mounted() {
|
||||
//console.log(this.userInfo.loginName,'this.userInfo.loginName');
|
||||
|
||||
@@ -506,6 +506,13 @@ export default {
|
||||
updateProgressBySetTime(newCurrentTime) {
|
||||
this.currentProgress = newCurrentTime / this.videoDom.duration;
|
||||
},
|
||||
/* 点击进度条更新视频播放进度2
|
||||
*/
|
||||
updateProgressByClickBar2(newCurrentTime,progressVideo) {
|
||||
this.currentProgress = progressVideo;
|
||||
this.barrageTimelineStart = newCurrentTime;
|
||||
this.videoDom.currentTime = newCurrentTime;
|
||||
},
|
||||
/* 提高视频音量
|
||||
*/
|
||||
increaseVolume() {
|
||||
@@ -619,7 +626,7 @@ export default {
|
||||
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) {
|
||||
@@ -629,7 +636,7 @@ export default {
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
|
||||
@@ -82,6 +82,9 @@ export const pages=[
|
||||
{title:'学习路径图',path:'path',component:'study/StudyPath',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:'index',component:'StudyIndex',hidden:false}
|
||||
]},
|
||||
|
||||
@@ -6,7 +6,10 @@
|
||||
<!-- <div style="height: 20px;"></div> -->
|
||||
</div>
|
||||
<!-- 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;"> -->
|
||||
<!-- <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>
|
||||
@@ -15,10 +18,12 @@
|
||||
<!-- </div> -->
|
||||
<transition name="fade-transform" mode="out-in">
|
||||
<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" />
|
||||
</div>
|
||||
</keep-alive>
|
||||
</keep-alive>
|
||||
</transition>
|
||||
</div>
|
||||
</div>
|
||||
@@ -39,7 +44,14 @@ export default {
|
||||
return this.$route.meta.title;
|
||||
},
|
||||
key() {
|
||||
console.log(this.$route)
|
||||
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',
|
||||
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',
|
||||
component: (resolve) => require(['@/views/error/404'], resolve),
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<div class="box" :class="{ incl: url.includes('projectdetails') }">
|
||||
<portal-header style="background: #387DF7;" :hideSearch="true" textColor="#ffffff"></portal-header>
|
||||
<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>
|
||||
</template>
|
||||
<script>
|
||||
@@ -16,7 +16,8 @@ import portalFooter from "@/components/PortalFooter.vue";
|
||||
data(){
|
||||
return {
|
||||
url: "",
|
||||
boeUrl:process.env.VUE_APP_BOE_WEB_URL
|
||||
boeUrl:process.env.VUE_APP_BOE_WEB_URL,
|
||||
isShowFooter:true
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
@@ -24,6 +25,10 @@ import portalFooter from "@/components/PortalFooter.vue";
|
||||
let to = this.$route.query.to;//跳转的地址,以 /开头的地址
|
||||
let urlPre=window.location.protocol+'//'+window.location.host;
|
||||
this.url=urlPre+to
|
||||
|
||||
if(to.includes('growthList')){
|
||||
this.isShowFooter = false
|
||||
}
|
||||
if(params){
|
||||
this.url=this.url+'?'+params;
|
||||
}
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
<!--
|
||||
<template>
|
||||
<div class="login" :style="`background: url(${webBaseUrl}/temp/background.jpg) no-repeat`">
|
||||
<el-form :model="form" ref="form" :rules="rules">
|
||||
@@ -24,7 +25,7 @@
|
||||
<el-form-item>
|
||||
<section>
|
||||
<el-checkbox v-model="rememberMe">记住密码</el-checkbox>
|
||||
<!-- <span>忘记密码</span> -->
|
||||
<!– <span>忘记密码</span> –>
|
||||
</section>
|
||||
</el-form-item>
|
||||
<el-form-item><el-button type="primary" @click="loginSubmit">点击登录</el-button></el-form-item>
|
||||
@@ -194,3 +195,4 @@
|
||||
}
|
||||
}
|
||||
</style>
|
||||
-->
|
||||
|
||||
@@ -195,14 +195,14 @@
|
||||
</template>
|
||||
</el-dialog>
|
||||
<!--课程管理-->
|
||||
<el-dialog
|
||||
custom-class="g-dialog"
|
||||
title="课程学习管理"
|
||||
<el-dialog
|
||||
custom-class="g-dialog"
|
||||
title="课程学习管理"
|
||||
width="900px"
|
||||
height="900px"
|
||||
:visible.sync="manageStudy.dlgShow"
|
||||
height="900px"
|
||||
:visible.sync="manageStudy.dlgShow"
|
||||
:close-on-click-modal="false"
|
||||
|
||||
|
||||
>
|
||||
<manager :manageStudyData="manageStudyData" :isShowDialog="manageStudy.dlgShow"></manager>
|
||||
<template #footer>
|
||||
@@ -676,8 +676,10 @@ export default {
|
||||
}
|
||||
apiCourse.pageList(this.params).then(rs=>{
|
||||
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.pageSize = rs.result.pageSize;
|
||||
}else{
|
||||
return this.$message.error(rs.message);
|
||||
}
|
||||
|
||||
390
src/views/growth/index.vue
Normal file
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>
|
||||
@@ -185,11 +185,11 @@
|
||||
<div class="back_num" v-if="numIsFalse">
|
||||
<div class="search_div_num">
|
||||
当前已检索 <span style="color:#FF4040 ;">
|
||||
{{ caseList.count }}</span> 条数据
|
||||
{{ this.caseList.count }}</span> 条数据
|
||||
</div>
|
||||
</div>
|
||||
<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-cont">
|
||||
<!-- <router-link :to="'/case/detail?id=' + item.id"> -->
|
||||
@@ -270,7 +270,7 @@
|
||||
</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"
|
||||
layout="total, prev, pager, next, jumper" @change-page="currentChange"></pagination>
|
||||
</div>
|
||||
@@ -279,7 +279,7 @@
|
||||
<!-- <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 == 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="">
|
||||
<h5>暂无案例,请优先学习其它案例吧~</h5>
|
||||
</span>
|
||||
@@ -555,7 +555,7 @@ export default {
|
||||
name: '',
|
||||
years: [],
|
||||
// 随机
|
||||
notInIds: [],//重复的id
|
||||
// notInIds: [],//重复的id
|
||||
orderField: "id",
|
||||
orderAsc: false,//排序
|
||||
sysType1:'',
|
||||
@@ -1599,12 +1599,17 @@ export default {
|
||||
} else {
|
||||
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=>{
|
||||
item.viewRankTags = item.viewRankTags?.slice(0,2)||[]
|
||||
})
|
||||
console.log(res?.result?.list ,'有没有数据2');
|
||||
this.caseList.list = res.result.list
|
||||
this.getCaseUserData(res.result.list);
|
||||
// this.getCaseUserData(res.result.list);
|
||||
// 给所有的赋值
|
||||
this.caseList.count = res.result.count;
|
||||
this.caseList.showPagCount = res.result.count;
|
||||
|
||||
53
src/views/sso/lexiang.vue
Normal file
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&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>
|
||||
@@ -291,7 +291,8 @@
|
||||
<!-- <span style="font-size: 12px; color:#666666 ;">( {{cutOrgNamePath(item.authorInfo.orgInfo)}} )</span> -->
|
||||
</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 style="padding-top:15px;width:70px;">
|
||||
<followButton v-if="item.teacherName!=='BOE教师'" :auto="true" size="small" :aid="item.teacherId"></followButton>
|
||||
@@ -592,7 +593,6 @@
|
||||
this.onPlayerPause()
|
||||
//this.audioPause();
|
||||
this.contentData.lastStudyTime=time;
|
||||
//this.onPlayerPlay();
|
||||
setTimeout(() => {
|
||||
$this.$refs.myVideoPlayer.startPlay(time);
|
||||
}, 10)
|
||||
@@ -609,7 +609,6 @@
|
||||
if(toResContent){
|
||||
|
||||
this.changePlayRes(toResContent);
|
||||
//this.onPlayerPlay();
|
||||
setTimeout(() => {
|
||||
$this.$refs.myVideoPlayer.startPlay(time);
|
||||
}, 10)
|
||||
@@ -801,6 +800,11 @@
|
||||
|
||||
|
||||
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 h=$this.$refs.coursePlayer.offsetHeight;
|
||||
//let h1=$this.$refs.coursePlayer.clientHeight;
|
||||
@@ -1158,7 +1162,7 @@
|
||||
// }
|
||||
// }
|
||||
},
|
||||
|
||||
|
||||
onFullscreen(full) {
|
||||
let divId = 'videowatermark';
|
||||
var div = document.getElementById('myVideoPlayer')
|
||||
@@ -1419,9 +1423,7 @@
|
||||
//处理内容的名称
|
||||
this.totalContent = rs.result.contents.length;
|
||||
//加载学习的数据
|
||||
//this.loadStudyData();
|
||||
this.loadStudyData(rs.result);
|
||||
|
||||
} else {
|
||||
this.$message.error(rs.message);
|
||||
}
|
||||
@@ -1447,6 +1449,7 @@
|
||||
}
|
||||
//console.log(scon.contentId,con.id);
|
||||
con.lastStudyTime = scon.lastStudyTime;
|
||||
con.progressVideo = scon.progressVideo;
|
||||
//以下判断是为了兼容之前的问题,学习状态
|
||||
if (scon.status) {
|
||||
con.status = scon.status;
|
||||
@@ -1637,63 +1640,9 @@
|
||||
this.appentInterval = 60
|
||||
let totalTime = Math.round((endTime - this.appendStartTime) / 1000);
|
||||
this.appendStudyTime();
|
||||
this.saveStudyDuration(totalTime)
|
||||
this.saveStudyDuration(totalTime);
|
||||
}, 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() { //设置完成学习的内容,针对于音视频的内容
|
||||
if (!this.contentData.studyItemId) {
|
||||
|
||||
@@ -85,28 +85,28 @@ module.exports = {
|
||||
.end()
|
||||
config
|
||||
.optimization.splitChunks({
|
||||
chunks: 'all',
|
||||
cacheGroups: {
|
||||
libs: {
|
||||
name: 'chunk-libs',
|
||||
test: /[\\/]node_modules[\\/]/,
|
||||
priority: 10,
|
||||
chunks: 'initial' // only package third parties that are initially dependent
|
||||
},
|
||||
elementUI: {
|
||||
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
|
||||
test: /[\\/]node_modules[\\/]_?element-ui(.*)/ // in order to adapt to cnpm
|
||||
},
|
||||
commons: {
|
||||
name: 'chunk-commons',
|
||||
test: resolve('src/components'), // can customize your rules
|
||||
minChunks: 3, // minimum common number
|
||||
priority: 5,
|
||||
reuseExistingChunk: true
|
||||
chunks: 'all',
|
||||
cacheGroups: {
|
||||
libs: {
|
||||
name: 'chunk-libs',
|
||||
test: /[\\/]node_modules[\\/]/,
|
||||
priority: 10,
|
||||
chunks: 'initial' // only package third parties that are initially dependent
|
||||
},
|
||||
elementUI: {
|
||||
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
|
||||
test: /[\\/]node_modules[\\/]_?element-ui(.*)/ // in order to adapt to cnpm
|
||||
},
|
||||
commons: {
|
||||
name: 'chunk-commons',
|
||||
test: resolve('src/components'), // can customize your rules
|
||||
minChunks: 3, // minimum common number
|
||||
priority: 5,
|
||||
reuseExistingChunk: true
|
||||
}
|
||||
}
|
||||
}
|
||||
})
|
||||
})
|
||||
config.optimization.runtimeChunk('single'), {
|
||||
from: path.resolve(__dirname, './public/robots.txt'), //防爬虫文件
|
||||
to: './', //到根目录下
|
||||
@@ -124,6 +124,17 @@ module.exports = {
|
||||
// 114.115.162.187 测试环境
|
||||
// 192.168.0.107 晋宇
|
||||
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': {
|
||||
// 目标代理服务器地址
|
||||
target: 'https://u-pre.boe.com',
|
||||
|
||||
Reference in New Issue
Block a user