mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-student.git
synced 2025-12-06 17:36:46 +08:00
fix:删除默认阶段
This commit is contained in:
lixg
Binary file not shown.
|
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 25 KiB |
@@ -12,114 +12,122 @@
|
|||||||
<div class="detailinfo">
|
<div class="detailinfo">
|
||||||
<div class="detailL">
|
<div class="detailL">
|
||||||
<div v-for="(i, k) in data.stageProcessList" :key="k">
|
<div v-for="(i, k) in data.stageProcessList" :key="k">
|
||||||
<div class="title">
|
<div v-if="i.stageId !== '0'">
|
||||||
<div class="titleL">{{ i.stageName }}</div>
|
<div class="title">
|
||||||
<div class="titleR" :style="{ display: 'flex' }">
|
<div class="titleL">{{ i.stageName }}</div>
|
||||||
<img src="../../assets/image/pathdetails/circle.png" />
|
<div class="titleR" :style="{ display: 'flex' }">
|
||||||
<div class="titleRT">进行中</div>
|
<img src="../../assets/image/pathdetails/circle.png" />
|
||||||
</div>
|
<div class="titleRT">进行中</div>
|
||||||
<div
|
|
||||||
class="titleR"
|
|
||||||
:style="{ display: i.status === 2 ? 'flex' : 'none' }"
|
|
||||||
>
|
|
||||||
<img src="../../assets/image/pathdetails/circle2.png" />
|
|
||||||
<div class="titleRT" style="color: rgba(102, 102, 102, 1)">
|
|
||||||
未开始
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="course"
|
|
||||||
v-for="(value, index) in i.taskProcessList.filter(
|
|
||||||
(e) => !whiteTypes(e.type)
|
|
||||||
)"
|
|
||||||
:key="index"
|
|
||||||
>
|
|
||||||
<div style="width: 70%">
|
|
||||||
<div class="coursename">{{ value.name }}</div>
|
|
||||||
<div class="coursetag">
|
|
||||||
<div class="tag1" style="margin-right: 11px; margin-top: 16px">
|
|
||||||
必修
|
|
||||||
</div>
|
|
||||||
<div class="tag3" style="margin-right: 11px; margin-top: 16px">
|
|
||||||
{{ types.typeName[value.type] || "" }}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- <div-->
|
|
||||||
<!-- v-for="(item, key) in value.flag"-->
|
|
||||||
<!-- :key="key"-->
|
|
||||||
<!-- :class="{1:'tag1',2:'tag2',3:'tag3',4:'tag4'}[item.type]"-->
|
|
||||||
<!-- style="margin-right: 11px; margin-top: 16px"-->
|
|
||||||
<!-- >-->
|
|
||||||
<!-- {{ item.name }}-->
|
|
||||||
<!-- </div>-->
|
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
class="progressBox"
|
class="titleR"
|
||||||
:style="{ display: value.status === 1 ? 'block' : 'none' }"
|
:style="{ display: i.status === 2 ? 'flex' : 'none' }"
|
||||||
>
|
>
|
||||||
<div>当前进度</div>
|
<img src="../../assets/image/pathdetails/circle2.png" />
|
||||||
<div class="progress">
|
<div class="titleRT" style="color: rgba(102, 102, 102, 1)">
|
||||||
<div style="width: 291px">
|
未开始
|
||||||
<el-progress
|
</div>
|
||||||
:percentage="value.currentRatio"
|
</div>
|
||||||
:show-text="false"
|
</div>
|
||||||
:stroke-width="8"
|
<div
|
||||||
:color="
|
class="course"
|
||||||
{
|
v-for="(value, index) in i.taskProcessList.filter(
|
||||||
|
(e) => !whiteTypes(e.type)
|
||||||
|
)"
|
||||||
|
:key="index"
|
||||||
|
>
|
||||||
|
<div style="width: 70%">
|
||||||
|
<div class="coursename">{{ value.name }}</div>
|
||||||
|
<div class="coursetag">
|
||||||
|
<div
|
||||||
|
class="tag1"
|
||||||
|
style="margin-right: 11px; margin-top: 16px"
|
||||||
|
>
|
||||||
|
必修
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="tag3"
|
||||||
|
style="margin-right: 11px; margin-top: 16px"
|
||||||
|
>
|
||||||
|
{{ types.typeName[value.type] || "" }}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- <div-->
|
||||||
|
<!-- v-for="(item, key) in value.flag"-->
|
||||||
|
<!-- :key="key"-->
|
||||||
|
<!-- :class="{1:'tag1',2:'tag2',3:'tag3',4:'tag4'}[item.type]"-->
|
||||||
|
<!-- style="margin-right: 11px; margin-top: 16px"-->
|
||||||
|
<!-- >-->
|
||||||
|
<!-- {{ item.name }}-->
|
||||||
|
<!-- </div>-->
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="progressBox"
|
||||||
|
:style="{ display: value.status === 1 ? 'block' : 'none' }"
|
||||||
|
>
|
||||||
|
<div>当前进度</div>
|
||||||
|
<div class="progress">
|
||||||
|
<div style="width: 291px">
|
||||||
|
<el-progress
|
||||||
|
:percentage="value.currentRatio"
|
||||||
|
:show-text="false"
|
||||||
|
:stroke-width="8"
|
||||||
|
:color="
|
||||||
|
{
|
||||||
|
0: 'rgba(238, 112, 108, 1)',
|
||||||
|
1: 'rgba(255, 151, 38, 1)',
|
||||||
|
2: 'rgba(39, 122, 255, 1)',
|
||||||
|
3: 'rgba(59, 94, 251, 1)',
|
||||||
|
4: 'rgba(57, 219, 183, 1)',
|
||||||
|
5: 'rgba(57, 219, 183, 1)',
|
||||||
|
}[parseInt(value.currentRatio / 20)]
|
||||||
|
"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
style="
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #277aff;
|
||||||
|
margin-left: 10px;
|
||||||
|
"
|
||||||
|
:style="{
|
||||||
|
color: {
|
||||||
0: 'rgba(238, 112, 108, 1)',
|
0: 'rgba(238, 112, 108, 1)',
|
||||||
1: 'rgba(255, 151, 38, 1)',
|
1: 'rgba(255, 151, 38, 1)',
|
||||||
2: 'rgba(39, 122, 255, 1)',
|
2: 'rgba(39, 122, 255, 1)',
|
||||||
3: 'rgba(59, 94, 251, 1)',
|
3: 'rgba(59, 94, 251, 1)',
|
||||||
4: 'rgba(57, 219, 183, 1)',
|
4: 'rgba(57, 219, 183, 1)',
|
||||||
5: 'rgba(57, 219, 183, 1)',
|
5: 'rgba(57, 219, 183, 1)',
|
||||||
}[parseInt(value.currentRatio / 20)]
|
}[parseInt(value.currentRatio / 20)],
|
||||||
"
|
}"
|
||||||
/>
|
>
|
||||||
</div>
|
{{ value.currentRatio }}%
|
||||||
<div
|
</div>
|
||||||
style="
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: 500;
|
|
||||||
color: #277aff;
|
|
||||||
margin-left: 10px;
|
|
||||||
"
|
|
||||||
:style="{
|
|
||||||
color: {
|
|
||||||
0: 'rgba(238, 112, 108, 1)',
|
|
||||||
1: 'rgba(255, 151, 38, 1)',
|
|
||||||
2: 'rgba(39, 122, 255, 1)',
|
|
||||||
3: 'rgba(59, 94, 251, 1)',
|
|
||||||
4: 'rgba(57, 219, 183, 1)',
|
|
||||||
5: 'rgba(57, 219, 183, 1)',
|
|
||||||
}[parseInt(value.currentRatio / 20)],
|
|
||||||
}"
|
|
||||||
>
|
|
||||||
{{ value.currentRatio }}%
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="goclass" @click="toFinish(value, i.name, i.stageId)">
|
||||||
|
{{
|
||||||
|
value.status === 1
|
||||||
|
? "已完成"
|
||||||
|
: types.path[value.type]
|
||||||
|
? types.toName[value.type]
|
||||||
|
: "未开放"
|
||||||
|
}}
|
||||||
|
</div>
|
||||||
|
<!-- <div :style="{ display: value.status === 1 ? 'block' : 'none' }">-->
|
||||||
|
<!-- <div-->
|
||||||
|
<!-- class="goclass"-->
|
||||||
|
<!-- :style="{ display: value.currentRatio === 0 ? 'none' : 'flex' }">去上课-->
|
||||||
|
<!-- </div>-->
|
||||||
|
<!-- <img-->
|
||||||
|
<!-- style="width: 76px; height: 76px; margin-right: 61px"-->
|
||||||
|
<!-- :style="{ display: value.currentRatio === 0 ? 'flex' : 'none' }"-->
|
||||||
|
<!-- src="../../assets/image/pathdetails/notstarted.png"-->
|
||||||
|
<!-- />-->
|
||||||
|
<!-- </div>-->
|
||||||
</div>
|
</div>
|
||||||
<div class="goclass" @click="toFinish(value, i.name, i.stageId)">
|
|
||||||
{{
|
|
||||||
value.status === 1
|
|
||||||
? "已完成"
|
|
||||||
: types.path[value.type]
|
|
||||||
? types.toName[value.type]
|
|
||||||
: "未开放"
|
|
||||||
}}
|
|
||||||
</div>
|
|
||||||
<!-- <div :style="{ display: value.status === 1 ? 'block' : 'none' }">-->
|
|
||||||
<!-- <div-->
|
|
||||||
<!-- class="goclass"-->
|
|
||||||
<!-- :style="{ display: value.currentRatio === 0 ? 'none' : 'flex' }">去上课-->
|
|
||||||
<!-- </div>-->
|
|
||||||
<!-- <img-->
|
|
||||||
<!-- style="width: 76px; height: 76px; margin-right: 61px"-->
|
|
||||||
<!-- :style="{ display: value.currentRatio === 0 ? 'flex' : 'none' }"-->
|
|
||||||
<!-- src="../../assets/image/pathdetails/notstarted.png"-->
|
|
||||||
<!-- />-->
|
|
||||||
<!-- </div>-->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- <div class="tag1">必修</div>
|
<!-- <div class="tag1">必修</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user