mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-student.git
synced 2025-12-07 01:46:46 +08:00
提交
This commit is contained in:
@@ -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 {
|
||||||
|
|||||||
@@ -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
|
||||||
>
|
>
|
||||||
|
|||||||
Reference in New Issue
Block a user