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

提交

Browse Source
This commit is contained in:
Pengxiansen
2025-02-26 18:16:03 +08:00
parent 511b3179f6
commit b686a9e2a2
1 changed files with 32 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -45,19 +45,19 @@
<div class="progress-content"> <div class="progress-content">
<div class="f-j-b" style="margin-bottom: 10px"> <div class="f-j-b" style="margin-bottom: 10px">
<div class="f-a-c"> <div class="f-a-c">
<div style="font-weight: 700; font-size: 16px; color: #333333"> <div style=" font-size: 16px; color: #333333">
必修进度 必修进度
</div> </div>
<div style="font-size: 20px; color: #999999; margin-left: 12px"> <div style="font-size: 18px; color: #999999; margin-left: 12px">
{{ item.requiredTaskCompletedNum }}/{{ item.requiredTaskNum }} {{ item.requiredTaskCompletedNum }}/{{ item.requiredTaskNum }}
</div> </div>
</div> </div>
<div style="font-weight: bold; font-size: 20px; color: #0077ec"> <div style=" font-size: 18px; color: #0077ec">
{{ requiredTaskCompletionRate(item) }}% {{ requiredTaskCompletionRate(item) }}%
</div> </div>
</div> </div>
<el-progress <el-progress
:stroke-width="8" :stroke-width="6"
:show-text="false" :show-text="false"
:percentage="requiredTaskCompletionRate(item)" :percentage="requiredTaskCompletionRate(item)"
color="#0077EC" color="#0077EC"
@@ -66,27 +66,27 @@
<div class="progress-content"> <div class="progress-content">
<div class="f-j-b" style="margin-bottom: 10px"> <div class="f-j-b" style="margin-bottom: 10px">
<div class="f-a-c"> <div class="f-a-c">
<div style="font-weight: 700; font-size: 16px; color: #333333"> <div style="font-size: 16px; color: #333333">
选修进度 选修进度
</div> </div>
<div style="font-size: 20px; color: #999999; margin-left: 12px"> <div style="font-size: 18px; color: #999999; margin-left: 12px">
{{ item.electiveTaskCompletedNum }}/{{ item.electiveTaskNum }} {{ item.electiveTaskCompletedNum }}/{{ item.electiveTaskNum }}
</div> </div>
<el-tooltip <el-tooltip
class="item" class="item"
effect="dark" effect="light"
:content="`需完成${item.electivesCompletedNum}个选修任务`" :content="`还需完成${item.electivePoorNum}个选修任务`"
placement="top-start" placement="top-start"
> >
<i class="el-icon-question"></i> <i class="el-icon-question"></i>
</el-tooltip> </el-tooltip>
</div> </div>
<div style="font-weight: bold; font-size: 20px; color: #0077ec"> <div style=" font-size: 18px; color: #0077ec">
{{ electiveTaskCompletionRate(item) }}% {{ electiveTaskCompletionRate(item) }}%
</div> </div>
</div> </div>
<el-progress <el-progress
:stroke-width="8" :stroke-width="6"
:show-text="false" :show-text="false"
color="#0077EC" color="#0077EC"
:percentage="electiveTaskCompletionRate(item)" :percentage="electiveTaskCompletionRate(item)"
@@ -95,19 +95,19 @@
<div class="progress-content"> <div class="progress-content">
<div class="f-j-b" style="margin-bottom: 10px"> <div class="f-j-b" style="margin-bottom: 10px">
<div class="f-a-c"> <div class="f-a-c">
<div style="font-weight: 700; font-size: 16px; color: #333333"> <div style=" font-size: 16px; color: #333333">
总进度 总进度
</div> </div>
<div style="font-size: 20px; color: #999999; margin-left: 12px"> <div style="font-size: 18px; color: #999999; margin-left: 12px">
{{ item.totalTaskCompletedNum }}/{{ item.totalTaskNum }} {{ item.totalTaskCompletedNum }}/{{ item.totalTaskNum }}
</div> </div>
</div> </div>
<div style="font-weight: bold; font-size: 20px; color: #0077ec"> <div style="font-size: 18px; color: #0077ec">
{{ totalTaskCompletionRate(item) }}% {{ totalTaskCompletionRate(item) }}%
</div> </div>
</div> </div>
<el-progress <el-progress
:stroke-width="8" :stroke-width="6"
:show-text="false" :show-text="false"
color="#0077EC" color="#0077EC"
:percentage="totalTaskCompletionRate(item)" :percentage="totalTaskCompletionRate(item)"
@@ -117,6 +117,11 @@
<img src="@/assets/images/growth/growth-bg-icon.png" /> <img src="@/assets/images/growth/growth-bg-icon.png" />
</div> </div>
</div> </div>
<template v-if="!list.length">
<div class="empty">
<el-empty :image-size="200"></el-empty>
</div>
</template>
</div> </div>
<!-- <template v-if="!list || list.length < 2"> <!-- <template v-if="!list || list.length < 2">
<div class="growth-right"> <div class="growth-right">
@@ -134,10 +139,6 @@
</div> </div>
</div> </div>
</template> --> </template> -->
<template v-if="!list.length">
<el-empty :image-size="200"></el-empty>
</template>
</div> </div>
</template> </template>
<script> <script>
@@ -244,6 +245,13 @@ export default {
justify-content: center; justify-content: center;
} }
.growth { .growth {
.empty{
height: 600px;
display: flex;
justify-content: center;
align-items: center;
background-color: #ffffff;
}
.el-icon-question { .el-icon-question {
color: #387df7; color: #387df7;
font-size: 16px; font-size: 16px;
@@ -269,7 +277,7 @@ export default {
bottom: 0; bottom: 0;
} }
.progress-title { .progress-title {
font-weight: 700; // font-weight: 700;
font-size: 18px; font-size: 18px;
color: #000000; color: #000000;
margin: 28px 0 20px 0; margin: 28px 0 20px 0;
@@ -278,15 +286,15 @@ export default {
margin-bottom: 28px; margin-bottom: 28px;
} }
.tip-title { .tip-title {
font-weight: 700; // font-weight: 700;
font-size: 18px; font-size: 18px;
color: #000000; color: #000000;
margin: 30px 0 10px 0; margin: 30px 0 10px 0;
} }
.tip-content { .tip-content {
font-size: 15px; font-size: 16px;
color: #333333; color: #333333;
line-height: 22px; line-height: 30px;
} }
.growth-nav { .growth-nav {
display: flex; display: flex;
@@ -296,7 +304,7 @@ export default {
border-bottom: 2px solid #f5f5f5; border-bottom: 2px solid #f5f5f5;
} }
.growth-name { .growth-name {
font-weight: 500; font-weight: bold;
font-size: 18px; font-size: 18px;
color: #0071ed; color: #0071ed;
} }
@@ -328,7 +336,7 @@ export default {
background-size: 100% 100%; background-size: 100% 100%;
.nav-title { .nav-title {
font-weight: 700; font-weight: 700;
font-size: 22px; font-size: 18px;
margin-right: 10%; margin-right: 10%;
} }
.nav-total { .nav-total {