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

提交

Browse Source
This commit is contained in:
Pengxiansen
2025-02-27 00:53:18 +08:00
parent c548b3cc18
commit b90f81ec17
2 changed files with 40 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -27,7 +27,7 @@
</div> </div>
<div class="nav"> <div class="nav">
<div class="tabs"> <div class="tabs">
<template v-if="selectGrowth.electiveTaskNum !== 0"> <!-- <template v-if="selectGrowth.electiveTaskNum !== 0"> -->
<div <div
class="tabs-item" class="tabs-item"
:class="queryParams.type == 1 ? 'active' : ''" :class="queryParams.type == 1 ? 'active' : ''"
@@ -44,7 +44,7 @@
<div class="tabs-text">选修</div> <div class="tabs-text">选修</div>
<div class="tabs-line"></div> <div class="tabs-line"></div>
</div> </div>
</template> <!-- </template> -->
</div> </div>
<div style="display: flex"> <div style="display: flex">
<el-select <el-select
@@ -282,41 +282,43 @@
</div> </div>
</div> </div>
</div> </div>
<div style="margin-top: 31px"> <!-- <template v-if="selectGrowth.electiveTaskNum !== 0"> -->
<div class="progressBox"> <div style="margin-top: 31px">
<div style="display: flex; align-items: center"> <div class="progressBox">
<div style="margin-right: 8px">选修进度</div> <div style="display: flex; align-items: center">
<el-tooltip <div style="margin-right: 8px">选修进度</div>
class="item" <el-tooltip
effect="light" class="item"
:content="`还需完成${selectGrowth.electivePoorNum}个选修任务`" effect="light"
placement="top-start" :content="`还需完成${selectGrowth.electivePoorNum}个选修任务`"
> placement="top-start"
<el-icon color="#FE9100"><QuestionFilled /></el-icon> >
</el-tooltip> <el-icon color="#FE9100"><QuestionFilled /></el-icon>
</div> </el-tooltip>
<div class="progress">
<div style="flex: 1">
<el-progress
:percentage="electiveProgress"
:show-text="false"
:stroke-width="8"
color="#FE9100"
/>
</div> </div>
<div <div class="progress">
style=" <div style="flex: 1">
font-size: 14px; <el-progress
font-weight: 500; :percentage="electiveProgress"
margin-left: 10px; :show-text="false"
color: #677d86; :stroke-width="8"
" color="#FE9100"
> />
{{ electiveProgress }}% </div>
<div
style="
font-size: 14px;
font-weight: 500;
margin-left: 10px;
color: #677d86;
"
>
{{ electiveProgress }}%
</div>
</div> </div>
</div> </div>
</div> </div>
</div> <!-- </template> -->
</div> </div>
</div> </div>
</div> </div>
@@ -974,6 +976,7 @@ function toOffcoursePlanPage(item) {
.info .rate .ratebtn { .info .rate .ratebtn {
width: 70px; width: 70px;
min-width: 70px;
height: 28px; height: 28px;
border: 1px solid #f2903d; border: 1px solid #f2903d;
border-radius: 4px; border-radius: 4px;

8
src/views/growth/growthRoadmap.vue
View File

@@ -29,7 +29,7 @@
<el-affix :offset="0"> <el-affix :offset="0">
<div class="nav"> <div class="nav">
<div class="tabs"> <div class="tabs">
<template v-if="selectGrowth.electiveTaskNum !== 0"> <!-- <template v-if="selectGrowth.electiveTaskNum !== 0"> -->
<div <div
class="tabs-item" class="tabs-item"
:class="queryParams.type == 1 ? 'active' : ''" :class="queryParams.type == 1 ? 'active' : ''"
@@ -46,7 +46,7 @@
<div class="tabs-text">选修</div> <div class="tabs-text">选修</div>
<div class="tabs-line"></div> <div class="tabs-line"></div>
</div> </div>
</template> <!-- </template> -->
</div> </div>
<div style="display: flex"> <div style="display: flex">
<el-select <el-select
@@ -111,7 +111,7 @@
<template v-if="selectGrowth.template == 2"> <template v-if="selectGrowth.template == 2">
<div class="nav"> <div class="nav">
<div class="tabs"> <div class="tabs">
<template v-if="selectGrowth.electiveTaskNum !== 0"> <!-- <template v-if="selectGrowth.electiveTaskNum !== 0"> -->
<div <div
class="tabs-item" class="tabs-item"
:class="queryParams.type == 1 ? 'active' : ''" :class="queryParams.type == 1 ? 'active' : ''"
@@ -128,7 +128,7 @@
<div class="tabs-text">选修</div> <div class="tabs-text">选修</div>
<div class="tabs-line"></div> <div class="tabs-line"></div>
</div> </div>
</template> <!-- </template> -->
</div> </div>
<div style="display: flex"> <div style="display: flex">
<el-select <el-select