|
|
@@ -7,7 +7,7 @@
|
|
|
<div class="pb_left">
|
|
|
<div class="courseTitle">{{ courseDetail.title }}</div>
|
|
|
<div class="ml">目录</div>
|
|
|
- <div style="overflow: auto; height: 750px">
|
|
|
+ <div class="cru_selectBox">
|
|
|
<div v-for="(item, stageIndex) in navList" :key="stageIndex">
|
|
|
<div class="blue_box_one" @click="get(stageIndex)">
|
|
|
<div>第{{ stageIndex + 1 }}阶段</div>
|
|
|
@@ -91,25 +91,11 @@
|
|
|
position: relative;
|
|
|
"
|
|
|
>
|
|
|
- <!-- <div class="queTop">
|
|
|
- <div class="queTitle">
|
|
|
- <div style="color: #000">
|
|
|
- {{ task.task ? task.task : "暂无名称" }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div> -->
|
|
|
<div
|
|
|
style="padding: 20px; line-height: 35px"
|
|
|
v-if="task.taskDetail != ''"
|
|
|
>
|
|
|
<span style="color: #cbcbcb">任务描述</span>
|
|
|
- <!-- <textarea
|
|
|
- rows="6"
|
|
|
- class="binfo_input"
|
|
|
- cols=""
|
|
|
- style="width: 70.5% !important; height: 90px"
|
|
|
- v-model="chapInfo.taskDetail"
|
|
|
- ></textarea>-->
|
|
|
{{ task.taskDetail ? task.taskDetail : "暂无描述" }}
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -135,9 +121,6 @@
|
|
|
></video-player>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- <div v-else style="margin: 0px 25% 0px 35%">
|
|
|
- <img src="../assets/icon/noVedio.png" alt="" />
|
|
|
- </div>-->
|
|
|
<div
|
|
|
class="vedioList"
|
|
|
:class="vedio[index].length == 0 ? 'listNoVedio' : ''"
|
|
|
@@ -234,9 +217,6 @@
|
|
|
:href="'https://' + lines.url"
|
|
|
>{{ lines.url }}</a
|
|
|
>
|
|
|
- <!-- {{
|
|
|
- lineList.length > 0 ? lines.url : ""
|
|
|
- }}-->
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -244,7 +224,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 没视频 -->
|
|
|
- <div class="student_head hangHand" v-else>
|
|
|
+ <div class="student_head" v-else>
|
|
|
<div class="box_course hangVedio">
|
|
|
<div
|
|
|
class="vedioList hangVedioList"
|
|
|
@@ -344,9 +324,6 @@
|
|
|
:href="'https://' + lines.url"
|
|
|
>{{ lines.url }}</a
|
|
|
>
|
|
|
- <!-- {{
|
|
|
- lineList.length > 0 ? lines.url : ""
|
|
|
- }}-->
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -398,13 +375,13 @@
|
|
|
<div class="toolHeng2" style="position: relative">
|
|
|
<div
|
|
|
class="filebox"
|
|
|
- style="flex-wrap: nowrap; margin: 20px 20px 10px 20px"
|
|
|
+ style="flex-wrap: nowrap; margin: 0 20px"
|
|
|
v-for="(tool, toolIndex) in task.toolChoose"
|
|
|
:key="toolIndex"
|
|
|
>
|
|
|
<div class="tooldetail" v-if="tool.toolDetail != ''">
|
|
|
- <div class="toolTitle">工具描述</div>
|
|
|
- <div style="line-height: 35px">
|
|
|
+ <!-- <div class="toolTitle">工具描述</div> -->
|
|
|
+ <div style="line-height: 35px; width: 85%">
|
|
|
{{ tool.toolDetail }}
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -429,38 +406,6 @@
|
|
|
ref="whiteBoard"
|
|
|
></iframe>
|
|
|
</div>
|
|
|
- <div v-if="tooC == 3">
|
|
|
- <div
|
|
|
- class="iframeName"
|
|
|
- >
|
|
|
- 思维导图
|
|
|
- </div>
|
|
|
- <iframe
|
|
|
- src="https://cloud.cocorobo.cn/kityminder-editor/dist/index.html"
|
|
|
- ref="mind"
|
|
|
- ></iframe>
|
|
|
- </div>
|
|
|
- <div v-if="tooC == 6">
|
|
|
- <div
|
|
|
- class="iframeName"
|
|
|
- >
|
|
|
- 协同文档
|
|
|
- </div>
|
|
|
- <iframe
|
|
|
- src="https://cloud.cocorobo.cn/Office/Word/WordEditArea.htm"
|
|
|
- ></iframe>
|
|
|
- </div>
|
|
|
- <div v-if="tooC == 7">
|
|
|
- <div
|
|
|
- class="iframeName"
|
|
|
- >
|
|
|
- 思维网格
|
|
|
- </div>
|
|
|
- <iframe
|
|
|
- src="https://pbl.cocorobo.cn/pbl-teacher-table/dist/#/Grid"
|
|
|
- ref="grid"
|
|
|
- ></iframe>
|
|
|
- </div>
|
|
|
</div>
|
|
|
</div> -->
|
|
|
<div class="noiframeBox">
|
|
|
@@ -577,7 +522,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="upload_toolBtn" @click="addImg($event)">
|
|
|
+ <!-- <div class="upload_toolBtn" @click="addImg($event)">
|
|
|
上传文件
|
|
|
<input
|
|
|
type="file"
|
|
|
@@ -585,7 +530,7 @@
|
|
|
style="display: none"
|
|
|
@change="beforeUpload1($event, 2, index)"
|
|
|
/>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- <div
|
|
|
@@ -805,19 +750,6 @@
|
|
|
>
|
|
|
</el-radio-group>
|
|
|
</div>
|
|
|
- <!-- <div class="a_add_input" v-else>
|
|
|
- <el-radio-group v-model="radio[taskCount]">
|
|
|
- <el-radio
|
|
|
- v-for="(item3, checkIndex1) in askJson.askJson[index1]
|
|
|
- .checkList"
|
|
|
- :key="checkIndex1"
|
|
|
- :label="checkIndex1"
|
|
|
- class="redioStyle"
|
|
|
- disabled
|
|
|
- >{{ item3 }}</el-radio
|
|
|
- >
|
|
|
- </el-radio-group>
|
|
|
- </div> -->
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -838,110 +770,19 @@
|
|
|
<el-form style="font-size: 20px">
|
|
|
<el-form-item label="文本标题" class="textTitle">
|
|
|
<div style="font-size: 20px">{{ text.name }}</div>
|
|
|
- <!-- <el-input v-model="AttText.title" auto-complete="off" placeholder="请输入文本标题..."></el-input> -->
|
|
|
</el-form-item>
|
|
|
<div>富文本内容</div>
|
|
|
- <!-- <editor-bar v-model="AttText.text" @change="change"></editor-bar> -->
|
|
|
<div
|
|
|
v-html="text.url"
|
|
|
style="font-size: 18px; padding: 40px 0 0 0"
|
|
|
></div>
|
|
|
</el-form>
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
- <!-- <el-button @click="clearAttText">取 消</el-button> -->
|
|
|
<el-button type="primary" @click="dialogVisible1 = false"
|
|
|
>确定</el-button
|
|
|
>
|
|
|
</span>
|
|
|
</el-dialog>
|
|
|
- <!-- <el-dialog
|
|
|
- title="查看工具"
|
|
|
- :visible.sync="dialogVisible2"
|
|
|
- :append-to-body="true"
|
|
|
- width="500px"
|
|
|
- :before-close="handleClose"
|
|
|
- class="dialog_diy toolsCss"
|
|
|
- >
|
|
|
- <div class="toolHeng">
|
|
|
- <div class="filebox" style="min-width: 480px; flex-wrap: nowrap; width: 100%">
|
|
|
- <div style="display: flex; flex-flow: row wrap; width: 70%">
|
|
|
- <div class="addPoint">
|
|
|
- <div v-if="chapTools.url ? chapTools.url.indexOf(8) != -1 : undefined">
|
|
|
- <img
|
|
|
- src="../assets/icon/secondToolList/library.png"
|
|
|
- alt
|
|
|
- @click="addTools(8)"
|
|
|
- />
|
|
|
- <div style="margin: 5px 0">素材库</div>
|
|
|
- </div>
|
|
|
- <div v-if="chapTools.url ? chapTools.url.indexOf(1) != -1 : undefined">
|
|
|
- <img
|
|
|
- @click="addTools(1)"
|
|
|
- src="../assets/icon/secondToolList/whiteBoard.png"
|
|
|
- alt
|
|
|
- />
|
|
|
- <div style="margin: 5px 0">电子白板</div>
|
|
|
- </div>
|
|
|
- <div v-if="chapTools.url ? chapTools.url.indexOf(2) != -1 : undefined">
|
|
|
- <img
|
|
|
- @click="addTools(2)"
|
|
|
- src="../assets/icon/secondToolList/note.png"
|
|
|
- alt
|
|
|
- />
|
|
|
- <div style="margin: 5px 0">便签</div>
|
|
|
- </div>
|
|
|
- <div v-if="chapTools.url ? chapTools.url.indexOf(3) != -1 : undefined">
|
|
|
- <img
|
|
|
- @click="addTools(3)"
|
|
|
- src="../assets/icon/secondToolList/mindMapping.png"
|
|
|
- alt
|
|
|
- />
|
|
|
- <div style="margin: 5px 0">思维导图</div>
|
|
|
- </div>
|
|
|
- <div v-if="chapTools.url ? chapTools.url.indexOf(6) != -1 : undefined">
|
|
|
- <img
|
|
|
- @click="addTools(6)"
|
|
|
- src="../assets/icon/secondToolList/doc.png"
|
|
|
- alt
|
|
|
- />
|
|
|
- <div style="margin: 5px 0">协同文档</div>
|
|
|
- </div>
|
|
|
- <div v-if="chapTools.url ? chapTools.url.indexOf(7) != -1 : undefined">
|
|
|
- <img
|
|
|
- @click="addTools(7)"
|
|
|
- src="../assets/icon/secondToolList/mindNetwork.png"
|
|
|
- alt
|
|
|
- />
|
|
|
- <div style="margin: 5px 0">思维网格</div>
|
|
|
- </div>
|
|
|
- <div v-if="chapTools.url ? chapTools.url.indexOf(4) != -1 : undefined">
|
|
|
- <img
|
|
|
- @click="addTools(4)"
|
|
|
- src="../assets/icon/thirdToolList/ask.png"
|
|
|
- alt
|
|
|
- />
|
|
|
- <div style="margin: 5px 0">问卷调查</div>
|
|
|
- </div>
|
|
|
- <div v-if="chapTools.url ? chapTools.url.indexOf(5) != -1 : undefined">
|
|
|
- <img
|
|
|
- @click="addTools(5)"
|
|
|
- src="../assets/icon/thirdToolList/score.png"
|
|
|
- alt
|
|
|
- />
|
|
|
- <div style="margin: 5px 0">量规评分</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div style="padding: 0 0 20px 30px; width: 30%" v-if="chapTools.name != ''">
|
|
|
- <div style="margin: 0 0 20px 0">工具描述</div>
|
|
|
- <div>{{ chapTools.name != "" ? chapTools.name : "暂无描述" }}</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <span slot="footer" class="dialog-footer">
|
|
|
- <el-button type="primary" @click="dialogVisible2 = false">确定</el-button>
|
|
|
- </span>
|
|
|
- </el-dialog>-->
|
|
|
<el-dialog
|
|
|
title="文件预览"
|
|
|
:visible.sync="dialogVisible3"
|
|
|
@@ -994,11 +835,13 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="ediBottom">
|
|
|
- <editor-bar
|
|
|
- style="width: 100%; padding: 10px 0 20px 0px; margin: 0"
|
|
|
+ <textarea
|
|
|
+ rows="6"
|
|
|
+ class="binfo_input"
|
|
|
+ cols
|
|
|
+ style="width: 95%; height: 120px"
|
|
|
v-model="questionAnswer"
|
|
|
- @change="change"
|
|
|
- ></editor-bar>
|
|
|
+ ></textarea>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -1107,7 +950,6 @@ export default {
|
|
|
mindCount: 0,
|
|
|
askCount: 0,
|
|
|
noteCount: 0,
|
|
|
- // scoreCount: 0,
|
|
|
mindNetWorkCount: 0,
|
|
|
libraryCount: 0,
|
|
|
workCount: 0,
|
|
|
@@ -1159,14 +1001,6 @@ export default {
|
|
|
},
|
|
|
handleClose(done) {
|
|
|
done();
|
|
|
- // this.studyJuri[0].push([
|
|
|
- // {
|
|
|
- // content: "",
|
|
|
- // cover: [],
|
|
|
- // upVedio: [],
|
|
|
- // upFile: [],
|
|
|
- // },
|
|
|
- // ]);
|
|
|
},
|
|
|
imgChange(file, fileList, type) {
|
|
|
if (type == 1) {
|
|
|
@@ -1364,41 +1198,11 @@ export default {
|
|
|
}, 0);
|
|
|
|
|
|
this.getHomeWork();
|
|
|
- // this.getStudentAsk();
|
|
|
this.getCourseDetail();
|
|
|
},
|
|
|
|
|
|
get(i) {
|
|
|
this.navList[i].isOpen = !this.navList[i].isOpen;
|
|
|
- // this.courseType = i;
|
|
|
- // this.isNoHomeWork = false;
|
|
|
- // this.navList = [];
|
|
|
- // this.goTo(
|
|
|
- // "/study?type=" +
|
|
|
- // i +
|
|
|
- // "&courseId=" +
|
|
|
- // this.id +
|
|
|
- // "&userid=" +
|
|
|
- // this.userid +
|
|
|
- // "&oid=" +
|
|
|
- // this.oid
|
|
|
- // );
|
|
|
- // (this.studyJuri = [
|
|
|
- // {
|
|
|
- // content: "",
|
|
|
- // cover: [],
|
|
|
- // upVedio: [],
|
|
|
- // upFile: [],
|
|
|
- // },
|
|
|
- // ]),
|
|
|
- // (this.radio = []);
|
|
|
- // this.getHomeWork();
|
|
|
- // this.getStudentAsk();
|
|
|
- // this.getCourseDetail();
|
|
|
-
|
|
|
- // setTimeout(() => {
|
|
|
- // this.swichTask(0);
|
|
|
- // }, 0);
|
|
|
},
|
|
|
addQuestion() {
|
|
|
this.answerList.push({
|
|
|
@@ -1430,79 +1234,6 @@ export default {
|
|
|
console.error(err);
|
|
|
});
|
|
|
},
|
|
|
- // swichTask(i) {
|
|
|
- // this.taskCount = i;
|
|
|
- // this.isNoHomeWork = false;
|
|
|
- // this.isAsk = false;
|
|
|
- // this.getHomeWork();
|
|
|
- // this.getStudentAsk();
|
|
|
- // var a = this.chapInfo.chapterInfo[0].taskJson[i];
|
|
|
- // var b = [
|
|
|
- // "AVI",
|
|
|
- // "NAVI",
|
|
|
- // "MPEG",
|
|
|
- // "ASF",
|
|
|
- // "MOV",
|
|
|
- // "WMV",
|
|
|
- // "3GP",
|
|
|
- // "RM",
|
|
|
- // "RMVB",
|
|
|
- // "FLV",
|
|
|
- // "F4V",
|
|
|
- // "H.264",
|
|
|
- // "H.265",
|
|
|
- // "REAL VIDEO",
|
|
|
- // "MKV",
|
|
|
- // "WebM",
|
|
|
- // "HDDVD",
|
|
|
- // "MP4",
|
|
|
- // "MPG",
|
|
|
- // "M4V",
|
|
|
- // "MGV",
|
|
|
- // "OGV",
|
|
|
- // "QTM",
|
|
|
- // "STR",
|
|
|
- // "AMC",
|
|
|
- // "DVX",
|
|
|
- // "EVO",
|
|
|
- // "DAT",
|
|
|
- // "OGG",
|
|
|
- // "OGM",
|
|
|
- // ];
|
|
|
- // this.vedio = [];
|
|
|
- // this.textList = [];
|
|
|
- // this.lineList = [];
|
|
|
- // this.chapToolList = [];
|
|
|
- // this.file = [];
|
|
|
- // var c = a.chapterData;
|
|
|
- // for (var j = 0; j < c.length; j++) {
|
|
|
- // if (c[j].type == 7) {
|
|
|
- // this.chapToolList.push(c[j]);
|
|
|
- // } else if (c[j].type == 8) {
|
|
|
- // this.lineList.push(c[j]);
|
|
|
- // } else if (c[j].type == 6) {
|
|
|
- // this.textList.push(c[j]);
|
|
|
- // } else {
|
|
|
- // if (
|
|
|
- // b.indexOf(
|
|
|
- // c[j].url
|
|
|
- // .split(".")
|
|
|
- // [c[j].url.split(".").length - 1].toLocaleUpperCase()
|
|
|
- // ) != -1
|
|
|
- // ) {
|
|
|
- // this.vedio.push(c[j]);
|
|
|
- // } else {
|
|
|
- // this.file.push(c[j]);
|
|
|
- // }
|
|
|
- // }
|
|
|
- // }
|
|
|
-
|
|
|
- // this.playerOptions.sources[0].src =
|
|
|
- // this.vedio.length > 0
|
|
|
- // ? this.vedio[0].url
|
|
|
- // : require("../assets/icon/wheel.png");
|
|
|
- // this.playerO = this.playerOptions;
|
|
|
- // },
|
|
|
getCourseDetail() {
|
|
|
const loading = this.$loading.service({
|
|
|
background: "rgba(255, 255, 255, 0.7)",
|
|
|
@@ -1516,11 +1247,8 @@ export default {
|
|
|
.get(this.$store.state.api + "selectCourseDetail", params)
|
|
|
.then((res) => {
|
|
|
loading.close();
|
|
|
- // element.imgUrl = JSON.parse(element.chapters).poster;
|
|
|
var a = JSON.parse(res.data[0][0].chapters)[t].chapterInfo[0]
|
|
|
.taskJson;
|
|
|
- // // var a = JSON.parse(res.data[0][0].chapters)[t].chapterInfo[0]
|
|
|
- // // .chapterData;
|
|
|
var b = [
|
|
|
"AVI",
|
|
|
"NAVI",
|
|
|
@@ -1616,13 +1344,19 @@ export default {
|
|
|
|
|
|
this.$nextTick(function () {
|
|
|
setTimeout(() => {
|
|
|
- var a =
|
|
|
- document.getElementsByClassName("video-player")[0].offsetHeight;
|
|
|
- document.getElementsByClassName("vedioList")[0].style.height =
|
|
|
- a + "px";
|
|
|
+ for (
|
|
|
+ var i = 0;
|
|
|
+ i < document.getElementsByClassName("video-player").length;
|
|
|
+ i++
|
|
|
+ ) {
|
|
|
+ var a =
|
|
|
+ document.getElementsByClassName("video-player")[i]
|
|
|
+ .offsetHeight;
|
|
|
+ document.getElementsByClassName("vedioList")[i].style.height =
|
|
|
+ a + "px";
|
|
|
+ }
|
|
|
}, 500);
|
|
|
});
|
|
|
- // this.addToolsType(0);
|
|
|
})
|
|
|
.catch((err) => {
|
|
|
loading.close();
|
|
|
@@ -1703,20 +1437,8 @@ export default {
|
|
|
},
|
|
|
openAddWork() {
|
|
|
this.dialogVisible = true;
|
|
|
- // this.getHomeWork();
|
|
|
- // this.studyJuri = [
|
|
|
- // {
|
|
|
- // content: "",
|
|
|
- // cover: [],
|
|
|
- // upVedio: [],
|
|
|
- // upFile: [],
|
|
|
- // },
|
|
|
- // ];
|
|
|
},
|
|
|
addStudentAsk() {
|
|
|
- // if (this.isAsk == true) {
|
|
|
- // this.dialogVisible5 = false;
|
|
|
- // } else {
|
|
|
this.askList.push({ askJson: this.askJson, anwer: this.radio.join(",") });
|
|
|
let params = [
|
|
|
{
|
|
|
@@ -1737,38 +1459,12 @@ export default {
|
|
|
});
|
|
|
this.askList = [];
|
|
|
this.dialogVisible5 = false;
|
|
|
- // this.radio = [];
|
|
|
- // this.getStudentAsk();
|
|
|
})
|
|
|
.catch((err) => {
|
|
|
this.$message.error("提交失败");
|
|
|
console.error(err);
|
|
|
});
|
|
|
- // }
|
|
|
},
|
|
|
- // getStudentAsk() {
|
|
|
- // let params = {
|
|
|
- // cid: this.id,
|
|
|
- // stage: this.courseType,
|
|
|
- // task: this.taskCount,
|
|
|
- // };
|
|
|
- // this.ajax
|
|
|
- // .get(this.$store.state.api + "getAskListByCidStage", params)
|
|
|
- // .then((res) => {
|
|
|
- // if (res.data[0].length > 0) {
|
|
|
- // var a = res.data[0][0].content.split(",");
|
|
|
- // for (var i = 0; i < a.length; i++) {
|
|
|
- // this.radio.push(parseInt(a[i]));
|
|
|
- // }
|
|
|
- // this.isAsk = true;
|
|
|
- // } else {
|
|
|
- // this.isAsk = false;
|
|
|
- // }
|
|
|
- // })
|
|
|
- // .catch((err) => {
|
|
|
- // console.error(err);
|
|
|
- // });
|
|
|
- // },
|
|
|
addWork() {
|
|
|
if (this.studyJuri[0].content == "") {
|
|
|
this.$message.error("请将信息填写完整");
|
|
|
@@ -1809,14 +1505,6 @@ export default {
|
|
|
});
|
|
|
this.isNoHomeWork = true;
|
|
|
this.dialogVisible = false;
|
|
|
- // this.studyJuri.push([
|
|
|
- // {
|
|
|
- // content: "",
|
|
|
- // cover: [],
|
|
|
- // upVedio: [],
|
|
|
- // upFile: [],
|
|
|
- // },
|
|
|
- // ]);
|
|
|
})
|
|
|
.catch((err) => {
|
|
|
this.$message.error("提交失败");
|
|
|
@@ -1843,14 +1531,6 @@ export default {
|
|
|
});
|
|
|
this.isNoHomeWork = true;
|
|
|
this.dialogVisible = false;
|
|
|
- // this.studyJuri.push([
|
|
|
- // {
|
|
|
- // content: "",
|
|
|
- // cover: [],
|
|
|
- // upVedio: [],
|
|
|
- // upFile: [],
|
|
|
- // },
|
|
|
- // ]);
|
|
|
})
|
|
|
.catch((err) => {
|
|
|
this.$message.error("提交失败");
|
|
|
@@ -1876,11 +1556,7 @@ export default {
|
|
|
this.mindCount = res.data[0][i].count;
|
|
|
} else if (res.data[0][i].tools == 4) {
|
|
|
this.askCount = res.data[0][i].count;
|
|
|
- }
|
|
|
- // else if (res.data[0][i].tools == 5) {
|
|
|
- // this.scoreCount = res.data[0][i].count;
|
|
|
- // }
|
|
|
- else if (res.data[0][i].tools == 6) {
|
|
|
+ } else if (res.data[0][i].tools == 6) {
|
|
|
this.noteCount = res.data[0][i].count;
|
|
|
} else if (res.data[0][i].tools == 7) {
|
|
|
this.mindNetWorkCount = res.data[0][i].count;
|
|
|
@@ -1901,28 +1577,6 @@ export default {
|
|
|
console.error(err);
|
|
|
});
|
|
|
},
|
|
|
- // addToolsType(t) {
|
|
|
- // // this.toolType = t;
|
|
|
- // var a = this.chapInfo.chapterInfo[0].toolChoose;
|
|
|
- // this.toolTypeList = [];
|
|
|
- // if (a != []) {
|
|
|
- // for (var i = 0; i < a.length; i++) {
|
|
|
- // if (t == 0) {
|
|
|
- // if (a[i] == 8) {
|
|
|
- // this.toolTypeList.push(a[i]);
|
|
|
- // }
|
|
|
- // } else if (t == 1) {
|
|
|
- // if (a[i] == 1 || a[i] == 2 || a[i] == 3 || a[i] == 6 || a[i] == 7) {
|
|
|
- // this.toolTypeList.push(a[i]);
|
|
|
- // }
|
|
|
- // } else {
|
|
|
- // if (a[i] == 4 || a[i] == 5) {
|
|
|
- // this.toolTypeList.push(a[i]);
|
|
|
- // }
|
|
|
- // }
|
|
|
- // }
|
|
|
- // }
|
|
|
- // },
|
|
|
addTools(t, i, index) {
|
|
|
var a = 0;
|
|
|
this.taskCount = index;
|
|
|
@@ -2109,13 +1763,7 @@ export default {
|
|
|
this.getCourseDetail();
|
|
|
this.selectCount();
|
|
|
this.getHomeWork();
|
|
|
- // this.getStudentAsk();
|
|
|
document.scrollingElement.scrollTop = 0;
|
|
|
-
|
|
|
- // window.onresize = function () {
|
|
|
- // var a = document.getElementsByClassName("video-player")[0].offsetHeight;
|
|
|
- // document.getElementsByClassName("vedioList")[0].style.height = a + "px";
|
|
|
- // };
|
|
|
window.addEventListener("resize", () => {
|
|
|
var a = document.getElementsByClassName("video-player")[0].offsetHeight;
|
|
|
document.getElementsByClassName("vedioList")[0].style.height = a + "px";
|
|
|
@@ -2126,14 +1774,12 @@ export default {
|
|
|
|
|
|
<style scoped>
|
|
|
.body_student {
|
|
|
- /* margin: 0px auto; */
|
|
|
width: 77%;
|
|
|
height: 100%;
|
|
|
max-height: 800px;
|
|
|
position: absolute;
|
|
|
left: 22%;
|
|
|
top: 0;
|
|
|
- /* overflow: auto; */
|
|
|
}
|
|
|
.student_head {
|
|
|
width: 100%;
|
|
|
@@ -2147,6 +1793,7 @@ export default {
|
|
|
background: rgb(255, 255, 255);
|
|
|
padding-right: 10px;
|
|
|
position: fixed;
|
|
|
+ height: 100%;
|
|
|
}
|
|
|
.wheel > img,
|
|
|
.project > img,
|
|
|
@@ -2201,9 +1848,6 @@ export default {
|
|
|
flex-direction: row;
|
|
|
justify-content: flex-start;
|
|
|
align-items: center;
|
|
|
- padding: 0 0 30px 0;
|
|
|
- height: 530px;
|
|
|
- min-height: 530px;
|
|
|
}
|
|
|
.wheel {
|
|
|
width: 70%;
|
|
|
@@ -2242,7 +1886,6 @@ export default {
|
|
|
.study_top .check {
|
|
|
padding-bottom: 5px;
|
|
|
text-align: center;
|
|
|
- color: rgb(170, 170, 170);
|
|
|
cursor: pointer;
|
|
|
height: 30px;
|
|
|
box-sizing: border-box;
|
|
|
@@ -2281,9 +1924,7 @@ export default {
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
.project_box {
|
|
|
- padding: 0 0 10px 0;
|
|
|
background: #fff;
|
|
|
- margin: 15px 0;
|
|
|
}
|
|
|
|
|
|
.filebox {
|
|
|
@@ -2294,7 +1935,7 @@ export default {
|
|
|
}
|
|
|
|
|
|
.filebox .tooldetail {
|
|
|
- margin: 20px 20px;
|
|
|
+ margin: 0 20px 20px;
|
|
|
}
|
|
|
|
|
|
.file {
|
|
|
@@ -2327,7 +1968,6 @@ export default {
|
|
|
box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%),
|
|
|
0px 2px 1px -1px rgb(0 0 0 / 12%);
|
|
|
border-radius: 0 0 5px 5px;
|
|
|
- /* border: 1px solid #cecece; */
|
|
|
box-sizing: border-box;
|
|
|
}
|
|
|
.media img {
|
|
|
@@ -2692,9 +2332,6 @@ export default {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
}
|
|
|
-.queTitle > div:nth-child(1) {
|
|
|
- color: #cbcbcb;
|
|
|
-}
|
|
|
.addEditor {
|
|
|
width: 100px;
|
|
|
height: 30px;
|
|
|
@@ -2754,19 +2391,11 @@ export default {
|
|
|
margin: 0 10px;
|
|
|
width: 85px;
|
|
|
}
|
|
|
-/* .addPoint {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- flex-wrap: wrap;
|
|
|
- align-items: center;
|
|
|
-} */
|
|
|
.addPoint > div {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
flex-wrap: nowrap;
|
|
|
align-items: center;
|
|
|
- /* border: 1px solid #ccc;
|
|
|
- margin: 0 0 20px 0; */
|
|
|
}
|
|
|
.isBorder > div {
|
|
|
margin: 0 0 10px 0;
|
|
|
@@ -2799,9 +2428,7 @@ export default {
|
|
|
right: 10px;
|
|
|
bottom: 0;
|
|
|
}
|
|
|
-.ediBottom {
|
|
|
- /* margin-left: 20px; */
|
|
|
-}
|
|
|
+
|
|
|
.binfo_input {
|
|
|
font: inherit;
|
|
|
color: currentColor;
|
|
|
@@ -2824,7 +2451,7 @@ export default {
|
|
|
border: 1px solid rgba(61, 103, 188);
|
|
|
}
|
|
|
.dialog_diy >>> .el-dialog__header {
|
|
|
- background: #3d67bc !important;
|
|
|
+ background: #484848 !important;
|
|
|
padding: 15px 20px;
|
|
|
}
|
|
|
.dialog_diy >>> .el-dialog__title {
|
|
|
@@ -2878,8 +2505,6 @@ export default {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
flex-wrap: wrap;
|
|
|
- /* flex-direction: column; */
|
|
|
- /* width: 100%; */
|
|
|
}
|
|
|
.a_add_input >>> el-radio-group {
|
|
|
margin: 10px 0;
|
|
|
@@ -2987,9 +2612,7 @@ export default {
|
|
|
align-items: flex-start;
|
|
|
transition: all 0.5s;
|
|
|
overflow: hidden;
|
|
|
- max-height: 0;
|
|
|
- height: 220px;
|
|
|
- overflow-y: auto;
|
|
|
+ height: 0;
|
|
|
}
|
|
|
.twoChild > div:nth-child(1) {
|
|
|
margin-top: 5px;
|
|
|
@@ -3001,7 +2624,7 @@ export default {
|
|
|
}
|
|
|
|
|
|
.navActive {
|
|
|
- max-height: 500px;
|
|
|
+ height: auto;
|
|
|
}
|
|
|
.navTask {
|
|
|
display: flex;
|
|
|
@@ -3037,4 +2660,27 @@ export default {
|
|
|
border-left: 4px solid #41c4a4;
|
|
|
padding-left: 4px;
|
|
|
}
|
|
|
+.cru_selectBox {
|
|
|
+ overflow: auto;
|
|
|
+ height: calc(100% - 40px - 21px);
|
|
|
+}
|
|
|
+.cru_selectBox::-webkit-scrollbar {
|
|
|
+ /*滚动条整体样式*/
|
|
|
+ width: 6px;
|
|
|
+ /*高宽分别对应横竖滚动条的尺寸*/
|
|
|
+ height: 6px;
|
|
|
+}
|
|
|
+
|
|
|
+/*定义滚动条轨道 内阴影+圆角*/
|
|
|
+.cru_selectBox::-webkit-scrollbar-track {
|
|
|
+ border-radius: 10px;
|
|
|
+ background-color: #eee;
|
|
|
+}
|
|
|
+
|
|
|
+/*定义滑块 内阴影+圆角*/
|
|
|
+.cru_selectBox::-webkit-scrollbar-thumb {
|
|
|
+ border-radius: 10px;
|
|
|
+ -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
|
|
|
+ background-color: rgba(0, 0, 0, 0.1);
|
|
|
+}
|
|
|
</style>
|
zengyicheng
