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>