forked from verdnatura/salix-front
fix: refs #7404 remove from test
This commit is contained in:
parent
193670fdcf
commit
336f2ba89e
|
|
@ -1,293 +0,0 @@
|
||||||
<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: 'left',
|
|
||||||
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('More'),
|
|
||||||
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;
|
|
||||||
}
|
|
||||||
</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 === '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">
|
|
||||||
<QPage class="column items-center q-pa-md">
|
|
||||||
<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"
|
|
||||||
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>
|
|
||||||
{{ tableRef.footer.reserve }}
|
|
||||||
</span>
|
|
||||||
</template>
|
|
||||||
<template #column-footer-bought>
|
|
||||||
<span
|
|
||||||
:class="{
|
|
||||||
'text-negative':
|
|
||||||
tableRef.footer.reserve < tableRef.footer.bought,
|
|
||||||
}"
|
|
||||||
>
|
|
||||||
{{ tableRef.footer.bought }}
|
|
||||||
</span>
|
|
||||||
</template>
|
|
||||||
</VnTable>
|
|
||||||
</QPage>
|
|
||||||
</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: 40%;
|
|
||||||
}
|
|
||||||
.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
|
|
||||||
More: Más
|
|
||||||
Date: Fecha
|
|
||||||
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>
|
|
||||||
|
|
@ -1,129 +0,0 @@
|
||||||
<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"
|
|
||||||
:limit="0"
|
|
||||||
auto-load
|
|
||||||
>
|
|
||||||
<template #top-left>
|
|
||||||
<QBtn
|
|
||||||
flat
|
|
||||||
icon="Close"
|
|
||||||
color="primary"
|
|
||||||
class="bg-vn-section-color q-pa-xs"
|
|
||||||
v-close-popup
|
|
||||||
/>
|
|
||||||
</template>
|
|
||||||
<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;
|
|
||||||
}
|
|
||||||
</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>
|
|
||||||
|
|
@ -1,63 +0,0 @@
|
||||||
<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>
|
|
||||||
|
|
@ -1,39 +0,0 @@
|
||||||
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