From 502e845fb643a204305019190b777c24a698ff0c Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Thu, 24 Oct 2024 17:40:03 +0700
Subject: [PATCH] fix(04): summary

---
 src/pages/04_product-service/MainPage.vue | 35 ++++++++++++-----------
 1 file changed, 18 insertions(+), 17 deletions(-)

diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index 799eb4ba..c137213b 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -6,7 +6,6 @@ import { getUserId, getRole } from 'src/services/keycloak';
 import { storeToRefs } from 'pinia';
 import { useQuasar, type QTableProps } from 'quasar';
 
-import FlowDialog from './FlowDialog.vue';
 import ProductCardComponent from 'components/04_product-service/ProductCardComponent.vue';
 import StatCard from 'components/StatCardComponent.vue';
 import DrawerInfo from 'components/DrawerInfo.vue';
@@ -157,7 +156,6 @@ const actionDisplay = computed(() =>
 );
 const holdDialog = ref(false);
 const imageDialog = ref(false);
-const flowDialog = ref(false);
 const currentNode = ref<ProductGroup & { type: string }>();
 const expandedTree = ref<string[]>([]);
 const editByTree = ref<'group' | 'type' | undefined>();
@@ -1404,11 +1402,6 @@ async function fetchImageList(
   return res;
 }
 
-function openFlowDialog() {
-  flowDialog.value = true;
-  console.log('flow call');
-}
-
 onMounted(async () => {
   utilsStore.currentTitle.title = 'productService.title';
   utilsStore.currentTitle.path = [
@@ -1576,6 +1569,24 @@ watch(
   <div class="full-height column no-wrap">
     <div class="text-body-2 q-mb-xs flex items-center">
       {{ $t('general.dataSum') }}
+      <q-badge
+        rounded
+        class="q-ml-sm"
+        style="
+          background-color: hsla(var(--info-bg) / 0.15);
+          color: hsl(var(--info-bg));
+        "
+      >
+        {{
+          productMode === 'group'
+            ? stat[0].count
+            : productMode === 'service'
+              ? stat[1].count
+              : productMode === 'product'
+                ? stat[2].count
+                : 0
+        }}
+      </q-badge>
       <q-btn
         class="q-ml-xs"
         icon="mdi-pin-outline"
@@ -1588,14 +1599,6 @@ watch(
         :style="hideStat ? 'rotate: 90deg' : ''"
         style="transition: 0.1s ease-in-out"
       />
-      <!-- <q-btn
-        label="flow"
-        dense
-        padding="0px 8px"
-        unelevated
-        color="primary"
-        @click="openFlowDialog"
-      /> -->
     </div>
 
     <transition name="slide">
@@ -4611,8 +4614,6 @@ watch(
       </div>
     </template>
   </ImageUploadDialog>
-
-  <FlowDialog v-model="flowDialog" />
 </template>
 
 <style scoped>