fix: refs #7404 ItemFixedPrice

src/components/VnTable/VnColumn.vue

@@ -84,6 +84,7 @@ const defaultComponents = {
             disable: !$props.isEditable,
             style: 'min-width: 125px',
             class: 'fit',
+            showEvent: false,
         },
         forceAttrs: {
             label: $props.showLabel && $props.column.label,

src/pages/Item/ItemFixedPrice.vue

@@ -102,17 +102,12 @@ const columns = computed(() => [
         label: t('item.fixedPrice.started'),
         field: 'started',
         name: 'started',
-        format: ({ started }) => toDate(started),
         cardVisible: true,
-        ...defaultColumnAttrs,
-        columnField: {
-            component: 'date',
-            class: 'shrink',
-        },
         columnFilter: {
             component: 'date',
         },
-        columnClass: 'expand',
+        style: ' max-width: 90px',
+        format: ({ started }) => toDate(started),
     },
     {
         label: t('item.fixedPrice.ended'),
@@ -120,14 +115,11 @@ const columns = computed(() => [
         name: 'ended',
         ...defaultColumnAttrs,
         cardVisible: true,
-        columnField: {
-            component: 'date',
-            class: 'shrink',
-        },
+
         columnFilter: {
             component: 'date',
         },
-        columnClass: 'expand',
+        style: ' max-width: 100px',
         format: (row) => toDate(row.ended),
     },
 
@@ -469,6 +461,7 @@ function handleOnDataSave({ CrudModelRef }) {
                     option-value="id"
                     v-model="props.row.itemFk"
                     v-on="getRowUpdateInputEvents(props, true, 'select')"
+                    :is-clearable="true"
                 >
                     <template #option="scope">
                         <QItem v-bind="scope.itemProps">
@@ -533,7 +526,7 @@ function handleOnDataSave({ CrudModelRef }) {
             <template #column-started="props">
                 <VnInputDate
                     class="vnInputDate"
-                    :show-event="true"
+                    :show-event="false"
                     v-model="props.row.started"
                     v-on="getRowUpdateInputEvents(props, false, 'date')"
                     v-bind="dateStyle(isBigger(props.row.started))"
@@ -542,7 +535,7 @@ function handleOnDataSave({ CrudModelRef }) {
             <template #column-ended="props">
                 <VnInputDate
                     class="vnInputDate"
-                    :show-event="true"
+                    :show-event="false"
                     v-model="props.row.ended"
                     v-on="getRowUpdateInputEvents(props, false, 'date')"
                     v-bind="dateStyle(isLower(props.row.ended))"
@@ -640,6 +633,18 @@ tbody tr.highlight .q-td {
     text-transform: uppercase;
     color: var(--vn-label-color);
 }
+.q-td .q-field__control.relative-position.row.no-wrap {
+    height: 25px;
+    .q-field__native,
+    .q-field__prefix,
+    .q-field__suffix,
+    .q-field__input {
+        padding-bottom: 0;
+    }
+    .q-field__append.q-field__marginal.row.no-wrap.items-center {
+        align-items: center;
+    }
+}
 </style>
 <i18n>
 es: