hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-07 09:56:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

提交

Browse Source
This commit is contained in:
Pengxiansen
2025-02-19 14:06:25 +08:00
parent 987f69dc64
commit 24a34fa779
1 changed files with 35 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
src/views/growth/index.vue
View File

@@ -4,18 +4,6 @@
<div class="navbar">
<div style="display: flex; flex: 1">
<div class="nav-title">我的专业力必修</div>
<div class="nav-total">
<div class="total-num">{{ totalData.total }}</div>
<div class="total-text">总任务数</div>
</div>
<div class="nav-total">
<div class="total-num">{{ totalData.completed }}</div>
<div class="total-text">已完成数量</div>
</div>
<div class="nav-total">
<div class="total-num">{{ totalData.unfinished }}</div>
<div class="total-text">未完成数量</div>
</div>
</div>
</div>
@@ -45,10 +33,13 @@
<div class="growth-btn" @click="jumpRouter(item)">去学习</div>
</div>
</div>
<div class="tip-title">说明</div>
<div class="tip-content">
{{ item.description || "暂无说明" }}
</div>
<template v-if="item.description">
<div class="tip-title">说明</div>
<div class="tip-content">
{{ item.description || "暂无说明" }}
</div>
</template>
<div class="progress-title">学习进度</div>
<div class="progress-content">
@@ -69,6 +60,7 @@
:stroke-width="8"
:show-text="false"
:percentage="requiredTaskCompletionRate(item)"
color="#0077EC"
></el-progress>
</div>
<div class="progress-content">
@@ -88,6 +80,7 @@
<el-progress
:stroke-width="8"
:show-text="false"
color="#0077EC"
:percentage="electiveTaskCompletionRate(item)"
></el-progress>
</div>
@@ -108,26 +101,32 @@
<el-progress
:stroke-width="8"
:show-text="false"
color="#0077EC"
:percentage="totalTaskCompletionRate(item)"
></el-progress>
</div>
</div>
</div>
<template v-if="!list || list.length < 2"></template>
<div class="growth-right">
<div class="title">专业力必修</div>
<div
:key="item.id"
class="item-growth"
:class="activeItem.id == item.id ? 'active' : ''"
v-for="item of list"
>
<div class="icon"></div>
<div @click="handlerAnchor(item)">
{{ item.growthName }}
<div class="growth-bg-icon">
<img src="@/assets/images/growth/growth-bg-icon.png" />
</div>
</div>
</div>
<!-- <template v-if="!list || list.length < 2">
<div class="growth-right">
<div class="title">专业力必修</div>
<div
:key="item.id"
class="item-growth"
:class="activeItem.id == item.id ? 'active' : ''"
v-for="item of list"
>
<div class="icon"></div>
<div @click="handlerAnchor(item)">
{{ item.growthName }}
</div>
</div>
</div>
</template> -->
<template v-if="!list.length">
<el-empty :image-size="200"></el-empty>
</template>
@@ -250,6 +249,12 @@ export default {
background: #ffffff;
padding: 30px 38px 66px 40px;
margin-bottom: 35px;
position: relative;
.growth-bg-icon {
position: absolute;
right: 92px;
bottom: 0;
}
.progress-title {
font-weight: 700;
font-size: 18px;