|
|
@@ -47,6 +47,39 @@
|
|
|
返回
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div
|
|
|
+ class="project_box"
|
|
|
+ style="margin-top: 15px; margin-bottom: 20px"
|
|
|
+ v-if="type == 1"
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ flex-direction: column;
|
|
|
+ position: relative;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <div class="queTop">
|
|
|
+ <!-- <div class="question">
|
|
|
+ <img src="../assets/icon/homeWork.png" alt="" />
|
|
|
+ </div> -->
|
|
|
+ <div class="queTitle">
|
|
|
+ <div>任务描述</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div style="padding: 20px">
|
|
|
+ <!-- <textarea
|
|
|
+ rows="6"
|
|
|
+ class="binfo_input"
|
|
|
+ cols=""
|
|
|
+ style="width: 70.5% !important; height: 90px"
|
|
|
+ v-model="chapInfo.taskDetail"
|
|
|
+ ></textarea> -->
|
|
|
+ {{ chapInfo.taskDetail }}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<div class="student_head">
|
|
|
<div class="course_text" v-if="chapInfo.dyText != ''">
|
|
|
{{ chapInfo.dyText }}
|
|
|
@@ -93,7 +126,7 @@
|
|
|
</div>
|
|
|
<div v-else style="padding: 20px 50px">暂无视频</div>
|
|
|
</div>
|
|
|
- <div class="study_top">
|
|
|
+ <!-- <div class="study_top">
|
|
|
<div class="checkbox">
|
|
|
<div
|
|
|
class="check"
|
|
|
@@ -106,7 +139,7 @@
|
|
|
<div v-else><img src="../assets/icon/all.png" alt="" /></div>
|
|
|
全部
|
|
|
</div>
|
|
|
- <!-- <div
|
|
|
+ <div
|
|
|
class="check"
|
|
|
:class="{ checked: type == 2 }"
|
|
|
@click="type = 2"
|
|
|
@@ -150,9 +183,9 @@
|
|
|
</div>
|
|
|
<div v-else><img src="../assets/icon/tool.png" alt="" /></div>
|
|
|
工具
|
|
|
- </div> -->
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
<div class="student_body">
|
|
|
<!-- <div
|
|
|
class="videoTop"
|
|
|
@@ -211,134 +244,6 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div> -->
|
|
|
- <div
|
|
|
- class="project_box"
|
|
|
- style="margin-top: 15px; padding-bottom: 30px"
|
|
|
- v-if="type == 1"
|
|
|
- >
|
|
|
- <div
|
|
|
- style="
|
|
|
- display: flex;
|
|
|
- flex-wrap: nowrap;
|
|
|
- flex-direction: column;
|
|
|
- position: relative;
|
|
|
- "
|
|
|
- >
|
|
|
- <div class="queTop">
|
|
|
- <div class="question">
|
|
|
- <img src="../assets/icon/homeWork.png" alt="" />
|
|
|
- </div>
|
|
|
- <div class="queTitle">
|
|
|
- <div>作业上传<span>(上传图文视频等)</span></div>
|
|
|
- <div>：{{ chapInfo.dyName }}</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="ediBottom">
|
|
|
- <div
|
|
|
- class="addEditor"
|
|
|
- style="margin-top: 23px"
|
|
|
- @click="openAddWork"
|
|
|
- v-if="studyJuri.length == 0"
|
|
|
- >
|
|
|
- 选择文件
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="addEditor"
|
|
|
- style="margin-top: 23px"
|
|
|
- @click="openAddWork"
|
|
|
- v-else
|
|
|
- >
|
|
|
- 已提交
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="project_box" v-if="type == 1">
|
|
|
- <div class="queTop">
|
|
|
- <div class="question" style="width: 35px">
|
|
|
- <img src="../assets/icon/wordMessageIcon.png" alt="" />
|
|
|
- </div>
|
|
|
- <div class="queTitle">
|
|
|
- <div>文档资料</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="detail_content_top">
|
|
|
- <div class="detail_title">{{ chapInfo.dyName }}</div>
|
|
|
- <div class="detail_time">{{ courseDetail.time }}</div>
|
|
|
- </div>
|
|
|
- <div class="detail_content" v-html="courseDetail.template"></div>
|
|
|
- </div>
|
|
|
- <div class="project_box" v-if="type == 1">
|
|
|
- <div class="queTop">
|
|
|
- <div class="question" style="width: 30px">
|
|
|
- <img src="../assets/icon/fileIcon.png" alt="" />
|
|
|
- </div>
|
|
|
- <div class="queTitle">
|
|
|
- <div>附件</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="filebox">
|
|
|
- <div class="file" v-for="(f, index) in file" :key="index">
|
|
|
- <img :src="require('../assets/file.png')" alt="" />
|
|
|
- <div>{{ f.name }}</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="upFile" v-if="type == 3">提交</div>
|
|
|
- </div>
|
|
|
- <div class="project_box" v-if="type == 1">
|
|
|
- <div class="queTop">
|
|
|
- <div class="question" style="width: 30px">
|
|
|
- <img src="../assets/icon/homeWorkIcon.png" alt="" />
|
|
|
- </div>
|
|
|
- <div class="queTitle">
|
|
|
- <div>作业与测试</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="homebox">
|
|
|
- <div class="homework" v-for="(h, index) in imgList" :key="index">
|
|
|
- <img
|
|
|
- @click="handlePictureCardPreview(h.url)"
|
|
|
- :src="h.url"
|
|
|
- alt=""
|
|
|
- style="height: 100px"
|
|
|
- />
|
|
|
- <div
|
|
|
- style="
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- width: 150px;
|
|
|
- margin: 10px 0px;
|
|
|
- "
|
|
|
- >
|
|
|
- {{ h.name }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="homework"
|
|
|
- v-for="(noH, index) in noImgList"
|
|
|
- :key="index"
|
|
|
- @click="downFileList(index)"
|
|
|
- >
|
|
|
- <img
|
|
|
- :src="require('../assets/file.png')"
|
|
|
- alt=""
|
|
|
- style="width: auto; height: auto"
|
|
|
- />
|
|
|
- <div
|
|
|
- style="
|
|
|
- white-space: nowrap;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- width: 150px;
|
|
|
- margin: 10px 0px;
|
|
|
- "
|
|
|
- >
|
|
|
- {{ noH.name }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
<div class="project_box" v-if="type == 1">
|
|
|
<div class="queTop">
|
|
|
<div class="question" style="width: 30px">
|
|
|
@@ -352,6 +257,10 @@
|
|
|
暂无数据
|
|
|
</div>
|
|
|
<div class="filebox" v-else>
|
|
|
+ <div style="display: flex; padding: 20px 0 20px 30px">
|
|
|
+ <div style="margin-right: 10px">工具描述:</div>
|
|
|
+ <div>{{ chapInfo.toolText }}</div>
|
|
|
+ </div>
|
|
|
<div class="chooseWho">
|
|
|
<div
|
|
|
:class="toolType == 0 ? 'isChooseActive' : ''"
|
|
|
@@ -447,6 +356,137 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+
|
|
|
+ <!-- <div class="project_box" v-if="type == 1">
|
|
|
+ <div class="queTop">
|
|
|
+ <div class="question" style="width: 35px">
|
|
|
+ <img src="../assets/icon/wordMessageIcon.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="queTitle">
|
|
|
+ <div>文档资料</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="detail_content_top">
|
|
|
+ <div class="detail_title">{{ chapInfo.dyName }}</div>
|
|
|
+ <div class="detail_time">{{ courseDetail.time }}</div>
|
|
|
+ </div>
|
|
|
+ <div class="detail_content" v-html="courseDetail.template"></div>
|
|
|
+ </div> -->
|
|
|
+ <div class="project_box" v-if="type == 1">
|
|
|
+ <div class="queTop">
|
|
|
+ <div class="question" style="width: 30px">
|
|
|
+ <img src="../assets/icon/homeWorkIcon.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="queTitle">
|
|
|
+ <div>作业与测试</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="homebox">
|
|
|
+ <div class="homework" v-for="(h, index) in imgList" :key="index">
|
|
|
+ <img
|
|
|
+ @click="handlePictureCardPreview(h.url)"
|
|
|
+ :src="h.url"
|
|
|
+ alt=""
|
|
|
+ style="height: 100px"
|
|
|
+ />
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ width: 150px;
|
|
|
+ margin-top: 10px;
|
|
|
+ text-align: center;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ {{ h.name }}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="homework"
|
|
|
+ v-for="(noH, index) in noImgList"
|
|
|
+ :key="index"
|
|
|
+ @click="downFileList(index)"
|
|
|
+ >
|
|
|
+ <img
|
|
|
+ :src="require('../assets/file.png')"
|
|
|
+ alt=""
|
|
|
+ style="width: auto; height: auto"
|
|
|
+ />
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ white-space: nowrap;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ width: 150px;
|
|
|
+ margin-top: 10px;
|
|
|
+ text-align: center;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ {{ noH.name }}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="project_box" v-if="type == 1">
|
|
|
+ <div class="queTop">
|
|
|
+ <div class="question" style="width: 30px">
|
|
|
+ <img src="../assets/icon/fileIcon.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="queTitle">
|
|
|
+ <div>附件</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="filebox">
|
|
|
+ <div class="file" v-for="(f, index) in file" :key="index">
|
|
|
+ <img :src="require('../assets/file.png')" alt="" />
|
|
|
+ <div>{{ f.name }}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="upFile" v-if="type == 3">提交</div>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="project_box"
|
|
|
+ style="margin-top: 15px; padding-bottom: 30px"
|
|
|
+ v-if="type == 1"
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ flex-direction: column;
|
|
|
+ position: relative;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <div class="queTop">
|
|
|
+ <div class="question">
|
|
|
+ <img src="../assets/icon/homeWork.png" alt="" />
|
|
|
+ </div>
|
|
|
+ <div class="queTitle">
|
|
|
+ <div>作业提交<span>(提交图文视频等)</span></div>
|
|
|
+ <div>：{{ chapInfo.dyName }}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="ediBottom">
|
|
|
+ <div
|
|
|
+ class="addEditor"
|
|
|
+ style="margin-top: 23px"
|
|
|
+ @click="openAddWork"
|
|
|
+ v-if="studyJuri.length == 0"
|
|
|
+ >
|
|
|
+ 选择文件
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="addEditor"
|
|
|
+ style="margin-top: 23px"
|
|
|
+ @click="openAddWork"
|
|
|
+ v-else
|
|
|
+ >
|
|
|
+ 已提交
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<el-dialog
|
|
|
title="提交实践作业"
|
|
|
@@ -1410,6 +1450,9 @@ export default {
|
|
|
.filebox {
|
|
|
display: flex;
|
|
|
flex-wrap: wrap;
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: flex-start;
|
|
|
+ align-items: center;
|
|
|
padding: 15px 0;
|
|
|
}
|
|
|
|
|
|
@@ -1418,8 +1461,8 @@ export default {
|
|
|
flex-direction: column;
|
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
|
- margin: 0 20px 20px 0;
|
|
|
cursor: pointer;
|
|
|
+ width: 200px;
|
|
|
}
|
|
|
|
|
|
.file div {
|
|
|
@@ -1829,7 +1872,6 @@ export default {
|
|
|
flex-direction: column;
|
|
|
flex-wrap: nowrap;
|
|
|
align-items: center;
|
|
|
- margin: 0 20px;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
.homebox {
|
|
|
@@ -1838,6 +1880,7 @@ export default {
|
|
|
flex-direction: row;
|
|
|
justify-content: flex-start;
|
|
|
align-items: center;
|
|
|
+ padding: 15px 0;
|
|
|
}
|
|
|
.isChooseActive {
|
|
|
color: #3e88f4;
|
|
|
@@ -1866,7 +1909,28 @@ export default {
|
|
|
flex-wrap: nowrap;
|
|
|
align-items: center;
|
|
|
}
|
|
|
-.ediBottom{
|
|
|
+.ediBottom {
|
|
|
margin-left: 20px;
|
|
|
}
|
|
|
+.binfo_input {
|
|
|
+ font: inherit;
|
|
|
+ color: currentColor;
|
|
|
+ width: 100%;
|
|
|
+ margin: 0;
|
|
|
+ padding: 15px 14px;
|
|
|
+ display: block;
|
|
|
+ min-width: 0;
|
|
|
+ outline: none;
|
|
|
+ box-sizing: content-box;
|
|
|
+ background: none;
|
|
|
+ -webkit-tap-highlight-color: transparent;
|
|
|
+ border: 1px solid rgba(0, 0, 0, 0.23);
|
|
|
+ border-radius: 4px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ resize: none;
|
|
|
+}
|
|
|
+
|
|
|
+.binfo_input:focus-visible {
|
|
|
+ border: 1px solid rgba(61, 103, 188);
|
|
|
+}
|
|
|
</style>
|
zengyicheng
