From 28c8e93a61e8dc779ed0eafddbc1481fbaf248ae Mon Sep 17 00:00:00 2001
From: Jon <jon@verdnatura.es>
Date: Fri, 28 Mar 2025 10:53:49 +0100
Subject: [PATCH] refactor: refs #8363 clone fixed price in same dialog as
 create, changed item filter and vncolor height

---
 src/components/common/VnColor.vue             |  2 +-
 src/pages/Item/ItemFixedPrice.vue             | 24 ++++++++++++-------
 .../Item/components/EditFixedPriceForm.vue    |  2 +-
 3 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/src/components/common/VnColor.vue b/src/components/common/VnColor.vue
index 614a6cd26..dccbc7102 100644
--- a/src/components/common/VnColor.vue
+++ b/src/components/common/VnColor.vue
@@ -10,7 +10,7 @@ const $props = defineProps({
 
 const colorArray = computed(() => JSON.parse($props.colors)?.value);
 const maxHeight = 30;
-const colorHeight = maxHeight / colorArray?.length;
+const colorHeight = maxHeight / colorArray.value?.length;
 </script>
 <template>
     <div v-if="colors" class="color-div" :style="{ height: `${maxHeight}px` }">
diff --git a/src/pages/Item/ItemFixedPrice.vue b/src/pages/Item/ItemFixedPrice.vue
index 74f552d16..ead6b2d98 100644
--- a/src/pages/Item/ItemFixedPrice.vue
+++ b/src/pages/Item/ItemFixedPrice.vue
@@ -37,17 +37,23 @@ const columns = computed(() => [
         label: t('item.fixedPrice.itemFk'),
         labelAbbreviation: 'Id',
         toolTip: t('item.fixedPrice.itemFk'),
-        component: 'select',
-        attrs: {
-            url: 'Items',
-            fields: ['id', 'name', 'subName'],
-            optionLabel: 'name',
-            optionValue: 'id',
-            uppercase: false,
-        },
+        component: 'number',
         columnFilter: {
+            component: 'select',
+            attrs: {
+                url: 'Items',
+                fields: ['id', 'name', 'subName'],
+                optionLabel: 'name',
+                optionValue: 'id',
+                uppercase: false,
+            },
             inWhere: true,
         },
+        cellEvent: {
+            'update:modelValue': async (value, oldValue, row) => {
+                tableRef.value.CrudModelRef.saveChanges();
+            },
+        },
         width: '55px',
     },
     {
@@ -55,7 +61,7 @@ const columns = computed(() => [
         name: 'hex',
         columnSearch: false,
         isEditable: false,
-        width: '10px',
+        width: '9px',
         component: 'select',
         attrs: {
             url: 'Inks',
diff --git a/src/pages/Item/components/EditFixedPriceForm.vue b/src/pages/Item/components/EditFixedPriceForm.vue
index d904c7d14..9c6a63893 100644
--- a/src/pages/Item/components/EditFixedPriceForm.vue
+++ b/src/pages/Item/components/EditFixedPriceForm.vue
@@ -136,7 +136,7 @@ const closeForm = () => {
     padding: 0 !important;
 }
 .editOption.is-select .q-field__inner .q-field__control {
-    padding: 1px !important;
+    padding: 0 !important;
 }
 </style>