fix: move package create button to top right (#43)

* fix: move package create button to top right

* fix: move product and product group save button

* fix: make button stick to top right

* fix: product => price input debounce

* fix: product => installmentNo default

---------

Co-authored-by: puriphatt <puriphat@frappet.com>

src/components/04_product-service/PriceDataComponent.vue

@@ -111,6 +111,7 @@ withDefaults(
         :readonly="readonly"
         :borderless="readonly"
         hide-bottom-space
+        debounce="500"
         class="col-4"
         :label="$t('productService.product.salePrice')"
         :model-value="commaInput(price?.toString() || '0')"
@@ -136,6 +137,7 @@ withDefaults(
         :readonly="readonly"
         :borderless="readonly"
         hide-bottom-space
+        debounce="500"
         class="col-4"
         :label="$t('productService.product.agentPrice')"
         :model-value="commaInput(agentPrice?.toString() || '0')"
@@ -161,6 +163,7 @@ withDefaults(
         :readonly="readonly"
         :borderless="readonly"
         hide-bottom-space
+        debounce="500"
         class="col-4"
         :label="$t('productService.product.processingPrice')"
         :model-value="commaInput(serviceCharge?.toString() || '0')"

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

@@ -1211,7 +1211,7 @@ function submitAddWorkProduct() {
     if (!productExists) {
       workItems.value[currentWorkIndex.value].product.push({
         ...i,
-        installmentNo: 1,
+        installmentNo: splitPay.value > 0 ? 1 : 0,
         nameEn: '',
       });
       workItems.value[currentWorkIndex.value].attributes.stepProperties.forEach(
@@ -3009,6 +3009,7 @@ watch(
   <DialogForm
     v-model:modal="dialogInputForm"
     noAddress
+    hide-footer
     :title="$t(`productService.${productMode}.addTitle`)"
     :submit="() => submitGroup()"
     :close="clearFormGroup"
@@ -3098,6 +3099,14 @@ watch(
         }"
         style="height: 100%; max-height: 100%; overflow-y: auto"
       >
+        <div
+          class="q-py-md q-px-lg"
+          style="position: absolute; z-index: 99999; top: 0; right: 0"
+        >
+          <div class="surface-1 row rounded">
+            <SaveButton id="btn-info-basic-save" icon-only type="submit" />
+          </div>
+        </div>
         <!-- :isType="productMode === 'type'" -->
         <BasicInformation
           ide="form-group"
@@ -3466,6 +3475,7 @@ watch(
 
   <!-- add Product -->
   <DialogForm
+    hide-footer
     v-model:modal="dialogProduct"
     :title="$t('productService.product.addTitle')"
     :submit="
@@ -3571,6 +3581,14 @@ watch(
         }"
         style="height: 100%; max-height: 100%; overflow-y: auto"
       >
+        <div
+          class="q-py-md q-px-lg"
+          style="position: absolute; z-index: 99999; top: 0; right: 0"
+        >
+          <div class="surface-1 row rounded">
+            <SaveButton id="btn-info-basic-save" icon-only type="submit" />
+          </div>
+        </div>
         <BasicInfoProduct
           v-if="productTab === 1"
           v-model:detail="formDataProduct.detail"
@@ -3782,6 +3800,7 @@ watch(
 
   <!-- add service -->
   <DialogForm
+    hide-footer
     no-address
     no-app-box
     height="95vh"
@@ -3936,7 +3955,7 @@ watch(
         style="height: 100%; max-height: 100%; overflow-y: auto"
       >
         <div
-          class="surface-1 rounded q-my-md q-mx-lg row items-center"
+          class="surface-1 rounded q-my-md q-mx-lg items-center row"
           style="position: absolute; z-index: 999; top: 0; right: 0"
           v-if="actionDisplay && !currentNoAction"
         >
@@ -3978,6 +3997,7 @@ watch(
               @click="serviceTreeView = false"
             />
           </div>
+          <SaveButton id="btn-info-basic-save" icon-only type="submit" />
         </div>
         <BasicInformation
           v-if="serviceTab === 1"