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

feat: refs #7119 update VehicleSummary layout

This commit is contained in:
Jorge Penadés 2025-01-23 14:23:31 +01:00
parent 39180c1b3a
commit a53f41a0b7
2 changed files with 77 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/ui/CardSummary.vue
View File

@ -203,4 +203,13 @@ async function fetch() {
.summaryHeader { .summaryHeader {
color: $white; color: $white;
} }
.cardSummary :deep(.q-card__section[content]) {
display: flex;
flex-wrap: wrap;
padding: 0;
> * {
flex: 1;
}
}
</style> </style>

116
src/pages/Route/Vehicle/Card/VehicleSummary.vue
View File

@ -16,6 +16,7 @@ const links = {
notes: `#/vehicle/${entityId.value}/notes`, notes: `#/vehicle/${entityId.value}/notes`,
dms: `#/vehicle/${entityId.value}/dms`, dms: `#/vehicle/${entityId.value}/dms`,
'invoice-in': `#/vehicle/${entityId.value}/invoice-in`, 'invoice-in': `#/vehicle/${entityId.value}/invoice-in`,
events: `#/vehicle/${entityId.value}/events`,
}; };
</script> </script>
<template> <template>
@ -31,54 +32,73 @@ const links = {
:text="$t('globals.pageTitles.basicData')" :text="$t('globals.pageTitles.basicData')"
/> />
</QCardSection> </QCardSection>
<QCardSection dense> <QCardSection content>
<VnLv <QList dense>
:label="$t('globals.description')" <VnLv
:value="entity.description" :label="$t('globals.description')"
/> :value="entity.description"
<VnLv :label="$t('vehicle.tradeMark')" :value="entity.tradeMark" /> />
<VnLv :label="$t('globals.model')" :value="entity.model" /> <VnLv
<VnLv :label="$t('globals.supplier')"> :label="$t('vehicle.tradeMark')"
<template #value> :value="entity.tradeMark"
<span class="link"> />
{{ entity.supplier?.name }} <VnLv :label="$t('globals.model')" :value="entity.model" />
<SupplierDescriptorProxy :id="entity.supplierFk" /> <VnLv :label="$t('globals.supplier')">
</span> <template #value>
</template> <span class="link">
</VnLv> {{ entity.supplier?.name }}
<VnLv :label="$t('vehicle.supplierCooler')"> <SupplierDescriptorProxy :id="entity.supplierFk" />
<template #value> </span>
<span class="link"> </template>
{{ entity.supplierCooler?.name }} </VnLv>
<SupplierDescriptorProxy :id="entity.supplierCoolerFk" /> <VnLv :label="$t('vehicle.supplierCooler')">
</span> <template #value>
</template> <span class="link">
</VnLv> {{ entity.supplierCooler?.name }}
<VnLv :label="$t('vehicle.vin')" :value="entity.vin" /> <SupplierDescriptorProxy
</QCardSection> :id="entity.supplierCoolerFk"
<QCardSection dense> />
<VnLv :label="$t('vehicle.chassis')" :value="entity.chassis" /> </span>
<VnLv :label="$t('globals.fuel')" :value="entity.fuelType?.name" /> </template>
<VnLv :label="$t('vehicle.ppe')" :value="entity.ppeFk" /> </VnLv>
<VnLv :label="$t('vehicle.nLeasing')" :value="entity.leasing" /> <VnLv :label="$t('vehicle.vin')" :value="entity.vin" />
<VnLv </QList>
:label="$t('vehicle.leasing')" <QList dense>
:value="entity.bankPolicy?.ref" <VnLv :label="$t('vehicle.chassis')" :value="entity.chassis" />
/> <VnLv
<VnLv :label="$t('globals.amount')" :value="entity.import" /> :label="$t('globals.fuel')"
</QCardSection> :value="entity.fuelType?.name"
<QCardSection dense> />
<VnLv <VnLv :label="$t('vehicle.ppe')" :value="entity.ppeFk" />
:label="$t('globals.warehouse')" <VnLv :label="$t('vehicle.nLeasing')" :value="entity.leasing" />
:value="entity.warehouse?.name" <VnLv
/> :label="$t('vehicle.leasing')"
<VnLv :label="$t('globals.company')" :value="entity.company?.code" /> :value="entity.bankPolicy?.ref"
<VnLv :label="$t('globals.country')" :value="entity.countryCodeFk" /> />
<VnLv <VnLv :label="$t('globals.amount')" :value="entity.import" />
:label="$t('vehicle.isKmTruckRate')" </QList>
:value="!!entity.isKmTruckRate" <QList dense>
/> <VnLv
<VnLv :label="$t('vehicle.isActive')" :value="!!entity.isActive" /> :label="$t('globals.warehouse')"
:value="entity.warehouse?.name"
/>
<VnLv
:label="$t('globals.company')"
:value="entity.company?.code"
/>
<VnLv
:label="$t('globals.country')"
:value="entity.countryCodeFk"
/>
<VnLv
:label="$t('vehicle.isKmTruckRate')"
:value="!!entity.isKmTruckRate"
/>
<VnLv
:label="$t('vehicle.isActive')"
:value="!!entity.isActive"
/>
</QList>
</QCardSection> </QCardSection>
</QCard> </QCard>
</template> </template>