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

updates
gitea/salix-front/pipeline/pr-dev This commit looks good Details

This commit is contained in:
Javier Segarra 2024-06-14 13:44:33 +02:00
parent 679710eb4d
commit 7b047e1637
7 changed files with 364 additions and 317 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/composables/useRole.js
View File

@ -27,10 +27,20 @@ export function useRole() {
return false;
}
function likeAny(roles) {
const roleStore = state.getRoles();
for (const role of roles) {
if (!roleStore.value.findIndex((rs) => rs.startsWith(role)) !== -1)
return true;
}
return false;
}
return {
fetch,
hasAny,
likeAny,
state,
};
}

145
src/pages/Item/components/ItemProposal.vue
View File

@ -3,11 +3,17 @@ import { ref, computed } from 'vue';
import { useI18n } from 'vue-i18n';
import VnPaginate from 'components/ui/VnPaginate.vue';
import ItemDescriptorProxy from 'src/pages/Item/Card/ItemDescriptorProxy.vue';
import FetchedTags from 'components/ui/FetchedTags.vue';
import { useSession } from 'src/composables/useSession';
const { t } = useI18n();
const session = useSession();
const primaryColor = 'red';
const colorSpacer = '#ecf0f1';
const gradientStyle = computed(() => {
return `linear-gradient(to right, ${primaryColor} ${compatibility.value}, ${colorSpacer} 10%)`;
});
const $props = defineProps({
item: {
type: Object,
@ -30,36 +36,39 @@ const defaultColumnAttrs = {
align: 'left',
sortable: true,
};
const compatibility = ref(null);
// const compatibility = computed(() => `linear-gradient(to right,red 10%, white 10%);`);
const statusConditionalValue = (row) => {
const total = [5, 6, 7, 8].reduce((acc, i) => acc + row[`match${i}`], 0);
const STATUS_VALUES = { 2: '$secondary', 3: 'positive', 4: 'warning' };
const status = STATUS_VALUES[total - 2];
if (!status) return 'white';
return status;
const values = [5, 6, 7, 8];
const total = values.reduce((acc, i) => acc + row[`match${i}`], 0);
const STATUS_VALUES = { 1: 'white', 2: '$secondary', 3: 'positive', 4: 'warning' };
const status = STATUS_VALUES[total];
compatibility.value = `${100 * (total / values.length)}%`;
return { status, total, compatibility };
};
const conditionalValue = (tag) => (tag === 1 ? 'match' : 'not-match');
// const conditionalValue = (tag) => (tag === 1 ? 'match' : 'not-match');
const conditionalValuePrice = (price) =>
price > currentTicket.value.price * 1.3 ? 'match' : 'not-match';
const changeTicket = (type, _index = 0) => {
const value = type ? 1 : -1;
const nextIndex = index.value + value + _index;
const ticket = $props.tickets[nextIndex];
if (ticket.ticketFk === currentTicket.value.ticketFk)
return changeTicket(true, nextIndex - 1);
index.value = nextIndex;
};
// const changeTicket = (type, _index = 0) => {
// const value = type ? 1 : -1;
// const nextIndex = index.value + value + _index;
// const ticket = $props.tickets[nextIndex];
// if (ticket.ticketFk === currentTicket.value.ticketFk)
// return changeTicket(true, nextIndex - 1);
// index.value = nextIndex;
// };
const columns = computed(() => [
{
...defaultColumnAttrs,
label: t('proposal.counter'),
name: 'counter',
field: 'counter',
label: t('proposal.available'),
name: 'available',
field: 'available',
},
{
...defaultColumnAttrs,
label: t('proposal.itemFk'),
name: 'id',
field: 'id',
label: t('proposal.difference'),
name: 'difference',
field: (item) => 21,
},
{
...defaultColumnAttrs,
@ -67,6 +76,13 @@ const columns = computed(() => [
name: 'status',
field: statusConditionalValue,
},
{
...defaultColumnAttrs,
label: t('proposal.counter'),
name: 'counter',
field: 'counter',
},
{
align: 'center',
sortable: true,
@ -74,13 +90,13 @@ const columns = computed(() => [
name: 'longName',
field: 'longName',
},
{
...defaultColumnAttrs,
label: t('proposal.subName'),
name: 'subName',
field: 'subName',
},
{
// {
// ...defaultColumnAttrs,
// label: t('proposal.subName'),
// name: 'subName',
// field: 'subName',
// },
/*{
...defaultColumnAttrs,
label: t('proposal.value5'),
name: 'value5',
@ -107,12 +123,18 @@ const columns = computed(() => [
name: 'value8',
field: 'value8',
classes: ({ match8 }) => conditionalValue(match8),
},
},*/
{
...defaultColumnAttrs,
label: t('proposal.available'),
name: 'available',
field: 'available',
label: t('proposal.tags'),
name: 'tags',
},
{
...defaultColumnAttrs,
label: t('proposal.price2'),
name: 'price2',
field: 'price2',
},
{
...defaultColumnAttrs,
@ -120,12 +142,6 @@ const columns = computed(() => [
name: 'minQuantity',
field: 'minQuantity',
},
{
...defaultColumnAttrs,
label: t('proposal.price2'),
name: 'price2',
field: 'price2',
},
{
...defaultColumnAttrs,
label: t('proposal.located'),
@ -156,7 +172,7 @@ async function confirm() {
<QCard class="q-pa-lg">
<QCardSection class="row items-center q-pb-none">
<QImg
:src="`/api/Images/catalog/50x50/${item.itemFk}/download?access_token=${token}`"
:src="`/api/Images/catalog/50x50/${item.id}/download?access_token=${token}`"
spinner-color="primary"
:ratio="1"
height="50px"
@ -166,6 +182,9 @@ async function confirm() {
/>
<span class="text-h6">{{ item.longName }}</span>
<span class="text"
><sub>{{ item.longName }}</sub></span
>
<QSpace />
<QBtn icon="close" flat round dense v-close-popup />
</QCardSection>
@ -233,18 +252,41 @@ async function confirm() {
</template>
<template #body-cell-longName="{ row, value }">
<QTd align="right" class="text-primary">
<QTooltip>
{{ row.id }}
</QTooltip>
<QImg
:src="`/api/Images/catalog/50x50/${row.id}/download?access_token=${token}`"
spinner-color="primary"
:ratio="1"
height="50px"
width="50px"
class="image remove-bg"
:alt="'asdads'"
/>
<QBtn flat color="blue" dense>{{ value }}</QBtn>
<ItemDescriptorProxy :id="row.id" />
</QTd>
</template>
<template #body-cell-status="{ value }">
<QTd class="col" align="center">
<div
:style="{ 'background-color': value }"
style="height: 10px"
></div>
:style="{ background: gradientStyle }"
class="compatibility"
>
<QTooltip>
{{ value }}
</QTooltip>
</div>
</QTd>
</template>
<template #body-cell-tags="{ row }">
<QTd class="col" align="center"
><FetchedTags :item="row" :max-length="5"
/></QTd>
</template>
<template #body-cell-price2="{ row, value }">
<QTd
class="col"
@ -271,25 +313,14 @@ async function confirm() {
@click="proposalSelected = []"
/>
<QBtnDropdown
top
split
:label="t('proposal.replace')"
<QBtn
:label="t('globals.replace')"
color="primary"
:loading="isLoading"
@click="confirm"
:disable="proposalSelected.length < 1 || quantity === 0"
unelevated
><QList>
<QItem clickable @click="confirm">
<QItemSection>
<QItemLabel>
{{ t('proposal.replaceAndConfirm') }}
</QItemLabel>
</QItemSection>
</QItem>
</QList></QBtnDropdown
>
/>
<QInput
v-model.number="quantity"
v-if="quantity > -1"
@ -304,6 +335,10 @@ async function confirm() {
</QDialog>
</template>
<style lang="scss">
.compatibility {
height: 10px;
}
.match {
color: $negative;
}

308
src/pages/Ticket/Negative/TicketLackDetail.vue
View File

@ -20,7 +20,13 @@ import { useStateStore } from 'stores/useStateStore';
import { useDialogPluginComponent } from 'quasar';
import { useSession } from 'src/composables/useSession';
import ZoneDescriptorProxy from 'pages/Zone/Card/ZoneDescriptorProxy.vue';
import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
onMounted(() => {
stateStore.rightDrawer = false;
nextTick(() => {
componentIsRendered.value = true;
});
});
const { openConfirmationModal } = useVnConfirm();
const { t } = useI18n();
const URL_KEY = 'Tickets/ItemLack';
@ -40,29 +46,27 @@ const showFree = ref(true);
const resultSplit = ref([]);
const selectedRows = ref([]);
const session = useSession();
import { useRoute } from 'vue-router';
import VnSelectDialog from 'src/components/common/VnSelectDialog.vue';
import VnRow from 'src/components/ui/VnRow.vue';
const route = useRoute();
const token = session.getTokenMultimedia();
const originalRowDataCopy = ref(null);
const $props = defineProps({
item: {
type: Number,
required: true,
},
filter: {
type: Object,
required: false,
default: () => {
true;
},
},
});
onMounted(() => {
stateStore.rightDrawer = false;
nextTick(() => {
componentIsRendered.value = true;
});
});
// const $props = defineProps({
// item: {
// type: Number,
// required: true,
// },
// filter: {
// type: Object,
// required: false,
// default: () => {
// true;
// },
// },
// });
onUnmounted(() => (stateStore.rightDrawer = true));
const copyOriginalRowsData = (rows) => {
@ -103,7 +107,8 @@ const saveChange = async (field, { rowIndex, row }) => {
console.error('Error saving changes', err);
}
};
const entityId = computed(() => $props.item.itemFk);
const entityId = computed(() => route.params.id);
const item = ref({});
function isComponentVn(col) {
return tableColumnComponents?.value[col.name]?.component === 'span' ?? false;
}
@ -241,7 +246,7 @@ const columns = computed(() => [
},
]);
const { dialogRef, onDialogHide } = useDialogPluginComponent();
const { filter } = toRefs($props);
// const { filter } = toRefs($props);
const emit = defineEmits([...useDialogPluginComponent.emits, 'selection', 'close']);
function rowsHasSelected(selection) {
emit(
@ -330,25 +335,31 @@ const split = async () => {
@on-fetch="(data) => (editableStates = data)"
auto-load
/>
<Teleport to="#st-actions" v-if="stateStore?.isSubToolbarShown()">
<FetchData
:url="`Items/${entityId}/getCard`"
:fields="['longName']"
@on-fetch="(data) => (item = data)"
auto-load
/>
<!-- <Teleport to="#st-actions" v-if="stateStore?.isSubToolbarShown()">
<QBtnGroup push style="column-gap: 1px"
><QBtn
:label="t('globals.cancel')"
:label="t('proposal.replace')"
@click="emit('close')"
color="primary"
flat
icon="close"
icon="save"
>
<QTooltip>{{ t('globals.cancel') }}</QTooltip>
</QBtn></QBtnGroup
>
</Teleport>
</Teleport> -->
<Teleport to="#st-data" v-if="stateStore?.isSubToolbarShown()">
<QSpace />
<QBtnGroup push style="column-gap: 1px">
<QBtn
icon="refresh"
color="primary"
:label="t('negative.detail.modal.changeState.title')"
:label="t('negative.buttonsUpdate.state')"
:disable="selectedRows.length < 2"
@click="showChangeStateDialog = true"
>
@ -357,8 +368,9 @@ const split = async () => {
</QTooltip>
</QBtn>
<QBtn
icon="refresh"
color="primary"
:label="t('negative.detail.modal.changeQuantity.title')"
:label="t('negative.buttonsUpdate.quantity')"
@click="showChangeQuantityDialog = true"
:disable="selectedRows.length < 2"
>
@ -366,6 +378,17 @@ const split = async () => {
{{ t('negative.detail.modal.changeQuantity.title') }}
</QTooltip>
</QBtn>
<QBtn
icon="refresh"
color="primary"
:label="t('negative.buttonsUpdate.itemProposal')"
@click="showChangeQuantityDialog = true"
:disable="selectedRows.length < 2"
>
<QTooltip bottom anchor="bottom right">
{{ t('negative.itemProposal') }}
</QTooltip>
</QBtn>
<QBtn
color="primary"
@click="
@ -384,7 +407,7 @@ const split = async () => {
</QTooltip>
</QBtn>
<QBtn
icon="vn:splitline"
icon="vn:item"
color="primary"
:disable="selectedRows.length < 1"
@click="showProposalDialog = true"
@ -396,42 +419,50 @@ const split = async () => {
</QBtnGroup>
<QCheckbox v-model="showFree" :label="t('negative.detail.showFree')" />
</Teleport>
<VnPaginate
:data-key="URL_KEY"
:url="`${URL_KEY}/${entityId}/detail`"
ref="itemLackForm"
@on-fetch="copyOriginalRowsData($event)"
auto-load
>
<!-- :rows="rows" -->
<template #body="{ rows }">
<QImg
:src="`/api/Images/catalog/50x50/${item.itemFk}/download?access_token=${token}`"
spinner-color="primary"
:ratio="1"
height="50px"
width="50px"
class="image remove-bg"
:alt="'asdads'"
/>
<span class="text-h6">{{ item.longName }}</span>
<QTable
ref="tableRef"
:columns="columns"
:rows="handleRows(rows)"
row-key="ticketFk"
selection="multiple"
v-model:selected="selectedRows"
@update:selected="rowsHasSelected"
:grid="$q.screen.lt.md"
hide-bottom
<QPage>
<VnSubToolbar />
<div class="full-width q-pa-md">
<VnPaginate
:data-key="URL_KEY"
:url="`${URL_KEY}/${entityId}/detail`"
ref="itemLackForm"
@on-fetch="copyOriginalRowsData($event)"
auto-load
>
<template #body="props">
<QTr>
<QTd>
<!-- <QIcon
<!-- :rows="rows" -->
<template #body="{ rows }">
<!-- <VnRow style="align-items: center">
<div>
<QImg
:src="`/api/Images/catalog/50x50/${entityId}/download?access_token=${token}`"
spinner-color="primary"
:ratio="1"
height="50px"
width="50px"
class="image remove-bg"
:alt="'asdads'"
/>
<span class="text-h6">{{ item.longName }}</span>
</div>
<QIcon name="arrow_right" size="lg" />
<VnSelectDialog action-icon="call_split"></VnSelectDialog
></VnRow> -->
<QTable
ref="tableRef"
:columns="columns"
:rows="handleRows(rows)"
row-key="ticketFk"
selection="multiple"
v-model:selected="selectedRows"
@update:selected="rowsHasSelected"
:grid="$q.screen.lt.md"
hide-bottom
>
<template #body="props">
<QTr>
<QTd>
<!-- <QIcon
v-if="resultSplit.length > 0"
:name="getIcon(props.key, 'name')"
:color="getIcon(props.key, 'color')"
@ -439,77 +470,86 @@ const split = async () => {
size="xs"
style="font-weight: bold"
/> -->
<QCheckbox v-model="props.selected" />
</QTd>
<QTd v-for="col in props.cols" :key="col.name">
<template v-if="tableColumnComponents[col.name]?.component">
<component
:is="tableColumnComponents[col.name].component"
v-bind="tableColumnComponents[col.name].props"
v-model="props.row[col.field]"
v-on="
tableColumnComponents[col.name].event(
col.field,
props
)
"
:style="tableColumnComponents[col.name].style"
>
<template v-if="isComponentVn(col)">{{
col.value
}}</template>
<template v-if="col.name === 'status'">
<QIcon
v-if="props.row.isRookie"
name="vn:person"
size="xs"
color="primary"
class="cursor-pointer"
<QCheckbox v-model="props.selected" />
</QTd>
<QTd v-for="col in props.cols" :key="col.name">
<template
v-if="tableColumnComponents[col.name]?.component"
>
<component
:is="
tableColumnComponents[col.name].component
"
v-bind="tableColumnComponents[col.name].props"
v-model="props.row[col.field]"
v-on="
tableColumnComponents[col.name].event(
col.field,
props
)
"
:style="tableColumnComponents[col.name].style"
>
<QTooltip>{{
t('negative.detail.isRookie')
}}</QTooltip>
</QIcon>
<QIcon
v-if="props.row.peticionCompra"
name="vn:buyrequest"
size="xs"
color="primary"
class="cursor-pointer"
>
<QTooltip>{{
t('negative.detail.peticionCompra')
}}</QTooltip>
</QIcon>
<QIcon
v-if="props.row.turno"
name="vn:calendar"
size="xs"
color="primary"
class="cursor-pointer"
>
<QTooltip>{{
t('negative.detail.turno')
}}</QTooltip>
</QIcon>
<template v-if="isComponentVn(col)">{{
col.value
}}</template>
<template v-if="col.name === 'status'">
<QIcon
v-if="props.row.isRookie"
name="vn:person"
size="xs"
color="primary"
class="cursor-pointer"
>
<QTooltip>{{
t('negative.detail.isRookie')
}}</QTooltip>
</QIcon>
<QIcon
v-if="props.row.peticionCompra"
name="vn:buyrequest"
size="xs"
color="primary"
class="cursor-pointer"
>
<QTooltip>{{
t(
'negative.detail.peticionCompra'
)
}}</QTooltip>
</QIcon>
<QIcon
v-if="props.row.turno"
name="vn:calendar"
size="xs"
color="primary"
class="cursor-pointer"
>
<QTooltip>{{
t('negative.detail.turno')
}}</QTooltip>
</QIcon>
</template>
<template v-if="col.name === 'ticketFk'"
>{{ col.value }}
<ItemDescriptorProxy
:id="$props.entityId"
/></template>
<template v-if="col.name === 'zoneName'">
{{ col.value }}
<ZoneDescriptorProxy
:id="props.row.zoneFk"
/>
</template>
</component>
</template>
<template v-if="col.name === 'ticketFk'"
>{{ col.value }}
<ItemDescriptorProxy :id="$props.entityId"
/></template>
<template v-if="col.name === 'zoneName'">
{{ col.value }}
<ZoneDescriptorProxy :id="props.row.zoneFk" />
</template>
</component>
</template>
</QTd>
</QTr>
</QTd>
</QTr>
</template>
</QTable>
</template>
</QTable>
</template>
</VnPaginate>
</VnPaginate></div
></QPage>
<ChangeStateDialog
ref="changeStateDialogRef"
@hide="onDetailDialogHide"

118
src/pages/Ticket/Negative/TicketLackFilter.vue
View File

@ -16,11 +16,11 @@ const props = defineProps({
required: true,
},
});
const arrayData = useArrayData(props.dataKey);
const warehouse = ref(null);
onMounted(async () => {
warehouse.value = arrayData.store?.userParams?.warehouse;
});
// const arrayData = useArrayData(props.dataKey);
// const warehouse = ref(null);
// onMounted(async () => {
// warehouse.value = arrayData.store?.userParams?.warehouse;
// });
const to = Date.vnNew();
to.setDate(to.getDate() + 1);
@ -49,19 +49,12 @@ const onCategoryChange = async (categoryFk, search) => {
</script>
<template>
<FetchData url="Warehouses" @on-fetch="(data) => (warehouses = data)" auto-load />
<FetchData
url="ItemCategories"
:filter="{ fields: ['id', 'name'], order: 'name ASC' }"
@on-fetch="(data) => (categoriesOptions = data)"
auto-load
/>
<FetchData
ref="itemTypesRef"
url="ItemTypes"
:filter="itemTypesFilter"
@on-fetch="(data) => (itemTypesOptions = data)"
auto-load
/>
<VnFilterPanel :data-key="props.dataKey" :search-button="true">
@ -114,97 +107,32 @@ const onCategoryChange = async (categoryFk, search) => {
/>
</QItemSection>
</QItem>
<QCard bordered>
<QItem>
<QItemSection>
<VnInputDate
:label="t('negative.date')"
v-model="params.date"
></VnInputDate
></QItemSection>
</QItem>
<QItem>
<QItemSection
><VnInputTime
:label="t('negative.timed')"
v-model="params.time"
></VnInputTime>
</QItemSection>
</QItem>
</QCard>
<QCard bordered>
<QItem>
<QItemSection v-if="categoriesOptions">
<VnSelect
:label="t('negative.category')"
v-model="params.categoryFk"
@update:model-value="
($event) => onCategoryChange($event, searchFn)
"
:options="categoriesOptions"
option-value="id"
option-label="name"
hide-selected
dense
outlined
rounded
/> </QItemSection
><QItemSection v-else>
<QSkeleton class="full-width" type="QSelect" />
</QItemSection>
</QItem>
<QItem>
<QItemSection v-if="itemTypesOptions">
<VnSelect
:label="t('negative.type')"
v-model="params.typeFk"
@update:model-value="searchFn()"
:options="itemTypesOptions"
option-value="id"
option-label="name"
hide-selected
dense
outlined
rounded
>
<template #option="scope">
<QItem v-bind="scope.itemProps">
<QItemSection>
<QItemLabel>{{ scope.opt?.name }}</QItemLabel>
<QItemLabel caption>{{
scope.opt?.category?.name
}}</QItemLabel>
</QItemSection>
</QItem>
</template>
</VnSelect> </QItemSection
><QItemSection v-else>
<QSkeleton class="full-width" type="QSelect" />
</QItemSection>
</QItem>
</QCard>
<QItem>
<QItemSection v-if="warehouses">
<QItemSection v-if="itemTypesOptions">
<VnSelect
:label="t('negative.warehouse')"
v-model="params.warehouse"
:label="t('negative.type')"
v-model="params.typeFk"
@update:model-value="searchFn()"
:options="warehouses"
:options="itemTypesOptions"
option-value="id"
option-label="name"
emit-value
map-options
use-input
hide-selected
dense
outlined
rounded
:input-debounce="0"
/>
</QItemSection>
<QItemSection v-else>
>
<template #option="scope">
<QItem v-bind="scope.itemProps">
<QItemSection>
<QItemLabel>{{ scope.opt?.name }}</QItemLabel>
<QItemLabel caption>{{
scope.opt?.category?.name
}}</QItemLabel>
</QItemSection>
</QItem>
</template>
</VnSelect> </QItemSection
><QItemSection v-else>
<QSkeleton class="full-width" type="QSelect" />
</QItemSection>
</QItem>

60
src/pages/Ticket/Negative/TicketLackList.vue
View File

@ -5,7 +5,7 @@ import { useStateStore } from 'stores/useStateStore';
import VnPaginate from 'components/ui/VnPaginate.vue';
import TicketLackFilter from 'pages/Ticket/Negative/TicketLackFilter.vue';
import TicketLackDetail from 'pages/Ticket/Negative/TicketLackDetail.vue';
import FetchData from 'components/FetchData.vue';
// import FetchData from 'components/FetchData.vue';
import NegativeOriginDialog from 'pages/Ticket/Negative/components/NegativeOriginDialog.vue';
import TotalNegativeOriginDialog from 'pages/Ticket/Negative/components/TotalNegativeOriginDialog.vue';
@ -13,24 +13,35 @@ import ItemDescriptorProxy from 'src/pages/Item/Card/ItemDescriptorProxy.vue';
import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
import { onBeforeMount } from 'vue';
import { dashIfEmpty, toDate, toHour } from 'src/filters';
const DEFAULT_WAREHOUSE = 'Algemesi';
import { useRouter } from 'vue-router';
// import { useUserConfig } from 'src/composables/useUserConfig';
import { useState } from 'src/composables/useState';
import { useRole } from 'src/composables/useRole';
// const DEFAULT_WAREHOUSE = 'Algemesi';
const router = useRouter();
const stateStore = useStateStore();
const { t } = useI18n();
const selectedRows = ref([]);
const showNegativeOriginDialog = ref(false);
const showTotalNegativeOriginDialog = ref(false);
const showFilterPanel = ref(false);
// const showFilterPanel = ref(false);
const currentRow = ref(null);
// const state = useState();
const negativeParams = reactive({
days: 2,
days: useRole().likeAny('buyer') ? 2 : 0,
warehouseFk: useState().getUser().value.warehouseFk,
});
const viewSummary = (row) => {
stateStore.rightDrawer = false;
currentRow.value = row;
const id = row.itemFk;
// stateStore.rightDrawer = false;
// currentRow.value = row;
router.push({ name: 'NegativeDetail', params: { id } });
};
const originDialogRef = ref();
const totalNegativeDialogRef = ref();
// const totalNegativeDialogRef = ref();
const columns = computed(() => [
{
name: 'date',
@ -100,17 +111,17 @@ const columns = computed(() => [
},
]);
const vnPaginateRef = ref();
const ticketDetailRef = ref();
// const ticketDetailRef = ref();
onBeforeMount(() => {
stateStore.$state.rightDrawer = true;
});
const handleWarehouses = async (data) => {
negativeParams.warehouse = data.find((w) => w.name === DEFAULT_WAREHOUSE).id;
await vnPaginateRef.value.fetch();
showFilterPanel.value = true;
};
// const handleWarehouses = async (data) => {
// negativeParams.warehouse = data.find((w) => w.name === DEFAULT_WAREHOUSE).id;
// await vnPaginateRef.value.fetch();
// showFilterPanel.value = true;
// };
</script>
<template>
@ -133,7 +144,7 @@ const handleWarehouses = async (data) => {
</template>
<QPage class="column items-center">
<FetchData url="Warehouses" @on-fetch="handleWarehouses" auto-load />
<!-- <FetchData url="Warehouses" @on-fetch="handleWarehouses" auto-load /> -->
<VnSubToolbar class="bg-vn-dark justify-end">
<template #st-actions>
<QBtnGroup push style="column-gap: 1px" v-if="!currentRow">
@ -145,23 +156,24 @@ const handleWarehouses = async (data) => {
>
<QTooltip>{{ t('negative.negativeAction') }}</QTooltip>
</QBtn>
<QBtn
<!-- <QBtn
color="primary"
@click="showTotalNegativeOriginDialog = true"
:label="t('negative.totalNegative')"
>
<QTooltip>{{ t('negative.totalNegative') }}</QTooltip>
</QBtn>
</QBtn> -->
</QBtnGroup>
</template>
</VnSubToolbar>
<div v-show="!currentRow" class="list">
<div class="list">
<VnPaginate
ref="vnPaginateRef"
data-key="NegativeList"
:url="`Tickets/itemLack`"
:order="['itemFk DESC, date DESC, timed DESC']"
:user-params="negativeParams"
auto-load
>
<template #body="{ rows }">
<QTable
@ -222,10 +234,10 @@ const handleWarehouses = async (data) => {
<template #body-cell-icons="{ value }">
<QTd align="center">
<QIcon
@click.stop="viewSummary(value)"
@click="viewSummary(value)"
class="q-ml-md"
color="primary"
name="preview"
name="search"
size="sm"
>
<QTooltip>
@ -238,19 +250,19 @@ const handleWarehouses = async (data) => {
</template>
</VnPaginate>
</div>
<div v-if="currentRow" class="list">
<!-- <div v-if="currentRow" class="list">
<TicketLackDetail
ref="ticketDetailRef"
:item="currentRow"
@close="(evt) => (currentRow = null)"
></TicketLackDetail>
</div>
</div> -->
<TotalNegativeOriginDialog
<!-- <TotalNegativeOriginDialog
ref="totalNegativeDialogRef"
v-model="showTotalNegativeOriginDialog"
@hide="onDialogHide"
></TotalNegativeOriginDialog>
></TotalNegativeOriginDialog> -->
<NegativeOriginDialog
ref="originDialogRef"
@hide="onDialogHide"
@ -260,7 +272,7 @@ const handleWarehouses = async (data) => {
</NegativeOriginDialog>
<QDrawer v-model="stateStore.rightDrawer" side="right" :width="256" show-if-above>
<QScrollArea class="fit text-grey-8">
<TicketLackFilter v-if="showFilterPanel" data-key="NegativeList" />
<TicketLackFilter data-key="NegativeList" />
</QScrollArea>
</QDrawer>
</QPage>

6
src/pages/Ticket/locale/es.yml
View File

@ -24,10 +24,14 @@ negative:
negativeAction: 'Negativo'
totalNegative: 'Total negativos'
days: Rango de dias
buttonsUpdate:
itemProposal: artículo
state: Estado
quantity: Cantidad
modalOrigin:
title: 'Actualizar negativos'
question: 'Seleccione un estado para guardar'
modalSplit:
title: Confirmar acción de split
question: 'Selecciona un estado'

34
src/router/modules/ticket.js
View File

@ -12,7 +12,7 @@ export default {
redirect: { name: 'TicketMain' },
menus: {
main: ['TicketList', 'TicketNegative'],
card: ['TicketBoxing', 'TicketSms', 'TicketSale'],
card: ['TicketBoxing', 'TicketSms', 'TicketSale', 'NegativeDetail'],
},
children: [
{
@ -31,14 +31,32 @@ export default {
component: () => import('src/pages/Ticket/TicketList.vue'),
},
{
name: 'TicketNegative',
path: 'negative',
meta: {
title: 'negative',
icon: 'view_list',
},
component: () =>
import('src/pages/Ticket/Negative/TicketLackList.vue'),
redirect: { name: 'TicketNegative' },
children: [
{
name: 'TicketNegative',
path: '',
meta: {
title: 'negative',
icon: 'view_list',
},
// redirect: { name: 'TicketNegative' },
component: () =>
import('src/pages/Ticket/Negative/TicketLackList.vue'),
},
{
name: 'NegativeDetail',
path: ':id',
meta: {
title: 'summary',
icon: 'launch',
},
component: () =>
import('src/pages/Ticket/Negative/TicketLackDetail.vue'),
},
],
},
{
name: 'TicketCreate',