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