CPICXIM/desktop_task_schedule
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

保存进度！

Browse Source
This commit is contained in:
Kane Wang
2023-10-27 18:59:50 +08:00
parent 1422c0b781
commit 80ba8da7e0
3 changed files with 81 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
code/web/task_schedule/src/components/DishonorListComponent.vue
View File

@@ -19,6 +19,9 @@
<span>指标落后入营坐席</span>
</div>
</div>
<div class="telsaler-list-wrapper">
<span>开发中……</span>
</div>
</div>
</template>
@@ -46,6 +49,8 @@ export default {
<style scoped lang="scss">
.dishonorlist-wrapper {
display: flex;
flex-direction: column;
height: 240px;
width: 360px;
border-radius: 5px;
@@ -55,10 +60,16 @@ export default {
padding: 10px;
>*+* {
margin-top: 10px;
}
.banner-wrapper {
display: flex;
justify-content: center;
align-items: stretch;
height: 65px;
flex-grow: 0;
img {
// width: 70px;
@@ -80,4 +91,24 @@ export default {
}
}
}
.telsaler-list-wrapper {
flex-grow: 1;
display: flex;
justify-content: center;
align-items: center;
span {
display: block;
text-align: center;
color: rgb(101, 140, 194);
margin-top: 0px;
font: {
size: 2rem;
family: "FZ-ZHUOHEI";
weight: 100;
}
}
}
</style>

143
code/web/task_schedule/src/components/HonorListComponent.vue
View File

@@ -9,39 +9,18 @@
-->
<template>
<div class="honorlist-wrapper">
<span class="title">“90俱乐部”标杆坐席</span>
<div class="reward-wrapper">
<div class="leading-reward-wrapper">
<div class="banner-wrapper">
<img
src="@/assets/img/ranking/medal.png"
alt="领跑奖"
>
<span>领跑奖</span>
</div>
<div class="gainer-wrapper">
<span
v-for="gainer in ui.leadingReward"
:key="gainer"
>{{ gainer }}</span>
</div>
</div>
<div class="advance-reward-wrapper">
<div class="banner-wrapper">
<img
src="@/assets/img/ranking/copper_medal.png"
alt="飞跃奖"
>
<span>飞跃奖</span>
</div>
<div class="gainer-wrapper">
<span
v-for="gainer in ui.advanceReward"
:key="gainer"
>{{ gainer }}</span>
</div>
<div class="banner-wrapper">
<img
src="@/assets/img/ranking/medal.png"
alt=""
>
<div class="title-wrapper">
<span>“90俱乐部”标杆坐席</span>
</div>
</div>
<div class="telsaler-list-wrapper">
<span>开发中……</span>
</div>
</div>
</template>
@@ -81,6 +60,8 @@ export default {
<style scoped lang="scss">
.honorlist-wrapper {
display: flex;
flex-direction: column;
height: 240px;
width: 360px;
border-radius: 5px;
@@ -93,80 +74,54 @@ export default {
>*+* {
margin-top: 10px;
}
}
.title {
display: block;
text-align: center;
.banner-wrapper {
display: flex;
justify-content: center;
align-items: center;
height: 65px;
flex-grow: 0;
font: {
family: "FZ-ZHUOHEI";
size: 1.6rem;
}
color: rgb(245, 178, 11);
img {
width: 65px;
height: 65px;
}
.reward-wrapper {
width: 100%;
display: flex;
justify-content: center;
align-items: stretch;
>*+* {
margin-left: 10px;
}
.leading-reward-wrapper {
width: 165px;
height: 100%;
display: none;
}
.advance-reward-wrapper {
width: 165px;
height: 100%;
display: none;
}
.title-wrapper {
span {
display: block;
margin-top: 5px;
text-align: center;
color: #fff;
color: rgb(245, 178, 11);
margin-top: 0px;
font: {
size: 2rem;
family: "FZ-ZHUOHEI";
weight: 100;
}
}
.banner-wrapper {
display: flex;
justify-content: center;
align-items: center;
img {
width: 30px;
height: 30px;
}
span {
display: inline-block;
text-align: center;
color: #fff;
margin-top: 0px;
font: {
size: 1.5rem;
family: "FZ-ZHUOHEI";
weight: 100;
}
font: {
size: 1.65rem;
family: "FZ-ZHUOHEI";
weight: 100;
}
}
}
}
.telsaler-list-wrapper {
flex-grow: 1;
display: flex;
justify-content: center;
align-items: center;
span {
display: block;
text-align: center;
color: rgb(101, 140, 194);
margin-top: 0px;
font: {
size: 2rem;
family: "FZ-ZHUOHEI";
weight: 100;
}
}
}
</style>

2
code/web/task_schedule/src/components/RankingListComponent.vue
View File

@@ -42,7 +42,7 @@
align="center"
>
<template #default="ranking">
<span class="rankinglist-index">{{ ranking.row.appraiseValue }}</span>
<span class="rankinglist-index">{{ ranking.row.appraiseValue }}%</span>
</template>
</el-table-column>
</el-table>