fix: wrong fetch function

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

@@ -2296,6 +2296,7 @@ watch(inputSearchProductAndService, async () => {
         <q-space />
         <q-input
           outlined
+          style="width: 250px"
           dense
           :label="$t('search')"
           :bg-color="$q.dark.isActive ? 'dark' : 'white'"
@@ -2309,7 +2310,11 @@ watch(inputSearchProductAndService, async () => {
         </q-input>
       </div>
       <div>
-        <AppBox class="row" style="background: none">
+        <AppBox
+          no-padding
+          class="row q-mt-sm q-col-gutter-sm"
+          style="background: none"
+        >
           <div
             class="col-12 text-center"
             v-if="resultSearchProduct?.length === 0"
@@ -2318,7 +2323,6 @@ watch(inputSearchProductAndService, async () => {
           </div>
 
           <div
-            class="q-pa-xs"
             :class="`${$q.screen.gt.sm ? 'col-3 ' : $q.screen.gt.xs ? 'col-6' : 'col-12'}`"
             v-for="i in (!!inputSearchProductAndService
               ? resultSearchProduct
@@ -2731,7 +2735,7 @@ watch(inputSearchProductAndService, async () => {
         dense
         @addProduct="
           async (index) => {
-            await fetchListOfProduct();
+            await fetchListOfProductIsAdd(currentIdType);
             currentWorkIndex = index;
             dialogTotalProduct = true;
           }