From 0c4e8b8fcb402cc9a235ff4a60e7d2f863fa5202 Mon Sep 17 00:00:00 2001
From: Yu Sung <hwchon1234@gmail.com>
Date: Sat, 11 Oct 2025 04:14:00 +0900
Subject: [PATCH] =?UTF-8?q?feat(admin-can-status):=20=ED=99=94=ED=8F=90?=
 =?UTF-8?q?=EB=8B=A8=EC=9C=84=20=EC=B6=94=EA=B0=80,=20=EC=B6=A9=EC=A0=84?=
 =?UTF-8?q?=EA=B8=88=EC=95=A1=EC=97=90=20NumberFormat=20style:=20currency?=
 =?UTF-8?q?=20=EC=A0=81=EC=9A=A9=ED=95=98=EC=97=AC=20=ED=99=94=ED=8F=90?=
 =?UTF-8?q?=EB=8B=A8=EC=9C=84=20=ED=91=9C=EC=8B=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/charge_status.js    |  7 +++++--
 src/views/Can/CanStatus.vue | 21 ++++++++++++++++++---
 2 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/src/api/charge_status.js b/src/api/charge_status.js
index 2e49658..6859cac 100644
--- a/src/api/charge_status.js
+++ b/src/api/charge_status.js
@@ -4,8 +4,11 @@ async function getChargeStatus(startDate, endDate) {
     return Vue.axios.get('/admin/charge/status?startDateStr=' + startDate + '&endDateStr=' + endDate);
 }
 
-async function getChargeStatusDetail(startDate, paymentGateway) {
-    return Vue.axios.get('/admin/charge/status/detail?startDateStr=' + startDate + '&paymentGateway=' + paymentGateway);
+async function getChargeStatusDetail(startDate, paymentGateway, currency) {
+    return Vue.axios.get('/admin/charge/status/detail?startDateStr=' + startDate
+      + '&paymentGateway=' + paymentGateway
+      + '&currency=' + currency
+    );
 }
 
 export { getChargeStatus, getChargeStatusDetail }
diff --git a/src/views/Can/CanStatus.vue b/src/views/Can/CanStatus.vue
index feadbef..def15eb 100644
--- a/src/views/Can/CanStatus.vue
+++ b/src/views/Can/CanStatus.vue
@@ -62,7 +62,7 @@
             </template>
 
             <template v-slot:item.chargeAmount="{ item }">
-              {{ item.chargeAmount.toLocaleString() }} 원
+              {{ formatMoney(item.chargeAmount, item.currency) }}
             </template>
 
             <template v-slot:item.locale="{ item }">
@@ -107,7 +107,7 @@
               </template>
 
               <template v-slot:item.amount="{ item }">
-                {{ item.amount.toLocaleString() }} 원
+                {{ formatMoney(item.amount, item.locale) }}
               </template>
 
               <template v-slot:item.datetime="{ item }">
@@ -204,6 +204,12 @@ export default {
           sortable: false,
           value: 'chargeCount',
         },
+        {
+          text: '화폐단위',
+          align: 'center',
+          sortable: false,
+          value: 'currency',
+        },
         {
           text: 'PG',
           sortable: false,
@@ -248,6 +254,15 @@ export default {
       this.show_popup_dialog = false
     },
 
+    formatMoney(price, currencyCode, locale = navigator.language) {
+      const formatted = new Intl.NumberFormat(locale, {
+        style: 'currency',
+        currency: currencyCode
+      }).format(price);
+
+      return formatted.replace(/([^\d\s])(\d)/, '$1 $2');
+    },
+
     async getChargeStatus() {
       this.is_loading = true
 
@@ -271,7 +286,7 @@ export default {
         this.is_loading = true
 
         try {
-          const res = await api.getChargeStatusDetail(value.date, value.pg)
+          const res = await api.getChargeStatusDetail(value.date, value.pg, value.currency)
           if (res.status === 200 && res.data.success === true) {
             this.detail_items = res.data.data
             this.show_popup_dialog = true
-- 
2.49.1