hz/fe-student
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-student.git synced 2025-12-08 02:16:47 +08:00
Code Issues Packages Projects Releases Wiki Activity

提交

Browse Source
This commit is contained in:
Pengxiansen
2025-02-19 17:09:22 +08:00
parent b1eaecc56c
commit 5475272695
1 changed files with 131 additions and 123 deletions
Download Patch File Download Diff File Expand all files Collapse all files

254
src/views/growth/growthList.vue
View File

@@ -153,147 +153,155 @@
</el-col>
</el-row>
</div>
</template>
<template v-else>
<el-empty description="暂无数据" />
</template>
<div class="detailR">
<!-- todo #路径详情 课程公告及共享文档缺失-->
<!-- 个人信息及学习进度 -->
<div class="detailRB">
<div class="info">
<div class="title">
<img
style="width: 21px; height: 20px"
src="../../assets/image/pathdetails/info.png"
/>
<div class="text" style="margin-left: 7px">个人信息</div>
<div class="box"></div>
</div>
<!-- todo #路径详情 个人信息缺少img和介绍-->
<div
class="teacheritem"
:style="{
'border-bottom': '1px solid rgba(56, 125, 247, 0.2)',
}"
>
<img
class="peopleimg"
:src="userInfo?.avatar ? '/upload' + userInfo?.avatar : ''"
/>
<div style="margin-left: 17px">
<div class="teacherName">
<div style="margin-right: 5px">
{{ userInfo?.realName }}
</div>
</div>
<div class="introduce">{{ userInfo?.bandDesc }}</div>
<div class="detailR">
<!-- todo #路径详情 课程公告及共享文档缺失-->
<!-- 个人信息及学习进度 -->
<div class="detailRB">
<div class="info">
<div class="title">
<img
style="width: 21px; height: 20px"
src="../../assets/image/pathdetails/info.png"
/>
<div class="text" style="margin-left: 7px">个人信息</div>
<div class="box"></div>
</div>
</div>
</div>
<div class="info" style="padding: 20px 0 33px 0">
<div class="title">
<img
style="width: 18px; height: 17px"
src="../../assets/image/pathdetails/study.png"
/>
<div class="text" style="margin-left: 9px">学习进度</div>
<div class="box"></div>
</div>
<div class="rate" v-if="lastLearned">
<div class="ratetext">上次学到：{{ lastLearned.taskName }}</div>
<!-- todo #路径详情 个人信息缺少img和介绍-->
<div
v-if="lastLearned"
class="ratebtn"
@click="toFinish(lastLearned)"
class="teacheritem"
:style="{
'border-bottom': '1px solid rgba(56, 125, 247, 0.2)',
}"
>
继续学习
</div>
</div>
<img
class="peopleimg"
:src="userInfo?.avatar ? '/upload' + userInfo?.avatar : ''"
/>
<div style="margin-top: 16px">
<div class="progressBox">
<div>总进度</div>
<div class="progress">
<div style="width: 291px">
<el-progress
:percentage="totalProgress"
:show-text="false"
:stroke-width="8"
:color="totalProgress == 100 ? '#0077EC' : '#F2903D'"
/>
</div>
<div
style="
font-size: 14px;
font-weight: 500;
margin-left: 10px;
color: #677d86;
"
>
{{ totalProgress }}%
<div style="margin-left: 17px">
<div class="teacherName">
<div style="margin-right: 5px">
{{ userInfo?.realName }}
</div>
</div>
<div class="introduce">{{ userInfo?.bandDesc }}</div>
</div>
</div>
</div>
<div style="margin-top: 31px">
<div class="progressBox">
<div>必修进度</div>
<div class="progress">
<div style="width: 291px">
<el-progress
:percentage="requiredProgress"
:show-text="false"
:stroke-width="8"
:color="requiredProgress == 100 ? '#0077EC' : '#F2903D'"
/>
</div>
<div
style="
font-size: 14px;
font-weight: 500;
color: #277aff;
margin-left: 10px;
color: #677d86;
"
>
{{ requiredProgress }}%
<div class="info" style="padding: 20px 0 33px 0">
<div class="title">
<img
style="width: 18px; height: 17px"
src="../../assets/image/pathdetails/study.png"
/>
<div class="text" style="margin-left: 9px">学习进度</div>
<div class="box"></div>
</div>
<div class="rate" v-if="lastLearned">
<div class="ratetext">
上次学到：{{ lastLearned.taskName }}
</div>
<div
v-if="lastLearned"
class="ratebtn"
@click="toFinish(lastLearned)"
>
继续学习
</div>
</div>
<div style="margin-top: 16px">
<div class="progressBox">
<div>总进度</div>
<div class="progress">
<div style="width: 291px">
<el-progress
:percentage="totalProgress"
:show-text="false"
:stroke-width="8"
:color="totalProgress == 100 ? '#0077EC' : '#F2903D'"
/>
</div>
<div
style="
font-size: 14px;
font-weight: 500;
margin-left: 10px;
color: #677d86;
"
>
{{ totalProgress }}%
</div>
</div>
</div>
</div>
</div>
<div style="margin-top: 31px">
<div class="progressBox">
<div>选修进度</div>
<div class="progress">
<div style="width: 291px">
<el-progress
:percentage="electiveProgress"
:show-text="false"
:stroke-width="8"
:color="electiveProgress == 100 ? '#0077EC' : '#F2903D'"
/>
<div style="margin-top: 31px">
<div class="progressBox">
<div>必修进度</div>
<div class="progress">
<div style="width: 291px">
<el-progress
:percentage="requiredProgress"
:show-text="false"
:stroke-width="8"
:color="
requiredProgress == 100 ? '#0077EC' : '#F2903D'
"
/>
</div>
<div
style="
font-size: 14px;
font-weight: 500;
color: #277aff;
margin-left: 10px;
color: #677d86;
"
>
{{ requiredProgress }}%
</div>
</div>
<div
style="
font-size: 14px;
font-weight: 500;
color: #277aff;
margin-left: 10px;
color: #677d86;
"
>
{{ electiveProgress }}%
</div>
</div>
<div style="margin-top: 31px">
<div class="progressBox">
<div>选修进度</div>
<div class="progress">
<div style="width: 291px">
<el-progress
:percentage="electiveProgress"
:show-text="false"
:stroke-width="8"
:color="
electiveProgress == 100 ? '#0077EC' : '#F2903D'
"
/>
</div>
<div
style="
font-size: 14px;
font-weight: 500;
color: #277aff;
margin-left: 10px;
color: #677d86;
"
>
{{ electiveProgress }}%
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</template>
<template v-else>
<div style="flex: 1">
<el-empty description="暂无数据" />
</div>
</template>
</div>
</div>