AOKB/onboard
1
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Добавлено форматирование дробного числа

Browse Source
This commit is contained in:
brusnitsyn
2026-05-29 10:09:18 +09:00
parent 739168d427
commit a2729428bb
1 changed files with 16 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
resources/js/Pages/Report/Components/ReportWidget.vue
View File

@@ -1,6 +1,7 @@
<script setup>
import AppPanel from "../../../Components/AppPanel.vue";
import {NNumberAnimation, NStatistic} from "naive-ui";
import {NNumberAnimation, NStatistic, enUS} from "naive-ui";
import { computed } from 'vue'
const props = defineProps({
counter: {
@@ -20,6 +21,17 @@ const props = defineProps({
default: false
}
})
const counterPrecision = computed(() => {
if (Number.isNaN(props.counter)) return 0
if (props.counter % 1 !== 0) return 2
return 0
})
const counterSuffixPrecision = computed(() => {
if (Number.isNaN(props.counterSuffix)) return 0
if (props.counterSuffix % 1 !== 0) return 2
return 0
})
</script>
<template>
@@ -31,13 +43,13 @@ const props = defineProps({
<slot />
</template>
<template v-if="isDoubleCounter">
<NNumberAnimation :from="0" :to="counter" />
<NNumberAnimation :from="0" :to="counter" :precision="counterPrecision" :locale="enUS" />
<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" />
<NNumberAnimation :from="0" :to="counterSuffix" :precision="counterSuffixPrecision" :locale="enUS" />
<span v-if="percent" style="color: var(--n-close-icon-color)">%</span>
</template>
<NNumberAnimation v-else :from="0" :to="counter" />
<NNumberAnimation v-else :from="0" :to="counter" :precision="counterPrecision" :locale="enUS" />
<span v-if="percent" style="color: var(--n-close-icon-color)">%</span>
</NStatistic>
</div>