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-05-24 19:17:00 +08:00
parent 01ae8f3486
commit 7b7b97b343
4 changed files with 133 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -9,54 +9,57 @@
-->
<template>
<div
v-if="ui.showUI"
class="view-wrapper"
tabindex="0"
@keyup.esc="logoutDesktopArchievement()"
>
<div class="center-wrapper">
<span class="slogan">对标先进&nbsp;比学赶超</span>
<div class="total-archievement-wrapper">
<span>总业绩</span>
<span>{{ getTotalArchievement }}</span>
</div>
<div class="archievement-wrapper">
<div class="total-archievement-rate-wrapper">
<ArchievementCompleteRateComponent
indicator="续保完成率"
:percentage="ui.insurance_renewal_rate"
/>
<ArchievementCompleteRateComponent
indicator="车非渗透率"
:percentage="ui.attaching_rate"
/>
<div
v-if="ui.showUI"
class="view-wrapper"
>
<div class="center-wrapper">
<span class="slogan">对标先进&nbsp;比学赶超</span>
<div class="total-archievement-wrapper">
<span>总业绩</span>
<span>{{ getTotalArchievement }}</span>
</div>
<div
class="total-archievement-charts-wrapper"
>
<ArchievementChart
:chart-data="ui.chartData"
<div class="archievement-wrapper">
<div class="total-archievement-rate-wrapper">
<ArchievementCompleteRateComponent
indicator="续保完成率"
:percentage="ui.insurance_renewal_rate"
/>
<ArchievementCompleteRateComponent
indicator="车非渗透率"
:percentage="ui.attaching_rate"
/>
</div>
<div
class="total-archievement-charts-wrapper"
>
<ArchievementChart
:chart-data="ui.chartData"
/>
</div>
</div>
<div class="reward-wrapper">
<HonorListComponent
:month="ui.currentMonth"
:leading-reward="ui.leading_reward_gainers"
:advance-reward="ui.advance_reward_gainers"
/>
<DishonorListComponent
:month="ui.currentMonth"
:dishonor-persons="ui.dishonorPersons"
/>
</div>
</div>
<div class="reward-wrapper">
<HonorListComponent
:month="ui.currentMonth"
:leading-reward="ui.leading_reward_gainers"
:advance-reward="ui.advance_reward_gainers"
/>
<DishonorListComponent
:month="ui.currentMonth"
:dishonor-persons="ui.dishonorPersons"
/>
</div>
<div class="right-wrapper" />
</div>
<div class="right-wrapper" />
</div>
</template>
<script lang="ts">
import { computed, reactive, onBeforeMount } from "vue";
import { computed, reactive, onBeforeMount, onUnmounted } from "vue";
import { useRouter } from "vue-router";
import { getCallerInfo } from "@/utils/api/localStorage.js";
import { ElMessage } from "element-plus";
@@ -94,6 +97,7 @@ export default {
dishonorPersons: ["",],
showUI: true, // 用来刷新页面的开关
});
let timerHandler = 0;
const getTotalArchievement = computed(() =>
{
@@ -149,10 +153,8 @@ export default {
router.push( "/login" );
}
onBeforeMount(() =>
const refresh = () =>
{
// debugger;
const deparmentInfo:Department =
{
departmentCode: callerInfo.departmentCode,
@@ -160,9 +162,23 @@ export default {
};
queryDepartmentArchievement( deparmentInfo, renderData );
};
onBeforeMount(() =>
{
// 设置每10分钟刷新一次
timerHandler = setInterval( refresh, 5000 );
refresh();
});
return { ui, callerInfo, getTotalArchievement, renderData, logoutDesktopArchievement, };
onUnmounted(():void =>
{
// 退出页面前关掉定时器
clearInterval( timerHandler );
});
return { ui, callerInfo, timerHandler, getTotalArchievement, renderData, refresh, logoutDesktopArchievement, };
},
};
</script>