From e3210abbd75a38bfe8e16f7d7f0a269f757ef39e Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Thu, 10 Oct 2024 13:40:26 +0700
Subject: [PATCH] refactor: handle mode

---
 src/components/05_quotation/ProductItem.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/05_quotation/ProductItem.vue b/src/components/05_quotation/ProductItem.vue
index 10bb420e..394a196c 100644
--- a/src/components/05_quotation/ProductItem.vue
+++ b/src/components/05_quotation/ProductItem.vue
@@ -14,6 +14,7 @@ import { QuotationPayload } from 'stores/quotations/types';
 import { formatNumberDecimal } from 'stores/utils';
 import { useConfigStore } from 'stores/config';
 import { Product, Service, Work } from 'src/stores/product-service/types';
+import { read } from 'fs';
 
 defineProps<{
   readonly?: boolean;
@@ -319,9 +320,10 @@ watch(
               </q-td>
               <q-td align="center">
                 <q-input
+                  :readonly="readonly"
                   dense
                   outlined
-                  type="number"
+                  :type="readonly ? 'text' : 'number'"
                   style="width: 70px"
                   min="0"
                   v-model="props.row.amount"
@@ -338,11 +340,12 @@ watch(
               </q-td>
               <q-td align="center">
                 <q-input
+                  :readonly="readonly"
                   dense
                   min="0"
                   outlined
                   input-class="text-right"
-                  type="number"
+                  :type="readonly ? 'text' : 'number'"
                   style="width: 90px"
                   v-model="props.row.discount"
                 />