0
0
Fork 0

fix: refs #6553 fix vnTable

This commit is contained in:
Carlos Satorres 2025-01-23 10:50:10 +01:00
parent b7e71044b0
commit 1ee8b68fce
1 changed files with 10 additions and 20 deletions

View File

@ -181,7 +181,7 @@ onMounted(() => {
watch(
() => $props.columns,
(value) => splitColumns(value),
{ immediate: true },
{ immediate: true }
);
const isTableMode = computed(() => mode.value == TABLE_MODE);
@ -212,7 +212,7 @@ function splitColumns(columns) {
// Status column
if (splittedColumns.value.chips.length) {
splittedColumns.value.columnChips = splittedColumns.value.chips.filter(
(c) => !c.isId,
(c) => !c.isId
);
if (splittedColumns.value.columnChips.length)
splittedColumns.value.columns.unshift({
@ -318,15 +318,7 @@ function handleSelection({ evt, added, rows: selectedRows }, rows) {
:data-key="$attrs['data-key']"
:columns="columns"
:redirect="redirect"
>
<template
v-for="(_, slotName) in $slots"
#[slotName]="slotData"
:key="slotName"
>
<slot :name="slotName" v-bind="slotData ?? {}" :key="slotName" />
</template>
</VnTableFilter>
/>
</QScrollArea>
</QDrawer>
<CrudModel
@ -484,9 +476,7 @@ function handleSelection({ evt, added, rows: selectedRows }, rows) {
btn.isPrimary ? 'text-primary-light' : 'color-vn-text '
"
:style="`visibility: ${
((btn.show && btn.show(row)) ?? true)
? 'visible'
: 'hidden'
(btn.show && btn.show(row)) ?? true ? 'visible' : 'hidden'
}`"
@click="btn.action(row)"
/>
@ -500,7 +490,7 @@ function handleSelection({ evt, added, rows: selectedRows }, rows) {
<QCard
bordered
flat
class="row no-wrap justify-between cursor-pointer q-pa-lg"
class="row no-wrap justify-between cursor-pointer q-pa-sm"
@click="
(_, row) => {
$props.rowClick && $props.rowClick(row);
@ -541,7 +531,10 @@ function handleSelection({ evt, added, rows: selectedRows }, rows) {
</span>
</QCardSection>
<!-- Fields -->
<QCardSection :class="$props.cardClass">
<QCardSection
class="q-pl-lg q-pr-lg q-py-xs"
:class="$props.cardClass"
>
<div
v-for="(
col, index
@ -803,10 +796,7 @@ es:
.grid-two {
display: grid;
// max-width: 100%;
// width: 544px;
// margin: auto;
grid-template-columns: 2fr 1fr;
grid-template-columns: 1fr 1fr;
.vn-label-value {
flex-direction: column;
white-space: nowrap;