From 33cea67e88a7373781c000610c75b0eee2f2e347 Mon Sep 17 00:00:00 2001
From: bum12ark <bum12ark@gmail.com>
Date: Wed, 16 Mar 2022 19:44:14 +0900
Subject: [PATCH] =?UTF-8?q?style(customer-vue):=20Juist=20Pick-up=20?=
 =?UTF-8?q?=EC=A3=BC=EB=AC=B8=EB=82=B4=EC=97=AD=20=EC=95=84=EC=9D=B4?=
 =?UTF-8?q?=ED=85=9C=20=ED=91=9C=EA=B8=B0=EB=B2=95=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 1건 이상일 시 외 n건으로 표기
---
 customer-vue/src/views/OrderHistory.vue | 21 ++++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/customer-vue/src/views/OrderHistory.vue b/customer-vue/src/views/OrderHistory.vue
index 20a4f9e..639885b 100644
--- a/customer-vue/src/views/OrderHistory.vue
+++ b/customer-vue/src/views/OrderHistory.vue
@@ -79,20 +79,27 @@ export default {
       const orders = data.orders;
 
       orders.forEach( (order) => {
-        let orderItemNames = [];
-        order.orderItems.forEach(orderItem => {
-          orderItemNames.push(orderItem.orderItemName);
-        })
-
         this.cards.push({
           orderId: order.orderId,
           orderTime: order.orderTime,
           storeName: order.storeName,
           orderPrice: order.orderPrice,
-          orderStatus: order.orderStatus,
-          orderItemNames: orderItemNames.join(", ")
+          orderStatus: this.getOrderStatusName(order.orderStatus),
+          orderItemNames: this.getOrderItemName(order.orderItems)
         })
       });
+    },
+    getOrderStatusName(orderStatus) {
+      if (orderStatus === "REJECT") return "주문 거절";
+      if (orderStatus === "ORDER") return "주문 중";
+      if (orderStatus === "PLACED") return "주문 수락";
+      return orderStatus;
+    },
+    getOrderItemName(orderItems) {
+      const itemSize = orderItems.length;
+      if (itemSize == 1) return orderItems[0].orderItemName;
+      else if (itemSize > 1) return orderItems[0].orderItemName + " 외 " + (itemSize - 1) + "건";
+      else return "없음";
     }
   }
 }