From 21b4b25110029b6d4f5319dfd231a604671c2b26 Mon Sep 17 00:00:00 2001
From: Net <93821485+somnetsak123@users.noreply.github.com>
Date: Fri, 21 Jun 2024 11:40:42 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E0=B9=81=E0=B8=AA=E0=B8=94=E0=B8=87=20?=
 =?UTF-8?q?service?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/04_product-service/MainPage.vue | 39 +++++++++++++++++++++++
 1 file changed, 39 insertions(+)

diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index a346ef62..44151987 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -877,6 +877,7 @@ watch(currentStatus, async () => {
                   currentIdType = v.id;
                   productMode = 'service';
                   await fetchListOfProduct(currentIdType);
+                  await fetchListOfService();
                 }
               "
             />
@@ -1081,6 +1082,11 @@ watch(currentStatus, async () => {
           <div v-for="i in product" :key="i.id">
             <TotalProductCardComponent
               :data="i"
+              :key="i.id"
+              :code="i.code"
+              :price="i.price"
+              :process="i.process"
+              :id="i.id"
               typeProduct="product"
               :title="i.name"
               :status="i.status === 'INACTIVE' ? true : false"
@@ -1109,6 +1115,39 @@ watch(currentStatus, async () => {
               "
             />
           </div>
+
+          <div v-for="i in service" :key="i.id">
+            <TotalProductCardComponent
+              typeProduct="service"
+              :code="i.code"
+              :id="i.id"
+              :title="i.name"
+              :status="i.status === 'INACTIVE' ? true : false"
+              @menuViewDetail="
+                () => {
+                  currentIdProduct = i.id;
+                  assignFormDataProductService(i.id);
+                  dialogProductEdit = true;
+                }
+              "
+              @menuEdit="
+                () => {
+                  currentIdProduct = i.id;
+                  infoProductEdit = true;
+                  assignFormDataProductService(i.id);
+                  dialogProductEdit = true;
+                }
+              "
+              @viewDetail="
+                () => {
+                  currentIdProduct = i.id;
+                  infoProductEdit = false;
+                  assignFormDataProductService(i.id);
+                  dialogProductEdit = true;
+                }
+              "
+            />
+          </div>
         </div>
       </AppBox>
     </div>