From af37904ce069847feb60f03fa7c44d2e24e7cb1c Mon Sep 17 00:00:00 2001
From: puriphatt <puriphat@frappet.com>
Date: Fri, 11 Apr 2025 11:12:13 +0700
Subject: [PATCH] refactor: add readonly and disable properties to checkboxes
 and selects in PriceDataComponent

---
 src/components/04_product-service/PriceDataComponent.vue | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/components/04_product-service/PriceDataComponent.vue b/src/components/04_product-service/PriceDataComponent.vue
index 59043144..68ab5cbf 100644
--- a/src/components/04_product-service/PriceDataComponent.vue
+++ b/src/components/04_product-service/PriceDataComponent.vue
@@ -244,16 +244,19 @@ withDefaults(
               <template v-if="col.name === '#calcVat'">
                 <q-checkbox
                   v-if="priceDisplay?.price && props.rowIndex === 0"
+                  :disable="readonly"
                   v-model="calcVat"
                   size="xs"
                 />
                 <q-checkbox
                   v-if="priceDisplay?.agentPrice && props.rowIndex === 1"
+                  :disable="readonly"
                   v-model="agentPriceCalcVat"
                   size="xs"
                 />
                 <q-checkbox
                   v-if="priceDisplay?.serviceCharge && props.rowIndex === 2"
+                  :disable="readonly"
                   v-model="serviceChargeCalcVat"
                   size="xs"
                 />
@@ -271,6 +274,8 @@ withDefaults(
                   flat
                   outlined
                   dense
+                  :readonly
+                  :hide-dropdown-icon="readonly"
                   v-model="vatIncluded"
                 ></q-select>
                 <q-select
@@ -285,6 +290,8 @@ withDefaults(
                   flat
                   outlined
                   dense
+                  :readonly
+                  :hide-dropdown-icon="readonly"
                   v-model="agentPriceVatIncluded"
                 ></q-select>
                 <q-select
@@ -299,6 +306,8 @@ withDefaults(
                   flat
                   outlined
                   dense
+                  :readonly
+                  :hide-dropdown-icon="readonly"
                   v-model="serviceChargeVatIncluded"
                 ></q-select>
               </template>