fix(04): search id, flow dialog

src/pages/04_product-service/MainPage.vue

@@ -6,6 +6,7 @@ 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';
@@ -156,6 +157,7 @@ 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>();
@@ -1402,6 +1404,11 @@ async function fetchImageList(
   return res;
 }
 
+function openFlowDialog() {
+  flowDialog.value = true;
+  console.log('flow call');
+}
+
 onMounted(async () => {
   utilsStore.currentTitle.title = 'productService.title';
   utilsStore.currentTitle.path = [
@@ -1581,6 +1588,14 @@ 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">
@@ -2243,6 +2258,7 @@ watch(
                 class="row justify-between items-center q-px-md q-py-sm surface-3 bordered-b"
               >
                 <q-input
+                  for="input-search"
                   :class="{ 'col-12': $q.screen.lt.md }"
                   outlined
                   dense
@@ -4595,6 +4611,8 @@ watch(
       </div>
     </template>
   </ImageUploadDialog>
+
+  <FlowDialog v-model="flowDialog" />
 </template>
 
 <style scoped>