|
|
@@ -1,9 +1,6 @@
|
|
|
<template>
|
|
|
<div class="pb_content" style="overflow: unset">
|
|
|
- <div
|
|
|
- class="pb_content_body"
|
|
|
- style="display: flex; height: 900px; position: relative"
|
|
|
- >
|
|
|
+ <div class="pb_content_body" style="display: flex; height: 900px; position: relative">
|
|
|
<div class="pb_left">
|
|
|
<div class="courseTitle">{{ courseDetail.title }}</div>
|
|
|
<div class="ml">目录</div>
|
|
|
@@ -14,11 +11,7 @@
|
|
|
<div>{{ item.dyName }}</div>
|
|
|
</div>
|
|
|
<div class="twoChild" :class="{ navActive: item.isOpen }">
|
|
|
- <div
|
|
|
- class="navChild"
|
|
|
- v-for="(nav, navIndex) in item.task"
|
|
|
- :key="navIndex"
|
|
|
- >
|
|
|
+ <div class="navChild" v-for="(nav, navIndex) in item.task" :key="navIndex">
|
|
|
<div
|
|
|
class="navTask"
|
|
|
@click="openTask(stageIndex, navIndex, nav.id)"
|
|
|
@@ -43,10 +36,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="body_student">
|
|
|
- <div
|
|
|
- class="new_top"
|
|
|
- style="position: fixed; top: 0; width: 77%; z-index: 999"
|
|
|
- >
|
|
|
+ <div class="new_top" style="position: fixed; top: 0; width: 77%; z-index: 999">
|
|
|
<div class="before"></div>
|
|
|
<div class="courseIndex">
|
|
|
<div>第{{ courseType - 0 + 1 }}阶段</div>
|
|
|
@@ -59,14 +49,7 @@
|
|
|
<div
|
|
|
class="returnBtn"
|
|
|
@click.stop="
|
|
|
- goTo(
|
|
|
- '/courseDetail?userid=' +
|
|
|
- userid +
|
|
|
- '&oid=' +
|
|
|
- oid +
|
|
|
- '&courseId=' +
|
|
|
- id
|
|
|
- )
|
|
|
+ goTo('/courseDetail?userid=' + userid + '&oid=' + oid + '&courseId=' + id)
|
|
|
"
|
|
|
>
|
|
|
返回
|
|
|
@@ -75,26 +58,23 @@
|
|
|
</div>
|
|
|
<!-- v-for="(task, index) in chapInfoList[courseType].chapterInfo[0]
|
|
|
.taskJson"
|
|
|
- :key="index" -->
|
|
|
+ :key="index"-->
|
|
|
<div class="study_top">
|
|
|
<div
|
|
|
class="vedioBox"
|
|
|
v-if="
|
|
|
vedio[taskCount].length > 0 ||
|
|
|
- chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
|
|
|
- .taskDetail != ''
|
|
|
+ chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].taskDetail != ''
|
|
|
"
|
|
|
>
|
|
|
<div class="checkbox">
|
|
|
<div
|
|
|
class="check"
|
|
|
style="font-size: 25px"
|
|
|
- :id="
|
|
|
- chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].id
|
|
|
- "
|
|
|
+ :id="chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].id"
|
|
|
>
|
|
|
<!-- {{ taskCount + 1 }}
|
|
|
- {{ chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].task }} -->
|
|
|
+ {{ chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].task }}-->
|
|
|
学一学
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -118,19 +98,16 @@
|
|
|
overflow: auto;
|
|
|
"
|
|
|
v-if="
|
|
|
- chapInfoList[courseType].chapterInfo[0].taskJson[
|
|
|
- taskCount
|
|
|
- ].taskDetail != ''
|
|
|
+ chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
|
|
|
+ .taskDetail != ''
|
|
|
"
|
|
|
>
|
|
|
<!-- <span style="color: #cbcbcb">任务描述</span> -->
|
|
|
{{
|
|
|
- chapInfoList[courseType].chapterInfo[0].taskJson[
|
|
|
- taskCount
|
|
|
- ].taskDetail
|
|
|
- ? chapInfoList[courseType].chapterInfo[0].taskJson[
|
|
|
- taskCount
|
|
|
- ].taskDetail
|
|
|
+ chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
|
|
|
+ .taskDetail
|
|
|
+ ? chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
|
|
|
+ .taskDetail
|
|
|
: "暂无描述"
|
|
|
}}
|
|
|
</div>
|
|
|
@@ -195,9 +172,7 @@
|
|
|
class="vedioList"
|
|
|
:class="vedio[taskCount].length == 0 ? 'listNoVedio' : ''"
|
|
|
v-if="
|
|
|
- (vedio.length &&
|
|
|
- vedio[taskCount] &&
|
|
|
- vedio[taskCount].length > 0) ||
|
|
|
+ (vedio.length && vedio[taskCount] && vedio[taskCount].length > 0) ||
|
|
|
(textList.length &&
|
|
|
textList[taskCount] &&
|
|
|
textList[taskCount].length > 0) ||
|
|
|
@@ -213,9 +188,7 @@
|
|
|
<div class="navBox">
|
|
|
<div
|
|
|
v-show="
|
|
|
- vedio.length &&
|
|
|
- vedio[taskCount] &&
|
|
|
- vedio[taskCount].length > 0
|
|
|
+ vedio.length && vedio[taskCount] && vedio[taskCount].length > 0
|
|
|
"
|
|
|
>
|
|
|
<div class="vedioNav">视频</div>
|
|
|
@@ -258,13 +231,8 @@
|
|
|
>
|
|
|
<div class="vedioNav">文档</div>
|
|
|
<div>
|
|
|
- <div
|
|
|
- class="navText"
|
|
|
- @click="lookText(taskCount, textIndex)"
|
|
|
- >
|
|
|
- {{
|
|
|
- textList[taskCount].length > 0 ? text.name : ""
|
|
|
- }}.doc
|
|
|
+ <div class="navText" @click="lookText(taskCount, textIndex)">
|
|
|
+ {{ textList[taskCount].length > 0 ? text.name : "" }}.doc
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -280,13 +248,8 @@
|
|
|
>
|
|
|
<div class="vedioNav">工具</div>
|
|
|
<div>
|
|
|
- <div
|
|
|
- class="navText"
|
|
|
- @click="lookTools(taskCount, toolsIndex)"
|
|
|
- >
|
|
|
- {{
|
|
|
- chapToolList[taskCount].length > 0 ? tools.name : ""
|
|
|
- }}
|
|
|
+ <div class="navText" @click="lookTools(taskCount, toolsIndex)">
|
|
|
+ {{ chapToolList[taskCount].length > 0 ? tools.name : "" }}
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -314,11 +277,7 @@
|
|
|
</div>
|
|
|
<div
|
|
|
class="newNav"
|
|
|
- v-show="
|
|
|
- file.length &&
|
|
|
- file[taskCount] &&
|
|
|
- file[taskCount].length > 0
|
|
|
- "
|
|
|
+ v-show="file.length && file[taskCount] && file[taskCount].length > 0"
|
|
|
v-for="(f, fileIndex) in file[taskCount]"
|
|
|
:key="fileIndex"
|
|
|
>
|
|
|
@@ -351,19 +310,16 @@
|
|
|
overflow: auto;
|
|
|
"
|
|
|
v-if="
|
|
|
- chapInfoList[courseType].chapterInfo[0].taskJson[
|
|
|
- taskCount
|
|
|
- ].taskDetail != ''
|
|
|
+ chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
|
|
|
+ .taskDetail != ''
|
|
|
"
|
|
|
>
|
|
|
<!-- <span style="color: #cbcbcb">任务描述</span> -->
|
|
|
{{
|
|
|
- chapInfoList[courseType].chapterInfo[0].taskJson[
|
|
|
- taskCount
|
|
|
- ].taskDetail
|
|
|
- ? chapInfoList[courseType].chapterInfo[0].taskJson[
|
|
|
- taskCount
|
|
|
- ].taskDetail
|
|
|
+ chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
|
|
|
+ .taskDetail
|
|
|
+ ? chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
|
|
|
+ .taskDetail
|
|
|
: "暂无描述"
|
|
|
}}
|
|
|
</div>
|
|
|
@@ -372,9 +328,7 @@
|
|
|
<div
|
|
|
class="box_course hangVedio"
|
|
|
v-if="
|
|
|
- (vedio.length &&
|
|
|
- vedio[taskCount] &&
|
|
|
- vedio[taskCount].length > 0) ||
|
|
|
+ (vedio.length && vedio[taskCount] && vedio[taskCount].length > 0) ||
|
|
|
(textList.length &&
|
|
|
textList[taskCount] &&
|
|
|
textList[taskCount].length > 0) ||
|
|
|
@@ -419,7 +373,7 @@
|
|
|
/>
|
|
|
<div class="vedioName">{{ media.name }}</div>
|
|
|
</div>
|
|
|
- </div> -->
|
|
|
+ </div>-->
|
|
|
<div
|
|
|
v-show="
|
|
|
textList.length &&
|
|
|
@@ -432,13 +386,8 @@
|
|
|
>
|
|
|
<div class="vedioNav">文档</div>
|
|
|
<div>
|
|
|
- <div
|
|
|
- class="noNavText"
|
|
|
- @click="lookText(taskCount, textIndex)"
|
|
|
- >
|
|
|
- {{
|
|
|
- textList[taskCount].length > 0 ? text.name : ""
|
|
|
- }}.doc
|
|
|
+ <div class="noNavText" @click="lookText(taskCount, textIndex)">
|
|
|
+ {{ textList[taskCount].length > 0 ? text.name : "" }}.doc
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -454,13 +403,8 @@
|
|
|
>
|
|
|
<div class="vedioNav">工具</div>
|
|
|
<div>
|
|
|
- <div
|
|
|
- class="noNavText"
|
|
|
- @click="lookTools(taskCount, toolsIndex)"
|
|
|
- >
|
|
|
- {{
|
|
|
- chapToolList[taskCount].length > 0 ? tools.name : ""
|
|
|
- }}
|
|
|
+ <div class="noNavText" @click="lookTools(taskCount, toolsIndex)">
|
|
|
+ {{ chapToolList[taskCount].length > 0 ? tools.name : "" }}
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -488,11 +432,7 @@
|
|
|
</div>
|
|
|
<div
|
|
|
class="newNav"
|
|
|
- v-show="
|
|
|
- file.length &&
|
|
|
- file[taskCount] &&
|
|
|
- file[taskCount].length > 0
|
|
|
- "
|
|
|
+ v-show="file.length && file[taskCount] && file[taskCount].length > 0"
|
|
|
v-for="(f, fileIndex) in file[taskCount]"
|
|
|
:key="fileIndex"
|
|
|
>
|
|
|
@@ -535,55 +475,45 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="upFile" v-if="type == 3">提交</div>
|
|
|
- </div> -->
|
|
|
+ </div>-->
|
|
|
<div
|
|
|
class="vedioBox"
|
|
|
v-if="
|
|
|
- chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
|
|
|
- .toolChoose[0].tool &&
|
|
|
- chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
|
|
|
- .toolChoose[0].tool.length &&
|
|
|
- chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
|
|
|
- .toolChoose[0].tool.length > 0
|
|
|
+ chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].toolChoose[0]
|
|
|
+ .tool &&
|
|
|
+ chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].toolChoose[0]
|
|
|
+ .tool.length &&
|
|
|
+ chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].toolChoose[0]
|
|
|
+ .tool.length > 0
|
|
|
"
|
|
|
>
|
|
|
<div
|
|
|
class="queTop"
|
|
|
- style="
|
|
|
- font-size: 25px;
|
|
|
- padding: 20px 0 20px 30px;
|
|
|
- font-weight: bold;
|
|
|
- "
|
|
|
+ style="font-size: 25px; padding: 20px 0 20px 30px; font-weight: bold"
|
|
|
>
|
|
|
<!-- <div class="question" style="width: 30px">
|
|
|
<img src="../assets/icon/toolIcon.png" alt />
|
|
|
</div>
|
|
|
<div class="queTitle">
|
|
|
<div>工具</div>
|
|
|
- </div> -->
|
|
|
+ </div>-->
|
|
|
练一练
|
|
|
</div>
|
|
|
<div class="toolHeng2" style="position: relative">
|
|
|
<div
|
|
|
class="filebox"
|
|
|
style="flex-wrap: nowrap; margin: 0 20px"
|
|
|
- v-for="(tool, toolIndex) in chapInfoList[courseType]
|
|
|
- .chapterInfo[0].taskJson[taskCount].toolChoose"
|
|
|
+ v-for="(tool, toolIndex) in chapInfoList[courseType].chapterInfo[0]
|
|
|
+ .taskJson[taskCount].toolChoose"
|
|
|
:key="toolIndex"
|
|
|
>
|
|
|
- <div
|
|
|
- style="
|
|
|
- font-size: 20px;
|
|
|
- font-weight: bold;
|
|
|
- padding: 0 0 10px 10px;
|
|
|
- "
|
|
|
- >
|
|
|
+ <div style="font-size: 20px; font-weight: bold; padding: 0 0 10px 10px">
|
|
|
步骤{{ toolIndex + 1 }}
|
|
|
</div>
|
|
|
<div class="toolBox">
|
|
|
<div>
|
|
|
<!-- v-for="(itemTool, indexTool) in toolTypeList"
|
|
|
- :key="indexTool"-->
|
|
|
+ :key="indexTool"-->
|
|
|
|
|
|
<!-- <div class="iframeBox">
|
|
|
<div
|
|
|
@@ -603,7 +533,7 @@
|
|
|
></iframe>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div> -->
|
|
|
+ </div>-->
|
|
|
<div class="noiframeBox">
|
|
|
<div
|
|
|
class="addPoint"
|
|
|
@@ -719,19 +649,14 @@
|
|
|
</div>
|
|
|
<div class="tooldetail" v-if="tool.toolDetail != ''">
|
|
|
<!-- <div class="toolTitle">工具描述</div> -->
|
|
|
- <div>
|
|
|
- {{ tool.toolDetail }}
|
|
|
- </div>
|
|
|
+ <div>{{ tool.toolDetail }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div
|
|
|
v-if="tType && tType == 1 && tool.tool.indexOf(16) != -1"
|
|
|
class="worksBox"
|
|
|
>
|
|
|
- <div
|
|
|
- class="worksBTitle"
|
|
|
- v-if="worksStudent[toolIndex].length > 0"
|
|
|
- >
|
|
|
+ <div class="worksBTitle" v-if="worksStudent[toolIndex].length > 0">
|
|
|
<div class="greenBox"></div>
|
|
|
作业提交情况
|
|
|
</div>
|
|
|
@@ -741,24 +666,18 @@
|
|
|
>
|
|
|
作业预览
|
|
|
</div>
|
|
|
- <div
|
|
|
- class="worksDetailBox"
|
|
|
- v-if="worksStudent[toolIndex].length > 0"
|
|
|
- >
|
|
|
+ <div class="worksDetailBox" v-if="worksStudent[toolIndex].length > 0">
|
|
|
<div
|
|
|
class="works"
|
|
|
v-for="(w, wIndex) in worksStudent[toolIndex]"
|
|
|
:key="wIndex"
|
|
|
>
|
|
|
<div class="workImg">
|
|
|
- <img
|
|
|
- :src="w.works"
|
|
|
- @click="previewImg(w.works)"
|
|
|
- alt=""
|
|
|
- />
|
|
|
+ <img :src="w.works" @click="previewImg(w.works)" alt />
|
|
|
</div>
|
|
|
<div class="worksName">
|
|
|
- 姓名：<span>{{ w.sName }}</span>
|
|
|
+ 姓名：
|
|
|
+ <span>{{ w.sName }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -786,10 +705,7 @@
|
|
|
v-if="tType && tType == 1 && tool.tool.indexOf(4) != -1"
|
|
|
class="worksBox"
|
|
|
>
|
|
|
- <div
|
|
|
- class="worksBTitle"
|
|
|
- v-if="worksStudent[toolIndex].length > 0"
|
|
|
- >
|
|
|
+ <div class="worksBTitle" v-if="worksStudent[toolIndex].length > 0">
|
|
|
<div class="greenBox"></div>
|
|
|
作业提交情况
|
|
|
</div>
|
|
|
@@ -799,10 +715,7 @@
|
|
|
>
|
|
|
作业预览
|
|
|
</div>
|
|
|
- <div
|
|
|
- class="worksDetailBox"
|
|
|
- v-if="worksStudent[toolIndex].length > 0"
|
|
|
- >
|
|
|
+ <div class="worksDetailBox" v-if="worksStudent[toolIndex].length > 0">
|
|
|
<div
|
|
|
class="works"
|
|
|
v-for="(w, wIndex) in worksStudent[toolIndex]"
|
|
|
@@ -813,11 +726,12 @@
|
|
|
<img
|
|
|
src="../assets/icon/works/noImg.png"
|
|
|
@click="openTools(4, toolIndex, taskCount, w.works)"
|
|
|
- alt=""
|
|
|
+ alt
|
|
|
/>
|
|
|
</div>
|
|
|
<div class="worksName">
|
|
|
- 姓名：<span>{{ w.sName }}</span>
|
|
|
+ 姓名：
|
|
|
+ <span>{{ w.sName }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -845,10 +759,7 @@
|
|
|
v-if="tType && tType == 1 && tool.tool.indexOf(15) != -1"
|
|
|
class="worksBox"
|
|
|
>
|
|
|
- <div
|
|
|
- class="worksBTitle"
|
|
|
- v-if="worksStudent[toolIndex].length > 0"
|
|
|
- >
|
|
|
+ <div class="worksBTitle" v-if="worksStudent[toolIndex].length > 0">
|
|
|
<div class="greenBox"></div>
|
|
|
作业提交情况
|
|
|
</div>
|
|
|
@@ -858,10 +769,7 @@
|
|
|
>
|
|
|
作业预览
|
|
|
</div>
|
|
|
- <div
|
|
|
- class="worksDetailBox"
|
|
|
- v-if="worksStudent[toolIndex].length > 0"
|
|
|
- >
|
|
|
+ <div class="worksDetailBox" v-if="worksStudent[toolIndex].length > 0">
|
|
|
<div
|
|
|
class="works"
|
|
|
v-for="(w, wIndex) in worksStudent[toolIndex]"
|
|
|
@@ -872,7 +780,7 @@
|
|
|
src="../assets/icon/works/noImg.png"
|
|
|
@click="openTools(15, toolIndex, taskCount, w.works)"
|
|
|
alt=""
|
|
|
- /> -->
|
|
|
+ />-->
|
|
|
<div class="answerBg">
|
|
|
<div>{{ w.sName }}</div>
|
|
|
<el-tooltip
|
|
|
@@ -913,10 +821,7 @@
|
|
|
v-if="tType && tType == 1 && tool.tool.indexOf(1) != -1"
|
|
|
class="worksBox"
|
|
|
>
|
|
|
- <div
|
|
|
- class="worksBTitle"
|
|
|
- v-if="worksStudent[toolIndex].length > 0"
|
|
|
- >
|
|
|
+ <div class="worksBTitle" v-if="worksStudent[toolIndex].length > 0">
|
|
|
<div class="greenBox"></div>
|
|
|
作业提交情况
|
|
|
</div>
|
|
|
@@ -926,10 +831,7 @@
|
|
|
>
|
|
|
作业预览
|
|
|
</div>
|
|
|
- <div
|
|
|
- class="worksDetailBox"
|
|
|
- v-if="worksStudent[toolIndex].length > 0"
|
|
|
- >
|
|
|
+ <div class="worksDetailBox" v-if="worksStudent[toolIndex].length > 0">
|
|
|
<div
|
|
|
class="works"
|
|
|
v-for="(w, wIndex) in worksStudent[toolIndex]"
|
|
|
@@ -937,14 +839,11 @@
|
|
|
>
|
|
|
<!-- @click="previewImg(w.works)" -->
|
|
|
<div class="workImg">
|
|
|
- <img
|
|
|
- :src="w.works"
|
|
|
- @click="previewImg(w.works)"
|
|
|
- alt=""
|
|
|
- />
|
|
|
+ <img :src="w.works" @click="previewImg(w.works)" alt />
|
|
|
</div>
|
|
|
<div class="worksName">
|
|
|
- 姓名：<span>{{ w.sName }}</span>
|
|
|
+ 姓名：
|
|
|
+ <span>{{ w.sName }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -972,10 +871,7 @@
|
|
|
v-if="tType && tType == 1 && tool.tool.indexOf(3) != -1"
|
|
|
class="worksBox"
|
|
|
>
|
|
|
- <div
|
|
|
- class="worksBTitle"
|
|
|
- v-if="worksStudent[toolIndex].length > 0"
|
|
|
- >
|
|
|
+ <div class="worksBTitle" v-if="worksStudent[toolIndex].length > 0">
|
|
|
<div class="greenBox"></div>
|
|
|
作业提交情况
|
|
|
</div>
|
|
|
@@ -985,10 +881,7 @@
|
|
|
>
|
|
|
作业预览
|
|
|
</div>
|
|
|
- <div
|
|
|
- class="worksDetailBox"
|
|
|
- v-if="worksStudent[toolIndex].length > 0"
|
|
|
- >
|
|
|
+ <div class="worksDetailBox" v-if="worksStudent[toolIndex].length > 0">
|
|
|
<div
|
|
|
class="works"
|
|
|
v-for="(w, wIndex) in worksStudent[toolIndex]"
|
|
|
@@ -996,14 +889,11 @@
|
|
|
>
|
|
|
<!-- @click="previewImg(w.works)" -->
|
|
|
<div class="workImg">
|
|
|
- <img
|
|
|
- :src="w.works"
|
|
|
- @click="previewImg(w.works)"
|
|
|
- alt=""
|
|
|
- />
|
|
|
+ <img :src="w.works" @click="previewImg(w.works)" alt />
|
|
|
</div>
|
|
|
<div class="worksName">
|
|
|
- 姓名：<span>{{ w.sName }}</span>
|
|
|
+ 姓名：
|
|
|
+ <span>{{ w.sName }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -1031,10 +921,7 @@
|
|
|
v-if="tType && tType == 1 && tool.tool.indexOf(6) != -1"
|
|
|
class="worksBox"
|
|
|
>
|
|
|
- <div
|
|
|
- class="worksBTitle"
|
|
|
- v-if="worksStudent[toolIndex].length > 0"
|
|
|
- >
|
|
|
+ <div class="worksBTitle" v-if="worksStudent[toolIndex].length > 0">
|
|
|
<div class="greenBox"></div>
|
|
|
作业提交情况
|
|
|
</div>
|
|
|
@@ -1044,10 +931,7 @@
|
|
|
>
|
|
|
作业预览
|
|
|
</div>
|
|
|
- <div
|
|
|
- class="worksDetailBox"
|
|
|
- v-if="worksStudent[toolIndex].length > 0"
|
|
|
- >
|
|
|
+ <div class="worksDetailBox" v-if="worksStudent[toolIndex].length > 0">
|
|
|
<div
|
|
|
class="works"
|
|
|
v-for="(w, wIndex) in worksStudent[toolIndex]"
|
|
|
@@ -1055,14 +939,11 @@
|
|
|
>
|
|
|
<!-- @click="previewImg(w.works)" -->
|
|
|
<div class="workImg">
|
|
|
- <img
|
|
|
- :src="w.works"
|
|
|
- @click="previewImg(w.works)"
|
|
|
- alt=""
|
|
|
- />
|
|
|
+ <img :src="w.works" @click="previewImg(w.works)" alt />
|
|
|
</div>
|
|
|
<div class="worksName">
|
|
|
- 姓名：<span>{{ w.sName }}</span>
|
|
|
+ 姓名：
|
|
|
+ <span>{{ w.sName }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -1090,10 +971,7 @@
|
|
|
v-if="tType && tType == 1 && tool.tool.indexOf(7) != -1"
|
|
|
class="worksBox"
|
|
|
>
|
|
|
- <div
|
|
|
- class="worksBTitle"
|
|
|
- v-if="worksStudent[toolIndex].length > 0"
|
|
|
- >
|
|
|
+ <div class="worksBTitle" v-if="worksStudent[toolIndex].length > 0">
|
|
|
<div class="greenBox"></div>
|
|
|
作业提交情况
|
|
|
</div>
|
|
|
@@ -1103,10 +981,7 @@
|
|
|
>
|
|
|
作业预览
|
|
|
</div>
|
|
|
- <div
|
|
|
- class="worksDetailBox"
|
|
|
- v-if="worksStudent[toolIndex].length > 0"
|
|
|
- >
|
|
|
+ <div class="worksDetailBox" v-if="worksStudent[toolIndex].length > 0">
|
|
|
<div
|
|
|
class="works"
|
|
|
v-for="(w, wIndex) in worksStudent[toolIndex]"
|
|
|
@@ -1114,14 +989,11 @@
|
|
|
>
|
|
|
<!-- @click="previewImg(w.works)" -->
|
|
|
<div class="workImg">
|
|
|
- <img
|
|
|
- :src="w.works"
|
|
|
- @click="previewImg(w.works)"
|
|
|
- alt=""
|
|
|
- />
|
|
|
+ <img :src="w.works" @click="previewImg(w.works)" alt />
|
|
|
</div>
|
|
|
<div class="worksName">
|
|
|
- 姓名：<span>{{ w.sName }}</span>
|
|
|
+ 姓名：
|
|
|
+ <span>{{ w.sName }}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -1154,7 +1026,7 @@
|
|
|
style="display: none"
|
|
|
@change="beforeUpload1($event, 2, index)"
|
|
|
/>
|
|
|
- </div> -->
|
|
|
+ </div>-->
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- <div
|
|
|
@@ -1345,16 +1217,14 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div> -->
|
|
|
+ </div>-->
|
|
|
<div class="upload_send" @click="addCourseWorks(taskCount)">提交</div>
|
|
|
</el-dialog>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div v-if="proVisible" class="mask">
|
|
|
<div class="progressBox">
|
|
|
- <div class="lbox">
|
|
|
- <img src="../assets/loading.gif" />上传中，请稍后
|
|
|
- </div>
|
|
|
+ <div class="lbox"><img src="../assets/loading.gif" />上传中，请稍后</div>
|
|
|
<el-progress
|
|
|
:text-inside="true"
|
|
|
:stroke-width="20"
|
|
|
@@ -1404,8 +1274,7 @@
|
|
|
<div class="a_add_input">
|
|
|
<el-radio-group v-model="radio[index1]">
|
|
|
<el-radio
|
|
|
- v-for="(item2, checkIndex) in askJson.askJson[index1]
|
|
|
- .checkList"
|
|
|
+ v-for="(item2, checkIndex) in askJson.askJson[index1].checkList"
|
|
|
:key="checkIndex"
|
|
|
:label="checkIndex"
|
|
|
class="redioStyle"
|
|
|
@@ -1418,8 +1287,7 @@
|
|
|
<div class="a_add_input">
|
|
|
<el-radio-group v-model="radio[index1]">
|
|
|
<el-radio
|
|
|
- v-for="(item2, checkIndex) in askJson.askJson[index1]
|
|
|
- .checkList"
|
|
|
+ v-for="(item2, checkIndex) in askJson.askJson[index1].checkList"
|
|
|
:key="checkIndex"
|
|
|
:label="checkIndex"
|
|
|
disabled
|
|
|
@@ -1437,9 +1305,7 @@
|
|
|
<el-button type="primary" @click="addStudentAsk" v-if="!isAnswer"
|
|
|
>确 定</el-button
|
|
|
>
|
|
|
- <el-button type="primary" @click="dialogVisible5 = false" v-else
|
|
|
- >确 定</el-button
|
|
|
- >
|
|
|
+ <el-button type="primary" @click="dialogVisible5 = false" v-else>确 定</el-button>
|
|
|
</span>
|
|
|
</el-dialog>
|
|
|
<el-dialog
|
|
|
@@ -1455,15 +1321,10 @@
|
|
|
<div style="font-size: 20px">{{ text.name }}</div>
|
|
|
</el-form-item>
|
|
|
<div>富文本内容</div>
|
|
|
- <div
|
|
|
- v-html="text.url"
|
|
|
- style="font-size: 18px; padding: 40px 0 0 0"
|
|
|
- ></div>
|
|
|
+ <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 type="primary" @click="dialogVisible1 = false"
|
|
|
- >确定</el-button
|
|
|
- >
|
|
|
+ <el-button type="primary" @click="dialogVisible1 = false">确定</el-button>
|
|
|
</span>
|
|
|
</el-dialog>
|
|
|
<el-dialog
|
|
|
@@ -1473,12 +1334,7 @@
|
|
|
:before-close="handleClose"
|
|
|
class="dialog_diy"
|
|
|
>
|
|
|
- <iframe
|
|
|
- :src="pptImgUrl"
|
|
|
- frameborder="0"
|
|
|
- width="100%"
|
|
|
- height="600"
|
|
|
- ></iframe>
|
|
|
+ <iframe :src="pptImgUrl" frameborder="0" width="100%" height="600"></iframe>
|
|
|
</el-dialog>
|
|
|
<el-dialog
|
|
|
title="提示"
|
|
|
@@ -1792,17 +1648,18 @@ export default {
|
|
|
.get(this.$store.state.api + "selectWorksStudent", params)
|
|
|
.then((res) => {
|
|
|
var a = res.data[0];
|
|
|
- var studentK = [];
|
|
|
for (var i = 0; i < this.isWorksS.length; i++) {
|
|
|
this.noWorksS[i] = [];
|
|
|
+ var studentK = [];
|
|
|
if (this.isWorksS[i].length > 0) {
|
|
|
for (var z = 0; z < this.isWorksS[i].length; z++) {
|
|
|
studentK.push(this.isWorksS[i][z].uid);
|
|
|
}
|
|
|
console.log(studentK);
|
|
|
+ studentK = studentK.join(",");
|
|
|
for (var j = 0; j < a.length; j++) {
|
|
|
- if (studentK.indexOf(a[j]) != -1) {
|
|
|
- this.noWorksS[i].push({ student: a[z].name });
|
|
|
+ if (studentK.indexOf(a[j].userid) == -1) {
|
|
|
+ this.noWorksS[i].push({ student: a[j].name });
|
|
|
}
|
|
|
}
|
|
|
} else {
|
|
|
@@ -1826,10 +1683,9 @@ export default {
|
|
|
this.ajax
|
|
|
.get(this.$store.state.api + "selectSWorks", params)
|
|
|
.then((res) => {
|
|
|
- var a =
|
|
|
- this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
|
|
|
- this.taskCount
|
|
|
- ].toolChoose;
|
|
|
+ var a = this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
|
|
|
+ this.taskCount
|
|
|
+ ].toolChoose;
|
|
|
var b = res.data[0];
|
|
|
for (var i = 0; i < a.length; i++) {
|
|
|
this.worksStudent[i] = [];
|
|
|
@@ -1997,8 +1853,7 @@ export default {
|
|
|
this.navList[this.courseType].isOpen = false;
|
|
|
this.courseType = b;
|
|
|
this.taskCount =
|
|
|
- this.chapInfoList[this.courseType].chapterInfo[0].taskJson
|
|
|
- .length - 1;
|
|
|
+ this.chapInfoList[this.courseType].chapterInfo[0].taskJson.length - 1;
|
|
|
this.navList[this.courseType].isOpen = true;
|
|
|
} else {
|
|
|
this.taskCount--;
|
|
|
@@ -2008,8 +1863,7 @@ export default {
|
|
|
this.navList[this.courseType].isOpen = false;
|
|
|
this.courseType--;
|
|
|
this.taskCount =
|
|
|
- this.chapInfoList[this.courseType].chapterInfo[0].taskJson
|
|
|
- .length - 1;
|
|
|
+ this.chapInfoList[this.courseType].chapterInfo[0].taskJson.length - 1;
|
|
|
this.navList[this.courseType].isOpen = true;
|
|
|
} else {
|
|
|
this.taskCount--;
|
|
|
@@ -2020,8 +1874,7 @@ export default {
|
|
|
if (this.courseType == b) {
|
|
|
if (
|
|
|
this.taskCount ==
|
|
|
- this.chapInfoList[this.courseType].chapterInfo[0].taskJson.length -
|
|
|
- 1
|
|
|
+ this.chapInfoList[this.courseType].chapterInfo[0].taskJson.length - 1
|
|
|
) {
|
|
|
this.navList[this.courseType].isOpen = false;
|
|
|
this.courseType = 0;
|
|
|
@@ -2033,8 +1886,7 @@ export default {
|
|
|
} else {
|
|
|
if (
|
|
|
this.taskCount ==
|
|
|
- this.chapInfoList[this.courseType].chapterInfo[0].taskJson.length -
|
|
|
- 1
|
|
|
+ this.chapInfoList[this.courseType].chapterInfo[0].taskJson.length - 1
|
|
|
) {
|
|
|
this.navList[this.courseType].isOpen = false;
|
|
|
this.courseType++;
|
|
|
@@ -2055,12 +1907,10 @@ export default {
|
|
|
}
|
|
|
this.navId = this.navList[this.courseType].task[this.taskCount].id;
|
|
|
if (this.vedio[this.taskCount].length > 0) {
|
|
|
- var a =
|
|
|
- document.getElementsByClassName("vedioTaskBox")[this.taskCount]
|
|
|
- .offsetHeight;
|
|
|
- document.getElementsByClassName("vedioList")[
|
|
|
- this.taskCount
|
|
|
- ].style.height = a - 15 + "px";
|
|
|
+ var a = document.getElementsByClassName("vedioTaskBox")[this.taskCount]
|
|
|
+ .offsetHeight;
|
|
|
+ document.getElementsByClassName("vedioList")[this.taskCount].style.height =
|
|
|
+ a - 15 + "px";
|
|
|
document.getElementsByClassName("navBox")[this.taskCount].style.height =
|
|
|
a - 100 + "px";
|
|
|
}
|
|
|
@@ -2156,8 +2006,7 @@ export default {
|
|
|
.get(this.$store.state.api + "selectCourseDetail", params)
|
|
|
.then((res) => {
|
|
|
loading.close();
|
|
|
- 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].taskJson;
|
|
|
var b = [
|
|
|
"AVI",
|
|
|
"NAVI",
|
|
|
@@ -2219,8 +2068,7 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
var d = JSON.parse(JSON.stringify(this.playerOptions));
|
|
|
- d.sources[0].src =
|
|
|
- this.vedio[i].length > 0 ? this.vedio[i][0].url : this.mr;
|
|
|
+ d.sources[0].src = this.vedio[i].length > 0 ? this.vedio[i][0].url : this.mr;
|
|
|
this.playerO[i] = d;
|
|
|
}
|
|
|
this.courseDetail = res.data[0][0];
|
|
|
@@ -2263,12 +2111,10 @@ export default {
|
|
|
// document.getElementsByClassName("vedioList")[i].style.height =
|
|
|
// a + "px";
|
|
|
// }
|
|
|
- var a =
|
|
|
- document.getElementsByClassName("vedioTaskBox")[0].offsetHeight;
|
|
|
+ var a = document.getElementsByClassName("vedioTaskBox")[0].offsetHeight;
|
|
|
document.getElementsByClassName("vedioList")[0].style.height =
|
|
|
a - 15 + "px";
|
|
|
- document.getElementsByClassName("navBox")[0].style.height =
|
|
|
- a - 100 + "px";
|
|
|
+ document.getElementsByClassName("navBox")[0].style.height = a - 100 + "px";
|
|
|
}, 500);
|
|
|
});
|
|
|
this.selectSWorks();
|
|
|
@@ -2303,17 +2149,9 @@ export default {
|
|
|
},
|
|
|
isAssetTypeAnImage(ext) {
|
|
|
return (
|
|
|
- [
|
|
|
- "png",
|
|
|
- "jpg",
|
|
|
- "jpeg",
|
|
|
- "bmp",
|
|
|
- "gif",
|
|
|
- "webp",
|
|
|
- "psd",
|
|
|
- "svg",
|
|
|
- "tiff",
|
|
|
- ].indexOf(ext) !== -1
|
|
|
+ ["png", "jpg", "jpeg", "bmp", "gif", "webp", "psd", "svg", "tiff"].indexOf(
|
|
|
+ ext
|
|
|
+ ) !== -1
|
|
|
);
|
|
|
},
|
|
|
switchVideo(media) {
|
|
|
@@ -2343,12 +2181,9 @@ export default {
|
|
|
this.pptImgUrl = "";
|
|
|
var a = ["PPT", "PPTX", "PDF", "XLSX", "XLS", "DOC", "DOCX"];
|
|
|
if (
|
|
|
- a.indexOf(
|
|
|
- f.url.split(".")[f.url.split(".").length - 1].toLocaleUpperCase()
|
|
|
- ) != -1
|
|
|
+ a.indexOf(f.url.split(".")[f.url.split(".").length - 1].toLocaleUpperCase()) != -1
|
|
|
) {
|
|
|
- this.pptImgUrl =
|
|
|
- "https://view.officeapps.live.com/op/view.aspx?src=" + f.url;
|
|
|
+ this.pptImgUrl = "https://view.officeapps.live.com/op/view.aspx?src=" + f.url;
|
|
|
// this.dialogVisible3 = true;
|
|
|
this.showType = 2;
|
|
|
} else {
|
|
|
@@ -2586,18 +2421,15 @@ export default {
|
|
|
this.toolsCount(a, t);
|
|
|
}
|
|
|
if (!this.dialogVisible2) {
|
|
|
- this.askJson.askJson =
|
|
|
- this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
|
|
|
- index
|
|
|
- ].toolChoose[i].askJson;
|
|
|
- this.askJson.askTitle =
|
|
|
- this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
|
|
|
- index
|
|
|
- ].toolChoose[i].askTitle;
|
|
|
- this.askJson.askCount =
|
|
|
- this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
|
|
|
- index
|
|
|
- ].toolChoose[i].askCount;
|
|
|
+ this.askJson.askJson = this.chapInfoList[
|
|
|
+ this.courseType
|
|
|
+ ].chapterInfo[0].taskJson[index].toolChoose[i].askJson;
|
|
|
+ this.askJson.askTitle = this.chapInfoList[
|
|
|
+ this.courseType
|
|
|
+ ].chapterInfo[0].taskJson[index].toolChoose[i].askTitle;
|
|
|
+ this.askJson.askCount = this.chapInfoList[
|
|
|
+ this.courseType
|
|
|
+ ].chapterInfo[0].taskJson[index].toolChoose[i].askCount;
|
|
|
} else {
|
|
|
this.askJson.askJson = this.chapTools.askJson.askJson;
|
|
|
this.askJson.askTitle = this.chapTools.askJson.askTitle;
|
|
|
@@ -2707,10 +2539,11 @@ export default {
|
|
|
a = this.answerCount;
|
|
|
this.toolsCount(a, t);
|
|
|
}
|
|
|
- this.answerQ = this.chapInfoList[this.courseType].chapterInfo[0]
|
|
|
- .taskJson[index].toolChoose[i].answerQ
|
|
|
- ? this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
|
|
|
- .toolChoose[i].answerQ
|
|
|
+ this.answerQ = this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
|
|
|
+ .toolChoose[i].answerQ
|
|
|
+ ? this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index].toolChoose[
|
|
|
+ i
|
|
|
+ ].answerQ
|
|
|
: "";
|
|
|
this.answerDialogVisible = true;
|
|
|
}
|
|
|
@@ -2761,10 +2594,8 @@ export default {
|
|
|
document.scrollingElement.scrollTop = 0;
|
|
|
window.addEventListener("resize", () => {
|
|
|
var a = document.getElementsByClassName("vedioTaskBox")[0].offsetHeight;
|
|
|
- document.getElementsByClassName("vedioList")[0].style.height =
|
|
|
- a - 15 + "px";
|
|
|
- document.getElementsByClassName("navBox")[0].style.height =
|
|
|
- a - 100 + "px";
|
|
|
+ document.getElementsByClassName("vedioList")[0].style.height = a - 15 + "px";
|
|
|
+ document.getElementsByClassName("navBox")[0].style.height = a - 100 + "px";
|
|
|
});
|
|
|
|
|
|
setTimeout(() => {
|
|
|
@@ -3800,7 +3631,7 @@ export default {
|
|
|
}
|
|
|
.workImg {
|
|
|
width: 100%;
|
|
|
- height: 100%;
|
|
|
+ height: calc(100% - 25px);
|
|
|
}
|
|
|
.workImg > img {
|
|
|
width: 100%;
|
