perf: improve style

src/pages/Item/ItemFixedPrice.vue

@@ -76,53 +76,28 @@ const columns = computed(() => [
         name: 'rate2',
         ...defaultColumnAttrs,
         cardVisible: true,
-        columnField: {
-            class: 'expand',
         component: 'input',
         type: 'number',
     },
-        columnFilter: {
-            class: 'expand',
-            component: 'input',
-            type: 'number',
-        },
-    },
     {
         label: t('item.fixedPrice.packingPrice'),
         field: 'rate3',
         name: 'rate3',
         ...defaultColumnAttrs,
         cardVisible: true,
-        columnField: {
-            class: 'expand',
         component: 'input',
         type: 'number',
     },
-        columnFilter: {
-            class: 'expand',
-            component: 'input',
-            type: 'number',
-        },
-    },
 
     {
         label: t('item.fixedPrice.minPrice'),
         field: 'minPrice',
-        columnClass: 'shrink',
         name: 'minPrice',
         ...defaultColumnAttrs,
         cardVisible: true,
-        columnField: {
-            class: 'expand',
         component: 'input',
         type: 'number',
     },
-        columnFilter: {
-            class: 'expand',
-            component: 'input',
-            type: 'number',
-        },
-    },
     {
         label: t('item.fixedPrice.started'),
         field: 'started',
@@ -162,17 +137,10 @@ const columns = computed(() => [
         name: 'warehouseFk',
         ...defaultColumnAttrs,
         columnClass: 'shrink',
-        columnFilter: {
         component: 'select',
-        },
-        columnField: {
-            component: 'select',
-            class: 'expand',
-        },
-        attrs: {
+
         options: warehousesOptions,
     },
-    },
     {
         align: 'right',
         name: 'tableActions',
@@ -518,29 +486,35 @@ function handleOnDataSave({ CrudModelRef }) {
                 </span>
                 <span class="subName">{{ row.subName }}</span>
                 <ItemDescriptorProxy :id="row.itemFk" />
-                <FetchedTags style="width: max-content; max-width: 220px" :item="row" />
+                <FetchedTags :item="row" />
             </template>
             <template #column-rate2="props">
+                <QTd class="col">
                     <VnInput
-                    mask="###.##"
+                        type="currency"
+                        style="width: 75px"
                         v-model.number="props.row.rate2"
                         v-on="getRowUpdateInputEvents(props)"
                     >
                         <template #append>€</template>
                     </VnInput>
+                </QTd>
             </template>
             <template #column-rate3="props">
+                <QTd class="col">
                     <VnInput
-                    mask="###.##"
+                        style="width: 75px"
+                        type="currency"
                         v-model.number="props.row.rate3"
                         v-on="getRowUpdateInputEvents(props)"
                     >
                         <template #append>€</template>
                     </VnInput>
+                </QTd>
             </template>
             <template #column-minPrice="props">
                 <QTd class="col">
-                    <div class="row" style="width: 115px">
+                    <div class="row">
                         <QCheckbox
                             :model-value="props.row.hasMinPrice"
                             @update:model-value="updateMinPrice($event, props)"
@@ -549,6 +523,8 @@ function handleOnDataSave({ CrudModelRef }) {
                         />
                         <VnInput
                             class="col"
+                            type="currency"
+                            mask="###.##"
                             :disable="props.row.hasMinPrice === 1"
                             v-model.number="props.row.minPrice"
                             v-on="getRowUpdateInputEvents(props)"
@@ -577,6 +553,7 @@ function handleOnDataSave({ CrudModelRef }) {
                 />
             </template>
             <template #column-warehouseFk="props">
+                <QTd class="col">
                     <VnSelect
                         style="max-width: 150px"
                         :options="warehousesOptions"
@@ -586,6 +563,7 @@ function handleOnDataSave({ CrudModelRef }) {
                         v-model="props.row.warehouseFk"
                         v-on="getRowUpdateInputEvents(props, false, 'select')"
                     />
+                </QTd>
             </template>
             <template #column-deleteAction="{ row, rowIndex }">
                 <QIcon