hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-12 04:16:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

合并测试环境代码准备备用页面

Browse Source
This commit is contained in:
sunli_tydic
2025-12-09 17:45:24 +08:00
parent b05c8b83db
commit 3dfe1ea87c
1 changed files with 2952 additions and 2793 deletions
Download Patch File Download Diff File Expand all files Collapse all files

283
src/views/study/coursenew.vue
View File

@@ -1,6 +1,12 @@
<template> <template>
<div> <div>
<div class="xpage-coures-banner"> <div class="xpage-coures-banner">
<portal-header
current="course"
textColor="#fff"
:goSearch="1"
></portal-header>
<div style="margin: 0px 80px">
<portal-header <portal-header
current="course" current="course"
textColor="#fff" textColor="#fff"
@@ -8,7 +14,7 @@
></portal-header> ></portal-header>
<div style="margin: 0px 80px"> <div style="margin: 0px 80px">
<div class="banner-crumbs"> <div class="banner-crumbs">
<router-link to="/course" <router-link :to="newEmployee ? `/new-employee/study` : `/course`"
><span class="crumbs-first">课程列表</span></router-link ><span class="crumbs-first">课程列表</span></router-link
> >
<span class="crumbs-line"> &gt; </span> <span class="crumbs-line"> &gt; </span>
@@ -20,8 +26,7 @@
<!-- <!--
<span class="bcourse-score" v-if="courseInfo.score>0">{{toScore(courseInfo.score)}} 分</span> <span class="bcourse-score" v-if="courseInfo.score>0">{{toScore(courseInfo.score)}} 分</span>
<span class="bcourse-score" v-else>无评分</span> <span class="bcourse-score" v-else>无评分</span>
--> --></div>
</div>
</div> </div>
</div> </div>
<div class="course-content xcontent"> <div class="course-content xcontent">
@@ -64,7 +69,9 @@
<img <img
class="icon-small" class="icon-small"
v-if="isPraise" v-if="isPraise"
:src="require('@/assets/images/icon/praise-active.png')" :src="
require('@/assets/images/icon/praise-active.png')
"
/> />
<img <img
class="icon-small" class="icon-small"
@@ -248,17 +255,41 @@
<div class="score" style="display: flex"> <div class="score" style="display: flex">
<div <div
v-if="!scoreInfo.has" v-if="!scoreInfo.has"
style="margin-left: 10px; cursor: pointer; padding-top: 18px" style="
margin-left: 10px;
cursor: pointer;
padding-top: 10px;
display: flex;
align-items: center;
"
> >
<!-- <el-popover placement="top" width="300" trigger="hover"> --> <!-- <el-popover placement="top" width="300" trigger="hover"> -->
<!-- <div style="text-align:center;line-height:50px;padding:20px 0px"> <!-- <div style="text-align:center;line-height:50px;padding:20px 0px">
<div style="padding-top:30px"><el-button @click="addScore">提交评分</el-button></div> <div style="padding-top:30px"><el-button @click="addScore">提交评分</el-button></div>
</div> --> </div> -->
<p style="margin-right: 10px">告诉我们您的喜欢程度</p>
<el-rate <el-rate
v-model="scoreInfo.score" v-model="scoreInfo.score"
@change="addScore" @change="showConfirmScore"
:allow-half="true"
></el-rate> ></el-rate>
<div v-if="isShowScoreConfirm">
<span class="score-text">{{
toScore(scoreInfo.score)
}}</span>
<span style="font-size: 18px">分</span>
<el-button
style="margin-left: 10px"
type="primary"
size="mini"
@click="addScore"
>确定</el-button
>
<el-button size="mini" @click="handleCancelScore"
>取消</el-button
>
</div>
<!-- <el-tag class="ref-score" slot="reference">去评分</el-tag> --> <!-- <el-tag class="ref-score" slot="reference">去评分</el-tag> -->
<!-- </el-popover> --> <!-- </el-popover> -->
</div> </div>
@@ -323,7 +354,9 @@
<img <img
class="icon-small" class="icon-small"
v-if="isTrample" v-if="isTrample"
:src="require('@/assets/images/icon/trample-active.png')" :src="
require('@/assets/images/icon/trample-active.png')
"
/> />
<img <img
class="icon-small" class="icon-small"
@@ -373,34 +406,12 @@
></i ></i
>我的笔记 >我的笔记
</div> </div>
<!-- 开发阶段先放开 v-if="courseInfo.aiDraft == 1" -->
<div
@click="heartabthree"
v-if="courseInfo.aiDraft == 1 && contentData.contentType == 10"
:class="tab == 3 ? 'control-tab-active' : ' '"
style="position: relative"
>
<i
class="el-icon-document"
style="margin-right: 9px; margin-left: 9px"
></i
>ai文稿
<img
src="@/assets/images/course/wengaoTip.png"
alt=""
style="
position: absolute;
top: -3px;
right: -14px;
width: 15px;
height: 14px;
"
/>
</div>
</div> </div>
<!-- 课程单元 --> <!-- 课程单元 -->
<div class="course-units" v-if="tab == 1"> <div class="course-units" v-if="tab == 1">
<div style="min-height: 350px; max-height: 650px; overflow-y: auto"> <div
style="min-height: 350px; max-height: 650px; overflow-y: auto"
>
<div class="catalog" v-if="courseInfo.type == 20"> <div class="catalog" v-if="courseInfo.type == 20">
<div <div
v-for="(item, index) in catalogTree" v-for="(item, index) in catalogTree"
@@ -416,10 +427,16 @@
@open="handleOpen" @open="handleOpen"
@close="handleClose" @close="handleClose"
> >
<el-submenu :index="item.section.id"> <el-submenu
:index="item.section.id"
v-if="catalogTree.length > 1"
>
<template slot="title"> <template slot="title">
<div <div
style="display: flex; justify-content: space-between" style="
display: flex;
justify-content: space-between;
"
> >
<div <div
style=" style="
@@ -454,7 +471,9 @@
> >
<div <div
class="units-info" class="units-info"
:class="{ 'units-active': contentData.id == ele.id }" :class="{
'units-active': contentData.id == ele.id,
}"
@click="showRes(ele, i, index, item)" @click="showRes(ele, i, index, item)"
> >
<el-menu-item <el-menu-item
@@ -492,7 +511,8 @@
<!-- <img v-if="contentData.id == ele.id" :src="`${webBaseUrl}/images/playicon.png`" alt=""> --> <!-- <img v-if="contentData.id == ele.id" :src="`${webBaseUrl}/images/playicon.png`" alt=""> -->
<img <img
v-if=" v-if="
contentData.id == ele.id && ele.status == 9 contentData.id == ele.id &&
ele.status == 9
" "
style="width: 16px; height: 16px" style="width: 16px; height: 16px"
src="@/assets/images/over.png" src="@/assets/images/over.png"
@@ -500,7 +520,8 @@
/> />
<img <img
v-if=" v-if="
contentData.id == ele.id && ele.status == 0 contentData.id == ele.id &&
ele.status == 0
" "
style="width: 16px; height: 16px" style="width: 16px; height: 16px"
src="@/assets/images/nowNot.png" src="@/assets/images/nowNot.png"
@@ -518,7 +539,8 @@
/> />
<img <img
v-if=" v-if="
contentData.id != ele.id && ele.status == 9 contentData.id != ele.id &&
ele.status == 9
" "
style="width: 16px; height: 16px" style="width: 16px; height: 16px"
src="@/assets/images/notNew.png" src="@/assets/images/notNew.png"
@@ -526,7 +548,8 @@
/> />
<img <img
v-if=" v-if="
contentData.id != ele.id && ele.status == 0 contentData.id != ele.id &&
ele.status == 0
" "
style="width: 16px; height: 16px" style="width: 16px; height: 16px"
src="@/assets/images/not.png" src="@/assets/images/not.png"
@@ -548,6 +571,113 @@
</div> </div>
</el-menu-item-group> </el-menu-item-group>
</el-submenu> </el-submenu>
<div v-else>
<el-menu-item-group
v-for="(ele, i) in item.children"
:key="i"
>
<div
class="units-info"
:class="{
'units-active': contentData.id == ele.id,
}"
@click="showRes(ele, i, index, item)"
>
<el-menu-item
:index="ele.id"
style="padding: 0; padding-left: 10px"
>
<div
style="
display: flex;
justify-content: space-between;
"
>
<div
style="
width: 200px;
font-size: 16px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
"
:title="ele.contentName"
>
{{ i + 1 }}. {{ ele.contentName }}
</div>
<div>
<span
v-if="contentData.id == ele.id"
style="
color: #387df7;
font-size: 14px;
margin-right: 4px;
"
>学习中</span
>
<!-- <img v-if="contentData.id == ele.id" :src="`${webBaseUrl}/images/playicon.png`" alt=""> -->
<img
v-if="
contentData.id == ele.id &&
ele.status == 9
"
style="width: 16px; height: 16px"
src="@/assets/images/over.png"
alt=""
/>
<img
v-if="
contentData.id == ele.id &&
ele.status == 0
"
style="width: 16px; height: 16px"
src="@/assets/images/nowNot.png"
alt=""
/>
<img
v-if="
contentData.id == ele.id &&
ele.status != 9 &&
ele.status != 0
"
style="width: 16px; height: 16px"
src="@/assets/images/ban1.png"
alt=""
/>
<img
v-if="
contentData.id != ele.id &&
ele.status == 9
"
style="width: 16px; height: 16px"
src="@/assets/images/notNew.png"
alt=""
/>
<img
v-if="
contentData.id != ele.id &&
ele.status == 0
"
style="width: 16px; height: 16px"
src="@/assets/images/not.png"
alt=""
/>
<img
v-if="
contentData.id != ele.id &&
ele.status != 9 &&
ele.status != 0
"
style="width: 16px; height: 16px"
src="@/assets/images/newBan.png"
alt=""
/>
</div>
</div>
</el-menu-item>
</div>
</el-menu-item-group>
</div>
</el-menu> </el-menu>
</div> </div>
<!-- <div v-for="(item, index) in catalogTree" :key="index" :name="index"> <!-- <div v-for="(item, index) in catalogTree" :key="index" :name="index">
@@ -584,7 +714,11 @@
<div style="margin-left: 5px"> <div style="margin-left: 5px">
<span <span
v-if="contentData.id == list.id" v-if="contentData.id == list.id"
style="color: #387df7; font-size: 14px; margin-right: 4px" style="
color: #387df7;
font-size: 14px;
margin-right: 4px;
"
>学习中</span >学习中</span
> >
<img <img
@@ -701,7 +835,9 @@
srcset="" srcset=""
/> />
目标人群： 目标人群：
<div class="course-info-text">{{ courseInfo.forUsers }}</div> <div class="course-info-text">
{{ courseInfo.forUsers }}
</div>
</div> </div>
<div class="course-info-row"> <div class="course-info-row">
<img <img
@@ -779,20 +915,29 @@
@click="toUserHome(item)" @click="toUserHome(item)"
title="点击进入他的主页" title="点击进入他的主页"
> >
<!-- <div class="teacher-text" v-if="item.authorInfo.avatar == ''">{{userAvatarText(item.teacherName)}}</div> --> <div v-if="item.authorInfo && item.authorInfo.avatar">
<div v-if="item.authorInfo.avatar !== ''">
<el-avatar <el-avatar
:src="fileBaseUrl + item.authorInfo.avatar" :src="fileBaseUrl + item.authorInfo.avatar"
shape="circle" shape="circle"
:size="50" :size="50"
></el-avatar> ></el-avatar>
</div> </div>
<div v-else-if="item.photo">
<el-avatar
:src="item.photo"
shape="circle"
:size="50"
></el-avatar>
</div>
<div v-else class="teacher-text"> <div v-else class="teacher-text">
<div v-if="item.authorInfo.sex === 1"> <div v-if="item.authorInfo && item.authorInfo.sex === 1">
<img src="../../../public/images/Avatarman.png" alt="" /> <img
src="../../../public/images/Avatarwoman.png"
alt=""
/>
</div> </div>
<div v-else> <div v-else>
<img src="../../../public/images/Avatarwoman.png" alt="" /> <img src="../../../public/images/Avatarman.png" alt="" />
</div> </div>
</div> </div>
</div> </div>
@@ -837,6 +982,7 @@
</el-dialog> </el-dialog>
<!-- <div><portal-footer></portal-footer></div> --> <!-- <div><portal-footer></portal-footer></div> -->
</div> </div>
</div>
</template> </template>
<script> <script>
import { mapGetters, mapMutations } from "vuex"; import { mapGetters, mapMutations } from "vuex";
@@ -903,6 +1049,7 @@ export default {
}, },
data() { data() {
return { return {
isShowScoreConfirm: false,
protocolDialogVisible: false, protocolDialogVisible: false,
tentative: false, tentative: false,
isContentTypeTwo: null, isContentTypeTwo: null,
@@ -1057,6 +1204,13 @@ export default {
SET_selectableLang: 'video/SET_selectableLang', SET_selectableLang: 'video/SET_selectableLang',
SET_courseInfo: 'video/SET_courseInfo', SET_courseInfo: 'video/SET_courseInfo',
}), }),
handleCancelScore() {
this.isShowScoreConfirm = false;
this.scoreInfo.score = 5;
},
showConfirmScore() {
this.isShowScoreConfirm = true;
},
handleOpen(key, path) { handleOpen(key, path) {
if (this.isFalse) { if (this.isFalse) {
this.defaultOpeneds = [key]; this.defaultOpeneds = [key];
@@ -1175,8 +1329,6 @@ export default {
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;
let urlSign = encodeURIComponent(encrypt(beforeUrl)); let urlSign = encodeURIComponent(encrypt(beforeUrl));
console.log(fid, 'fid');
console.log(u, 'u');
cookies.set("PLAYSIGN_TIME", ctime); //写客户端的cookie保存 cookies.set("PLAYSIGN_TIME", ctime); //写客户端的cookie保存
//以下判断是为了区分本地环境和服务器环境 //以下判断是为了区分本地环境和服务器环境
if (process.env.NODE_ENV == "development") { if (process.env.NODE_ENV == "development") {
@@ -1214,7 +1366,7 @@ export default {
if (r.contentType == 10 || r.contentType == 20) { if (r.contentType == 10 || r.contentType == 20) {
this.trueFalse = true; this.trueFalse = true;
if (r.content.startsWith("\{")) { if (r.content.startsWith("{")) {
this.curriculumData = JSON.parse(r.content); this.curriculumData = JSON.parse(r.content);
} else { } else {
this.curriculumData.url = r.content; this.curriculumData.url = r.content;
@@ -1271,7 +1423,7 @@ export default {
}); });
} else if (r.contentType == 52) { } else if (r.contentType == 52) {
this.isAppendTime = false; this.isAppendTime = false;
if (r.content.startsWith("\{")) { if (r.content.startsWith("{")) {
this.conLink = JSON.parse(r.content); this.conLink = JSON.parse(r.content);
} else { } else {
this.conLink.url = r.content; this.conLink.url = r.content;
@@ -1386,6 +1538,12 @@ export default {
localStorage.setItem("videoProgressData", JSON.stringify(arr)); localStorage.setItem("videoProgressData", JSON.stringify(arr));
} }
}, },
isShowTime() {
if (this.isContentTypeTwo != this.contentData.contentType) {
return;
}
this.contentData.status = 2;
},
// ai播放器相关 - 视频处理 // ai播放器相关 - 视频处理
handleAIVideo(list = [], r) { handleAIVideo(list = [], r) {
console.log('触发了-----------list', list); console.log('触发了-----------list', list);
@@ -1396,12 +1554,6 @@ export default {
} }
console.log("ai处理", this.selectableLang); console.log("ai处理", this.selectableLang);
}, },
isShowTime() {
if (this.isContentTypeTwo != this.contentData.contentType) {
return;
}
this.contentData.status = 2;
},
showRes(r, i, index, item) { showRes(r, i, index, item) {
//i:子节下标，index:章下标 //i:子节下标，index:章下标
// 无权限查看不能点击 // 无权限查看不能点击
@@ -1451,7 +1603,6 @@ export default {
} }
} }
} }
console.log(r, 'r');
this.changePlayRes(r, item); this.changePlayRes(r, item);
}, },
loadScorePraiseAndTrample() { loadScorePraiseAndTrample() {
@@ -2042,11 +2193,19 @@ export default {
timedOut = true; timedOut = true;
xmlhttp.abort(); xmlhttp.abort();
}, 1000); }, 1000);
xmlhttp.open( // 1. 拼接随机参数（时间戳+随机数，确保URL唯一，破缓存）
"HEAD", const url =
window.location.protocol + "//uapi.boe.com.cn/500.html", window.location.protocol +
true "//uapi.boe.com.cn/500.html?t=" +
); Date.now() +
Math.random();
// // 2. 打开 HEAD 请求（URL已带随机参数）
xmlhttp.open("HEAD", url, true);
// xmlhttp.open(
// "HEAD",
// window.location.protocol + "//uapi.boe.com.cn/500.html",
// true
// );
xmlhttp.send(); xmlhttp.send();
xmlhttp.onreadystatechange = function () { xmlhttp.onreadystatechange = function () {
if (xmlhttp.readyState == 4) { if (xmlhttp.readyState == 4) {