refactor: refs #8363 clone fixed price in same dialog as create, changed item filter and vncolor height

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` }">

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',

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>