From 2ea2421f7ce4690a9181095c00b2cd954abfecd0 Mon Sep 17 00:00:00 2001
From: Yu Sung <hwchon1234@gmail.com>
Date: Tue, 2 Jan 2024 05:26:24 +0900
Subject: [PATCH] =?UTF-8?q?=EC=BF=A0=ED=8F=B0=20=EB=B2=88=ED=98=B8=20?=
 =?UTF-8?q?=EB=A6=AC=EC=8A=A4=ED=8A=B8=20-=204=EC=9E=90=EB=A6=AC=20?=
 =?UTF-8?q?=EB=A7=88=EB=8B=A4=20=ED=95=98=EC=9D=B4=ED=94=88=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Can/CanCoupon.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/views/Can/CanCoupon.vue b/src/views/Can/CanCoupon.vue
index b6e75d3..5c1b762 100644
--- a/src/views/Can/CanCoupon.vue
+++ b/src/views/Can/CanCoupon.vue
@@ -202,7 +202,7 @@
               </template>
 
               <template v-slot:item.couponNumber="{ item }">
-                {{ item.couponNumber }}
+                {{ formatWithHyphens(item.couponNumber) }}
               </template>
 
               <template v-slot:item.isUsed="{ item }">
@@ -431,6 +431,14 @@ export default {
       this.coupon_number_count = null
     },
 
+    formatWithHyphens(value) {
+      const chunks = [];
+      for (let i = 0; i < value.length; i += 4) {
+        chunks.push(value.substr(i, 4));
+      }
+      return chunks.join('-');
+    },
+
     async getCouponList() {
       this.isLoading = true
       try {