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-03-08 10:29:35 +08:00
parent 3313414c70
commit 18d4620729
3 changed files with 53 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -13,10 +13,11 @@
<span class="slogan">对标先进&nbsp;比学赶超</span>
<div class="total-archievement-wrapper">
<div class="total-archievement-rate-wrapper">
<ArchievementCompleteRateComponent />
<ArchievementCompleteRateComponent indicator="续保完成率" percentage=65 />
<ArchievementCompleteRateComponent indicator="车非完成率" percentage=66 />
</div>
<div class="total-archievement-charts-wrapper">
<Archievement />
<ArchievementChart total_archievement="435220" :chart_data="[200, 230, 224, 218, 135, 147, 260, 800]" />
</div>
</div>
<div class="reward-wrapper"></div>
@@ -31,12 +32,12 @@
import { useRouter } from "vue-router";
import { loadStaffInfo } from "@/utils/api/localStorage.js";
import { ElMessage } from "element-plus";
import Archievement from "@/components/ArchievementComponent.vue";
import ArchievementChart from "@/components/ArchievementChartComponent.vue";
import ArchievementCompleteRateComponent from "@/components/ArchievementCompleteRateComponent.vue";
export default {
name: "DesktopArchievement",
components: { Archievement, ArchievementCompleteRateComponent, },
components: { ArchievementChart, ArchievementCompleteRateComponent, },
setup()
{
const router = useRouter();
@@ -123,8 +124,9 @@ export default {
width: 25%;
min-width: 180px;
display: flex;
justify-content: center;
align-items: end;
flex-direction: column;
justify-content: end;
align-items: center;
}
.total-archievement-charts-wrapper {