|
|
@@ -164,7 +164,11 @@
|
|
|
:key="index"
|
|
|
class="chapter"
|
|
|
>
|
|
|
- <div class="stage" style="cursor: pointer;" @click="addUserRate(index)">
|
|
|
+ <div
|
|
|
+ class="stage"
|
|
|
+ style="cursor: pointer"
|
|
|
+ @click="addUserRate(index)"
|
|
|
+ >
|
|
|
第{{ index + 1 }}阶段
|
|
|
</div>
|
|
|
<!-- {{ chaptersJson.chapterState[index].isFinsh ? '已完成' : '进行中' }} -->
|
|
|
@@ -443,13 +447,22 @@
|
|
|
<div style="font-size: 22px; margin: 15px 0 45px">
|
|
|
{{ courseDetail.title }}
|
|
|
</div>
|
|
|
- <div class="chapter_time_box">
|
|
|
+ <div class="chapter_time_box" style="margin-left: 170px">
|
|
|
<div
|
|
|
v-for="(item, index) in chaptersJson.work"
|
|
|
:key="index"
|
|
|
class="c_box"
|
|
|
>
|
|
|
- <div class="stage_box">
|
|
|
+ <div class="stage_box" style="left: -195px">
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ min-width: 150px;
|
|
|
+ position: relative;
|
|
|
+ left: -5px;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ {{ item.time }}
|
|
|
+ </div>
|
|
|
<div class="yuan"></div>
|
|
|
<div class="stage">
|
|
|
第{{ index + 1 }}阶段 {{ item.name }}
|
|
|
@@ -484,7 +497,13 @@
|
|
|
margin-right: 10px;
|
|
|
"
|
|
|
></div>
|
|
|
- <div style="color: #4376c3; font-size: 20px;font-weight: bold;">
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ color: #4376c3;
|
|
|
+ font-size: 20px;
|
|
|
+ font-weight: bold;
|
|
|
+ "
|
|
|
+ >
|
|
|
任务{{ index2 + 1 }}：{{ item2.name }}
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -495,13 +514,23 @@
|
|
|
:key="index + '-' + index2 + '-' + index3"
|
|
|
class="p_tool2"
|
|
|
>
|
|
|
- <div class="toolBigBox">
|
|
|
+ <div
|
|
|
+ class="toolBigBox"
|
|
|
+ style="
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ align-items: center;
|
|
|
+ "
|
|
|
+ v-if="item3.works.length"
|
|
|
+ >
|
|
|
<div
|
|
|
style="
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
flex-wrap: nowrap;
|
|
|
align-items: flex-end;
|
|
|
+ min-width: 140px;
|
|
|
"
|
|
|
>
|
|
|
<div class="lineBox"></div>
|
|
|
@@ -546,36 +575,44 @@
|
|
|
<div v-if="item3.tool == 49">学生分组</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="toolSta" v-if="item3.works.length">
|
|
|
+ <div
|
|
|
+ v-if="item3.works.length"
|
|
|
+ style="
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ align-items: center;
|
|
|
+ margin-left: 10px;
|
|
|
+ "
|
|
|
+ >
|
|
|
<!-- works:[],likeCount: 0, commentCount: 0, score: 0, isScore: 0 -->
|
|
|
- <div>
|
|
|
- <div>任务实施情况：</div>
|
|
|
- <div>
|
|
|
- <div>
|
|
|
- 作业数量：{{ item3.works.length }}
|
|
|
- </div>
|
|
|
- <div v-if="chaptersJson.studentCount">
|
|
|
- 任务完成率：{{
|
|
|
- (
|
|
|
- (item3.works.length /
|
|
|
- chaptersJson.studentCount) *
|
|
|
- 100
|
|
|
- ).toFixed(2) + "%"
|
|
|
- }}
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <div>点赞：{{ item3.likeCount }}</div>
|
|
|
- <div>
|
|
|
- 评论：{{ item3.commentCount }}
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div class="disCss">
|
|
|
+ <div class="blueBtn">
|
|
|
+ 作业数量：{{ item3.works.length }}
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ v-if="chaptersJson.studentCount"
|
|
|
+ class="blueBtn"
|
|
|
+ >
|
|
|
+ 任务完成率：{{
|
|
|
+ (
|
|
|
+ (item3.works.length /
|
|
|
+ chaptersJson.studentCount) *
|
|
|
+ 100
|
|
|
+ ).toFixed(2) + "%"
|
|
|
+ }}
|
|
|
+ </div>
|
|
|
+ <div class="blueBtn">
|
|
|
+ <div>点赞：{{ item3.likeCount }}</div>
|
|
|
+ <div style="margin-left: 15px;">评论：{{ item3.commentCount }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div v-if="item3.isScore">
|
|
|
- <div>任务效果：</div>
|
|
|
- <div>
|
|
|
- <div>作业评价量：{{ item3.isScore }}</div>
|
|
|
- <div>
|
|
|
+ <div class="disCss">
|
|
|
+ <div class="blueBtn">
|
|
|
+ 作业评价量：{{ item3.isScore }}
|
|
|
+ </div>
|
|
|
+ <div class="blueBtn">
|
|
|
评价平均分：{{
|
|
|
(item3.score / item3.isScore).toFixed(
|
|
|
2
|
|
|
@@ -846,10 +883,15 @@ export default {
|
|
|
_chaptersJson.chapterState[i].isFinsh = false;
|
|
|
_chaptersJson.tool[i] = [];
|
|
|
_chaptersJson.chapter[i] = [];
|
|
|
- _chaptersJson.work[i] = { name: _chapters[i].dyName, chapter: [] };
|
|
|
+ _chaptersJson.work[i] = {
|
|
|
+ name: _chapters[i].dyName,
|
|
|
+ chapter: [],
|
|
|
+ time: "",
|
|
|
+ };
|
|
|
for (var j = 0; j < _works.length; j++) {
|
|
|
if (i == _works[j].stage) {
|
|
|
_chaptersJson.chapterState[i].isFinsh = true;
|
|
|
+ _chaptersJson.work[i].time = _works[j].time;
|
|
|
_chaptersJson.state.finish++;
|
|
|
break;
|
|
|
}
|
|
|
@@ -1447,21 +1489,18 @@ export default {
|
|
|
margin: 10px 10px 0 0;
|
|
|
}
|
|
|
|
|
|
-.toolSta > div > div:nth-child(2) > div {
|
|
|
+.blueBtn {
|
|
|
background: rgb(79, 140, 223);
|
|
|
color: #fff;
|
|
|
display: flex;
|
|
|
padding: 10px 15px;
|
|
|
- min-width: 150px;
|
|
|
+ /* min-width: 150px; */
|
|
|
+ min-width: 165px;
|
|
|
font-size: 16px;
|
|
|
align-items: center;
|
|
|
border-radius: 5px;
|
|
|
}
|
|
|
|
|
|
-.toolSta > div:nth-child(2) > div:nth-child(2) > div {
|
|
|
- background: rgb(53, 103, 172);
|
|
|
-}
|
|
|
-
|
|
|
.toolSta > div > div:nth-child(2) > div + div {
|
|
|
margin-top: 10px;
|
|
|
}
|
|
|
@@ -1711,4 +1750,13 @@ export default {
|
|
|
background-image: linear-gradient(180deg, #3c65ba, #a1c6ec);
|
|
|
margin-right: 5px;
|
|
|
}
|
|
|
+.disCss {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ flex-wrap: nowrap;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+.disCss > div {
|
|
|
+ margin: 10px 10px 0 0;
|
|
|
+}
|
|
|
</style>
|
zengyicheng