Обновлен стартовый экран
Переписаны запросы для статистики, отчетов Добавлена интеграция отчета сестры
This commit is contained in:
@@ -3,7 +3,22 @@ import AppPanel from "../../../Components/AppPanel.vue";
|
||||
import {NNumberAnimation, NStatistic} from "naive-ui";
|
||||
|
||||
const props = defineProps({
|
||||
to: Number,
|
||||
counter: {
|
||||
type: [String, Number],
|
||||
default: null
|
||||
},
|
||||
isDoubleCounter: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
counterSuffix: {
|
||||
type: [String, Number],
|
||||
default: null
|
||||
},
|
||||
percent: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
}
|
||||
})
|
||||
</script>
|
||||
|
||||
@@ -12,10 +27,18 @@ const props = defineProps({
|
||||
style="--n-padding-top: 0; --n-padding-bottom: 0; --n-padding-left: 8px; --n-padding-right: 8px;">
|
||||
<div class="w-full h-full flex flex items-center justify-center">
|
||||
<NStatistic class="text-center">
|
||||
<NNumberAnimation :from="0" :to="to" />
|
||||
<template #label>
|
||||
<slot />
|
||||
</template>
|
||||
<template v-if="isDoubleCounter">
|
||||
<NNumberAnimation :from="0" :to="counter" />
|
||||
<span v-if="percent" style="color: var(--n-close-icon-color)">%</span>
|
||||
<span style="color: var(--n-close-icon-color)"> / </span>
|
||||
<NNumberAnimation :from="0" :to="counterSuffix" />
|
||||
<span v-if="percent" style="color: var(--n-close-icon-color)">%</span>
|
||||
</template>
|
||||
<NNumberAnimation v-else :from="0" :to="counter" />
|
||||
<span v-if="percent" style="color: var(--n-close-icon-color)">%</span>
|
||||
</NStatistic>
|
||||
</div>
|
||||
</AppPanel>
|
||||
|
||||
Reference in New Issue
Block a user