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

feature/TravelExtraCommunityCorrections #188

Merged
alexm merged 4 commits from :feature/TravelExtraCommunityCorrections into dev 2024-02-12 12:39:33 +00:00
Conversation 1 Commits 4 Files Changed 3 +38 -48
2 changed files with 38 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 5312a4e43a - Show all commits

8
src/css/app.scss
View File

@ -67,6 +67,14 @@ body.body--dark {
max-width: 60em;
}
.bg-vn-primary-row {
background-color: var(--vn-dark);
}
.bg-vn-secondary-row {
background-color: var(--vn-light-gray);
}
/* Estilo para el asterisco en campos requeridos */
.q-field.required .q-field__label:after {
content: ' *';

78
src/pages/Travel/ExtraCommunity.vue
View File

@ -51,57 +51,55 @@ const rows = computed(() => arrayData.store.data || []);
const tableColumnComponents = {
jsegarra commented 2024-02-12 10:53:42 +00:00
Review
Copy Link

La sección no tiene el icono bien seteado. Ver comentario de la pestaña conversación.

La sección no tiene el icono bien seteado. Ver comentario de la pestaña conversación.
wbuezas commented 2024-02-12 11:15:54 +00:00
Review
Copy Link

Listo Javi, corregido. Se ve que se cambio el nombre del icon por eso no aparecia, use el que se encontraba en el archivo de icons.scss

Commit: cd2eb71efd

Listo Javi, corregido. Se ve que se cambio el nombre del icon por eso no aparecia, use el que se encontraba en el archivo de `icons.scss` Commit: https://gitea.verdnatura.es/verdnatura/salix-front/commit/cd2eb71efd7333bf630bca6f0cad06ef7b4d17e0
id: {
component: QBtn,
attrs: () => ({ flat: true, color: 'blue', class: 'col-content' }),
attrs: { flat: true, color: 'primary' },
},
cargoSupplierNickname: {
component: QBtn,
attrs: () => ({ flat: true, color: 'blue', class: 'col-content' }),
attrs: { flat: true, color: 'primary', dense: true },
},
agencyModeName: {
component: 'span',
attrs: () => ({ class: 'col-content' }),
attrs: {},
},
invoiceAmount: {
component: 'span',
attrs: () => ({
class: 'col-content',
}),
attrs: {},
},
ref: {
component: QField,
attrs: () => ({ readonly: true, dense: true }),
attrs: { readonly: true, dense: true, class: 'cursor-pointer' },
},
stickers: {
component: 'span',
attrs: () => ({ class: 'col-content' }),
attrs: {},
},
kg: {
component: 'span',
attrs: () => ({ class: 'col-content' }),
component: QField,
attrs: { readonly: true, dense: true, class: 'cursor-pointer' },
},
loadedKg: {
component: 'span',
attrs: () => ({ class: 'col-content' }),
attrs: {},
},
volumeKg: {
component: 'span',
attrs: () => ({ class: 'col-content' }),
attrs: {},
},
warehouseOutName: {
component: 'span',
attrs: () => ({ class: 'col-content' }),
attrs: {},
},
shipped: {
component: 'span',
attrs: () => ({ class: 'col-content' }),
attrs: {},
},
warehouseInName: {
component: 'span',
attrs: () => ({ class: 'col-content' }),
attrs: {},
},
landed: {
component: 'span',
attrs: () => ({ class: 'col-content' }),
attrs: {},
},
};
@ -110,7 +108,7 @@ const columns = computed(() => [
label: 'id',
field: 'id',
name: 'id',
align: 'left',
align: 'center',
showValue: true,
},
{
@ -161,7 +159,7 @@ const columns = computed(() => [
field: 'kg',
name: 'kg',
align: 'left',
showValue: true,
showValue: false,
},
{
label: t('physicKg'),
@ -237,7 +235,7 @@ const navigateToTravelId = (id) => {
};
const stopEventPropagation = (event, col) => {
if (!['ref', 'id', 'cargoSupplierNickname'].includes(col.name)) return;
if (!['ref', 'id', 'cargoSupplierNickname', 'kg'].includes(col.name)) return;
event.preventDefault();
event.stopPropagation();
};
@ -290,13 +288,13 @@ onMounted(async () => {
hide-bottom
row-key="clientId"
:pagination="{ rowsPerPage: 0 }"
class="full-width q-mt-md"
class="full-width"
>
<template #body="props">
<QTr
:props="props"
@click="navigateToTravelId(props.row.id)"
class="cursor-pointer"
class="cursor-pointer bg-vn-primary-row"
>
<QTd
v-for="col in props.cols"
@ -306,8 +304,7 @@ onMounted(async () => {
>
<component
:is="tableColumnComponents[col.name].component"
class="col-content"
v-bind="tableColumnComponents[col.name].attrs(props)"
v-bind="tableColumnComponents[col.name].attrs"
>
<!-- Editable 'ref' and 'kg' QField slot -->
<template
@ -361,36 +358,32 @@ onMounted(async () => {
v-for="entry in props.row.entries"
:key="entry.id"
:props="props"
class="secondary-row"
class="bg-vn-secondary-row"
>
<QTd>
<QBtn flat color="blue" class="col-content">{{ entry.id }} </QBtn>
<QTd class="row justify-center">
<QBtn flat color="primary">{{ entry.id }} </QBtn>
<EntryDescriptorProxy :id="entry.id" />
</QTd>
<QTd
><QBtn flat color="blue" class="col-content">{{
entry.supplierName
}}</QBtn>
<QTd>
<QBtn flat color="primary" dense>{{ entry.supplierName }}</QBtn>
<SupplierDescriptorProxy :id="entry.supplierFk" />
</QTd>
<QTd></QTd>
<QTd
><span class="col-content">{{
toCurrency(entry.invoiceAmount)
}}</span></QTd
><span>{{ toCurrency(entry.invoiceAmount) }}</span></QTd
>
<QTd
><span class="col-content">{{ entry.reference }}</span></QTd
><span>{{ entry.reference }}</span></QTd
>
<QTd
><span class="col-content">{{ entry.stickers }}</span></QTd
><span>{{ entry.stickers }}</span></QTd
>
<QTd></QTd>
<QTd
><span class="col-content">{{ entry.loadedkg }}</span></QTd
><span>{{ entry.loadedkg }}</span></QTd
>
<QTd
><span class="col-content">{{ entry.volumeKg }}</span></QTd
><span>{{ entry.volumeKg }}</span></QTd
>
<QTd></QTd>
<QTd></QTd>
@ -402,17 +395,6 @@ onMounted(async () => {
</QPage>
</template>
<style lang="scss" scoped>
.col-content {
border-radius: 4px;
padding: 6px;
}
.secondary-row {
background-color: var(--vn-gray);
}
</style>
<i18n>
en:
searchExtraCommunity: Search for extra community shipping