customUseYNTextColor.vue 539 B

12345678910111213141516171819202122
  1. <template>
  2. <span class="color-nm-blue" :class="[params.data.useYN == 'Y' ? 'color-blue2' : '']">{{ getUseYnText(params.value) }}</span>
  3. </template>
  4. <script setup>
  5. import { useI18n } from 'vue-i18n';
  6. // props
  7. const props = defineProps({
  8. params: Object,
  9. })
  10. const i18n = useI18n()
  11. const getUseYnText = computed(() => {
  12. return (val) => {
  13. if(!useUtil.isNull(val)) {
  14. // 다국어처리 하기
  15. return val === 'Y' ? i18n.t('common.enabled') : i18n.t('common.disabled')
  16. }
  17. }
  18. })
  19. </script>