style(owner-vue): 주문 실패 추가로 인한 화면 변경

owner-vue/src/components/OrderCard.vue

@@ -67,6 +67,13 @@
             </v-btn>
           </v-col>
         </v-row>
+        <v-row v-else-if="orderStatus === 'FAILED'">
+          <v-col>
+            <v-btn block disabled>
+              주문 실패
+            </v-btn>
+          </v-col>
+        </v-row>
       </v-card-actions>
     </v-card>
   </div>

owner-vue/src/components/OrderDetailDialog.vue

@@ -21,6 +21,7 @@
       <v-card-text class="pa-12">
         <v-row>
           <v-col cols="12" sm="6">
+            <h1>{{orderInfo.storeName}}</h1><br>
             <h3>{{orderId}}. {{orderInfo.orderStatus | getOrderStatusName }}</h3><br>
             주문일시: {{ orderInfo.orderTime }}<br>
             주 문 자: {{ user.name }}<br>
@@ -131,7 +132,8 @@ export default {
         id: orderDetail.id,
         orderTime: orderDetail.orderTime,
         orderPrice: orderDetail.orderPrice,
-        orderStatus: orderDetail.orderStatus
+        orderStatus: orderDetail.orderStatus,
+        storeName: orderDetail.storeName
       };
 
       const orderItems = orderDetail.orderItems;

owner-vue/src/main.js

@@ -27,8 +27,10 @@ Vue.filter('getOrderStatusName', function (orderStatus) {
       return "픽업대기중";
     case "FINISHED":
       return "픽업완료됨";
+    case "FAILED":
+      return "주문실패";
     default:
-      break;
+      return orderStatus;
   }
 });