forked from verdnatura/salix-front
Remove more unnecesary files
This commit is contained in:
parent
5c9f62bd59
commit
6c34a250db
|
|
@ -1,256 +0,0 @@
|
||||||
<script setup>
|
|
||||||
import { ref, computed } from 'vue';
|
|
||||||
import { useI18n } from 'vue-i18n';
|
|
||||||
import { useRoute } from 'vue-router';
|
|
||||||
import CrudModel from 'components/CrudModel.vue';
|
|
||||||
import FetchData from 'components/FetchData.vue';
|
|
||||||
import VnSelect from 'components/common/VnSelect.vue';
|
|
||||||
import { tMobile } from 'composables/tMobile';
|
|
||||||
|
|
||||||
const route = useRoute();
|
|
||||||
|
|
||||||
const { t } = useI18n();
|
|
||||||
|
|
||||||
const accountDevelopmentForm = ref();
|
|
||||||
const accountReasons = ref([]);
|
|
||||||
const accountResults = ref([]);
|
|
||||||
const accountResponsibles = ref([]);
|
|
||||||
const accountRedeliveries = ref([]);
|
|
||||||
const workers = ref([]);
|
|
||||||
const selected = ref([]);
|
|
||||||
const saveButtonRef = ref();
|
|
||||||
|
|
||||||
const developmentsFilter = {
|
|
||||||
fields: [
|
|
||||||
'id',
|
|
||||||
'accountFk',
|
|
||||||
'accountReasonFk',
|
|
||||||
'accountResultFk',
|
|
||||||
'accountResponsibleFk',
|
|
||||||
'workerFk',
|
|
||||||
'accountRedeliveryFk',
|
|
||||||
],
|
|
||||||
where: {
|
|
||||||
accountFk: route.params.id,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
||||||
const columns = computed(() => [
|
|
||||||
{
|
|
||||||
name: 'accountReason',
|
|
||||||
label: t('Reason'),
|
|
||||||
field: (row) => row.accountReasonFk,
|
|
||||||
sortable: true,
|
|
||||||
options: accountReasons.value,
|
|
||||||
required: true,
|
|
||||||
model: 'accountReasonFk',
|
|
||||||
optionValue: 'id',
|
|
||||||
optionLabel: 'description',
|
|
||||||
tabIndex: 1,
|
|
||||||
align: 'left',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'accountResult',
|
|
||||||
label: t('Result'),
|
|
||||||
field: (row) => row.accountResultFk,
|
|
||||||
sortable: true,
|
|
||||||
options: accountResults.value,
|
|
||||||
required: true,
|
|
||||||
model: 'accountResultFk',
|
|
||||||
optionValue: 'id',
|
|
||||||
optionLabel: 'description',
|
|
||||||
tabIndex: 2,
|
|
||||||
align: 'left',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'accountResponsible',
|
|
||||||
label: t('Responsible'),
|
|
||||||
field: (row) => row.accountResponsibleFk,
|
|
||||||
sortable: true,
|
|
||||||
options: accountResponsibles.value,
|
|
||||||
required: true,
|
|
||||||
model: 'accountResponsibleFk',
|
|
||||||
optionValue: 'id',
|
|
||||||
optionLabel: 'description',
|
|
||||||
tabIndex: 3,
|
|
||||||
align: 'left',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'worker',
|
|
||||||
label: t('Worker'),
|
|
||||||
field: (row) => row.workerFk,
|
|
||||||
sortable: true,
|
|
||||||
options: workers.value,
|
|
||||||
model: 'workerFk',
|
|
||||||
optionValue: 'id',
|
|
||||||
optionLabel: 'nickname',
|
|
||||||
tabIndex: 4,
|
|
||||||
align: 'left',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'accountRedelivery',
|
|
||||||
label: t('Redelivery'),
|
|
||||||
field: (row) => row.accountRedeliveryFk,
|
|
||||||
sortable: true,
|
|
||||||
options: accountRedeliveries.value,
|
|
||||||
required: true,
|
|
||||||
model: 'accountRedeliveryFk',
|
|
||||||
optionValue: 'id',
|
|
||||||
optionLabel: 'description',
|
|
||||||
tabIndex: 5,
|
|
||||||
align: 'left',
|
|
||||||
},
|
|
||||||
]);
|
|
||||||
</script>
|
|
||||||
<template>
|
|
||||||
<FetchData
|
|
||||||
url="AccountReasons"
|
|
||||||
order="description"
|
|
||||||
@on-fetch="(data) => (accountReasons = data)"
|
|
||||||
auto-load
|
|
||||||
/>
|
|
||||||
<FetchData
|
|
||||||
url="AccountResults"
|
|
||||||
order="description"
|
|
||||||
@on-fetch="(data) => (accountResults = data)"
|
|
||||||
auto-load
|
|
||||||
/>
|
|
||||||
<FetchData
|
|
||||||
url="AccountResponsibles"
|
|
||||||
order="description"
|
|
||||||
@on-fetch="(data) => (accountResponsibles = data)"
|
|
||||||
auto-load
|
|
||||||
/>
|
|
||||||
<FetchData
|
|
||||||
url="AccountRedeliveries"
|
|
||||||
order="description"
|
|
||||||
@on-fetch="(data) => (accountRedeliveries = data)"
|
|
||||||
auto-load
|
|
||||||
/>
|
|
||||||
<FetchData
|
|
||||||
url="Workers/search"
|
|
||||||
:where="{ active: 1 }"
|
|
||||||
order="name ASC"
|
|
||||||
@on-fetch="(data) => (workers = data)"
|
|
||||||
auto-load
|
|
||||||
/>
|
|
||||||
<CrudModel
|
|
||||||
data-key="AccountDevelopments"
|
|
||||||
url="AccountDevelopments"
|
|
||||||
model="accountDevelopment"
|
|
||||||
:filter="developmentsFilter"
|
|
||||||
ref="accountDevelopmentForm"
|
|
||||||
:data-required="{ accountFk: route.params.id }"
|
|
||||||
v-model:selected="selected"
|
|
||||||
auto-load
|
|
||||||
@save-changes="$router.push(`/account/${route.params.id}/action`)"
|
|
||||||
:default-save="false"
|
|
||||||
>
|
|
||||||
<template #body="{ rows }">
|
|
||||||
<QTable
|
|
||||||
:columns="columns"
|
|
||||||
:rows="rows"
|
|
||||||
row-key="$index"
|
|
||||||
selection="multiple"
|
|
||||||
v-model:selected="selected"
|
|
||||||
:grid="$q.screen.lt.md"
|
|
||||||
table-header-class="text-left"
|
|
||||||
>
|
|
||||||
<template #body-cell="{ row, col }">
|
|
||||||
<QTd
|
|
||||||
auto-width
|
|
||||||
@keyup.ctrl.enter.stop="accountDevelopmentForm.saveChanges()"
|
|
||||||
>
|
|
||||||
<VnSelect
|
|
||||||
v-model="row[col.model]"
|
|
||||||
:options="col.options"
|
|
||||||
:option-value="col.optionValue"
|
|
||||||
:option-label="col.optionLabel"
|
|
||||||
:autofocus="col.tabIndex == 1"
|
|
||||||
input-debounce="0"
|
|
||||||
hide-selected
|
|
||||||
>
|
|
||||||
<template #option="scope" v-if="col.name == 'worker'">
|
|
||||||
<QItem v-bind="scope.itemProps">
|
|
||||||
<QItemSection>
|
|
||||||
<QItemLabel>{{ scope.opt?.name }}</QItemLabel>
|
|
||||||
<QItemLabel caption>
|
|
||||||
{{ scope.opt?.nickname }}
|
|
||||||
{{ scope.opt?.code }}
|
|
||||||
</QItemLabel>
|
|
||||||
</QItemSection>
|
|
||||||
</QItem>
|
|
||||||
</template>
|
|
||||||
</VnSelect>
|
|
||||||
</QTd>
|
|
||||||
</template>
|
|
||||||
<template #item="props">
|
|
||||||
<div class="q-pa-xs col-xs-12 col-sm-6 grid-style-transition">
|
|
||||||
<QCard
|
|
||||||
bordered
|
|
||||||
flat
|
|
||||||
@keyup.ctrl.enter.stop="accountDevelopmentForm?.saveChanges()"
|
|
||||||
>
|
|
||||||
<QCardSection>
|
|
||||||
<QCheckbox v-model="props.selected" dense />
|
|
||||||
</QCardSection>
|
|
||||||
<QSeparator />
|
|
||||||
<QList dense>
|
|
||||||
<QItem v-for="col in props.cols" :key="col.name">
|
|
||||||
<QItemSection>
|
|
||||||
<VnSelect
|
|
||||||
:label="col.label"
|
|
||||||
v-model="props.row[col.model]"
|
|
||||||
:options="col.options"
|
|
||||||
:option-value="col.optionValue"
|
|
||||||
:option-label="col.optionLabel"
|
|
||||||
dense
|
|
||||||
input-debounce="0"
|
|
||||||
:autofocus="col.tabIndex == 1"
|
|
||||||
hide-selected
|
|
||||||
/>
|
|
||||||
</QItemSection>
|
|
||||||
</QItem>
|
|
||||||
</QList>
|
|
||||||
</QCard>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</QTable>
|
|
||||||
</template>
|
|
||||||
<template #moreAfterActions>
|
|
||||||
<QBtn
|
|
||||||
:label="tMobile('globals.save')"
|
|
||||||
ref="saveButtonRef"
|
|
||||||
color="primary"
|
|
||||||
icon="save"
|
|
||||||
:disable="!accountDevelopmentForm?.hasChanges"
|
|
||||||
@click="accountDevelopmentForm?.onSubmit"
|
|
||||||
:title="t('globals.save')"
|
|
||||||
/>
|
|
||||||
</template>
|
|
||||||
</CrudModel>
|
|
||||||
<QPageSticky position="bottom-right" :offset="[25, 25]">
|
|
||||||
<QBtn
|
|
||||||
fab
|
|
||||||
color="primary"
|
|
||||||
icon="add"
|
|
||||||
@keydown.tab.prevent="saveButtonRef.$el.focus()"
|
|
||||||
@click="accountDevelopmentForm.insert()"
|
|
||||||
/>
|
|
||||||
</QPageSticky>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.grid-style-transition {
|
|
||||||
transition: transform 0.28s, background-color 0.28s;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<i18n>
|
|
||||||
es:
|
|
||||||
Reason: Motivo
|
|
||||||
Result: Consecuencia
|
|
||||||
Responsible: Responsable
|
|
||||||
Worker: Trabajador
|
|
||||||
Redelivery: Devolución
|
|
||||||
</i18n>
|
|
||||||
|
|
@ -1,6 +0,0 @@
|
||||||
<script setup>
|
|
||||||
import VnLog from 'src/components/common/VnLog.vue';
|
|
||||||
</script>
|
|
||||||
<template>
|
|
||||||
<VnLog model="VnUser"></VnLog>
|
|
||||||
</template>
|
|
||||||
|
|
@ -1,256 +0,0 @@
|
||||||
<script setup>
|
|
||||||
import { ref, computed } from 'vue';
|
|
||||||
import { useI18n } from 'vue-i18n';
|
|
||||||
import { useRoute } from 'vue-router';
|
|
||||||
import CrudModel from 'components/CrudModel.vue';
|
|
||||||
import FetchData from 'components/FetchData.vue';
|
|
||||||
import VnSelect from 'components/common/VnSelect.vue';
|
|
||||||
import { tMobile } from 'composables/tMobile';
|
|
||||||
|
|
||||||
const route = useRoute();
|
|
||||||
|
|
||||||
const { t } = useI18n();
|
|
||||||
|
|
||||||
const accountDevelopmentForm = ref();
|
|
||||||
const accountReasons = ref([]);
|
|
||||||
const accountResults = ref([]);
|
|
||||||
const accountResponsibles = ref([]);
|
|
||||||
const accountRedeliveries = ref([]);
|
|
||||||
const workers = ref([]);
|
|
||||||
const selected = ref([]);
|
|
||||||
const saveButtonRef = ref();
|
|
||||||
|
|
||||||
const developmentsFilter = {
|
|
||||||
fields: [
|
|
||||||
'id',
|
|
||||||
'accountFk',
|
|
||||||
'accountReasonFk',
|
|
||||||
'accountResultFk',
|
|
||||||
'accountResponsibleFk',
|
|
||||||
'workerFk',
|
|
||||||
'accountRedeliveryFk',
|
|
||||||
],
|
|
||||||
where: {
|
|
||||||
accountFk: route.params.id,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
||||||
const columns = computed(() => [
|
|
||||||
{
|
|
||||||
name: 'accountReason',
|
|
||||||
label: t('Reason'),
|
|
||||||
field: (row) => row.accountReasonFk,
|
|
||||||
sortable: true,
|
|
||||||
options: accountReasons.value,
|
|
||||||
required: true,
|
|
||||||
model: 'accountReasonFk',
|
|
||||||
optionValue: 'id',
|
|
||||||
optionLabel: 'description',
|
|
||||||
tabIndex: 1,
|
|
||||||
align: 'left',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'accountResult',
|
|
||||||
label: t('Result'),
|
|
||||||
field: (row) => row.accountResultFk,
|
|
||||||
sortable: true,
|
|
||||||
options: accountResults.value,
|
|
||||||
required: true,
|
|
||||||
model: 'accountResultFk',
|
|
||||||
optionValue: 'id',
|
|
||||||
optionLabel: 'description',
|
|
||||||
tabIndex: 2,
|
|
||||||
align: 'left',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'accountResponsible',
|
|
||||||
label: t('Responsible'),
|
|
||||||
field: (row) => row.accountResponsibleFk,
|
|
||||||
sortable: true,
|
|
||||||
options: accountResponsibles.value,
|
|
||||||
required: true,
|
|
||||||
model: 'accountResponsibleFk',
|
|
||||||
optionValue: 'id',
|
|
||||||
optionLabel: 'description',
|
|
||||||
tabIndex: 3,
|
|
||||||
align: 'left',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'worker',
|
|
||||||
label: t('Worker'),
|
|
||||||
field: (row) => row.workerFk,
|
|
||||||
sortable: true,
|
|
||||||
options: workers.value,
|
|
||||||
model: 'workerFk',
|
|
||||||
optionValue: 'id',
|
|
||||||
optionLabel: 'nickname',
|
|
||||||
tabIndex: 4,
|
|
||||||
align: 'left',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'accountRedelivery',
|
|
||||||
label: t('Redelivery'),
|
|
||||||
field: (row) => row.accountRedeliveryFk,
|
|
||||||
sortable: true,
|
|
||||||
options: accountRedeliveries.value,
|
|
||||||
required: true,
|
|
||||||
model: 'accountRedeliveryFk',
|
|
||||||
optionValue: 'id',
|
|
||||||
optionLabel: 'description',
|
|
||||||
tabIndex: 5,
|
|
||||||
align: 'left',
|
|
||||||
},
|
|
||||||
]);
|
|
||||||
</script>
|
|
||||||
<template>
|
|
||||||
<FetchData
|
|
||||||
url="AccountReasons"
|
|
||||||
order="description"
|
|
||||||
@on-fetch="(data) => (accountReasons = data)"
|
|
||||||
auto-load
|
|
||||||
/>
|
|
||||||
<FetchData
|
|
||||||
url="AccountResults"
|
|
||||||
order="description"
|
|
||||||
@on-fetch="(data) => (accountResults = data)"
|
|
||||||
auto-load
|
|
||||||
/>
|
|
||||||
<FetchData
|
|
||||||
url="AccountResponsibles"
|
|
||||||
order="description"
|
|
||||||
@on-fetch="(data) => (accountResponsibles = data)"
|
|
||||||
auto-load
|
|
||||||
/>
|
|
||||||
<FetchData
|
|
||||||
url="AccountRedeliveries"
|
|
||||||
order="description"
|
|
||||||
@on-fetch="(data) => (accountRedeliveries = data)"
|
|
||||||
auto-load
|
|
||||||
/>
|
|
||||||
<FetchData
|
|
||||||
url="Workers/search"
|
|
||||||
:where="{ active: 1 }"
|
|
||||||
order="name ASC"
|
|
||||||
@on-fetch="(data) => (workers = data)"
|
|
||||||
auto-load
|
|
||||||
/>
|
|
||||||
<CrudModel
|
|
||||||
data-key="AccountDevelopments"
|
|
||||||
url="AccountDevelopments"
|
|
||||||
model="accountDevelopment"
|
|
||||||
:filter="developmentsFilter"
|
|
||||||
ref="accountDevelopmentForm"
|
|
||||||
:data-required="{ accountFk: route.params.id }"
|
|
||||||
v-model:selected="selected"
|
|
||||||
auto-load
|
|
||||||
@save-changes="$router.push(`/account/${route.params.id}/action`)"
|
|
||||||
:default-save="false"
|
|
||||||
>
|
|
||||||
<template #body="{ rows }">
|
|
||||||
<QTable
|
|
||||||
:columns="columns"
|
|
||||||
:rows="rows"
|
|
||||||
row-key="$index"
|
|
||||||
selection="multiple"
|
|
||||||
v-model:selected="selected"
|
|
||||||
:grid="$q.screen.lt.md"
|
|
||||||
table-header-class="text-left"
|
|
||||||
>
|
|
||||||
<template #body-cell="{ row, col }">
|
|
||||||
<QTd
|
|
||||||
auto-width
|
|
||||||
@keyup.ctrl.enter.stop="accountDevelopmentForm.saveChanges()"
|
|
||||||
>
|
|
||||||
<VnSelect
|
|
||||||
v-model="row[col.model]"
|
|
||||||
:options="col.options"
|
|
||||||
:option-value="col.optionValue"
|
|
||||||
:option-label="col.optionLabel"
|
|
||||||
:autofocus="col.tabIndex == 1"
|
|
||||||
input-debounce="0"
|
|
||||||
hide-selected
|
|
||||||
>
|
|
||||||
<template #option="scope" v-if="col.name == 'worker'">
|
|
||||||
<QItem v-bind="scope.itemProps">
|
|
||||||
<QItemSection>
|
|
||||||
<QItemLabel>{{ scope.opt?.name }}</QItemLabel>
|
|
||||||
<QItemLabel caption>
|
|
||||||
{{ scope.opt?.nickname }}
|
|
||||||
{{ scope.opt?.code }}
|
|
||||||
</QItemLabel>
|
|
||||||
</QItemSection>
|
|
||||||
</QItem>
|
|
||||||
</template>
|
|
||||||
</VnSelect>
|
|
||||||
</QTd>
|
|
||||||
</template>
|
|
||||||
<template #item="props">
|
|
||||||
<div class="q-pa-xs col-xs-12 col-sm-6 grid-style-transition">
|
|
||||||
<QCard
|
|
||||||
bordered
|
|
||||||
flat
|
|
||||||
@keyup.ctrl.enter.stop="accountDevelopmentForm?.saveChanges()"
|
|
||||||
>
|
|
||||||
<QCardSection>
|
|
||||||
<QCheckbox v-model="props.selected" dense />
|
|
||||||
</QCardSection>
|
|
||||||
<QSeparator />
|
|
||||||
<QList dense>
|
|
||||||
<QItem v-for="col in props.cols" :key="col.name">
|
|
||||||
<QItemSection>
|
|
||||||
<VnSelect
|
|
||||||
:label="col.label"
|
|
||||||
v-model="props.row[col.model]"
|
|
||||||
:options="col.options"
|
|
||||||
:option-value="col.optionValue"
|
|
||||||
:option-label="col.optionLabel"
|
|
||||||
dense
|
|
||||||
input-debounce="0"
|
|
||||||
:autofocus="col.tabIndex == 1"
|
|
||||||
hide-selected
|
|
||||||
/>
|
|
||||||
</QItemSection>
|
|
||||||
</QItem>
|
|
||||||
</QList>
|
|
||||||
</QCard>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</QTable>
|
|
||||||
</template>
|
|
||||||
<template #moreAfterActions>
|
|
||||||
<QBtn
|
|
||||||
:label="tMobile('globals.save')"
|
|
||||||
ref="saveButtonRef"
|
|
||||||
color="primary"
|
|
||||||
icon="save"
|
|
||||||
:disable="!accountDevelopmentForm?.hasChanges"
|
|
||||||
@click="accountDevelopmentForm?.onSubmit"
|
|
||||||
:title="t('globals.save')"
|
|
||||||
/>
|
|
||||||
</template>
|
|
||||||
</CrudModel>
|
|
||||||
<QPageSticky position="bottom-right" :offset="[25, 25]">
|
|
||||||
<QBtn
|
|
||||||
fab
|
|
||||||
color="primary"
|
|
||||||
icon="add"
|
|
||||||
@keydown.tab.prevent="saveButtonRef.$el.focus()"
|
|
||||||
@click="accountDevelopmentForm.insert()"
|
|
||||||
/>
|
|
||||||
</QPageSticky>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.grid-style-transition {
|
|
||||||
transition: transform 0.28s, background-color 0.28s;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<i18n>
|
|
||||||
es:
|
|
||||||
Reason: Motivo
|
|
||||||
Result: Consecuencia
|
|
||||||
Responsible: Responsable
|
|
||||||
Worker: Trabajador
|
|
||||||
Redelivery: Devolución
|
|
||||||
</i18n>
|
|
||||||
|
|
@ -1,256 +0,0 @@
|
||||||
<script setup>
|
|
||||||
import { ref, computed } from 'vue';
|
|
||||||
import { useI18n } from 'vue-i18n';
|
|
||||||
import { useRoute } from 'vue-router';
|
|
||||||
import CrudModel from 'components/CrudModel.vue';
|
|
||||||
import FetchData from 'components/FetchData.vue';
|
|
||||||
import VnSelect from 'components/common/VnSelect.vue';
|
|
||||||
import { tMobile } from 'composables/tMobile';
|
|
||||||
|
|
||||||
const route = useRoute();
|
|
||||||
|
|
||||||
const { t } = useI18n();
|
|
||||||
|
|
||||||
const accountDevelopmentForm = ref();
|
|
||||||
const accountReasons = ref([]);
|
|
||||||
const accountResults = ref([]);
|
|
||||||
const accountResponsibles = ref([]);
|
|
||||||
const accountRedeliveries = ref([]);
|
|
||||||
const workers = ref([]);
|
|
||||||
const selected = ref([]);
|
|
||||||
const saveButtonRef = ref();
|
|
||||||
|
|
||||||
const developmentsFilter = {
|
|
||||||
fields: [
|
|
||||||
'id',
|
|
||||||
'accountFk',
|
|
||||||
'accountReasonFk',
|
|
||||||
'accountResultFk',
|
|
||||||
'accountResponsibleFk',
|
|
||||||
'workerFk',
|
|
||||||
'accountRedeliveryFk',
|
|
||||||
],
|
|
||||||
where: {
|
|
||||||
accountFk: route.params.id,
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
||||||
const columns = computed(() => [
|
|
||||||
{
|
|
||||||
name: 'accountReason',
|
|
||||||
label: t('Reason'),
|
|
||||||
field: (row) => row.accountReasonFk,
|
|
||||||
sortable: true,
|
|
||||||
options: accountReasons.value,
|
|
||||||
required: true,
|
|
||||||
model: 'accountReasonFk',
|
|
||||||
optionValue: 'id',
|
|
||||||
optionLabel: 'description',
|
|
||||||
tabIndex: 1,
|
|
||||||
align: 'left',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'accountResult',
|
|
||||||
label: t('Result'),
|
|
||||||
field: (row) => row.accountResultFk,
|
|
||||||
sortable: true,
|
|
||||||
options: accountResults.value,
|
|
||||||
required: true,
|
|
||||||
model: 'accountResultFk',
|
|
||||||
optionValue: 'id',
|
|
||||||
optionLabel: 'description',
|
|
||||||
tabIndex: 2,
|
|
||||||
align: 'left',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'accountResponsible',
|
|
||||||
label: t('Responsible'),
|
|
||||||
field: (row) => row.accountResponsibleFk,
|
|
||||||
sortable: true,
|
|
||||||
options: accountResponsibles.value,
|
|
||||||
required: true,
|
|
||||||
model: 'accountResponsibleFk',
|
|
||||||
optionValue: 'id',
|
|
||||||
optionLabel: 'description',
|
|
||||||
tabIndex: 3,
|
|
||||||
align: 'left',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'worker',
|
|
||||||
label: t('Worker'),
|
|
||||||
field: (row) => row.workerFk,
|
|
||||||
sortable: true,
|
|
||||||
options: workers.value,
|
|
||||||
model: 'workerFk',
|
|
||||||
optionValue: 'id',
|
|
||||||
optionLabel: 'nickname',
|
|
||||||
tabIndex: 4,
|
|
||||||
align: 'left',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'accountRedelivery',
|
|
||||||
label: t('Redelivery'),
|
|
||||||
field: (row) => row.accountRedeliveryFk,
|
|
||||||
sortable: true,
|
|
||||||
options: accountRedeliveries.value,
|
|
||||||
required: true,
|
|
||||||
model: 'accountRedeliveryFk',
|
|
||||||
optionValue: 'id',
|
|
||||||
optionLabel: 'description',
|
|
||||||
tabIndex: 5,
|
|
||||||
align: 'left',
|
|
||||||
},
|
|
||||||
]);
|
|
||||||
</script>
|
|
||||||
<template>
|
|
||||||
<FetchData
|
|
||||||
url="AccountReasons"
|
|
||||||
order="description"
|
|
||||||
@on-fetch="(data) => (accountReasons = data)"
|
|
||||||
auto-load
|
|
||||||
/>
|
|
||||||
<FetchData
|
|
||||||
url="AccountResults"
|
|
||||||
order="description"
|
|
||||||
@on-fetch="(data) => (accountResults = data)"
|
|
||||||
auto-load
|
|
||||||
/>
|
|
||||||
<FetchData
|
|
||||||
url="AccountResponsibles"
|
|
||||||
order="description"
|
|
||||||
@on-fetch="(data) => (accountResponsibles = data)"
|
|
||||||
auto-load
|
|
||||||
/>
|
|
||||||
<FetchData
|
|
||||||
url="AccountRedeliveries"
|
|
||||||
order="description"
|
|
||||||
@on-fetch="(data) => (accountRedeliveries = data)"
|
|
||||||
auto-load
|
|
||||||
/>
|
|
||||||
<FetchData
|
|
||||||
url="Workers/search"
|
|
||||||
:where="{ active: 1 }"
|
|
||||||
order="name ASC"
|
|
||||||
@on-fetch="(data) => (workers = data)"
|
|
||||||
auto-load
|
|
||||||
/>
|
|
||||||
<CrudModel
|
|
||||||
data-key="AccountDevelopments"
|
|
||||||
url="AccountDevelopments"
|
|
||||||
model="accountDevelopment"
|
|
||||||
:filter="developmentsFilter"
|
|
||||||
ref="accountDevelopmentForm"
|
|
||||||
:data-required="{ accountFk: route.params.id }"
|
|
||||||
v-model:selected="selected"
|
|
||||||
auto-load
|
|
||||||
@save-changes="$router.push(`/account/${route.params.id}/action`)"
|
|
||||||
:default-save="false"
|
|
||||||
>
|
|
||||||
<template #body="{ rows }">
|
|
||||||
<QTable
|
|
||||||
:columns="columns"
|
|
||||||
:rows="rows"
|
|
||||||
row-key="$index"
|
|
||||||
selection="multiple"
|
|
||||||
v-model:selected="selected"
|
|
||||||
:grid="$q.screen.lt.md"
|
|
||||||
table-header-class="text-left"
|
|
||||||
>
|
|
||||||
<template #body-cell="{ row, col }">
|
|
||||||
<QTd
|
|
||||||
auto-width
|
|
||||||
@keyup.ctrl.enter.stop="accountDevelopmentForm.saveChanges()"
|
|
||||||
>
|
|
||||||
<VnSelect
|
|
||||||
v-model="row[col.model]"
|
|
||||||
:options="col.options"
|
|
||||||
:option-value="col.optionValue"
|
|
||||||
:option-label="col.optionLabel"
|
|
||||||
:autofocus="col.tabIndex == 1"
|
|
||||||
input-debounce="0"
|
|
||||||
hide-selected
|
|
||||||
>
|
|
||||||
<template #option="scope" v-if="col.name == 'worker'">
|
|
||||||
<QItem v-bind="scope.itemProps">
|
|
||||||
<QItemSection>
|
|
||||||
<QItemLabel>{{ scope.opt?.name }}</QItemLabel>
|
|
||||||
<QItemLabel caption>
|
|
||||||
{{ scope.opt?.nickname }}
|
|
||||||
{{ scope.opt?.code }}
|
|
||||||
</QItemLabel>
|
|
||||||
</QItemSection>
|
|
||||||
</QItem>
|
|
||||||
</template>
|
|
||||||
</VnSelect>
|
|
||||||
</QTd>
|
|
||||||
</template>
|
|
||||||
<template #item="props">
|
|
||||||
<div class="q-pa-xs col-xs-12 col-sm-6 grid-style-transition">
|
|
||||||
<QCard
|
|
||||||
bordered
|
|
||||||
flat
|
|
||||||
@keyup.ctrl.enter.stop="accountDevelopmentForm?.saveChanges()"
|
|
||||||
>
|
|
||||||
<QCardSection>
|
|
||||||
<QCheckbox v-model="props.selected" dense />
|
|
||||||
</QCardSection>
|
|
||||||
<QSeparator />
|
|
||||||
<QList dense>
|
|
||||||
<QItem v-for="col in props.cols" :key="col.name">
|
|
||||||
<QItemSection>
|
|
||||||
<VnSelect
|
|
||||||
:label="col.label"
|
|
||||||
v-model="props.row[col.model]"
|
|
||||||
:options="col.options"
|
|
||||||
:option-value="col.optionValue"
|
|
||||||
:option-label="col.optionLabel"
|
|
||||||
dense
|
|
||||||
input-debounce="0"
|
|
||||||
:autofocus="col.tabIndex == 1"
|
|
||||||
hide-selected
|
|
||||||
/>
|
|
||||||
</QItemSection>
|
|
||||||
</QItem>
|
|
||||||
</QList>
|
|
||||||
</QCard>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</QTable>
|
|
||||||
</template>
|
|
||||||
<template #moreAfterActions>
|
|
||||||
<QBtn
|
|
||||||
:label="tMobile('globals.save')"
|
|
||||||
ref="saveButtonRef"
|
|
||||||
color="primary"
|
|
||||||
icon="save"
|
|
||||||
:disable="!accountDevelopmentForm?.hasChanges"
|
|
||||||
@click="accountDevelopmentForm?.onSubmit"
|
|
||||||
:title="t('globals.save')"
|
|
||||||
/>
|
|
||||||
</template>
|
|
||||||
</CrudModel>
|
|
||||||
<QPageSticky position="bottom-right" :offset="[25, 25]">
|
|
||||||
<QBtn
|
|
||||||
fab
|
|
||||||
color="primary"
|
|
||||||
icon="add"
|
|
||||||
@keydown.tab.prevent="saveButtonRef.$el.focus()"
|
|
||||||
@click="accountDevelopmentForm.insert()"
|
|
||||||
/>
|
|
||||||
</QPageSticky>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.grid-style-transition {
|
|
||||||
transition: transform 0.28s, background-color 0.28s;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<i18n>
|
|
||||||
es:
|
|
||||||
Reason: Motivo
|
|
||||||
Result: Consecuencia
|
|
||||||
Responsible: Responsable
|
|
||||||
Worker: Trabajador
|
|
||||||
Redelivery: Devolución
|
|
||||||
</i18n>
|
|
||||||
|
|
@ -1,338 +0,0 @@
|
||||||
<script setup>
|
|
||||||
import axios from 'axios';
|
|
||||||
import { ref, computed } from 'vue';
|
|
||||||
import { useI18n } from 'vue-i18n';
|
|
||||||
import { useQuasar } from 'quasar';
|
|
||||||
import { useRoute } from 'vue-router';
|
|
||||||
import { useStateStore } from 'stores/useStateStore';
|
|
||||||
import { useArrayData } from 'composables/useArrayData';
|
|
||||||
import { toDate, toCurrency, toPercentage } from 'filters/index';
|
|
||||||
import CrudModel from 'components/CrudModel.vue';
|
|
||||||
import FetchData from 'components/FetchData.vue';
|
|
||||||
import VnDiscount from 'components/common/vnDiscount.vue';
|
|
||||||
|
|
||||||
const quasar = useQuasar();
|
|
||||||
const route = useRoute();
|
|
||||||
const { t } = useI18n();
|
|
||||||
|
|
||||||
const stateStore = useStateStore();
|
|
||||||
const arrayData = useArrayData('AccountLines');
|
|
||||||
const store = arrayData.store;
|
|
||||||
|
|
||||||
const accountFilter = {
|
|
||||||
fields: ['ticketFk'],
|
|
||||||
};
|
|
||||||
const linesFilter = {
|
|
||||||
include: {
|
|
||||||
relation: 'sale',
|
|
||||||
scope: {
|
|
||||||
fields: ['concept', 'ticketFk', 'price', 'quantity', 'discount', 'itemFk'],
|
|
||||||
include: {
|
|
||||||
relation: 'ticket',
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
|
|
||||||
const accountLinesForm = ref();
|
|
||||||
const account = ref(null);
|
|
||||||
async function onFetchAccount(data) {
|
|
||||||
account.value = data;
|
|
||||||
fetchMana();
|
|
||||||
}
|
|
||||||
|
|
||||||
const amount = ref();
|
|
||||||
const amountAccounted = ref();
|
|
||||||
async function onFetch(rows, newRows) {
|
|
||||||
if (newRows) rows = newRows;
|
|
||||||
amount.value = 0;
|
|
||||||
amountAccounted.value = 0;
|
|
||||||
if (!rows || !rows.length) return;
|
|
||||||
|
|
||||||
for (const row of rows) {
|
|
||||||
const { sale } = row;
|
|
||||||
amount.value = amount.value + totalRow(sale);
|
|
||||||
const price = row.quantity * sale.price;
|
|
||||||
const discount = (sale.discount * price) / 100;
|
|
||||||
amountAccounted.value = amountAccounted.value + (price - discount);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function totalRow({ price, quantity, discount }) {
|
|
||||||
const amount = price * quantity;
|
|
||||||
const appliedDiscount = (discount * amount) / 100;
|
|
||||||
return amount - appliedDiscount;
|
|
||||||
}
|
|
||||||
|
|
||||||
const columns = computed(() => [
|
|
||||||
{
|
|
||||||
name: 'dated',
|
|
||||||
label: t('Delivered'),
|
|
||||||
field: ({ sale: { ticket } }) => toDate(ticket.landed),
|
|
||||||
sortable: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'quantity',
|
|
||||||
label: t('Quantity'),
|
|
||||||
field: ({ sale }) => sale.quantity,
|
|
||||||
sortable: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'accounted',
|
|
||||||
label: t('Accounted'),
|
|
||||||
field: (row) => row.quantity,
|
|
||||||
sortable: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'description',
|
|
||||||
label: t('Description'),
|
|
||||||
field: ({ sale }) => sale.concept,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'price',
|
|
||||||
label: t('Price'),
|
|
||||||
field: ({ sale }) => sale.price,
|
|
||||||
format: (value) => toCurrency(value),
|
|
||||||
sortable: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'discount',
|
|
||||||
label: t('Discount'),
|
|
||||||
field: ({ sale }) => sale.discount,
|
|
||||||
format: (value) => toPercentage(value / 100),
|
|
||||||
sortable: true,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: 'total',
|
|
||||||
label: t('Total'),
|
|
||||||
field: ({ sale }) => totalRow(sale),
|
|
||||||
format: (value) => toCurrency(value),
|
|
||||||
sortable: true,
|
|
||||||
},
|
|
||||||
]);
|
|
||||||
|
|
||||||
const selected = ref([]);
|
|
||||||
const mana = ref(0);
|
|
||||||
async function fetchMana() {
|
|
||||||
const ticketId = account.value.ticketFk;
|
|
||||||
const response = await axios.get(`Tickets/${ticketId}/getSalesPersonMana`);
|
|
||||||
mana.value = response.data;
|
|
||||||
}
|
|
||||||
|
|
||||||
async function updateDiscount({ saleFk, discount, canceller }) {
|
|
||||||
const body = { salesIds: [saleFk], newDiscount: discount };
|
|
||||||
const accountId = account.value.ticketFk;
|
|
||||||
const query = `Tickets/${accountId}/updateDiscount`;
|
|
||||||
|
|
||||||
await axios.post(query, body, {
|
|
||||||
signal: canceller.signal,
|
|
||||||
});
|
|
||||||
await accountLinesForm.value.reload();
|
|
||||||
}
|
|
||||||
|
|
||||||
function onUpdateDiscount(response) {
|
|
||||||
const row = store.data[response.rowIndex];
|
|
||||||
row.sale.discount = response.discount;
|
|
||||||
quasar.notify({
|
|
||||||
message: t('Discount updated'),
|
|
||||||
type: 'positive',
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
async function saveWhenHasChanges() {
|
|
||||||
if (accountLinesForm.value.getChanges().updates) {
|
|
||||||
await accountLinesForm.value.onSubmit();
|
|
||||||
await accountLinesForm.value.reload();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
<template>
|
|
||||||
<Teleport to="#st-data" v-if="stateStore.isSubToolbarShown()">
|
|
||||||
<div class="row q-gutter-md">
|
|
||||||
<div>
|
|
||||||
{{ t('Amount') }}
|
|
||||||
<QChip :dense="$q.screen.lt.sm" text-color="white">
|
|
||||||
{{ toCurrency(amount) }}
|
|
||||||
</QChip>
|
|
||||||
</div>
|
|
||||||
<QSeparator dark vertical />
|
|
||||||
<div>
|
|
||||||
{{ t('Amount Accounted') }}
|
|
||||||
<QChip color="positive" :dense="$q.screen.lt.sm">
|
|
||||||
{{ toCurrency(amountAccounted) }}
|
|
||||||
</QChip>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</Teleport>
|
|
||||||
|
|
||||||
<FetchData
|
|
||||||
:url="`Accounts/${route.params.id}`"
|
|
||||||
:filter="accountFilter"
|
|
||||||
@on-fetch="onFetchAccount"
|
|
||||||
auto-load
|
|
||||||
/>
|
|
||||||
<div class="q-pa-md">
|
|
||||||
<CrudModel
|
|
||||||
data-key="AccountLines"
|
|
||||||
ref="accountLinesForm"
|
|
||||||
:url="`Accounts/${route.params.id}/lines`"
|
|
||||||
save-url="AccountBeginnings/crud"
|
|
||||||
:filter="linesFilter"
|
|
||||||
@on-fetch="onFetch"
|
|
||||||
v-model:selected="selected"
|
|
||||||
:default-save="false"
|
|
||||||
:default-reset="false"
|
|
||||||
auto-load
|
|
||||||
:limit="0"
|
|
||||||
>
|
|
||||||
<template #body="{ rows }">
|
|
||||||
<QTable
|
|
||||||
:columns="columns"
|
|
||||||
:rows="rows"
|
|
||||||
:dense="$q.screen.lt.md"
|
|
||||||
row-key="id"
|
|
||||||
selection="multiple"
|
|
||||||
v-model:selected="selected"
|
|
||||||
:grid="$q.screen.lt.md"
|
|
||||||
>
|
|
||||||
<template #body-cell-accounted="{ row }">
|
|
||||||
<QTd auto-width align="right" class="text-primary">
|
|
||||||
<QInput
|
|
||||||
v-model="row.quantity"
|
|
||||||
type="number"
|
|
||||||
dense
|
|
||||||
@keyup.enter="saveWhenHasChanges()"
|
|
||||||
@blur="saveWhenHasChanges()"
|
|
||||||
/>
|
|
||||||
</QTd>
|
|
||||||
</template>
|
|
||||||
<template #body-cell-description="{ row, value }">
|
|
||||||
<QTd auto-width align="right" class="text-primary">
|
|
||||||
{{ value }} {{ row }}
|
|
||||||
</QTd>
|
|
||||||
</template>
|
|
||||||
<template #body-cell-discount="{ row, value, rowIndex }">
|
|
||||||
<QTd auto-width align="right" class="text-primary">
|
|
||||||
{{ value }}
|
|
||||||
<VnDiscount
|
|
||||||
:quantity="row.quantity"
|
|
||||||
:price="row.sale.price"
|
|
||||||
:discount="row.sale.discount"
|
|
||||||
:mana="mana"
|
|
||||||
:promise="updateDiscount"
|
|
||||||
:data="{ saleFk: row.sale.id, rowIndex: rowIndex }"
|
|
||||||
@on-update="onUpdateDiscount"
|
|
||||||
/>
|
|
||||||
</QTd>
|
|
||||||
</template>
|
|
||||||
<!-- View for grid mode -->
|
|
||||||
<template #item="props">
|
|
||||||
<div
|
|
||||||
class="q-mb-md col-12 grid-style-transition"
|
|
||||||
:style="props.selected ? 'transform: scale(0.95);' : ''"
|
|
||||||
>
|
|
||||||
<QCard>
|
|
||||||
<QCardSection>
|
|
||||||
<QCheckbox v-model="props.selected" />
|
|
||||||
</QCardSection>
|
|
||||||
<QSeparator inset />
|
|
||||||
<QList dense>
|
|
||||||
<QItem
|
|
||||||
v-for="column of props.cols"
|
|
||||||
:key="column.name"
|
|
||||||
>
|
|
||||||
<QItemSection>
|
|
||||||
<QItemLabel caption>
|
|
||||||
{{ column.label }}
|
|
||||||
</QItemLabel>
|
|
||||||
</QItemSection>
|
|
||||||
<QItemSection side>
|
|
||||||
<template v-if="column.name === 'accounted'">
|
|
||||||
<QItemLabel class="text-primary">
|
|
||||||
<QInput
|
|
||||||
v-model="props.row.quantity"
|
|
||||||
type="number"
|
|
||||||
dense
|
|
||||||
autofocus
|
|
||||||
@keyup.enter="
|
|
||||||
saveWhenHasChanges()
|
|
||||||
"
|
|
||||||
@blur="saveWhenHasChanges()"
|
|
||||||
/>
|
|
||||||
</QItemLabel>
|
|
||||||
</template>
|
|
||||||
<template
|
|
||||||
v-else-if="column.name === 'discount'"
|
|
||||||
>
|
|
||||||
<QItemLabel class="text-primary">
|
|
||||||
{{ column.value }}
|
|
||||||
<VnDiscount
|
|
||||||
:quantity="props.row.quantity"
|
|
||||||
:price="props.row.sale.price"
|
|
||||||
:discount="
|
|
||||||
props.row.sale.discount
|
|
||||||
"
|
|
||||||
:mana="mana"
|
|
||||||
:promise="updateDiscount"
|
|
||||||
:data="{
|
|
||||||
saleFk: props.row.sale.id,
|
|
||||||
rowIndex: props.rowIndex,
|
|
||||||
}"
|
|
||||||
@on-update="onUpdateDiscount"
|
|
||||||
/>
|
|
||||||
</QItemLabel>
|
|
||||||
</template>
|
|
||||||
<template v-else>
|
|
||||||
<QItemLabel>
|
|
||||||
{{ column.value }}
|
|
||||||
</QItemLabel>
|
|
||||||
</template>
|
|
||||||
</QItemSection>
|
|
||||||
</QItem>
|
|
||||||
</QList>
|
|
||||||
</QCard>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</QTable>
|
|
||||||
</template>
|
|
||||||
</CrudModel>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<QPageSticky position="bottom-right" :offset="[25, 25]">
|
|
||||||
<QBtn fab color="primary" icon="add" @click="showImportDialog()" />
|
|
||||||
</QPageSticky>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.list {
|
|
||||||
padding-top: 50px;
|
|
||||||
max-width: 900px;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.grid-style-transition {
|
|
||||||
transition: transform 0.28s, background-color 0.28s;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<i18n>
|
|
||||||
en:
|
|
||||||
You are about to remove {count} rows: '
|
|
||||||
You are about to remove <strong>{count}</strong> row |
|
|
||||||
You are about to remove <strong>{count}</strong> rows'
|
|
||||||
es:
|
|
||||||
Delivered: Entregado
|
|
||||||
Quantity: Cantidad
|
|
||||||
Accounted: Reclamada
|
|
||||||
Description: Descripción
|
|
||||||
Price: Precio
|
|
||||||
Discount: Descuento
|
|
||||||
Actions: Acciones
|
|
||||||
Amount: Total
|
|
||||||
Amount Accounted: Cantidad reclamada
|
|
||||||
Delete accounted sales: Eliminar ventas reclamadas
|
|
||||||
Discount updated: Descuento actualizado
|
|
||||||
Accounted quantity: Cantidad reclamada
|
|
||||||
You are about to remove {count} rows: '
|
|
||||||
Vas a eliminar <strong>{count}</strong> línea |
|
|
||||||
Vas a eliminar <strong>{count}</strong> líneas'
|
|
||||||
</i18n>
|
|
||||||
Loading…
Reference in New Issue