|
|
@@ -71,6 +71,17 @@
|
|
|
<div v-else><img src="../assets/icon/work.png" alt="" /></div>
|
|
|
作业与测验
|
|
|
</div>
|
|
|
+ <div
|
|
|
+ class="check"
|
|
|
+ :class="{ checked: type == 5 }"
|
|
|
+ @click="type = 5"
|
|
|
+ >
|
|
|
+ <div v-if="type == 5">
|
|
|
+ <img src="../assets/icon/toolActive.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div v-else><img src="../assets/icon/tool.png" alt="" /></div>
|
|
|
+ 工具
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div
|
|
|
class="returnBtn"
|
|
|
@@ -132,6 +143,7 @@
|
|
|
<div class="videoTop">
|
|
|
<div v-if="type == 1">视频列表</div>
|
|
|
<div v-if="type == 3">{{ chapInfo.dyName }}</div>
|
|
|
+ <div v-if="type == 5">工具</div>
|
|
|
<div v-else></div>
|
|
|
<div
|
|
|
@click="openAddWork"
|
|
|
@@ -198,6 +210,55 @@
|
|
|
</div>
|
|
|
<div class="upFile" v-if="type == 3 || type == 4">提交</div>
|
|
|
</div>
|
|
|
+ <div class="project_box" v-if="type == 5">
|
|
|
+ <div
|
|
|
+ class="filebox"
|
|
|
+ v-if="chapInfo.chapterInfo[0].toolChoose.length > 0"
|
|
|
+ >
|
|
|
+ <div style=" display: flex;
|
|
|
+ width: 100%;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ margin: 20px auto;">
|
|
|
+ <div
|
|
|
+ class="tool"
|
|
|
+ v-for="(itemTool, indexTool) in chapInfo.chapterInfo[0]
|
|
|
+ .toolChoose"
|
|
|
+ :key="indexTool"
|
|
|
+ >
|
|
|
+ <div class="whiteBIcon" v-if="itemTool == 1">
|
|
|
+ <img src="../assets/icon/whiteBordIcon.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="whiteBIcon" v-if="itemTool == 2">
|
|
|
+ <img src="../assets/icon/noteIcon.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="whiteBIcon" v-if="itemTool == 3">
|
|
|
+ <img src="../assets/icon/mindIcon.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="whiteBIcon" v-if="itemTool == 4">
|
|
|
+ <img src="../assets/icon/askIcon.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="whiteBIcon" v-if="itemTool == 5">
|
|
|
+ <img src="../assets/icon/scoreIcon.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="whiteBIcon" v-if="itemTool == 6">
|
|
|
+ <img src="../assets/icon/wordIcon.png" alt="" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- <div
|
|
|
+ class="file"
|
|
|
+ v-for="(f, index) in file"
|
|
|
+ :key="index"
|
|
|
+ @click="downFile(index)"
|
|
|
+ >
|
|
|
+ <img :src="require('../assets/file.png')" alt="" />
|
|
|
+ <div>{{ f.name }}</div>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
+ <div class="filebox" v-else>暂无数据</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<el-dialog
|
|
|
title="提交实践作业"
|
|
|
@@ -597,6 +658,7 @@ export default {
|
|
|
// this.total = res.data[0].length > 0 ? res.data[0][0].num : 0;
|
|
|
this.courseDetail = res.data[0][0];
|
|
|
this.chapInfo = JSON.parse(this.courseDetail.chapters)[t];
|
|
|
+ console.log(this.chapInfo);
|
|
|
this.chapInfoList = JSON.parse(this.courseDetail.chapters);
|
|
|
// this.playerOptions.poster = this.course.imgUrl;
|
|
|
this.playerOptions.sources[0].src =
|
|
|
@@ -771,7 +833,7 @@ export default {
|
|
|
}
|
|
|
.study_top .checked > div,
|
|
|
.study_top .check > div {
|
|
|
- margin-right: 10px;
|
|
|
+ margin-right: 5px;
|
|
|
}
|
|
|
.videoTop {
|
|
|
display: flex;
|
|
|
@@ -965,19 +1027,19 @@ export default {
|
|
|
align-items: center;
|
|
|
}
|
|
|
.blue_box_one > div:nth-child(1) {
|
|
|
- line-height: 65px;
|
|
|
- margin: 0 5px 0 10px;
|
|
|
- width: 30%;
|
|
|
- min-width: 60px;
|
|
|
+ line-height: 65px;
|
|
|
+ margin: 0 5px 0 10px;
|
|
|
+ width: 30%;
|
|
|
+ min-width: 60px;
|
|
|
}
|
|
|
.blue_box_one > div:nth-child(2) {
|
|
|
-white-space: nowrap;
|
|
|
- text-overflow: ellipsis;
|
|
|
- overflow: hidden;
|
|
|
- word-break: break-all;
|
|
|
- width: 70%;
|
|
|
- text-align: left;
|
|
|
- max-width: calc(100% - 75px);
|
|
|
+ white-space: nowrap;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ overflow: hidden;
|
|
|
+ word-break: break-all;
|
|
|
+ width: 70%;
|
|
|
+ text-align: left;
|
|
|
+ max-width: calc(100% - 75px);
|
|
|
}
|
|
|
.blue_box_one > div:nth-child(2):hover {
|
|
|
overflow: hidden;
|
|
|
@@ -1020,7 +1082,7 @@ white-space: nowrap;
|
|
|
height: 100%;
|
|
|
}
|
|
|
.returnBtn {
|
|
|
- background: rgb(238,238,238);
|
|
|
+ background: rgb(238, 238, 238);
|
|
|
width: 58px;
|
|
|
height: 30px;
|
|
|
color: rgb(22, 22, 22);
|
|
|
@@ -1029,4 +1091,20 @@ white-space: nowrap;
|
|
|
margin-right: 20px;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
+.tool {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ width: 13%;
|
|
|
+ margin: 10px 20px;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+.whiteBIcon {
|
|
|
+ width: 150px;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+.whiteBIcon > img {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
</style>
|
zengyicheng
