Compare commits

..

No commits in common. "631ee1170de2de0d9a7dd237f078511123b8aef5" and "14cd4df5bbbe703b391f5a24213be30c700e7535" have entirely different histories.

3 changed files with 278 additions and 1744 deletions

File diff suppressed because it is too large Load Diff

View File

@ -16,7 +16,6 @@
"echarts": "^5.4.2",
"element-plus": "^2.3.5",
"moment": "^2.29.4",
"sass-loader": "^13.3.1",
"vue": "^3.3.4",
"vue-router": "^4.2.1",
"vuex": "^4.1.0"
@ -30,9 +29,7 @@
"eslint-config-recommended": "^4.1.0",
"eslint-config-standard-with-typescript": "^34.0.1",
"eslint-plugin-vue": "^9.14.1",
"node-sass": "^9.0.0",
"sass": "^1.62.1",
"style-loader": "^3.3.3",
"typescript": "^5.0.4",
"vue-eslint-parser": "^9.3.0"
}

View File

@ -9,49 +9,52 @@
-->
<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>
@ -164,7 +167,7 @@ export default {
onBeforeMount(() =>
{
// 10
// timerHandler = setInterval( refresh, 5000 );
timerHandler = setInterval( refresh, 5000 );
refresh();
});
@ -189,7 +192,7 @@ export default {
width: 100vw;
padding: 5mm;
display: flex;
justify-content: flex-end;
justify-content: end;
align-items: stretch;
}