forked from verdnatura/salix-front
refs #6897 fix latestbuys
This commit is contained in:
parent
ed4517183e
commit
67f89dfde2
|
|
@ -3,24 +3,15 @@ import { onMounted, ref, computed, reactive, onUnmounted } from 'vue';
|
||||||
import { useI18n } from 'vue-i18n';
|
import { useI18n } from 'vue-i18n';
|
||||||
import { useRouter } from 'vue-router';
|
import { useRouter } from 'vue-router';
|
||||||
|
|
||||||
import FetchData from 'components/FetchData.vue';
|
import VnTable from 'components/VnTable/VnTable.vue';
|
||||||
import FetchedTags from 'components/ui/FetchedTags.vue';
|
|
||||||
import EntryDescriptorProxy from './Card/EntryDescriptorProxy.vue';
|
|
||||||
import TableVisibleColumns from 'src/components/common/TableVisibleColumns.vue';
|
|
||||||
import EditTableCellValueForm from 'src/components/EditTableCellValueForm.vue';
|
|
||||||
import VnInput from 'src/components/common/VnInput.vue';
|
import VnInput from 'src/components/common/VnInput.vue';
|
||||||
import VnSelect from 'src/components/common/VnSelect.vue';
|
import VnSelect from 'src/components/common/VnSelect.vue';
|
||||||
import EntryLatestBuysFilter from './EntryLatestBuysFilter.vue';
|
|
||||||
import ItemDescriptorProxy from '../Item/Card/ItemDescriptorProxy.vue';
|
|
||||||
import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
|
|
||||||
|
|
||||||
import { useStateStore } from 'stores/useStateStore';
|
import { useStateStore } from 'stores/useStateStore';
|
||||||
import { toDate, toCurrency } from 'src/filters';
|
import { toDate, toCurrency } from 'src/filters';
|
||||||
// import { useSession } from 'composables/useSession';
|
// import { useSession } from 'composables/useSession';
|
||||||
import { dashIfEmpty } from 'src/filters';
|
import { dashIfEmpty } from 'src/filters';
|
||||||
import { useArrayData } from 'composables/useArrayData';
|
import { useArrayData } from 'composables/useArrayData';
|
||||||
import RightMenu from 'src/components/common/RightMenu.vue';
|
|
||||||
import VnImg from 'src/components/ui/VnImg.vue';
|
|
||||||
|
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
// const { getTokenMultimedia } = useSession();
|
// const { getTokenMultimedia } = useSession();
|
||||||
|
|
@ -609,136 +600,19 @@ onUnmounted(() => (stateStore.rightDrawer = false));
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<FetchData
|
<VnTable
|
||||||
url="ItemTypes"
|
ref="tableRef"
|
||||||
:filter="{ fields: ['code'], order: 'code ASC', limit: 30 }"
|
data-key="EntryLatestBuysList"
|
||||||
auto-load
|
url="EntryLatestBuys"
|
||||||
@on-fetch="(data) => (itemTypesOptions = data)"
|
url-create="EntryLatestBuys"
|
||||||
/>
|
save-url="EntryLatestBuys/crud"
|
||||||
<FetchData
|
order="id DESC"
|
||||||
url="Origins"
|
|
||||||
:filter="{ fields: ['code'], order: 'code ASC', limit: 30 }"
|
|
||||||
auto-load
|
|
||||||
@on-fetch="(data) => (originsOptions = data)"
|
|
||||||
/>
|
|
||||||
<FetchData
|
|
||||||
url="ItemFamilies"
|
|
||||||
:filter="{ fields: ['code'], order: 'code ASC', limit: 30 }"
|
|
||||||
auto-load
|
|
||||||
@on-fetch="(data) => (itemFamiliesOptions = data)"
|
|
||||||
/>
|
|
||||||
<FetchData
|
|
||||||
url="Packagings"
|
|
||||||
:filter="{ fields: ['id'], order: 'id ASC', limit: 30 }"
|
|
||||||
auto-load
|
|
||||||
@on-fetch="(data) => (packagingsOptions = data)"
|
|
||||||
/>
|
|
||||||
<FetchData
|
|
||||||
url="Intrastats"
|
|
||||||
:filter="{ fields: ['description'], order: 'description ASC', limit: 30 }"
|
|
||||||
auto-load
|
|
||||||
@on-fetch="(data) => (intrastatOptions = data)"
|
|
||||||
/>
|
|
||||||
<Teleport to="#actions-append">
|
|
||||||
<div class="row q-gutter-x-sm">
|
|
||||||
<QBtn flat @click="stateStore.toggleRightDrawer()" round dense icon="menu">
|
|
||||||
<QTooltip bottom anchor="bottom right">
|
|
||||||
{{ t('globals.collapseMenu') }}
|
|
||||||
</QTooltip>
|
|
||||||
</QBtn>
|
|
||||||
</div>
|
|
||||||
</Teleport>
|
|
||||||
<QPage class="column items-center q-pa-md">
|
|
||||||
<QTable
|
|
||||||
:rows="rows"
|
|
||||||
:columns="columns"
|
:columns="columns"
|
||||||
selection="multiple"
|
redirect="entry"
|
||||||
row-key="id"
|
default-mode="table"
|
||||||
class="full-width q-mt-md"
|
auto-load
|
||||||
:visible-columns="visibleColumns"
|
:right-search="false"
|
||||||
v-model:selected="rowsSelected"
|
|
||||||
:no-data-label="t('globals.noResults')"
|
|
||||||
@row-click="(_, row) => redirectToEntryBuys(row.entryFk)"
|
|
||||||
>
|
|
||||||
<template #top-row="{ cols }">
|
|
||||||
<QTr>
|
|
||||||
<QTd />
|
|
||||||
<QTd
|
|
||||||
v-for="(col, index) in cols"
|
|
||||||
:key="index"
|
|
||||||
style="max-width: 100px"
|
|
||||||
>
|
|
||||||
<component
|
|
||||||
:is="col.columnFilter.component"
|
|
||||||
v-if="col.name !== 'picture'"
|
|
||||||
v-model="col.columnFilter.filterValue"
|
|
||||||
v-bind="col.columnFilter.attrs"
|
|
||||||
v-on="col.columnFilter.event(col)"
|
|
||||||
dense
|
|
||||||
/>
|
/>
|
||||||
</QTd>
|
|
||||||
</QTr>
|
|
||||||
</template>
|
|
||||||
<template #body-cell-picture="{ row }">
|
|
||||||
<QTd>
|
|
||||||
<VnImg :id="row.itemFk" size="50x50" class="image" />
|
|
||||||
</QTd>
|
|
||||||
</template>
|
|
||||||
<template #body-cell-itemFk="{ row }">
|
|
||||||
<QTd @click.stop>
|
|
||||||
<QBtn flat color="primary">
|
|
||||||
{{ row.itemFk }}
|
|
||||||
</QBtn>
|
|
||||||
<ItemDescriptorProxy :id="row.itemFk" />
|
|
||||||
</QTd>
|
|
||||||
</template>
|
|
||||||
<template #body-cell-tags="{ row }">
|
|
||||||
<QTd>
|
|
||||||
<FetchedTags :item="row" :max-length="6" />
|
|
||||||
</QTd>
|
|
||||||
</template>
|
|
||||||
<template #body-cell-entryFk="{ row }">
|
|
||||||
<QTd @click.stop>
|
|
||||||
<QBtn flat color="primary">
|
|
||||||
<EntryDescriptorProxy :id="row.entryFk" />
|
|
||||||
{{ row.entryFk }}
|
|
||||||
</QBtn>
|
|
||||||
</QTd>
|
|
||||||
</template>
|
|
||||||
<template #body-cell-isIgnored="{ row }">
|
|
||||||
<QTd>
|
|
||||||
<QIcon
|
|
||||||
:name="row.isIgnored ? `check` : `close`"
|
|
||||||
:color="row.isIgnored ? `positive` : `negative`"
|
|
||||||
size="sm"
|
|
||||||
/>
|
|
||||||
</QTd>
|
|
||||||
</template>
|
|
||||||
<template #body-cell-isActive="{ row }">
|
|
||||||
<QTd>
|
|
||||||
<QIcon
|
|
||||||
:name="row.isActive ? `check` : `close`"
|
|
||||||
:color="row.isActive ? `positive` : `negative`"
|
|
||||||
size="sm"
|
|
||||||
/>
|
|
||||||
</QTd>
|
|
||||||
</template>
|
|
||||||
</QTable>
|
|
||||||
<!-- <QPageSticky v-if="rowsSelected.length > 0" :offset="[20, 20]">
|
|
||||||
<QBtn @click="openEditTableCellDialog()" color="primary" fab icon="edit" />
|
|
||||||
<QTooltip>
|
|
||||||
{{ t('Edit buy(s)') }}
|
|
||||||
</QTooltip>
|
|
||||||
</QPageSticky> -->
|
|
||||||
<QDialog ref="editTableCellDialogRef">
|
|
||||||
<EditTableCellValueForm
|
|
||||||
edit-url="Buys/editLatestBuys"
|
|
||||||
:rows="rowsSelected"
|
|
||||||
:fields-options="editTableCellFormFieldsOptions"
|
|
||||||
@on-data-saved="onEditCellDataSaved()"
|
|
||||||
/>
|
|
||||||
</QDialog>
|
|
||||||
</QPage>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<i18n>
|
<i18n>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue