This commit is contained in:
Pengxiansen
2025-02-27 16:40:43 +08:00
parent 1a69a04998
commit 1ffc097329
2 changed files with 62 additions and 53 deletions

View File

@@ -28,22 +28,22 @@
<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' : ''"
@click="tabClick(1)" @click="tabClick(1)"
> >
<div class="tabs-text">必修</div> <div class="tabs-text">必修</div>
<div class="tabs-line"></div> <div class="tabs-line"></div>
</div> </div>
<div <div
class="tabs-item" class="tabs-item"
:class="queryParams.type == 2 ? 'active' : ''" :class="queryParams.type == 2 ? 'active' : ''"
@click="tabClick(2)" @click="tabClick(2)"
> >
<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">
@@ -220,9 +220,16 @@
</div> </div>
<div class="rate" v-if="lastLearned"> <div class="rate" v-if="lastLearned">
<div class="ratetext"> <a-tooltip
上次学到:{{ lastLearned.taskName }} placement="topLeft"
</div> :title="lastLearned.taskName"
arrow-point-at-center
style="width: 75%;"
>
<div class="ratetext">
上次学到:{{ lastLearned.taskName }}
</div>
</a-tooltip>
<div <div
v-if="lastLearned" v-if="lastLearned"
class="ratebtn" class="ratebtn"
@@ -283,41 +290,41 @@
</div> </div>
</div> </div>
<!-- <template v-if="selectGrowth.electiveTaskNum !== 0"> --> <!-- <template v-if="selectGrowth.electiveTaskNum !== 0"> -->
<div style="margin-top: 31px"> <div style="margin-top: 31px">
<div class="progressBox"> <div class="progressBox">
<div style="display: flex; align-items: center"> <div style="display: flex; align-items: center">
<div style="margin-right: 8px">选修进度</div> <div style="margin-right: 8px">选修进度</div>
<el-tooltip <el-tooltip
class="item" class="item"
effect="light" effect="light"
:content="`还需完成${selectGrowth.electivePoorNum}个选修任务`" :content="`还需完成${selectGrowth.electivePoorNum}个选修任务`"
placement="top-start" placement="top-start"
> >
<el-icon color="#FE9100"><QuestionFilled /></el-icon> <el-icon color="#FE9100"><QuestionFilled /></el-icon>
</el-tooltip> </el-tooltip>
</div>
<div class="progress">
<div style="flex: 1">
<el-progress
:percentage="electiveProgress"
:show-text="false"
:stroke-width="8"
color="#FE9100"
/>
</div> </div>
<div class="progress"> <div
<div style="flex: 1"> style="
<el-progress font-size: 14px;
:percentage="electiveProgress" font-weight: 500;
:show-text="false" margin-left: 10px;
:stroke-width="8" color: #677d86;
color="#FE9100" "
/> >
</div> {{ electiveProgress }}%
<div
style="
font-size: 14px;
font-weight: 500;
margin-left: 10px;
color: #677d86;
"
>
{{ electiveProgress }}%
</div>
</div> </div>
</div> </div>
</div> </div>
</div>
<!-- </template> --> <!-- </template> -->
</div> </div>
</div> </div>
@@ -967,11 +974,14 @@ function toOffcoursePlanPage(item) {
} }
.info .rate .ratetext { .info .rate .ratetext {
// width: 259px;
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
color: #677d86; color: #677d86;
line-height: 24px; line-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
} }
.info .rate .ratebtn { .info .rate .ratebtn {

View File

@@ -68,8 +68,7 @@
/> />
<el-button <el-button
icon="Search" icon="Search"
style="margin-left: 20px" style="margin-left: 20px; background-color: #0077ec; color: #fff"
type="primary"
@click="getList" @click="getList"
>搜索</el-button >搜索</el-button
> >