From deed7dc639cee94a305f57f5804cb6491d842ef1 Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Fri, 25 Oct 2024 13:26:38 +0700
Subject: [PATCH] refactor: edit layout input

---
 .../WorkManagementComponent.vue               | 31 ++++++++++---------
 1 file changed, 17 insertions(+), 14 deletions(-)

diff --git a/src/components/04_product-service/WorkManagementComponent.vue b/src/components/04_product-service/WorkManagementComponent.vue
index 84784100..66085da1 100644
--- a/src/components/04_product-service/WorkManagementComponent.vue
+++ b/src/components/04_product-service/WorkManagementComponent.vue
@@ -309,18 +309,6 @@ watch(
                   class="row items-center col-md col-12 no-wrap"
                   v-if="productItems"
                 >
-                  <q-input
-                    v-if="!readonly && $q.screen.gt.xs"
-                    outlined
-                    for="input-bankbook"
-                    hide-bottom-space
-                    class="col-2"
-                    dense
-                    type="number"
-                    v-model="product.installmentNo"
-                    min="0"
-                  />
-
                   <q-btn
                     v-if="!readonly && $q.screen.gt.xs"
                     id="btn-product-up"
@@ -449,12 +437,27 @@ watch(
                         ฿{{ formatNumberDecimal(product.serviceCharge, 2) }}
                       </q-tooltip>
                     </span>
+                    <span class="col ellipsis text-weight-bold">
+                      <div class="text-caption app-text-muted-2">
+                        งวดที่จ่าย
+                      </div>
+                      {{ !readonly ? '' : product.installmentNo }}
+                      <q-input
+                        v-if="!readonly && $q.screen.gt.xs"
+                        outlined
+                        for="input-bankbook"
+                        hide-bottom-space
+                        class="col-2"
+                        dense
+                        type="number"
+                        v-model="product.installmentNo"
+                        min="0"
+                      />
+                    </span>
                   </span>
 
                   <span class="col-9 q-mt-sm text-caption app-text-muted-2">
                     {{ $t('productService.product.processingTime') }}
-                  </span>
-                  <span class="col-3 q-mt-sm text-caption app-text-muted-2">
                     {{ product.process }} {{ $t('general.day') }}
                   </span>
                 </div>