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 {