From 4e783d2700690b2ec42c8677ce746aecb305ae06 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=9Chyeonggkim=E2=80=9D?= <“hyeonggkim@smilegate.com”> Date: Tue, 2 Dec 2025 14:40:30 +0900 Subject: [PATCH] =?UTF-8?q?refactor:=20[PWT-103]=20[front]=20=EB=B3=B4?= =?UTF-8?q?=EC=95=88=EA=B0=95=ED=99=94=EC=BA=A0=ED=8E=98=EC=9D=B8=20>=20?= =?UTF-8?q?=EC=96=B8=EC=96=B4=EB=B3=84=20=EB=B9=84=EB=85=B8=EC=B6=9C=20?= =?UTF-8?q?=EB=8C=80=EC=83=81=20=EB=A9=94=EB=89=B4=EA=B0=80=20=EB=85=B8?= =?UTF-8?q?=EC=B6=9C=EB=90=98=EB=8A=94=20=EC=98=A4=EB=A5=98?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- layers/templates/FxSecure01/index.vue | 162 ++++++++++++++++++++------ 1 file changed, 126 insertions(+), 36 deletions(-) diff --git a/layers/templates/FxSecure01/index.vue b/layers/templates/FxSecure01/index.vue index 9699ebe..f8b4be7 100644 --- a/layers/templates/FxSecure01/index.vue +++ b/layers/templates/FxSecure01/index.vue @@ -23,7 +23,7 @@ const resultGetMultilingual = await useGetMultilingual({ baseApiUrl: dataResourcesUrl, fileName: multilingualFileName, }) -const { tm }: any = useI18n({ +const { tm, locale }: any = useI18n({ useScope: 'local', messages: Object(resultGetMultilingual?.value?.multilingual), }) @@ -88,7 +88,7 @@ const backgroundData = computed(() => // Computed const secureCards = computed(() => { - return [ + const allCards = [ { id: 'SECURE_CARD_0', title: tm('Secure_Stove_otp') || '스토브 인증기 (OTP)', @@ -112,7 +112,7 @@ const secureCards = computed(() => { benefitTitle: '', benefitDesc: '', benefitIcon: '', - buttonDisabled: true, + buttonDisabled: false, url: tm('Secure_AbroadLogin_Url'), }, { @@ -129,6 +129,12 @@ const secureCards = computed(() => { url: tm('Secure_PcRegister_Url'), }, ] + + // 한국어일 때는 모든 카드 노출, 그 외 언어일 때는 SECURE_CARD_0만 노출 + if (locale.value === 'ko') { + return allCards + } + return allCards.filter(card => card.id === 'SECURE_CARD_0') }) // 유의사항 내용 다국어 조회 const cautionText = computed(() => { @@ -150,42 +156,65 @@ onMounted(() => {
-
- +
+

- {{ tm('Secure_Section_Title') || '보안 서비스' }} + {{ tm('Secure_Page_Title') || 'Security Settings' }}

- {{ - tm('Secure_Section_Description') || - '*OTP / 해외 로그인 차단 / 지정 PC 관리 설정하고, 로드나인 계정을 보다 안전하게 보호하세요.' - }} + *{{ tm('Secure_Global_Desc') || 'Set up the STOVE Authenticator to better protect your account.' }}

- -
+ +
+
+
{{ card.title }}

{{ card.description }}

@@ -217,38 +256,64 @@ onMounted(() => {
{{ card.benefitTitle }}
{{ card.benefitDesc }}
@@ -260,7 +325,7 @@ onMounted(() => { v-if="card.status === 'N'" type="external" button-size="size-small md:size-large" - background-color="#000000" + background-color="#383838" text-color="#FFFFFF" @click=" isLogin @@ -295,15 +360,25 @@ onMounted(() => {
+
-
- -
+ +
{{ tm('Secure_Notice') }}
@@ -312,11 +387,26 @@ onMounted(() => { v-for="caution in cautionText" :key="caution" v-dompurify-html="caution" - class="relative pl-[22px] before:content-[''] before:absolute before:top-[10px] before:left-[9px] before:w-[3px] before:h-[3px] before:rounded-full before:bg-[#999999] text-[#999999] text-[14px] font-[400] leading-[24px] tracking-[-0.42px]" + :class="[ + 'relative pl-[22px] before:content-[\'\'] before:absolute before:top-[10px] before:left-[9px] before:w-[3px] before:h-[3px] before:rounded-full before:bg-[#999999] text-[#999999] font-[400]', + locale === 'ko' + ? 'text-[14px] leading-[24px] tracking-[-0.42px]' + : 'text-[14px] leading-[24px] tracking-[-0.42px]', + ]" > +
+ +