verdnatura/salix-front
verdnatura
/
salix-front
2
3
Fork 1
Code Issues Pull Requests 75 Releases Wiki Activity

feat: refs #7119 update VehicleSummary layout
gitea/salix-front/pipeline/pr-dev This commit looks good Details

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>

42
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,12 +32,16 @@ const links = {
:text="$t('globals.pageTitles.basicData')" :text="$t('globals.pageTitles.basicData')"
/> />
</QCardSection> </QCardSection>
<QCardSection dense> <QCardSection content>
<QList dense>
<VnLv <VnLv
:label="$t('globals.description')" :label="$t('globals.description')"
:value="entity.description" :value="entity.description"
/> />
<VnLv :label="$t('vehicle.tradeMark')" :value="entity.tradeMark" /> <VnLv
:label="$t('vehicle.tradeMark')"
:value="entity.tradeMark"
/>
<VnLv :label="$t('globals.model')" :value="entity.model" /> <VnLv :label="$t('globals.model')" :value="entity.model" />
<VnLv :label="$t('globals.supplier')"> <VnLv :label="$t('globals.supplier')">
<template #value> <template #value>
@ -50,15 +55,20 @@ const links = {
<template #value> <template #value>
<span class="link"> <span class="link">
{{ entity.supplierCooler?.name }} {{ entity.supplierCooler?.name }}
<SupplierDescriptorProxy :id="entity.supplierCoolerFk" /> <SupplierDescriptorProxy
:id="entity.supplierCoolerFk"
/>
</span> </span>
</template> </template>
</VnLv> </VnLv>
<VnLv :label="$t('vehicle.vin')" :value="entity.vin" /> <VnLv :label="$t('vehicle.vin')" :value="entity.vin" />
</QCardSection> </QList>
<QCardSection dense> <QList dense>
<VnLv :label="$t('vehicle.chassis')" :value="entity.chassis" /> <VnLv :label="$t('vehicle.chassis')" :value="entity.chassis" />
<VnLv :label="$t('globals.fuel')" :value="entity.fuelType?.name" /> <VnLv
:label="$t('globals.fuel')"
:value="entity.fuelType?.name"
/>
<VnLv :label="$t('vehicle.ppe')" :value="entity.ppeFk" /> <VnLv :label="$t('vehicle.ppe')" :value="entity.ppeFk" />
<VnLv :label="$t('vehicle.nLeasing')" :value="entity.leasing" /> <VnLv :label="$t('vehicle.nLeasing')" :value="entity.leasing" />
<VnLv <VnLv
@ -66,19 +76,29 @@ const links = {
:value="entity.bankPolicy?.ref" :value="entity.bankPolicy?.ref"
/> />
<VnLv :label="$t('globals.amount')" :value="entity.import" /> <VnLv :label="$t('globals.amount')" :value="entity.import" />
</QCardSection> </QList>
<QCardSection dense> <QList dense>
<VnLv <VnLv
:label="$t('globals.warehouse')" :label="$t('globals.warehouse')"
:value="entity.warehouse?.name" :value="entity.warehouse?.name"
/> />
<VnLv :label="$t('globals.company')" :value="entity.company?.code" /> <VnLv
<VnLv :label="$t('globals.country')" :value="entity.countryCodeFk" /> :label="$t('globals.company')"
:value="entity.company?.code"
/>
<VnLv
:label="$t('globals.country')"
:value="entity.countryCodeFk"
/>
<VnLv <VnLv
:label="$t('vehicle.isKmTruckRate')" :label="$t('vehicle.isKmTruckRate')"
:value="!!entity.isKmTruckRate" :value="!!entity.isKmTruckRate"
/> />
<VnLv :label="$t('vehicle.isActive')" :value="!!entity.isActive" /> <VnLv
:label="$t('vehicle.isActive')"
:value="!!entity.isActive"
/>
</QList>
</QCardSection> </QCardSection>
</QCard> </QCard>
</template> </template>