From 5253bdc9fa97e978bba6e05cb7b7b791ac0fcc5d Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Fri, 21 Jun 2024 11:43:50 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E0=B9=81=E0=B8=AA=E0=B8=94=E0=B8=87?=
 =?UTF-8?q?=E0=B8=A7=E0=B8=B1=E0=B8=99=E0=B8=97=E0=B8=B5=E0=B9=88=E0=B8=AA?=
 =?UTF-8?q?=E0=B8=A3=E0=B9=89=E0=B8=B2=E0=B8=87=20service?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../04_product-service/TotalProductCardComponent.vue        | 6 +++++-
 src/pages/04_product-service/MainPage.vue                   | 1 +
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/04_product-service/TotalProductCardComponent.vue b/src/components/04_product-service/TotalProductCardComponent.vue
index f8a05bce..da04e5e9 100644
--- a/src/components/04_product-service/TotalProductCardComponent.vue
+++ b/src/components/04_product-service/TotalProductCardComponent.vue
@@ -1,6 +1,9 @@
 <script setup lang="ts">
 import { ref } from 'vue';
 import AppBox from 'components/app/AppBox.vue';
+
+import { dateFormat } from 'src/utils/datetime';
+
 const addedProduct = ref<boolean>(false);
 
 import { ProductList, Service } from 'src/stores/product-service/types';
@@ -26,6 +29,7 @@ withDefaults(
     price?: number;
     id?: string;
     process?: number;
+    createdAt?: string;
   }>(),
   {
     isSelected: false,
@@ -158,7 +162,7 @@ withDefaults(
             class="surface-0 rounded q-pa-xs app-text-muted"
             size="20px"
           />
-          10 ม.ค 2024
+          {{ dateFormat(createdAt) }}
         </div>
 
         <div class="q-pr-md" v-if="typeProduct === 'product'">
diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index 44151987..ce260553 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -1123,6 +1123,7 @@ watch(currentStatus, async () => {
               :id="i.id"
               :title="i.name"
               :status="i.status === 'INACTIVE' ? true : false"
+              :created-at="i.createdAt"
               @menuViewDetail="
                 () => {
                   currentIdProduct = i.id;