mirror of https://github.com/nocodb/nocodb
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
41 lines
797 B
41 lines
797 B
2 years ago
|
<template>
|
||
|
|
<a v-if="value">{{ currency }}</a>
|
||
|
|
<span v-else />
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: 'CurrencyCell',
|
||
|
|
props: {
|
||
|
|
column: Object,
|
||
|
|
value: [String, Number]
|
||
|
|
},
|
||
|
|
computed: {
|
||
|
|
currency() {
|
||
|
|
try {
|
||
|
|
return isNaN(this.value)
|
||
|
|
? this.value
|
||
|
|
: new Intl.NumberFormat(this.currencyMeta.currency_locale || 'en-US',
|
||
|
|
{ style: 'currency', currency: this.currencyMeta.currency_code || 'USD' })
|
||
|
|
.format(this.value)
|
||
|
|
} catch (e) {
|
||
|
|
return this.value
|
||
|
|
}
|
||
|
|
},
|
||
|
|
currencyMeta() {
|
||
|
|
return {
|
||
|
|
currency_locale: 'en-US',
|
||
|
|
currency_code: 'USD',
|
||
|
|
...(this.column && this.column.meta
|
||
|
|
? this.column.meta
|
||
|
|
: {})
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped>
|
||
|
|
|
||
|
|
</style>
|