feat: conditionally display price rows in PriceDataComponent based on availability

2025-07-08 13:39:53 +07:00 · 2025-07-08 13:39:53 +07:00 · a89de83fe9
commit a89de83fe9
parent 2b310c667d
1 changed files with 22 additions and 20 deletions
--- a/src/components/04_product-service/PriceDataComponent.vue
+++ b/src/components/04_product-service/PriceDataComponent.vue
@ -167,26 +167,28 @@ withDefaults(
    <div class="col-12 full-width">
      <q-table
        :rows-per-page-options="[0]"
-        :rows="[
-          {
-            label: $t('productService.product.salePrice'),
-            pricePerUnit: price,
-            calcVat,
-            vatIncluded,
-          },
-          {
-            label: $t('productService.product.agentPrice'),
-            calcVat: agentPriceCalcVat,
-            vatIncluded: agentPriceVatIncluded,
-            pricePerUnit: agentPrice,
-          },
-          {
-            label: $t('productService.product.processingPrice'),
-            calcVat: serviceChargeCalcVat,
-            vatIncluded: serviceChargeVatIncluded,
-            pricePerUnit: serviceCharge,
-          },
-        ]"
+        :rows="
+          [
+            priceDisplay.price && {
+              label: $t('productService.product.salePrice'),
+              pricePerUnit: price,
+              calcVat,
+              vatIncluded,
+            },
+            priceDisplay.agentPrice && {
+              label: $t('productService.product.agentPrice'),
+              calcVat: agentPriceCalcVat,
+              vatIncluded: agentPriceVatIncluded,
+              pricePerUnit: agentPrice,
+            },
+            priceDisplay.serviceCharge && {
+              label: $t('productService.product.processingPrice'),
+              calcVat: serviceChargeCalcVat,
+              vatIncluded: serviceChargeVatIncluded,
+              pricePerUnit: serviceCharge,
+            },
+          ].filter(Boolean)
+        "
        :columns
        hide-bottom
        bordered