|
@@ -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)
|
|
|
"
|
|
|
>
|
|
|
返回
|
|
@@ -81,17 +64,14 @@
|
|
|
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 }}-->
|
|
@@ -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) ||
|
|
@@ -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"
|
|
|
>
|
|
@@ -539,21 +479,17 @@
|
|
|
<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 />
|
|
@@ -567,17 +503,11 @@
|
|
|
<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">
|
|
@@ -758,10 +688,7 @@
|
|
|
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>
|
|
@@ -771,10 +698,7 @@
|
|
|
>
|
|
|
作业预览
|
|
|
</div>
|
|
|
- <div
|
|
|
- class="worksDetailBox"
|
|
|
- v-if="worksStudent[toolIndex].length > 0"
|
|
|
- >
|
|
|
+ <div class="worksDetailBox" v-if="worksStudent[toolIndex].length > 0">
|
|
|
<div
|
|
|
class="works"
|
|
|
style="width: 200px; height: 140px"
|
|
@@ -782,11 +706,7 @@
|
|
|
:key="wIndex"
|
|
|
>
|
|
|
<div class="workImg" v-if="w.type == 0">
|
|
|
- <img
|
|
|
- :src="w.works"
|
|
|
- @click="previewImg(w.works)"
|
|
|
- alt
|
|
|
- />
|
|
|
+ <img :src="w.works" @click="previewImg(w.works)" alt />
|
|
|
</div>
|
|
|
<div class="workImg" v-if="w.type == 1">
|
|
|
<img
|
|
@@ -825,10 +745,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>
|
|
@@ -838,10 +755,7 @@
|
|
|
>
|
|
|
作业预览
|
|
|
</div>
|
|
|
- <div
|
|
|
- class="worksDetailBox"
|
|
|
- v-if="worksStudent[toolIndex].length > 0"
|
|
|
- >
|
|
|
+ <div class="worksDetailBox" v-if="worksStudent[toolIndex].length > 0">
|
|
|
<div
|
|
|
class="works"
|
|
|
style="width: 200px; height: 140px"
|
|
@@ -886,10 +800,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>
|
|
@@ -899,10 +810,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]"
|
|
@@ -954,10 +862,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>
|
|
@@ -967,10 +872,7 @@
|
|
|
>
|
|
|
作业预览
|
|
|
</div>
|
|
|
- <div
|
|
|
- class="worksDetailBox"
|
|
|
- v-if="worksStudent[toolIndex].length > 0"
|
|
|
- >
|
|
|
+ <div class="worksDetailBox" v-if="worksStudent[toolIndex].length > 0">
|
|
|
<div
|
|
|
class="works"
|
|
|
style="width: 200px; height: 140px"
|
|
@@ -979,11 +881,7 @@
|
|
|
>
|
|
|
<!-- @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">
|
|
|
姓名:
|
|
@@ -1015,10 +913,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>
|
|
@@ -1028,10 +923,7 @@
|
|
|
>
|
|
|
作业预览
|
|
|
</div>
|
|
|
- <div
|
|
|
- class="worksDetailBox"
|
|
|
- v-if="worksStudent[toolIndex].length > 0"
|
|
|
- >
|
|
|
+ <div class="worksDetailBox" v-if="worksStudent[toolIndex].length > 0">
|
|
|
<div
|
|
|
class="works"
|
|
|
style="width: 200px; height: 140px"
|
|
@@ -1040,11 +932,7 @@
|
|
|
>
|
|
|
<!-- @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">
|
|
|
姓名:
|
|
@@ -1076,10 +964,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>
|
|
@@ -1089,10 +974,7 @@
|
|
|
>
|
|
|
作业预览
|
|
|
</div>
|
|
|
- <div
|
|
|
- class="worksDetailBox"
|
|
|
- v-if="worksStudent[toolIndex].length > 0"
|
|
|
- >
|
|
|
+ <div class="worksDetailBox" v-if="worksStudent[toolIndex].length > 0">
|
|
|
<div
|
|
|
class="works"
|
|
|
style="width: 200px; height: 140px"
|
|
@@ -1101,11 +983,7 @@
|
|
|
>
|
|
|
<!-- @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">
|
|
|
姓名:
|
|
@@ -1137,10 +1015,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>
|
|
@@ -1150,10 +1025,7 @@
|
|
|
>
|
|
|
作业预览
|
|
|
</div>
|
|
|
- <div
|
|
|
- class="worksDetailBox"
|
|
|
- v-if="worksStudent[toolIndex].length > 0"
|
|
|
- >
|
|
|
+ <div class="worksDetailBox" v-if="worksStudent[toolIndex].length > 0">
|
|
|
<div
|
|
|
class="works"
|
|
|
style="width: 200px; height: 140px"
|
|
@@ -1162,11 +1034,7 @@
|
|
|
>
|
|
|
<!-- @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">
|
|
|
姓名:
|
|
@@ -1287,11 +1155,7 @@
|
|
|
v-if="studyJuri[0].cover.length > 0"
|
|
|
>
|
|
|
<div class="upCover">
|
|
|
- <img
|
|
|
- :src="studyJuri[0].cover[0].url"
|
|
|
- alt
|
|
|
- v-if="fileType == 0"
|
|
|
- />
|
|
|
+ <img :src="studyJuri[0].cover[0].url" alt v-if="fileType == 0" />
|
|
|
<img :src="word" alt v-else />
|
|
|
<span class="picName">{{ studyJuri[0].cover[0].name }}</span>
|
|
|
|
|
@@ -1406,9 +1270,7 @@
|
|
|
</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"
|
|
@@ -1458,8 +1320,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"
|
|
@@ -1472,8 +1333,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
|
|
@@ -1491,9 +1351,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
|
|
@@ -1509,15 +1367,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
|
|
@@ -1527,12 +1380,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="提示"
|
|
@@ -1773,8 +1621,8 @@ export default {
|
|
|
},
|
|
|
addCourseWorks(i) {
|
|
|
var typesql;
|
|
|
- if (this.fileType == 0) {
|
|
|
- typesql = 0;
|
|
|
+ if (this.fileType === 0) {
|
|
|
+ typesql = 1;
|
|
|
} else {
|
|
|
typesql = 4;
|
|
|
}
|
|
@@ -1889,10 +1737,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];
|
|
|
var c = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
|
|
|
|
|
@@ -2100,8 +1947,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--;
|
|
@@ -2111,8 +1957,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--;
|
|
@@ -2123,8 +1968,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;
|
|
@@ -2136,8 +1980,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++;
|
|
@@ -2158,12 +2001,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";
|
|
|
}
|
|
@@ -2259,8 +2100,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",
|
|
@@ -2322,8 +2162,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];
|
|
@@ -2366,12 +2205,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();
|
|
@@ -2406,17 +2243,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) {
|
|
@@ -2445,12 +2274,8 @@ export default {
|
|
|
openFile(f) {
|
|
|
this.pptImgUrl = "";
|
|
|
var a = ["PPT", "PPTX", "PDF", "XLSX", "XLS", "DOC", "DOCX"];
|
|
|
- if (
|
|
|
- a.indexOf(f.split(".")[f.split(".").length - 1].toLocaleUpperCase()) !=
|
|
|
- -1
|
|
|
- ) {
|
|
|
- this.pptImgUrl =
|
|
|
- "https://view.officeapps.live.com/op/view.aspx?src=" + f;
|
|
|
+ if (a.indexOf(f.split(".")[f.split(".").length - 1].toLocaleUpperCase()) != -1) {
|
|
|
+ this.pptImgUrl = "https://view.officeapps.live.com/op/view.aspx?src=" + f;
|
|
|
this.dialogVisible3 = true;
|
|
|
}
|
|
|
},
|
|
@@ -2458,12 +2283,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 {
|
|
@@ -2702,18 +2524,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;
|
|
@@ -2823,10 +2642,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;
|
|
|
} else if (t == 21) {
|
|
@@ -2885,10 +2705,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(() => {
|