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-06-09 16:37:50 +08:00
parent 80e4b24e4f
commit aa39cc4601
3 changed files with 131 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
code/web/task_schedule/src/views/DesktopArchievement.vue
View File

@@ -31,12 +31,8 @@
:percentage="ui.attaching_rate"
/>
</div>
<div
class="total-archievement-charts-wrapper"
>
<ArchievementChart
:chart-data="ui.chartData"
/>
<div class="total-archievement-charts-wrapper">
<ArchievementChart :chart-data="ui.chartData" />
</div>
</div>
<div class="reward-wrapper">
@@ -52,8 +48,35 @@
</div>
</div>
<div class="right-wrapper">
<RankingListComponent />
<RankingListComponent />
<h1>本大爷</h1>
<div class="carousel-item">
<el-carousel
arrow="never"
indicator-position="none"
>
<el-carousel-item
:key="1"
>
<RankingListComponent :ranking-list="ui.attachingRankingList" />
</el-carousel-item>
<el-carousel-item :key="2">
<RankingListComponent :ranking-list="ui.renewalRankingList" />
</el-carousel-item>
</el-carousel>
</div>
<div class="carousel-item">
<el-carousel
arrow="never"
indicator-position="none"
>
<el-carousel-item :key="1">
<RankingListComponent :ranking-list="ui.attachingRankingList" />
</el-carousel-item>
<el-carousel-item :key="2">
<RankingListComponent :ranking-list="ui.renewalRankingList" />
</el-carousel-item>
</el-carousel>
</div>
</div>
</div>
</template>
@@ -134,7 +157,7 @@ export default {
});
// 保存业绩数据
const applyArchievementData = ( data:Archievement ) =>
const applyArchievementData = ( data: Archievement ) =>
{
console.log( "部门业绩数据", data );
@@ -155,13 +178,15 @@ export default {
const applyRankingListData = ( data: RankingListResponse ): void =>
{
ui.attachingRankingList = data.attachingRankingList;
ui.renewalRankingList = data.renewalRankintList;
ui.attachingRankingList = data.attachingRateRankingList;
ui.renewalRankingList = data.renewalRateRankingList;
// 更新UI
// 先不显示界面，往队列中加入显示队列的回调，让vue刷新组件。
ui.showUI = false;
console.log( "获取排行榜后的ui:", data );
setTimeout(() => { ui.showUI = true; }, 0 );
};
@@ -191,7 +216,7 @@ export default {
*/
const refresh = () =>
{
const deparmentInfo:Department =
const deparmentInfo: Department =
{
departmentCode: callerInfo.departmentCode,
departmentName: callerInfo.departmentName,
@@ -214,7 +239,7 @@ export default {
onBeforeMount(() =>
{
// 设置每10分钟刷新一次
timerHandler = setInterval( refresh, 5000 );
timerHandler = setInterval( refresh, 600 * 1000 );
refresh();
});
@@ -222,7 +247,7 @@ export default {
/**
* 页面卸载前
*/
onUnmounted(():void =>
onUnmounted((): void =>
{
// 退出页面前关掉定时器
clearInterval( timerHandler );
@@ -358,8 +383,26 @@ export default {
justify-content: center;
align-items: flex-start;
>*+* {
margin-top: 15px;
// >*+* {
// margin-top: 15px;
// }
> h1 {
font: {
family: "FZ-ZHUOHEI";
weight: 100;
size: 30px;
}
color: $color-bg-04;
text-align: center;
width: 300px;
}
> div {
display: block;
height: 260px;
width: 300px;
}
}
</style>