From b8694dc00a9d006a0a3a7f3045a426e0b4e72568 Mon Sep 17 00:00:00 2001
From: 1that <georgiOlio@yandex.ru>
Date: Sat, 21 Dec 2024 17:57:05 +0300
Subject: [PATCH] fix order detail

---
 frontend/src/ui/uikit/items/OrderDetail.vue | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/frontend/src/ui/uikit/items/OrderDetail.vue b/frontend/src/ui/uikit/items/OrderDetail.vue
index ac48f47..bfe921b 100644
--- a/frontend/src/ui/uikit/items/OrderDetail.vue
+++ b/frontend/src/ui/uikit/items/OrderDetail.vue
@@ -2,31 +2,33 @@
 import { ref, onMounted } from 'vue'
 import { useRoute } from 'vue-router'
 import Order from '../../../api/models/order'
-import { getOrderById } from '../../../api/request';
+import { getOrderById } from '../../../api/request'
 
-const route = useRoute();
-const orderId = route.params.id as string;
-const order = ref<Order>();
+const route = useRoute()
+const orderId = route.params.order_id as string
+const order = ref<Order | null>(null)
 
 onMounted(() => {
   getOrderById(orderId)
     .then((response) => {
       order.value = response
       console.log(order.value)
+      const date = new Date(order.value.date_time)
+      order.value.date_time = date
     })
 })
 
 function formatDate(dateTime: string): string {
-  const date = new Date(dateTime);
-  const month = date.getMonth() + 1 < 10 ? `0${date.getMonth() + 1}` : date.getMonth() + 1;
-  const minutes = date.getMinutes() < 10 ? `0${date.getMinutes()}` : date.getMinutes();
-  return `${date.getDate()}.${month}.${date.getFullYear()} ${date.getHours()}:${minutes}`;
+  const date = new Date(dateTime)
+  const month = date.getMonth() + 1 < 10 ? `0${date.getMonth() + 1}` : date.getMonth() + 1
+  const minutes = date.getMinutes() < 10 ? `0${date.getMinutes()}` : date.getMinutes()
+  return `${date.getDate()}.${month}.${date.getFullYear()} ${date.getHours()}:${minutes}`
 }
 
 </script>
 
 <template>
-  <div class="order-detail">
+  <div v-if="order" class="order-detail">
     <h1>Детали заказа</h1>
     <p>Заказ по адресу: {{ order!.address.city }}, {{ order!.address.street }}, дом {{ order!.address.building }}, подъезд {{ order!.address.entrance }}, этаж {{ order!.address.floor }}, квартира {{ order!.address.door_number }}</p>
     <p>На дату: {{ formatDate(order!.date_time.toISOString()) }}</p>