forked from verdnatura/salix-front
refs #6321 feat: create new section for ticket module
This commit is contained in:
parent
cf6a26b742
commit
c95b738e0c
|
|
@ -63,6 +63,7 @@ export default {
|
||||||
allRows: 'All { numberRows } row(s)',
|
allRows: 'All { numberRows } row(s)',
|
||||||
markAll: 'Mark all',
|
markAll: 'Mark all',
|
||||||
noResults: 'No results',
|
noResults: 'No results',
|
||||||
|
results: 'Results',
|
||||||
system: 'System',
|
system: 'System',
|
||||||
},
|
},
|
||||||
errors: {
|
errors: {
|
||||||
|
|
@ -272,6 +273,7 @@ export default {
|
||||||
ticket: {
|
ticket: {
|
||||||
pageTitles: {
|
pageTitles: {
|
||||||
tickets: 'Tickets',
|
tickets: 'Tickets',
|
||||||
|
negative: 'Tickets negative',
|
||||||
list: 'List',
|
list: 'List',
|
||||||
createTicket: 'Create ticket',
|
createTicket: 'Create ticket',
|
||||||
summary: 'Summary',
|
summary: 'Summary',
|
||||||
|
|
@ -349,6 +351,25 @@ export default {
|
||||||
weight: 'Weight',
|
weight: 'Weight',
|
||||||
goTo: 'Go to',
|
goTo: 'Go to',
|
||||||
},
|
},
|
||||||
|
negative:{
|
||||||
|
hour: 'Hora',
|
||||||
|
id: 'Id_Articulo',
|
||||||
|
longName:'Articulo',
|
||||||
|
supplier: 'Productor',
|
||||||
|
colour:'Color',
|
||||||
|
size:'Medida',
|
||||||
|
origen:'Origen',
|
||||||
|
value:'Negativo',
|
||||||
|
itemFk: 'itemFk',
|
||||||
|
warehouseFk: 'warehouseFk',
|
||||||
|
producer: 'producer',
|
||||||
|
category: 'category',
|
||||||
|
warehouse: 'warehouse',
|
||||||
|
lack: 'Negativo',
|
||||||
|
inkFk: 'inkFk',
|
||||||
|
timed: 'timed',
|
||||||
|
minTimed: 'minTimed',
|
||||||
|
}
|
||||||
},
|
},
|
||||||
claim: {
|
claim: {
|
||||||
pageTitles: {
|
pageTitles: {
|
||||||
|
|
|
||||||
|
|
@ -64,6 +64,7 @@ export default {
|
||||||
markAll: 'Marcar todo',
|
markAll: 'Marcar todo',
|
||||||
noResults: 'Sin resultados',
|
noResults: 'Sin resultados',
|
||||||
system: 'Sistema',
|
system: 'Sistema',
|
||||||
|
results: 'resultados'
|
||||||
},
|
},
|
||||||
errors: {
|
errors: {
|
||||||
statusUnauthorized: 'Acceso denegado',
|
statusUnauthorized: 'Acceso denegado',
|
||||||
|
|
@ -270,6 +271,7 @@ export default {
|
||||||
ticket: {
|
ticket: {
|
||||||
pageTitles: {
|
pageTitles: {
|
||||||
tickets: 'Tickets',
|
tickets: 'Tickets',
|
||||||
|
negative: 'Tickets negativos',
|
||||||
list: 'Listado',
|
list: 'Listado',
|
||||||
createTicket: 'Crear ticket',
|
createTicket: 'Crear ticket',
|
||||||
summary: 'Resumen',
|
summary: 'Resumen',
|
||||||
|
|
@ -296,6 +298,25 @@ export default {
|
||||||
warehouse: 'Almacén',
|
warehouse: 'Almacén',
|
||||||
customerCard: 'Ficha del cliente',
|
customerCard: 'Ficha del cliente',
|
||||||
},
|
},
|
||||||
|
negative:{
|
||||||
|
hour: 'Hora',
|
||||||
|
id: 'Id_Articulo',
|
||||||
|
longName:'Articulo',
|
||||||
|
supplier: 'Productor',
|
||||||
|
colour:'Color',
|
||||||
|
size:'Medida',
|
||||||
|
origen:'Origen',
|
||||||
|
value:'Negativo',
|
||||||
|
itemFk: 'itemFk',
|
||||||
|
warehouseFk: 'warehouseFk',
|
||||||
|
producer: 'producer',
|
||||||
|
category: 'category',
|
||||||
|
warehouse: 'warehouse',
|
||||||
|
lack: 'Negativo',
|
||||||
|
inkFk: 'inkFk',
|
||||||
|
timed: 'timed',
|
||||||
|
minTimed: 'minTimed',
|
||||||
|
},
|
||||||
boxing: {
|
boxing: {
|
||||||
expedition: 'Expedición',
|
expedition: 'Expedición',
|
||||||
item: 'Artículo',
|
item: 'Artículo',
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,179 @@
|
||||||
|
<script setup>
|
||||||
|
import { ref } from 'vue';
|
||||||
|
import { useI18n } from 'vue-i18n';
|
||||||
|
|
||||||
|
import FetchData from 'components/FetchData.vue';
|
||||||
|
import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
|
||||||
|
import VnInput from 'src/components/common/VnInput.vue';
|
||||||
|
|
||||||
|
// import toDateString from 'filters/toDateString';
|
||||||
|
// import VnInputDate from 'components/common/VnInputDate.vue';
|
||||||
|
|
||||||
|
const { t } = useI18n();
|
||||||
|
const props = defineProps({
|
||||||
|
dataKey: {
|
||||||
|
type: String,
|
||||||
|
required: true,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
// const from = Date.vnNew();
|
||||||
|
const to = Date.vnNew();
|
||||||
|
to.setDate(to.getDate() + 1);
|
||||||
|
|
||||||
|
const defaultParams = {
|
||||||
|
// from: toDateString(from),
|
||||||
|
// to: toDateString(to),
|
||||||
|
};
|
||||||
|
|
||||||
|
const agencies = ref();
|
||||||
|
// const warehouses = ref();
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<FetchData url="AgencyModes" @on-fetch="(data) => (agencies = data)" auto-load />
|
||||||
|
<!-- <FetchData url="Warehouses" @on-fetch="(data) => (warehouses = data)" auto-load /> -->
|
||||||
|
<VnFilterPanel
|
||||||
|
:data-key="props.dataKey"
|
||||||
|
:params="defaultParams"
|
||||||
|
:search-button="true"
|
||||||
|
>
|
||||||
|
<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 }">
|
||||||
|
<!-- <template #body="{ params, searchFn }"> -->
|
||||||
|
<QList dense class="q-gutter-y-sm q-mt-sm">
|
||||||
|
<QItem>
|
||||||
|
<QItemSection>
|
||||||
|
<VnInput
|
||||||
|
v-model="params.id"
|
||||||
|
:label="t('ticket.negative.id')"
|
||||||
|
is-outlined
|
||||||
|
/>
|
||||||
|
</QItemSection>
|
||||||
|
</QItem>
|
||||||
|
<QItem><QItemSection>
|
||||||
|
<VnInput
|
||||||
|
v-model="params.producer"
|
||||||
|
:label="t('ticket.negative.producer')"
|
||||||
|
is-outlined
|
||||||
|
/>
|
||||||
|
</QItemSection>
|
||||||
|
</QItem>
|
||||||
|
<QItem>
|
||||||
|
<QItemSection>
|
||||||
|
<VnInput
|
||||||
|
v-model="params.color"
|
||||||
|
:label="t('ticket.negative.colour')"
|
||||||
|
is-outlined
|
||||||
|
/>
|
||||||
|
</QItemSection>
|
||||||
|
</QItem>
|
||||||
|
<QItem> <QItemSection>
|
||||||
|
<VnInput
|
||||||
|
v-model="params.size"
|
||||||
|
:label="t('ticket.negative.size')"
|
||||||
|
is-outlined
|
||||||
|
/>
|
||||||
|
</QItemSection>
|
||||||
|
</QItem>
|
||||||
|
<QItem> <QItemSection>
|
||||||
|
<VnInput
|
||||||
|
v-model="params.origen"
|
||||||
|
:label="t('ticket.negative.origen')"
|
||||||
|
is-outlined
|
||||||
|
/>
|
||||||
|
</QItemSection>
|
||||||
|
</QItem>
|
||||||
|
|
||||||
|
<QItem> <QItemSection>
|
||||||
|
<VnInput
|
||||||
|
v-model="params.value"
|
||||||
|
:label="t('ticket.negative.value')"
|
||||||
|
is-outlined
|
||||||
|
/>
|
||||||
|
</QItemSection>
|
||||||
|
<!-- <QItemSection>
|
||||||
|
<VnInputDate v-model="params.to" :label="t('To')" is-outlined />
|
||||||
|
</QItemSection> -->
|
||||||
|
</QItem>
|
||||||
|
<!-- <QItem>
|
||||||
|
<QItemSection v-if="!warehouses">
|
||||||
|
<QSkeleton type="QInput" class="full-width" />
|
||||||
|
</QItemSection>
|
||||||
|
<QItemSection v-if="warehouses">
|
||||||
|
<QSelect
|
||||||
|
:label="t('Warehouse')"
|
||||||
|
v-model="params.warehouseFk"
|
||||||
|
@update:model-value="searchFn()"
|
||||||
|
:options="warehouses"
|
||||||
|
option-value="id"
|
||||||
|
option-label="name"
|
||||||
|
emit-value
|
||||||
|
map-options
|
||||||
|
dense
|
||||||
|
outlined
|
||||||
|
rounded
|
||||||
|
/>
|
||||||
|
</QItemSection>
|
||||||
|
</QItem> -->
|
||||||
|
</QList>
|
||||||
|
</template>
|
||||||
|
</VnFilterPanel>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<i18n>
|
||||||
|
en:
|
||||||
|
params:
|
||||||
|
search: Contains
|
||||||
|
clientFk: Customer
|
||||||
|
orderFk: Order
|
||||||
|
from: From
|
||||||
|
to: To
|
||||||
|
salesPersonFk: Salesperson
|
||||||
|
stateFk: State
|
||||||
|
refFk: Invoice Ref.
|
||||||
|
myTeam: My team
|
||||||
|
pending: Pending
|
||||||
|
hasInvoice: Invoiced
|
||||||
|
hasRoute: Routed
|
||||||
|
provinceFk: Province
|
||||||
|
agencyModeFk: Agency
|
||||||
|
warehouseFk: Warehouse
|
||||||
|
es:
|
||||||
|
params:
|
||||||
|
search: Contiene
|
||||||
|
clientFk: Cliente
|
||||||
|
orderFk: Pedido
|
||||||
|
from: Desde
|
||||||
|
to: Hasta
|
||||||
|
salesPersonFk: Comercial
|
||||||
|
stateFk: Estado
|
||||||
|
refFk: Ref. Factura
|
||||||
|
myTeam: Mi equipo
|
||||||
|
pending: Pendiente
|
||||||
|
hasInvoice: Facturado
|
||||||
|
hasRoute: Enrutado
|
||||||
|
Customer ID: ID Cliente
|
||||||
|
Order ID: ID Pedido
|
||||||
|
From: Desde
|
||||||
|
To: Hasta
|
||||||
|
Salesperson: Comercial
|
||||||
|
State: Estado
|
||||||
|
Invoice Ref.: Ref. Factura
|
||||||
|
My team: Mi equipo
|
||||||
|
Pending: Pendiente
|
||||||
|
With problems: Con problemas
|
||||||
|
Invoiced: Facturado
|
||||||
|
Routed: Enrutado
|
||||||
|
More options: Más opciones
|
||||||
|
Province: Provincia
|
||||||
|
Agency: Agencia
|
||||||
|
Warehouse: Almacén
|
||||||
|
Yes: Si
|
||||||
|
No: No
|
||||||
|
</i18n>
|
||||||
|
|
@ -0,0 +1,190 @@
|
||||||
|
<script setup>
|
||||||
|
import { computed, ref } from 'vue';
|
||||||
|
import { useI18n } from 'vue-i18n';
|
||||||
|
import { useStateStore } from 'stores/useStateStore';
|
||||||
|
import VnPaginate from 'components/ui/VnPaginate.vue';
|
||||||
|
import { useSession } from 'src/composables/useSession';
|
||||||
|
import TicketFilter from 'pages/Ticket/Negative/TicketFilter.vue';
|
||||||
|
// import TicketDescriptorProxy from 'pages/Ticket/Card/TicketDescriptorProxy.vue';
|
||||||
|
// import CustomerDescriptorProxy from 'pages/Customer/Card/CustomerDescriptorProxy.vue';
|
||||||
|
|
||||||
|
const stateStore = useStateStore();
|
||||||
|
const { t } = useI18n();
|
||||||
|
const session = useSession();
|
||||||
|
const selected = ref([]);
|
||||||
|
|
||||||
|
const columns = computed(() => [
|
||||||
|
{
|
||||||
|
name: 'itemFk',
|
||||||
|
label: t('ticket.negative.id'),
|
||||||
|
field: ({itemFk}) => itemFk,
|
||||||
|
sortable: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'longName',
|
||||||
|
label: t('ticket.negative.longName'),
|
||||||
|
field: ({longName}) => longName,
|
||||||
|
align: 'center',
|
||||||
|
sortable: true,
|
||||||
|
headerStyle: 'padding-left: 35px',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'producer',
|
||||||
|
label: t('ticket.negative.supplier'),
|
||||||
|
field: ({producer}) => producer,
|
||||||
|
sortable: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'inkFk',
|
||||||
|
label: t('ticket.negative.colour'),
|
||||||
|
field: ({inkFk}) => inkFk,
|
||||||
|
sortable: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'size',
|
||||||
|
label: t('ticket.negative.size'),
|
||||||
|
field: ({size}) => size,
|
||||||
|
sortable: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'category',
|
||||||
|
label: t('ticket.negative.origen'),
|
||||||
|
field: ({category}) => category,
|
||||||
|
align: 'left',
|
||||||
|
sortable: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'lack',
|
||||||
|
label: t('ticket.negative.lack'),
|
||||||
|
field: ({lack}) => lack,
|
||||||
|
align: 'center',
|
||||||
|
sortable: true,
|
||||||
|
headerStyle: 'padding-left: 33px',
|
||||||
|
},
|
||||||
|
/*{
|
||||||
|
name: 'inkFk',
|
||||||
|
label: t('ticket.negative.inkFk'),
|
||||||
|
field: ({inkFk}) => inkFk,
|
||||||
|
align: 'center',
|
||||||
|
sortable: true,
|
||||||
|
headerStyle: 'padding-left: 33px',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'timed',
|
||||||
|
label: t('ticket.negative.timed'),
|
||||||
|
field: ({timed}) => timed,
|
||||||
|
align: 'center',
|
||||||
|
sortable: true,
|
||||||
|
headerStyle: 'padding-left: 33px',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: 'minTimed',
|
||||||
|
label: t('ticket.negative.minTimed'),
|
||||||
|
field: ({minTimed}) => minTimed,
|
||||||
|
align: 'center',
|
||||||
|
sortable: true,
|
||||||
|
headerStyle: 'padding-left: 33px',
|
||||||
|
},*/
|
||||||
|
{
|
||||||
|
align: 'right',
|
||||||
|
field: 'actions',
|
||||||
|
label: '',
|
||||||
|
name: 'actions',
|
||||||
|
}
|
||||||
|
]);
|
||||||
|
</script>
|
||||||
|
<template>
|
||||||
|
<div class="column items-center">
|
||||||
|
<div class="list">
|
||||||
|
<VnPaginate
|
||||||
|
data-key="NegativeList"
|
||||||
|
:url="`Tickets/itemLack`"
|
||||||
|
auto-load
|
||||||
|
>
|
||||||
|
<template #body="{ rows }">
|
||||||
|
<QTable
|
||||||
|
:columns="columns"
|
||||||
|
:rows="rows"
|
||||||
|
:dense="$q.screen.lt.md"
|
||||||
|
:pagination="{ rowsPerPage: null }"
|
||||||
|
hide-pagination
|
||||||
|
row-key="cmrFk"
|
||||||
|
selection="multiple"
|
||||||
|
v-model:selected="selected"
|
||||||
|
:grid="$q.screen.lt.md"
|
||||||
|
auto-load
|
||||||
|
>
|
||||||
|
<template #top>
|
||||||
|
<div style="width: 100%; display: table">
|
||||||
|
<div style="float: right; color: lightgray">
|
||||||
|
{{ `${rows.length} ${t('globals.results')}` }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
<template #body-cell-hasCmrDms="{ value }">
|
||||||
|
<QTd align="center">
|
||||||
|
<QBadge
|
||||||
|
:id="value ? 'true' : 'false'"
|
||||||
|
:label="
|
||||||
|
value
|
||||||
|
? t('ticket.negative.true')
|
||||||
|
: t('ticket.negative.false')
|
||||||
|
"
|
||||||
|
/>
|
||||||
|
</QTd>
|
||||||
|
</template>
|
||||||
|
<template #body-cell-ticketFk="{ value }">
|
||||||
|
<QTd align="right" class="text-primary">
|
||||||
|
<span class="text-primary link">{{ value }}</span>
|
||||||
|
<TicketDescriptorProxy :id="value" />
|
||||||
|
</QTd>
|
||||||
|
</template>
|
||||||
|
<template #body-cell-clientFk="{ value }">
|
||||||
|
<QTd align="right" class="text-primary">
|
||||||
|
<span class="text-primary link">{{ value }}</span>
|
||||||
|
<CustomerDescriptorProxy :id="value" />
|
||||||
|
</QTd>
|
||||||
|
</template>
|
||||||
|
<template #body-cell-icons="{ value }">
|
||||||
|
<QTd align="center">
|
||||||
|
<a :href="getCmrUrl(value)" target="_blank">
|
||||||
|
<QIcon
|
||||||
|
name="visibility"
|
||||||
|
color="primary"
|
||||||
|
size="md"
|
||||||
|
class="q-mr-sm q-ml-sm"
|
||||||
|
/>
|
||||||
|
<QTooltip>
|
||||||
|
{{ t('ticket.negative.viewCmr') }}
|
||||||
|
</QTooltip>
|
||||||
|
</a>
|
||||||
|
</QTd>
|
||||||
|
</template>
|
||||||
|
</QTable>
|
||||||
|
</template>
|
||||||
|
</VnPaginate>
|
||||||
|
</div>
|
||||||
|
<QDrawer v-model="stateStore.rightDrawer" side="right" :width="256" show-if-above>
|
||||||
|
<QScrollArea class="fit text-grey-8">
|
||||||
|
<TicketFilter data-key="NegativeList" />
|
||||||
|
|
||||||
|
</QScrollArea>
|
||||||
|
</QDrawer>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.list {
|
||||||
|
padding: 15px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.grid-style-transition {
|
||||||
|
transition: transform 0.28s, background-color 0.28s;
|
||||||
|
}
|
||||||
|
#true {
|
||||||
|
background-color: $positive;
|
||||||
|
}
|
||||||
|
#false {
|
||||||
|
background-color: $negative;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
@ -10,7 +10,7 @@ export default {
|
||||||
component: RouterView,
|
component: RouterView,
|
||||||
redirect: { name: 'TicketMain' },
|
redirect: { name: 'TicketMain' },
|
||||||
menus: {
|
menus: {
|
||||||
main: ['TicketList'],
|
main: ['TicketList', 'TicketNegative'],
|
||||||
card: ['TicketBoxing', 'TicketSms'],
|
card: ['TicketBoxing', 'TicketSms'],
|
||||||
},
|
},
|
||||||
children: [
|
children: [
|
||||||
|
|
@ -29,6 +29,15 @@ export default {
|
||||||
},
|
},
|
||||||
component: () => import('src/pages/Ticket/TicketList.vue'),
|
component: () => import('src/pages/Ticket/TicketList.vue'),
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
name: 'TicketNegative',
|
||||||
|
path: 'negative',
|
||||||
|
meta: {
|
||||||
|
title: 'negative',
|
||||||
|
icon: 'view_list',
|
||||||
|
},
|
||||||
|
component: () => import('src/pages/Ticket/Negative/TicketList.vue'),
|
||||||
|
},
|
||||||
{
|
{
|
||||||
name: 'TicketCreate',
|
name: 'TicketCreate',
|
||||||
path: 'create',
|
path: 'create',
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue