forked from verdnatura/salix-front
updates
This commit is contained in:
parent
0dfdb1edb0
commit
eeab4ed915
|
|
@ -1,5 +1,5 @@
|
||||||
<script setup>
|
<script setup>
|
||||||
import { onMounted } from 'vue';
|
import { computed, onMounted } from 'vue';
|
||||||
import { useI18n } from 'vue-i18n';
|
import { useI18n } from 'vue-i18n';
|
||||||
import { useRouter } from 'vue-router';
|
import { useRouter } from 'vue-router';
|
||||||
import VnPaginate from 'src/components/ui/VnPaginate.vue';
|
import VnPaginate from 'src/components/ui/VnPaginate.vue';
|
||||||
|
|
@ -21,18 +21,57 @@ const { t } = useI18n();
|
||||||
const { viewSummary } = useSummaryDialog();
|
const { viewSummary } = useSummaryDialog();
|
||||||
const quasar = useQuasar();
|
const quasar = useQuasar();
|
||||||
|
|
||||||
function navigate(id) {
|
|
||||||
router.push({ path: `/entry/${id}` });
|
|
||||||
}
|
|
||||||
|
|
||||||
const redirectToCreateView = () => {
|
|
||||||
router.push({ name: 'EntryCreate' });
|
|
||||||
};
|
|
||||||
|
|
||||||
onMounted(async () => {
|
onMounted(async () => {
|
||||||
stateStore.rightDrawer = true;
|
stateStore.rightDrawer = true;
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const columns = computed(() => [
|
||||||
|
{
|
||||||
|
align: 'left',
|
||||||
|
name: 'id',
|
||||||
|
label: t('customer.extendedList.tableVisibleColumns.id'),
|
||||||
|
chip: {
|
||||||
|
condition: () => true,
|
||||||
|
},
|
||||||
|
isId: true,
|
||||||
|
columnFilter: {
|
||||||
|
component: 'select',
|
||||||
|
name: 'search',
|
||||||
|
attrs: {
|
||||||
|
url: 'Clients',
|
||||||
|
fields: ['id', 'name'],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
{
|
||||||
|
align: 'left',
|
||||||
|
label: t('customer.extendedList.tableVisibleColumns.name'),
|
||||||
|
name: 'name',
|
||||||
|
isTitle: true,
|
||||||
|
create: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
align: 'left',
|
||||||
|
name: 'socialName',
|
||||||
|
label: t('customer.extendedList.tableVisibleColumns.socialName'),
|
||||||
|
isTitle: true,
|
||||||
|
create: true,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
align: 'right',
|
||||||
|
label: '',
|
||||||
|
name: 'tableActions',
|
||||||
|
computed,
|
||||||
|
actions: [
|
||||||
|
{
|
||||||
|
title: t('Print buys'),
|
||||||
|
icon: 'print',
|
||||||
|
action: (row) => printBuys(row.id),
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
]);
|
||||||
|
|
||||||
const printBuys = (rowId) => {
|
const printBuys = (rowId) => {
|
||||||
quasar.dialog({
|
quasar.dialog({
|
||||||
component: EntryBuysTableDialog,
|
component: EntryBuysTableDialog,
|
||||||
|
|
@ -41,6 +80,7 @@ const printBuys = (rowId) => {
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
import VnTable from 'components/VnTable/VnTable.vue';
|
||||||
</script>
|
</script>
|
||||||
<template>
|
<template>
|
||||||
<VnSearchbar
|
<VnSearchbar
|
||||||
|
|
@ -56,79 +96,18 @@ const printBuys = (rowId) => {
|
||||||
</RightMenu>
|
</RightMenu>
|
||||||
<QPage class="column items-center q-pa-md">
|
<QPage class="column items-center q-pa-md">
|
||||||
<div class="vn-card-list">
|
<div class="vn-card-list">
|
||||||
<VnPaginate
|
<VnTable
|
||||||
data-key="EntryList"
|
ref="myEntriesRef"
|
||||||
|
data-key="myentriesList"
|
||||||
url="Entries/filter"
|
url="Entries/filter"
|
||||||
:order="['landed DESC', 'id DESC']"
|
:order="['landed DESC', 'id DESC']"
|
||||||
|
:columns="columns"
|
||||||
|
default-mode="table"
|
||||||
|
redirect="customer"
|
||||||
auto-load
|
auto-load
|
||||||
|
:create="null"
|
||||||
>
|
>
|
||||||
<template #body="{ rows }">
|
</VnTable>
|
||||||
<CardList
|
|
||||||
v-for="row of rows"
|
|
||||||
:key="row.id"
|
|
||||||
:title="row.reference"
|
|
||||||
@click="navigate(row.id)"
|
|
||||||
:id="row.id"
|
|
||||||
:has-info-icons="!!row.isExcludedFromAvailable || !!row.isRaid"
|
|
||||||
>
|
|
||||||
<template #info-icons>
|
|
||||||
<QIcon
|
|
||||||
v-if="row.isExcludedFromAvailable"
|
|
||||||
name="vn:inventory"
|
|
||||||
color="primary"
|
|
||||||
size="xs"
|
|
||||||
>
|
|
||||||
<QTooltip>{{ t('Inventory entry') }}</QTooltip>
|
|
||||||
</QIcon>
|
|
||||||
<QIcon
|
|
||||||
v-if="row.isRaid"
|
|
||||||
name="vn:net"
|
|
||||||
color="primary"
|
|
||||||
size="xs"
|
|
||||||
>
|
|
||||||
<QTooltip>{{ t('Virtual entry') }}</QTooltip>
|
|
||||||
</QIcon>
|
|
||||||
</template>
|
|
||||||
<template #list-items>
|
|
||||||
<VnLv :label="t('landed')" :value="toDate(row.landed)" />
|
|
||||||
<VnLv
|
|
||||||
:label="t('entry.list.booked')"
|
|
||||||
:value="!!row.isBooked"
|
|
||||||
/>
|
|
||||||
<VnLv
|
|
||||||
:label="t('entry.list.invoiceNumber')"
|
|
||||||
:value="row.invoiceNumber"
|
|
||||||
/>
|
|
||||||
<VnLv
|
|
||||||
:label="t('entry.list.confirmed')"
|
|
||||||
:value="!!row.isConfirmed"
|
|
||||||
/>
|
|
||||||
<VnLv
|
|
||||||
:label="t('entry.list.supplier')"
|
|
||||||
:value="row.supplierName"
|
|
||||||
/>
|
|
||||||
<VnLv
|
|
||||||
:label="t('entry.list.ordered')"
|
|
||||||
:value="!!row.isOrdered"
|
|
||||||
/>
|
|
||||||
</template>
|
|
||||||
<template #actions>
|
|
||||||
<QBtn
|
|
||||||
:label="t('components.smartCard.openSummary')"
|
|
||||||
@click.stop="viewSummary(row.id, EntrySummary)"
|
|
||||||
color="primary"
|
|
||||||
type="submit"
|
|
||||||
/>
|
|
||||||
<QBtn
|
|
||||||
:label="t('Print buys')"
|
|
||||||
@click.stop="printBuys(row.id)"
|
|
||||||
color="primary"
|
|
||||||
type="submit"
|
|
||||||
/>
|
|
||||||
</template>
|
|
||||||
</CardList>
|
|
||||||
</template>
|
|
||||||
</VnPaginate>
|
|
||||||
</div>
|
</div>
|
||||||
</QPage>
|
</QPage>
|
||||||
<QPageSticky :offset="[20, 20]">
|
<QPageSticky :offset="[20, 20]">
|
||||||
|
|
|
||||||
|
|
@ -31,7 +31,7 @@ export default {
|
||||||
component: () => import('src/pages/Entry/EntryList.vue'),
|
component: () => import('src/pages/Entry/EntryList.vue'),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
path: 'list',
|
path: 'my',
|
||||||
name: 'MyEntries',
|
name: 'MyEntries',
|
||||||
meta: {
|
meta: {
|
||||||
title: 'eti',
|
title: 'eti',
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue