forked from verdnatura/salix-front
fix: solve conflicts with stockBought
This commit is contained in:
parent
27b2d0232c
commit
696c9ca9b3
|
|
@ -0,0 +1,300 @@
|
||||||
|
<script setup>
|
||||||
|
import { ref } from 'vue';
|
||||||
|
import { useI18n } from 'vue-i18n';
|
||||||
|
import { useState } from 'src/composables/useState';
|
||||||
|
import { useQuasar } from 'quasar';
|
||||||
|
|
||||||
|
import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
|
||||||
|
import FetchData from 'components/FetchData.vue';
|
||||||
|
import FormModelPopup from 'components/FormModelPopup.vue';
|
||||||
|
import VnInput from 'src/components/common/VnInput.vue';
|
||||||
|
import VnRow from 'components/ui/VnRow.vue';
|
||||||
|
import RightMenu from 'src/components/common/RightMenu.vue';
|
||||||
|
import EntryStockBoughtFilter from './EntryStockBoughtFilter.vue';
|
||||||
|
import VnTable from 'components/VnTable/VnTable.vue';
|
||||||
|
import WorkerDescriptorProxy from 'src/pages/Worker/Card/WorkerDescriptorProxy.vue';
|
||||||
|
import EntryStockBoughtDetail from 'src/pages/Entry/EntryStockBoughtDetail.vue';
|
||||||
|
|
||||||
|
const { t } = useI18n();
|
||||||
|
const quasar = useQuasar();
|
||||||
|
const state = useState();
|
||||||
|
const user = state.getUser();
|
||||||
|
const columns = [
|
||||||
|
{
|
||||||
|
align: 'left',
|
||||||
|
label: 'Id',
|
||||||
|
name: 'id',
|
||||||
|
isId: true,
|
||||||
|
columnFilter: false,
|
||||||
|
visible: false,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
align: 'left',
|
||||||
|
name: 'workerFk',
|
||||||
|
label: t('Buyer'),
|
||||||
|
isTitle: true,
|
||||||
|
component: 'select',
|
||||||
|
cardVisible: true,
|
||||||
|
create: true,
|
||||||
|
attrs: {
|
||||||
|
url: 'Workers/activeWithInheritedRole',
|
||||||
|
fields: ['id', 'name'],
|
||||||
|
where: { role: 'buyer' },
|
||||||
|
optionFilter: 'firstName',
|
||||||
|
optionLabel: 'name',
|
||||||
|
optionValue: 'id',
|
||||||
|
useLike: false,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
align: 'center',
|
||||||
|
label: t('Reserve'),
|
||||||
|
name: 'reserve',
|
||||||
|
columnFilter: false,
|
||||||
|
create: true,
|
||||||
|
component: 'number',
|
||||||
|
summation: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
align: 'center',
|
||||||
|
label: t('Bought'),
|
||||||
|
name: 'bought',
|
||||||
|
summation: true,
|
||||||
|
cardVisible: true,
|
||||||
|
columnFilter: false,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
align: 'left',
|
||||||
|
label: t('Date'),
|
||||||
|
name: 'dated',
|
||||||
|
component: 'date',
|
||||||
|
visible: false,
|
||||||
|
create: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
align: 'left',
|
||||||
|
name: 'tableActions',
|
||||||
|
actions: [
|
||||||
|
{
|
||||||
|
title: t('View more details'),
|
||||||
|
icon: 'search',
|
||||||
|
isPrimary: true,
|
||||||
|
action: (row) => {
|
||||||
|
quasar.dialog({
|
||||||
|
component: EntryStockBoughtDetail,
|
||||||
|
componentProps: {
|
||||||
|
workerFk: row.workerFk,
|
||||||
|
dated: userParams.value.dated,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
},
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
];
|
||||||
|
|
||||||
|
const fetchDataRef = ref();
|
||||||
|
const travelDialogRef = ref(false);
|
||||||
|
const tableRef = ref();
|
||||||
|
const travel = ref(null);
|
||||||
|
const userParams = ref({
|
||||||
|
dated: Date.vnNew(),
|
||||||
|
});
|
||||||
|
|
||||||
|
const filter = ref({
|
||||||
|
fields: ['id', 'm3', 'warehouseInFk'],
|
||||||
|
include: [
|
||||||
|
{
|
||||||
|
relation: 'warehouseIn',
|
||||||
|
scope: {
|
||||||
|
fields: ['code'],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
],
|
||||||
|
where: {
|
||||||
|
shipped: (userParams.value.dated
|
||||||
|
? new Date(userParams.value.dated)
|
||||||
|
: Date.vnNew()
|
||||||
|
).setHours(0, 0, 0, 0),
|
||||||
|
m3: { neq: null },
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
const setUserParams = async ({ dated }) => {
|
||||||
|
const shipped = (dated ? new Date(dated) : Date.vnNew()).setHours(0, 0, 0, 0);
|
||||||
|
filter.value.where.shipped = shipped;
|
||||||
|
fetchDataRef.value?.fetch();
|
||||||
|
};
|
||||||
|
|
||||||
|
function openDialog() {
|
||||||
|
travelDialogRef.value = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
function setFooter(data) {
|
||||||
|
const footer = {
|
||||||
|
bought: 0,
|
||||||
|
reserve: 0,
|
||||||
|
};
|
||||||
|
data.forEach((row) => {
|
||||||
|
footer.bought += row?.bought;
|
||||||
|
footer.reserve += row?.reserve;
|
||||||
|
});
|
||||||
|
tableRef.value.footer = footer;
|
||||||
|
}
|
||||||
|
|
||||||
|
function round(value) {
|
||||||
|
return Math.round(value * 100) / 100;
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<template>
|
||||||
|
<VnSubToolbar>
|
||||||
|
<template #st-data>
|
||||||
|
<FetchData
|
||||||
|
ref="fetchDataRef"
|
||||||
|
url="Travels"
|
||||||
|
auto-load
|
||||||
|
:filter="filter"
|
||||||
|
@on-fetch="
|
||||||
|
(data) => {
|
||||||
|
travel = data.find(
|
||||||
|
(data) => data.warehouseIn.code.toLowerCase() === 'vnh'
|
||||||
|
);
|
||||||
|
}
|
||||||
|
"
|
||||||
|
/>
|
||||||
|
<VnRow class="travel">
|
||||||
|
<div v-if="travel">
|
||||||
|
<span style="color: var(--vn-label-color)">
|
||||||
|
{{ t('Booked trucks') }}:
|
||||||
|
</span>
|
||||||
|
<span>
|
||||||
|
{{ travel?.m3 }}
|
||||||
|
</span>
|
||||||
|
<QBtn
|
||||||
|
v-if="travel?.m3"
|
||||||
|
style="max-width: 20%"
|
||||||
|
flat
|
||||||
|
icon="edit"
|
||||||
|
@click="openDialog()"
|
||||||
|
:title="t('Edit travel')"
|
||||||
|
color="primary"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</VnRow>
|
||||||
|
</template>
|
||||||
|
</VnSubToolbar>
|
||||||
|
<QDialog v-model="travelDialogRef" :maximized="true" :class="['vn-row', 'wrap']">
|
||||||
|
<FormModelPopup
|
||||||
|
:url-update="`Travels/${travel?.id}`"
|
||||||
|
model="travel"
|
||||||
|
:title="t('Travel m3')"
|
||||||
|
:form-initial-data="{ id: travel?.id, m3: travel?.m3 }"
|
||||||
|
@on-data-saved="fetchDataRef.fetch()"
|
||||||
|
>
|
||||||
|
<template #form-inputs="{ data }">
|
||||||
|
<VnInput
|
||||||
|
v-model="data.id"
|
||||||
|
:label="t('id')"
|
||||||
|
type="number"
|
||||||
|
disable
|
||||||
|
readonly
|
||||||
|
/>
|
||||||
|
<VnInput v-model="data.m3" :label="t('m3')" type="number" />
|
||||||
|
</template>
|
||||||
|
</FormModelPopup>
|
||||||
|
</QDialog>
|
||||||
|
<RightMenu>
|
||||||
|
<template #right-panel>
|
||||||
|
<EntryStockBoughtFilter
|
||||||
|
data-key="StockBoughts"
|
||||||
|
@set-user-params="setUserParams"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
</RightMenu>
|
||||||
|
<div class="table-container">
|
||||||
|
<div class="column items-center">
|
||||||
|
<VnTable
|
||||||
|
ref="tableRef"
|
||||||
|
data-key="StockBoughts"
|
||||||
|
url="StockBoughts/getStockBought"
|
||||||
|
save-url="StockBoughts/crud"
|
||||||
|
order="reserve DESC"
|
||||||
|
:right-search="false"
|
||||||
|
:is-editable="true"
|
||||||
|
@on-fetch="(data) => setFooter(data)"
|
||||||
|
:create="{
|
||||||
|
urlCreate: 'StockBoughts',
|
||||||
|
title: t('Reserve some space'),
|
||||||
|
onDataSaved: () => tableRef.reload(),
|
||||||
|
formInitialData: {
|
||||||
|
workerFk: user.id,
|
||||||
|
dated: Date.vnNow(),
|
||||||
|
},
|
||||||
|
}"
|
||||||
|
:columns="columns"
|
||||||
|
:user-params="userParams"
|
||||||
|
:footer="true"
|
||||||
|
table-height="80vh"
|
||||||
|
auto-load
|
||||||
|
>
|
||||||
|
<template #column-workerFk="{ row }">
|
||||||
|
<span class="link" @click.stop>
|
||||||
|
{{ row?.worker?.user?.name }}
|
||||||
|
<WorkerDescriptorProxy :id="row?.workerFk" />
|
||||||
|
</span>
|
||||||
|
</template>
|
||||||
|
<template #column-bought="{ row }">
|
||||||
|
<span :class="{ 'text-negative': row.reserve < row.bought }">
|
||||||
|
{{ row?.bought }}
|
||||||
|
</span>
|
||||||
|
</template>
|
||||||
|
<template #column-footer-reserve>
|
||||||
|
<span>
|
||||||
|
{{ round(tableRef.footer.reserve) }}
|
||||||
|
</span>
|
||||||
|
</template>
|
||||||
|
<template #column-footer-bought>
|
||||||
|
<span
|
||||||
|
:class="{
|
||||||
|
'text-negative':
|
||||||
|
tableRef.footer.reserve < tableRef.footer.bought,
|
||||||
|
}"
|
||||||
|
>
|
||||||
|
{{ round(tableRef.footer.bought) }}
|
||||||
|
</span>
|
||||||
|
</template>
|
||||||
|
</VnTable>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.travel {
|
||||||
|
margin-bottom: 0px;
|
||||||
|
}
|
||||||
|
.table-container {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
.column {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
width: 35%;
|
||||||
|
}
|
||||||
|
.text-negative {
|
||||||
|
color: $negative !important;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<i18n>
|
||||||
|
es:
|
||||||
|
Edit travel: Editar envío
|
||||||
|
Travel: Envíos
|
||||||
|
Booked trucks: Camiones reservados
|
||||||
|
Buyer: Comprador
|
||||||
|
Reserve: Reservado
|
||||||
|
Bought: Comprado
|
||||||
|
Date: Fecha
|
||||||
|
View more details: Ver más detalles
|
||||||
|
Reserve some space: Reservar espacio
|
||||||
|
This buyer has already made a reservation for this date: Este comprador ya ha hecho una reserva para esta fecha
|
||||||
|
</i18n>
|
||||||
|
|
@ -0,0 +1,126 @@
|
||||||
|
<script setup>
|
||||||
|
import { ref } from 'vue';
|
||||||
|
import { useI18n } from 'vue-i18n';
|
||||||
|
|
||||||
|
import VnTable from 'components/VnTable/VnTable.vue';
|
||||||
|
import EntryDescriptorProxy from 'src/pages/Entry/Card/EntryDescriptorProxy.vue';
|
||||||
|
import ItemDescriptorProxy from 'src/pages/Item/Card/ItemDescriptorProxy.vue';
|
||||||
|
|
||||||
|
const { t } = useI18n();
|
||||||
|
const tableRef = ref();
|
||||||
|
const $props = defineProps({
|
||||||
|
workerFk: {
|
||||||
|
type: Number,
|
||||||
|
required: true,
|
||||||
|
},
|
||||||
|
dated: {
|
||||||
|
type: Date,
|
||||||
|
required: true,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
const customUrl = `StockBoughts/getStockBoughtDetail?workerFk=${$props.workerFk}&date=${$props.dated}`;
|
||||||
|
const columns = [
|
||||||
|
{
|
||||||
|
align: 'left',
|
||||||
|
label: t('Entry'),
|
||||||
|
name: 'entryFk',
|
||||||
|
isTitle: true,
|
||||||
|
isId: true,
|
||||||
|
columnFilter: false,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
align: 'left',
|
||||||
|
name: 'itemFk',
|
||||||
|
label: t('Item'),
|
||||||
|
columnFilter: false,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
align: 'left',
|
||||||
|
label: t('Name'),
|
||||||
|
name: 'itemName',
|
||||||
|
create: true,
|
||||||
|
columnClass: 'expand',
|
||||||
|
columnFilter: false,
|
||||||
|
cardVisible: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
align: 'left',
|
||||||
|
name: 'volume',
|
||||||
|
label: t('Volume'),
|
||||||
|
columnFilter: false,
|
||||||
|
cardVisible: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
align: 'left',
|
||||||
|
label: t('Packaging'),
|
||||||
|
name: 'packagingFk',
|
||||||
|
columnFilter: false,
|
||||||
|
cardVisible: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
align: 'left',
|
||||||
|
label: 'Packing',
|
||||||
|
name: 'packing',
|
||||||
|
columnFilter: false,
|
||||||
|
cardVisible: true,
|
||||||
|
},
|
||||||
|
];
|
||||||
|
</script>
|
||||||
|
<template>
|
||||||
|
<QDialog>
|
||||||
|
<div class="container">
|
||||||
|
<VnTable
|
||||||
|
ref="tableRef"
|
||||||
|
data-key="StockBoughtsDetail"
|
||||||
|
:url="customUrl"
|
||||||
|
order="itemName DESC"
|
||||||
|
:columns="columns"
|
||||||
|
:right-search="false"
|
||||||
|
:disable-infinite-scroll="true"
|
||||||
|
:disable-option="{ card: true }"
|
||||||
|
:limit="0"
|
||||||
|
auto-load
|
||||||
|
>
|
||||||
|
<template #column-entryFk="{ row }">
|
||||||
|
<span class="link">
|
||||||
|
{{ row?.entryFk }}
|
||||||
|
<EntryDescriptorProxy :id="row.entryFk" />
|
||||||
|
</span>
|
||||||
|
</template>
|
||||||
|
<template #column-itemName="{ row }">
|
||||||
|
<span class="link">
|
||||||
|
{{ row?.itemName }}
|
||||||
|
<ItemDescriptorProxy :id="row.itemFk" />
|
||||||
|
</span>
|
||||||
|
</template>
|
||||||
|
</VnTable>
|
||||||
|
</div>
|
||||||
|
</QDialog>
|
||||||
|
</template>
|
||||||
|
<style lang="css" scoped>
|
||||||
|
.container {
|
||||||
|
max-width: 50vw;
|
||||||
|
overflow: auto;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
margin: auto;
|
||||||
|
background-color: var(--vn-section-color);
|
||||||
|
padding: 4px;
|
||||||
|
}
|
||||||
|
.container > div > div > .q-table__top.relative-position.row.items-center {
|
||||||
|
background-color: red !important;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<i18n>
|
||||||
|
es:
|
||||||
|
Buyer: Comprador
|
||||||
|
Reserve: Reservado
|
||||||
|
Bought: Comprado
|
||||||
|
More: Más
|
||||||
|
Date: Fecha
|
||||||
|
Entry: Entrada
|
||||||
|
Item: Artículo
|
||||||
|
Name: Nombre
|
||||||
|
Volume: Volumen
|
||||||
|
Packaging: Embalage
|
||||||
|
</i18n>
|
||||||
|
|
@ -0,0 +1,63 @@
|
||||||
|
<script setup>
|
||||||
|
import { useI18n } from 'vue-i18n';
|
||||||
|
import { onMounted } from 'vue';
|
||||||
|
import { useStateStore } from 'stores/useStateStore';
|
||||||
|
|
||||||
|
import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
|
||||||
|
import VnInputDate from 'src/components/common/VnInputDate.vue';
|
||||||
|
|
||||||
|
const { t } = useI18n();
|
||||||
|
const props = defineProps({
|
||||||
|
dataKey: {
|
||||||
|
type: String,
|
||||||
|
required: true,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
const stateStore = useStateStore();
|
||||||
|
const emit = defineEmits(['set-user-params']);
|
||||||
|
const setUserParams = (params) => {
|
||||||
|
emit('set-user-params', params);
|
||||||
|
};
|
||||||
|
onMounted(async () => {
|
||||||
|
stateStore.rightDrawer = true;
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<VnFilterPanel
|
||||||
|
:data-key="props.dataKey"
|
||||||
|
:search-button="true"
|
||||||
|
search-url="table"
|
||||||
|
@set-user-params="setUserParams"
|
||||||
|
>
|
||||||
|
<template #tags="{ tag, formatFn }">
|
||||||
|
<div class="q-gutter-x-xs">
|
||||||
|
<strong>{{ t(`params.${tag.label}`) }}: </strong>
|
||||||
|
<span>{{ formatFn(tag.value) }}</span>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<template #body="{ params }">
|
||||||
|
<QItem class="q-my-sm">
|
||||||
|
<QItemSection>
|
||||||
|
<VnInputDate
|
||||||
|
id="date"
|
||||||
|
v-model="params.dated"
|
||||||
|
:label="t('Date')"
|
||||||
|
is-outlined
|
||||||
|
/>
|
||||||
|
</QItemSection>
|
||||||
|
</QItem>
|
||||||
|
</template>
|
||||||
|
</VnFilterPanel>
|
||||||
|
</template>
|
||||||
|
<i18n>
|
||||||
|
en:
|
||||||
|
params:
|
||||||
|
dated: Date
|
||||||
|
workerFk: Worker
|
||||||
|
es:
|
||||||
|
Date: Fecha
|
||||||
|
params:
|
||||||
|
dated: Date
|
||||||
|
workerFk: Trabajador
|
||||||
|
</i18n>
|
||||||
|
|
@ -58,6 +58,15 @@ export default {
|
||||||
},
|
},
|
||||||
component: () => import('src/pages/Entry/EntryLatestBuys.vue'),
|
component: () => import('src/pages/Entry/EntryLatestBuys.vue'),
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
path: 'stock-Bought',
|
||||||
|
name: 'EntryStockBought',
|
||||||
|
meta: {
|
||||||
|
title: 'reserves',
|
||||||
|
icon: 'deployed_code_history',
|
||||||
|
},
|
||||||
|
component: () => import('src/pages/Entry/EntryStockBought.vue'),
|
||||||
|
},
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,39 @@
|
||||||
|
describe('EntryStockBought', () => {
|
||||||
|
beforeEach(() => {
|
||||||
|
cy.viewport(1920, 1080);
|
||||||
|
cy.login('buyer');
|
||||||
|
cy.visit(`/#/entry/stock-Bought`);
|
||||||
|
});
|
||||||
|
it('Should edit the reserved space', () => {
|
||||||
|
cy.get('.q-field__native.q-placeholder').should('have.value', '01/01/2001');
|
||||||
|
cy.get('input[name="reserve"]').type('10{enter}');
|
||||||
|
cy.get('button[title="Save"]').click();
|
||||||
|
cy.get('.q-notification__message').should('have.text', 'Data saved');
|
||||||
|
});
|
||||||
|
it('Should add a new reserved space for buyerBoss', () => {
|
||||||
|
cy.get('.q-page-sticky > div > .q-btn > .q-btn__content > .q-icon').click();
|
||||||
|
cy.get('input[aria-label="Reserve"]').type('1');
|
||||||
|
cy.get('input[aria-label="Date"]').eq(1).clear();
|
||||||
|
cy.get('input[aria-label="Date"]').eq(1).type('01-01');
|
||||||
|
cy.get('input[aria-label="Buyer"]').type('buyerboss{downarrow}{enter}');
|
||||||
|
cy.get('.q-notification__message').should('have.text', 'Data created');
|
||||||
|
});
|
||||||
|
it('Should check detail for the buyer', () => {
|
||||||
|
cy.get(':nth-child(1) > .sticky > .q-btn > .q-btn__content > .q-icon').click();
|
||||||
|
cy.get('tBody > tr').eq(1).its('length').should('eq', 1);
|
||||||
|
});
|
||||||
|
it('Should check detail for the buyerBoss and had no content', () => {
|
||||||
|
cy.get(':nth-child(2) > .sticky > .q-btn > .q-btn__content > .q-icon').click();
|
||||||
|
cy.get('.q-table__bottom.row.items-center.q-table__bottom--nodata').should(
|
||||||
|
'have.text',
|
||||||
|
'warningNo data available'
|
||||||
|
);
|
||||||
|
});
|
||||||
|
it('Should edit travel m3 and refresh', () => {
|
||||||
|
cy.get('.vn-row > div > .q-btn > .q-btn__content > .q-icon').click();
|
||||||
|
cy.get('input[aria-label="m3"]').clear();
|
||||||
|
cy.get('input[aria-label="m3"]').type('60');
|
||||||
|
cy.get('.q-mt-lg > .q-btn--standard > .q-btn__content > .block').click();
|
||||||
|
cy.get('.vn-row > div > :nth-child(2)').should('have.text', '60');
|
||||||
|
});
|
||||||
|
});
|
||||||
Loading…
Reference in New Issue