forked from verdnatura/salix-front
new requested changes
This commit is contained in:
parent
0dbb23075b
commit
d91c6ff11f
|
@ -421,6 +421,10 @@ export default {
|
|||
addressId: 'Address id',
|
||||
streetAddress: 'Street',
|
||||
},
|
||||
statusCard: {
|
||||
percentageText: '{getPercentage}% {getAddressNumber} of {getNAddresses}',
|
||||
pdfsNumberText: '{nPdfs} of {totalPdfs} PDFs',
|
||||
},
|
||||
},
|
||||
negativeBases: {
|
||||
from: 'From',
|
||||
|
|
|
@ -423,6 +423,10 @@ export default {
|
|||
addressId: 'Id dirección',
|
||||
streetAddress: 'Dirección fiscal',
|
||||
},
|
||||
statusCard: {
|
||||
percentageText: '{getPercentage}% {getAddressNumber} de {getNAddresses}',
|
||||
pdfsNumberText: '{nPdfs} de {totalPdfs} PDFs',
|
||||
},
|
||||
},
|
||||
negativeBases: {
|
||||
from: 'Desde',
|
||||
|
@ -604,7 +608,7 @@ export default {
|
|||
notes: 'Notas',
|
||||
verified: 'Verificado',
|
||||
isActive: 'Está activo',
|
||||
billingData: 'Billing data',
|
||||
billingData: 'Forma de pago',
|
||||
payMethod: 'Método de pago',
|
||||
payDeadline: 'Plazo de pago',
|
||||
payDay: 'Día de pago',
|
||||
|
|
|
@ -125,7 +125,7 @@ const statesFilter = {
|
|||
<div class="row items-center justify-end">
|
||||
<QBtn
|
||||
v-close-popup
|
||||
label="Close"
|
||||
:label="t('globals.close')"
|
||||
color="primary"
|
||||
flat
|
||||
/>
|
||||
|
|
|
@ -167,7 +167,7 @@ const states = ref();
|
|||
<div class="row items-center justify-end">
|
||||
<QBtn
|
||||
v-close-popup
|
||||
label="Close"
|
||||
:label="t('globals.close')"
|
||||
color="primary"
|
||||
flat
|
||||
/>
|
||||
|
|
|
@ -105,11 +105,20 @@ onUnmounted(() => {
|
|||
<QPage class="column items-center q-pa-md">
|
||||
<QCard v-if="status" class="card">
|
||||
<QCardSection class="card-section">
|
||||
<span class="status-text">{{ t(`status.${status}`) }}</span>
|
||||
<span class="text">{{ t(`status.${status}`) }}</span>
|
||||
<span class="text">{{
|
||||
`${getPercentage}% (${getAddressNumber} ${t('of')} ${getNAddresses})`
|
||||
t('invoiceOut.globalInvoices.statusCard.percentageText', {
|
||||
getPercentage: getPercentage,
|
||||
getAddressNumber: getAddressNumber,
|
||||
getNAddresses: getNAddresses,
|
||||
})
|
||||
}}</span>
|
||||
<span class="text">{{
|
||||
t('invoiceOut.globalInvoices.statusCard.pdfsNumberText', {
|
||||
nPdfs: nPdfs,
|
||||
totalPdfs: totalPdfs,
|
||||
})
|
||||
}}</span>
|
||||
<span class="text">{{ `${nPdfs} ${t('of')} ${totalPdfs} PDFs` }}</span>
|
||||
</QCardSection>
|
||||
</QCard>
|
||||
|
||||
|
@ -149,7 +158,7 @@ onUnmounted(() => {
|
|||
display: flex;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
background-color: #292929;
|
||||
background-color: var(--vn-dark);
|
||||
padding: 16px;
|
||||
|
||||
.card-section {
|
||||
|
@ -158,14 +167,9 @@ onUnmounted(() => {
|
|||
padding: 0px;
|
||||
}
|
||||
|
||||
.status-text {
|
||||
font-size: 14px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.text {
|
||||
font-size: 14px;
|
||||
color: #aaaaaa;
|
||||
color: var(--vn-text);
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -176,24 +180,19 @@ onUnmounted(() => {
|
|||
</style>
|
||||
|
||||
<i18n>
|
||||
{
|
||||
"en": {
|
||||
"status": {
|
||||
"packageInvoicing": "Build packaging tickets",
|
||||
"invoicing": "Invoicing client",
|
||||
"stopping": "Stopping process",
|
||||
"done": "Ended process"
|
||||
},
|
||||
"of": "of"
|
||||
},
|
||||
"es": {
|
||||
"status":{
|
||||
"packageInvoicing": "Generación de tickets de empaque",
|
||||
"invoicing": "Facturando a cliente",
|
||||
"stopping": "Deteniendo proceso",
|
||||
"done": "Proceso detenido",
|
||||
},
|
||||
"of": "de"
|
||||
}
|
||||
}
|
||||
en:
|
||||
status:
|
||||
packageInvoicing: Build packaging tickets
|
||||
invoicing: Invoicing client
|
||||
stopping: Stopping process
|
||||
done: Ended process
|
||||
of: of
|
||||
|
||||
es:
|
||||
status:
|
||||
packageInvoicing: Generación de tickets de empaque
|
||||
invoicing: Facturando a cliente
|
||||
stopping: Deteniendo proceso
|
||||
done: Proceso detenido
|
||||
of: de
|
||||
</i18n>
|
||||
|
|
|
@ -130,7 +130,7 @@ onMounted(async () => {
|
|||
<div class="row items-center justify-end">
|
||||
<QBtn
|
||||
v-close-popup
|
||||
label="Close"
|
||||
:label="t('globals.close')"
|
||||
color="primary"
|
||||
flat
|
||||
/>
|
||||
|
@ -159,7 +159,7 @@ onMounted(async () => {
|
|||
<div class="row items-center justify-end">
|
||||
<QBtn
|
||||
v-close-popup
|
||||
label="Close"
|
||||
:label="t('globals.close')"
|
||||
color="primary"
|
||||
flat
|
||||
/>
|
||||
|
@ -223,28 +223,25 @@ onMounted(async () => {
|
|||
</style>
|
||||
|
||||
<i18n>
|
||||
{
|
||||
"en": {
|
||||
"invoiceDate": "Invoice date",
|
||||
"maxShipped": "Max date",
|
||||
"allClients": "All clients",
|
||||
"oneClient": "One client",
|
||||
"company": "Company",
|
||||
"printer": "Printer",
|
||||
"invoiceOut": "Invoice out",
|
||||
"client": "Client",
|
||||
"stop": "Stop"
|
||||
},
|
||||
"es": {
|
||||
"invoiceDate": "Fecha de factura",
|
||||
"maxShipped": "Fecha límite",
|
||||
"allClients": "Todos los clientes",
|
||||
"oneClient": "Un solo cliente",
|
||||
"company": "Empresa",
|
||||
"printer": "Impresora",
|
||||
"invoiceOut": "Facturar",
|
||||
"client": "Cliente",
|
||||
"stop": "Parar"
|
||||
}
|
||||
}
|
||||
en:
|
||||
invoiceDate: Invoice date
|
||||
maxShipped: Max date
|
||||
allClients: All clients
|
||||
oneClient: One client
|
||||
company: Company
|
||||
printer: Printer
|
||||
invoiceOut: Invoice out
|
||||
client: Client
|
||||
stop: Stop
|
||||
|
||||
es:
|
||||
invoiceDate: Fecha de factura
|
||||
maxShipped: Fecha límite
|
||||
allClients: Todos los clientes
|
||||
oneClient: Un solo cliente
|
||||
company: Empresa
|
||||
printer: Impresora
|
||||
invoiceOut: Facturar
|
||||
client: Cliente
|
||||
stop: Parar
|
||||
</i18n>
|
||||
|
|
|
@ -262,7 +262,7 @@ onMounted(async () => {
|
|||
<div class="row items-center justify-end">
|
||||
<QBtn
|
||||
v-close-popup
|
||||
label="Close"
|
||||
:label="t('globals.close')"
|
||||
color="primary"
|
||||
flat
|
||||
/>
|
||||
|
@ -293,7 +293,7 @@ onMounted(async () => {
|
|||
<div class="row items-center justify-end">
|
||||
<QBtn
|
||||
v-close-popup
|
||||
label="Close"
|
||||
:label="t('globals.close')"
|
||||
color="primary"
|
||||
flat
|
||||
/>
|
||||
|
|
|
@ -61,6 +61,3 @@ const { t } = useI18n();
|
|||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<i18n>
|
||||
</i18n>
|
||||
|
|
|
@ -86,7 +86,7 @@ const isAdministrative = computed(() => {
|
|||
</template>
|
||||
</VnLv>
|
||||
|
||||
<VnLv :label="t('verified')" class="q-mb-xs">
|
||||
<VnLv :label="t('supplier.summary.verified')" class="q-mb-xs">
|
||||
<template #value>
|
||||
<QCheckbox
|
||||
v-model="supplier.isSerious"
|
||||
|
@ -96,7 +96,7 @@ const isAdministrative = computed(() => {
|
|||
/>
|
||||
</template>
|
||||
</VnLv>
|
||||
<VnLv :label="t('isActive')" class="q-mb-xs">
|
||||
<VnLv :label="t('supplier.summary.isActive')" class="q-mb-xs">
|
||||
<template #value>
|
||||
<QCheckbox
|
||||
v-model="supplier.isActive"
|
||||
|
|
|
@ -55,11 +55,7 @@ const newSupplierForm = reactive({
|
|||
display: flex;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
background-color: #292929;
|
||||
background-color: var(--vn-dark);
|
||||
padding: 40px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<i18n>
|
||||
|
||||
</i18n>
|
||||
|
|
|
@ -103,12 +103,9 @@ const viewSummary = (id) => {
|
|||
</style>
|
||||
|
||||
<i18n>
|
||||
{
|
||||
"en": {
|
||||
en:
|
||||
Search suppliers: Search suppliers
|
||||
},
|
||||
"es": {
|
||||
|
||||
es:
|
||||
Search suppliers: Buscar proveedores
|
||||
}
|
||||
}
|
||||
</i18n>
|
||||
|
|
|
@ -1,21 +1,9 @@
|
|||
<script setup>
|
||||
import { useI18n } from 'vue-i18n';
|
||||
import { useStateStore } from 'stores/useStateStore';
|
||||
import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
|
||||
|
||||
const stateStore = useStateStore();
|
||||
const { t } = useI18n();
|
||||
</script>
|
||||
<template>
|
||||
<template v-if="stateStore.isHeaderMounted()">
|
||||
<Teleport to="#searchbar">
|
||||
<VnSearchbar
|
||||
data-key="SuppliersList"
|
||||
:limit="20"
|
||||
:label="t('Search suppliers')"
|
||||
/>
|
||||
</Teleport>
|
||||
</template>
|
||||
<QDrawer v-model="stateStore.leftDrawer" show-if-above :width="256">
|
||||
<QScrollArea class="fit">
|
||||
<!-- Aca iría left menu y descriptor -->
|
||||
|
@ -61,6 +49,3 @@ const { t } = useI18n();
|
|||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<i18n>
|
||||
</i18n>
|
||||
|
|
|
@ -1,17 +1,22 @@
|
|||
<script setup>
|
||||
import { onMounted, ref, computed } from 'vue';
|
||||
import SupplierDescriptorProxy from 'src/pages/Supplier/Card/SupplierDescriptorProxy.vue';
|
||||
import TravelDescriptorProxy from 'src/pages/Travel/Card/TravelDescriptorProxy.vue';
|
||||
import { QBtn, QField, QPopupEdit } from 'quasar';
|
||||
import { useI18n } from 'vue-i18n';
|
||||
import { useRouter } from 'vue-router';
|
||||
|
||||
import SupplierDescriptorProxy from 'src/pages/Supplier/Card/SupplierDescriptorProxy.vue';
|
||||
import TravelDescriptorProxy from 'src/pages/Travel/Card/TravelDescriptorProxy.vue';
|
||||
import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
|
||||
import ExtraCommunityFilter from './ExtraCommunityFilter.vue';
|
||||
|
||||
import { useStateStore } from 'stores/useStateStore';
|
||||
import { toCurrency } from 'src/filters';
|
||||
import { useArrayData } from 'composables/useArrayData';
|
||||
import { toDate } from 'src/filters';
|
||||
import { usePrintService } from 'composables/usePrintService';
|
||||
import travelService from 'src/services/travel.service';
|
||||
import ExtraCommunityFilter from './ExtraCommunityFilter.vue';
|
||||
|
||||
const router = useRouter();
|
||||
const stateStore = useStateStore();
|
||||
const { t } = useI18n();
|
||||
const { openReport } = usePrintService();
|
||||
|
@ -222,6 +227,10 @@ const saveFieldValue = async (val, field, index) => {
|
|||
await travelService.updateTravel(id, params);
|
||||
};
|
||||
|
||||
const navigateToTravelId = (id) => {
|
||||
router.push({ path: `/travel/${id}` });
|
||||
};
|
||||
|
||||
onMounted(async () => {
|
||||
stateStore.rightDrawer = true;
|
||||
|
||||
|
@ -235,6 +244,15 @@ onMounted(async () => {
|
|||
</script>
|
||||
|
||||
<template>
|
||||
<template v-if="stateStore.isHeaderMounted()">
|
||||
<Teleport to="#searchbar">
|
||||
<VnSearchbar
|
||||
data-key="ExtraCommunity"
|
||||
:limit="20"
|
||||
:label="t('searchExtraCommunity')"
|
||||
/>
|
||||
</Teleport>
|
||||
</template>
|
||||
<QToolbar class="bg-vn-dark justify-end">
|
||||
<div id="st-data"></div>
|
||||
<QSpace />
|
||||
|
@ -257,7 +275,11 @@ onMounted(async () => {
|
|||
class="full-width q-mt-md"
|
||||
>
|
||||
<template #body="props">
|
||||
<QTr :props="props" class="bg-black">
|
||||
<QTr
|
||||
:props="props"
|
||||
@click="navigateToTravelId(props.row.id)"
|
||||
class="cursor-pointer"
|
||||
>
|
||||
<QTd v-for="col in props.cols" :key="col.name" :props="props">
|
||||
<component
|
||||
:is="tableColumnComponents[col.name].component"
|
||||
|
@ -312,7 +334,12 @@ onMounted(async () => {
|
|||
</component>
|
||||
</QTd>
|
||||
</QTr>
|
||||
<QTr v-for="entry in props.row.entries" :key="entry.id" :props="props">
|
||||
<QTr
|
||||
v-for="entry in props.row.entries"
|
||||
:key="entry.id"
|
||||
:props="props"
|
||||
class="secondary-row"
|
||||
>
|
||||
<QTd
|
||||
><QBtn flat color="blue" class="col-content">{{ entry.id }}</QBtn>
|
||||
<!-- Cuando se cree el modulo relacionado a entries, crear su descriptor y colocarlo acá -->
|
||||
|
@ -346,9 +373,9 @@ onMounted(async () => {
|
|||
<QTd></QTd>
|
||||
<QTd></QTd>
|
||||
<QTd></QTd>
|
||||
<QTd></QTd>
|
||||
</QTr>
|
||||
</template>
|
||||
<pre>{{ arrayData }}</pre>
|
||||
</QTable>
|
||||
</QPage>
|
||||
</template>
|
||||
|
@ -358,6 +385,10 @@ onMounted(async () => {
|
|||
border-radius: 4px;
|
||||
padding: 6px 6px 6px 6px;
|
||||
}
|
||||
|
||||
.secondary-row {
|
||||
background-color: var(--vn-gray);
|
||||
}
|
||||
</style>
|
||||
|
||||
<i18n>
|
||||
|
|
|
@ -154,7 +154,7 @@ const decrement = (paramsObj, key) => {
|
|||
<div class="row items-center justify-end">
|
||||
<QBtn
|
||||
v-close-popup
|
||||
label="Close"
|
||||
:label="t('globals.close')"
|
||||
color="primary"
|
||||
flat
|
||||
/>
|
||||
|
@ -187,7 +187,7 @@ const decrement = (paramsObj, key) => {
|
|||
<div class="row items-center justify-end">
|
||||
<QBtn
|
||||
v-close-popup
|
||||
label="Close"
|
||||
:label="t('globals.close')"
|
||||
color="primary"
|
||||
flat
|
||||
/>
|
||||
|
|
|
@ -88,7 +88,7 @@ const onFetchWarehouses = (warehouses) => {
|
|||
<QInput
|
||||
rounded
|
||||
placeholder="dd-mm-aaa"
|
||||
:label="t('globals.landed')"
|
||||
:label="t('globals.shipped')"
|
||||
:model-value="toDate(data.shipped)"
|
||||
>
|
||||
<template #append>
|
||||
|
@ -102,7 +102,7 @@ const onFetchWarehouses = (warehouses) => {
|
|||
<div class="row items-center justify-end">
|
||||
<QBtn
|
||||
v-close-popup
|
||||
label="Close"
|
||||
:label="t('globals.close')"
|
||||
color="primary"
|
||||
flat
|
||||
/>
|
||||
|
@ -131,7 +131,7 @@ const onFetchWarehouses = (warehouses) => {
|
|||
<div class="row items-center justify-end">
|
||||
<QBtn
|
||||
v-close-popup
|
||||
label="Close"
|
||||
:label="t('globals.close')"
|
||||
color="primary"
|
||||
flat
|
||||
/>
|
||||
|
@ -177,7 +177,3 @@ const onFetchWarehouses = (warehouses) => {
|
|||
grid-gap: 20px;
|
||||
}
|
||||
</style>
|
||||
|
||||
<i18n>
|
||||
|
||||
</i18n>
|
||||
|
|
|
@ -172,7 +172,7 @@ const decrement = (paramsObj, key) => {
|
|||
<div class="row items-center justify-end">
|
||||
<QBtn
|
||||
v-close-popup
|
||||
label="Close"
|
||||
:label="t('globals.close')"
|
||||
color="primary"
|
||||
flat
|
||||
/>
|
||||
|
@ -205,7 +205,7 @@ const decrement = (paramsObj, key) => {
|
|||
<div class="row items-center justify-end">
|
||||
<QBtn
|
||||
v-close-popup
|
||||
label="Close"
|
||||
:label="t('globals.close')"
|
||||
color="primary"
|
||||
flat
|
||||
/>
|
||||
|
|
|
@ -1,16 +1,17 @@
|
|||
<script setup>
|
||||
import { useI18n } from 'vue-i18n';
|
||||
import { onMounted } from 'vue';
|
||||
import { toDate } from 'src/filters/index';
|
||||
|
||||
import { useI18n } from 'vue-i18n';
|
||||
import { useRouter } from 'vue-router';
|
||||
import { useQuasar } from 'quasar';
|
||||
|
||||
import VnPaginate from 'src/components/ui/VnPaginate.vue';
|
||||
import CardList from 'src/components/ui/CardList.vue';
|
||||
import VnLv from 'src/components/ui/VnLv.vue';
|
||||
import TravelSummaryDialog from './Card/TravelSummaryDialog.vue';
|
||||
import { useQuasar } from 'quasar';
|
||||
|
||||
import { useStateStore } from 'stores/useStateStore';
|
||||
import TravelFilter from './TravelFilter.vue';
|
||||
import { toDate } from 'src/filters/index';
|
||||
|
||||
const router = useRouter();
|
||||
const quasar = useQuasar();
|
||||
|
|
Loading…
Reference in New Issue