wbuezas
/
salix-front-mindshore-fork2
forked from verdnatura/salix-front
0
0
Fork 0
Code Pull Requests Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/VnTable/VnTable.vue
View File

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